{"slug":"bar-layout","name":"BarLayout","packageName":"@liquidify/react","category":"presentational","maturity":"experimental","summary":"Place opaque React content into reusable bar slots.","importPath":"@liquidify/react/bar-layout","sourcePath":"packages/@liquidify/react/src/components/bar-layout/bar-layout.tsx","specPath":"packages/@liquidify/react/src/components/bar-layout/spec.md","documentationStatus":"missing","storyIds":["presentational-bar-layout--default","presentational-bar-layout--disabled-controls"],"additionalExports":["BarLayoutSlots","LayoutSlot","LayoutSpacing"],"anatomy":[],"props":[{"name":"asChild","type":"undefined","required":false,"description":"Multiple owned elements cannot be merged onto one child.","declaredIn":"packages/@liquidify/react/src/components/bar-layout/bar-layout.tsx"},{"name":"center","type":"LayoutSlot","required":false,"description":"","declaredIn":"packages/@liquidify/react/src/components/bar-layout/bar-layout.tsx"},{"name":"className","type":"string | undefined","required":false,"description":"Optional additional CSS class merged into the glass surface class. The supported per-instance customisation seam: override any `--lq-*` custom property from this class's CSS — the token cascade the engine reads (ADR-0004). No raw inline style is involved, so this stays ADR-0003 clean.","declaredIn":"packages/@liquidify/react/src/liquid-component-props.ts"},{"name":"end","type":"LayoutSlot","required":false,"description":"","declaredIn":"packages/@liquidify/react/src/components/bar-layout/bar-layout.tsx"},{"name":"gap","type":"LayoutSpacing | undefined","required":false,"description":"Space between slots and their controls. Defaults to compact (8px).","declaredIn":"packages/@liquidify/react/src/components/bar-layout/bar-layout.tsx"},{"name":"ref","type":"Ref<HTMLDivElement> | undefined","required":false,"description":"Forwarded ref to the rendered element — the component's native root (or the merged child element on a component that opts into {@link SlottableProps}). Generic over `E` (charter `docs/api-conventions.md` §4 rule 1, default `HTMLElement`) so a component with a polymorphic root (Link's navigation / action mode union, Text's `as`) can instantiate the concrete element per variant instead of leaving every consumer with a widened `Ref<HTMLElement>`. A component that does not narrow simply inherits the `HTMLElement` default — source-compatible with every pre-existing non-generic `extends ControlProps`.","declaredIn":"packages/@liquidify/react/src/components/bar-layout/bar-layout.tsx"},{"name":"shouldGrow","type":"boolean | undefined","required":false,"description":"Fill the available space between the occupied side regions. Defaults to false.","declaredIn":"packages/@liquidify/react/src/components/bar-layout/bar-layout.tsx"},{"name":"shouldShrink","type":"boolean | undefined","required":false,"description":"Allow the middle region to contract below its intrinsic width. Defaults to true.","declaredIn":"packages/@liquidify/react/src/components/bar-layout/bar-layout.tsx"},{"name":"sidebar","type":"LayoutSlot","required":false,"description":"Optional content below the bar, spanning its width.","declaredIn":"packages/@liquidify/react/src/components/bar-layout/bar-layout.tsx"},{"name":"start","type":"LayoutSlot","required":false,"description":"","declaredIn":"packages/@liquidify/react/src/components/bar-layout/bar-layout.tsx"},{"name":"visualDebug","type":"boolean | undefined","required":false,"description":"Outline this element and its descendants without affecting layout.","declaredIn":"packages/@liquidify/react/src/components/bar-layout/bar-layout.tsx"}],"swiftUIMap":[{"swiftUI":"*(web-only, no direct SwiftUI analogue)*","react":"`start / center / end / sidebar`","notes":"Web layout slots for caller-owned content, with no direct SwiftUI API equivalent.","relationship":"web-only"},{"swiftUI":"*(web-only, no direct SwiftUI analogue)*","react":"`shouldGrow / shouldShrink / gap`","notes":"CSS layout and token-spacing behavior.","relationship":"web-only"}],"tokens":[],"keyboard":[],"variants":[],"variantPages":[]}