{"slug":"minimizable-bar-region","name":"MinimizableBarRegion","packageName":"@liquidify/react","category":"controls","maturity":"experimental","summary":"Explicitly opt registered surfaces into compact presentation while retaining their React state.","importPath":"@liquidify/react/minimizable-bar-region","sourcePath":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.tsx","specPath":"packages/@liquidify/react/src/components/minimizable-bar-region/spec.md","documentationStatus":"missing","storyIds":["controls-minimizable-bar-region--default","controls-minimizable-bar-region--disabled-controls"],"additionalExports":["AdaptiveRegionTriggerProps"],"anatomy":[],"props":[{"name":"animated","type":"boolean | undefined","required":false,"description":"","declaredIn":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.tsx"},{"name":"asChild","type":"undefined","required":false,"description":"Multiple owned elements cannot be merged onto one child.","declaredIn":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.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/components/minimizable-bar-region/minimizable-bar-region.tsx"},{"name":"compactIcon","type":"ReactNode","required":false,"description":"","declaredIn":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.tsx"},{"name":"compactLabel","type":"string | undefined","required":false,"description":"Omit when the icon alone is enough; expandLabel always supplies the accessible name.","declaredIn":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.tsx"},{"name":"defaultMinimized","type":"boolean | undefined","required":false,"description":"","declaredIn":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.tsx"},{"name":"expandLabel","type":"string","required":true,"description":"Accessible action, for example \"Expand navigation\".","declaredIn":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.tsx"},{"name":"grow","type":"boolean | undefined","required":false,"description":"Full-width fields and navigation shells may fill their bar region.","declaredIn":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.tsx"},{"name":"items","type":"readonly { id: string; content: ReactNode; }[]","required":true,"description":"One registered surface per item: Button, TextField, ControlGroup, Panel or GlassPrimitive.","declaredIn":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.tsx"},{"name":"minimized","type":"boolean | undefined","required":false,"description":"","declaredIn":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.tsx"},{"name":"mode","type":"\"layout\" | \"independent\" | undefined","required":false,"description":"Layout mode follows the containing bar. Independent mode owns a presentation triad.","declaredIn":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.tsx"},{"name":"onExpandAutoFocus","type":"((event: Event) => void) | undefined","required":false,"description":"","declaredIn":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.tsx"},{"name":"onMinimizedChange","type":"((minimized: boolean) => void) | undefined","required":false,"description":"","declaredIn":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.tsx"},{"name":"placement","type":"AdaptiveBarPlacement | undefined","required":false,"description":"Overrides AppBar context when composing a custom headless header or footer.","declaredIn":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.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/minimizable-bar-region/minimizable-bar-region.tsx"},{"name":"trigger","type":"((props: AdaptiveRegionTriggerProps) => ReactNode) | undefined","required":false,"description":"","declaredIn":"packages/@liquidify/react/src/components/minimizable-bar-region/minimizable-bar-region.tsx"}],"swiftUIMap":[{"swiftUI":"*(web-only, no direct SwiftUI analogue)*","react":"`items / trigger`","notes":"Web morph-region composition with caller-owned controls.","relationship":"web-only"},{"swiftUI":"*(web-only, no direct SwiftUI analogue)*","react":"`minimized / defaultMinimized / onMinimizedChange`","notes":"Controlled or uncontrolled web presentation state.","relationship":"web-only"},{"swiftUI":"*(web-only, no direct SwiftUI analogue)*","react":"`mode / placement`","notes":"Follow containing bar context or own an independent web presentation policy.","relationship":"web-only"}],"tokens":[],"keyboard":[],"variants":[],"variantPages":[]}