export declare const BreadcrumbsContainer: import("styled-components").StyledComponent<"div", any, {}, never>; /** * `MidBar.Header.Compose` is the themed header grid (`1fr auto 1fr`). Its three * slots each own one track, which is why the step list cannot share a row with * the breadcrumbs and wrap under them — so the row below spans every track * instead of occupying a slot. * * `flex-shrink: 0` because this is a flex child of `GS.PageContainer`: without * it a short viewport shrinks the header to `MidBar`'s `min-height`, which is * one row tall, and the wrapped step list spills over the content below. */ export declare const Header: import("styled-components").StyledComponent<(props: import("@redis-ui/components/dist/MidBar/components/Header/components/Compose/Compose.types").MidBarHeaderComposeProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>; /** * `space-between` keeps the step list right-aligned while it shares the line * with the identity block, and left-aligns it once it wraps — a wrapped line * holds a single item, which `space-between` puts at the line start. */ export declare const HeaderRow: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("@redis-ui/components").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>; /** * `flex-shrink: 0` is what makes the row wrap instead of squeezing: flex * line-breaking compares the children's hypothetical (unshrunk) sizes against * the line, so a shrinkable child would be compressed on one line rather than * pushed onto the next. */ export declare const IdentityGroup: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("@redis-ui/components").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>; /** * Same `flex-shrink: 0` reasoning as `IdentityGroup`. `max-width: 100%` caps the * hypothetical size at the line width so that the last-resort `overflow-x` can * engage below `PackageContainer`'s `min-width`, where even a full row is * narrower than the step list. */ export declare const StepperSlot: import("styled-components").StyledComponent<"div", any, {}, never>;