themelia-react-ui 2.0.3 → 2.0.5

package/dist/components/layout/sidebar/sidebar.types.d.ts

@@ -4,9 +4,11 @@
  */
 import type { ComponentType, ReactNode } from 'react';
 import type { LayoutIconSource, LayoutLinkRenderer, LayoutNavigationAdapter } from '../layout.types';
-import type { SidebarMenuDensity } from '../../base/sidebar';
+import type { SidebarMenuDensity, SidebarPanelId, SidebarPresentation } from '../../base/sidebar';
 import type { StringsProp } from '../../../lib/strings';
 export interface SidebarNavItem {
+    /** Stable identity for rendering, branch expansion and live badges; precedes handle and href. */
+    id?: string;
     /** Display label. */
     label: ReactNode;
     /** Destination for the entry, when it navigates. */
@@ -23,10 +25,20 @@ export interface SidebarNavItem {
     external?: boolean;
 }
 export type SidebarFlatNavItem = Omit<SidebarNavItem, 'children' | 'group'>;
+export interface SidebarNavigationGroup {
+    /** Stable identity independent of the displayed group label. */
+    id: string;
+    /** Optional section heading. */
+    label?: ReactNode;
+    items: SidebarNavItem[];
+}
+export type SidebarNavigationGroups = Record<string, SidebarNavItem[]> | readonly SidebarNavigationGroup[];
 export interface SidebarRenderItemContext {
     depth: number;
     /** Marks the control as currently engaged. */
     active: boolean;
+    /** This branch contains the current destination, independently of disclosure state. */
+    ancestor?: boolean;
     expanded: boolean;
     /** Effective disabled state, including any disabled ancestor. */
     disabled?: boolean;
@@ -38,23 +50,37 @@ export interface SidebarRenderItemContext {
     badge?: string | number;
     renderLink: LayoutLinkRenderer;
 }
+/** Custom row content retains the library-owned link, disclosure and child list. */
+export interface SidebarRenderItemContentContext extends Omit<SidebarRenderItemContext, 'children' | 'setExpanded'> {
+    defaultContent: ReactNode;
+}
+export interface SidebarSlotContext {
+    panelId: SidebarPanelId;
+    collapsed: boolean;
+    presentation: SidebarPresentation;
+    isMobile: boolean;
+    renderLink: LayoutLinkRenderer;
+    /** Standard content for this region, without its surrounding anatomy. */
+    defaultContent: ReactNode;
+}
+export type SidebarSlot = ReactNode | ((context: SidebarSlotContext) => ReactNode);
 export interface SidebarSlots {
-    /** Header region of the shell. */
-    header?: ReactNode;
+    /** A node replaces the full header; a callback supplies content inside the padded header. */
+    header?: SidebarSlot;
     /** Pinned content before the standard logo/workspace region, inside its padded header. */
     headerStart?: ReactNode;
     /** Pinned content after the standard logo/workspace region. Full header replacement wins. */
     headerEnd?: ReactNode;
-    beforeNavigation?: ReactNode;
-    afterNavigation?: ReactNode;
+    beforeNavigation?: SidebarSlot;
+    afterNavigation?: SidebarSlot;
     /** Content below the body. */
-    footer?: ReactNode;
+    footer?: SidebarSlot;
     empty?: ReactNode;
     /** Shows the pending indicator. */
     loading?: ReactNode;
 }
 export interface SidebarExpansionProps {
-    /** Expanded branch keys from handle, href, or a plain-text label. Controlled. */
+    /** Expanded branch keys from id, handle, href, or a plain-text label. Controlled. */
     expandedItems?: readonly string[];
     /** Initially expanded branches. Active ancestors also open automatically. */
     defaultExpandedItems?: readonly string[];
@@ -69,6 +95,8 @@ export interface SidebarNavigationStrings {
 }
 export declare const defaultSidebarNavigationStrings: SidebarNavigationStrings;
 export interface AppSidebarProps extends LayoutNavigationAdapter, SidebarExpansionProps {
+    /** Accessible name for the navigation landmark. Defaults to the named panel's role. */
+    'aria-label'?: string;
     /** Enables the library input and local navigation filtering. */
     searchable?: boolean;
     /** Search text. Controlled; renderNode labels use their handle as searchable text. */
@@ -80,7 +108,7 @@ export interface AppSidebarProps extends LayoutNavigationAdapter, SidebarExpansi
     /** Row and child-list rhythm. Inherits the sidebar provider. */
     menuDensity?: SidebarMenuDensity;
     /** Navigation items grouped by section heading. */
-    navigationGroups?: Record<string, SidebarNavItem[]>;
+    navigationGroups?: SidebarNavigationGroups;
     /** Navigation items pinned to the sidebar footer. */
     footerNavItems?: SidebarFlatNavItem[];
     /** Heading above the footer navigation. */
@@ -111,8 +139,12 @@ export interface AppSidebarProps extends LayoutNavigationAdapter, SidebarExpansi
     liveBadges?: Record<string, string | number>;
     /** Shows the pending indicator. */
     loading?: boolean;
-    /** Whether the sidebar can collapse to icons. */
+    /** Desktop collapse: icon keeps a compact rail, offcanvas closes the panel, none stays expanded. */
     collapsible?: 'offcanvas' | 'icon' | 'none';
+    /** Named state owner; inherits the nearest shell region, then primary. */
+    panelId?: SidebarPanelId;
+    /** Transparent docked surfaces share their shell canvas. Drawers remain opaque. */
+    surface?: 'default' | 'transparent';
     /** Shell treatment. */
     variant?: 'sidebar' | 'floating' | 'inset';
     /** Which side of the trigger the surface opens on. */
@@ -126,6 +158,8 @@ export interface AppSidebarProps extends LayoutNavigationAdapter, SidebarExpansi
     slots?: SidebarSlots;
     /** Renders one item through the consumer's router. */
     renderItem?: (item: SidebarNavItem, context: SidebarRenderItemContext) => ReactNode;
+    /** Replaces row content while retaining the link, disclosure, focus and descendants. */
+    renderItemContent?: (item: SidebarNavItem, context: SidebarRenderItemContentContext) => ReactNode;
 }
 export interface SidebarGroupedNavigationProps extends LayoutNavigationAdapter, SidebarExpansionProps {
     /** Optional local filter. Matching ancestors stay visible and open. */
@@ -134,7 +168,7 @@ export interface SidebarGroupedNavigationProps extends LayoutNavigationAdapter,
     /** Row and child-list rhythm. Inherits the sidebar provider. */
     menuDensity?: SidebarMenuDensity;
     /** Navigation items grouped by section heading. */
-    navigationByGroups: Record<string, SidebarNavItem[]>;
+    navigationByGroups: SidebarNavigationGroups;
     /** URL of the active route, used to mark the current item. */
     currentUrl?: string;
     /** Resolves an item's icon name to a component, keeping navigation data serialisable. */
@@ -149,6 +183,8 @@ export interface SidebarGroupedNavigationProps extends LayoutNavigationAdapter,
     emptySlot?: ReactNode;
     /** Renders one item through the consumer's router. */
     renderItem?: (item: SidebarNavItem, context: SidebarRenderItemContext) => ReactNode;
+    /** Replaces row content while retaining accessible navigation anatomy. */
+    renderItemContent?: (item: SidebarNavItem, context: SidebarRenderItemContentContext) => ReactNode;
     className?: string;
 }
 export interface SidebarFlatNavigationProps extends LayoutNavigationAdapter {
@@ -170,6 +206,8 @@ export interface SidebarFlatNavigationProps extends LayoutNavigationAdapter {
     liveBadges?: Record<string, string | number>;
     /** Renders one item through the consumer's router. */
     renderItem?: (item: SidebarFlatNavItem, context: SidebarRenderItemContext) => ReactNode;
+    /** Replaces row content while retaining the accessible link and focus treatment. */
+    renderItemContent?: (item: SidebarFlatNavItem, context: SidebarRenderItemContentContext) => ReactNode;
     className?: string;
 }
 export interface WorkspaceLink {

package/dist/components/layout/sidebar/sidebar.utils.d.ts

@@ -5,6 +5,13 @@ import type { SidebarNavItem } from './sidebar.types';
 import type { ComponentScale } from '../../../lib/component-vocabulary';
 export declare function toPath(href: string): string;
 export declare function isPathMatch(currentUrl: string, path: string): boolean;
+/** Choose one destination across the whole navigation tree. Prefix matches
+ * still open ancestors, but a shorter sibling route is not also current. */
+interface NavigationPathItem {
+    href?: string;
+    children?: readonly NavigationPathItem[];
+}
+export declare function getCurrentNavigationHref(currentUrl: string, items: readonly NavigationPathItem[]): string | undefined;
 export declare function getNavLabel(item: Pick<SidebarNavItem, 'label'>): React.ReactNode;
 export declare function getNavKey(item: SidebarNavItem, fallbackIndex?: number): React.Key;
 export declare function NavBadge({ value, size, }: {
@@ -13,7 +20,7 @@ export declare function NavBadge({ value, size, }: {
     /** Size preset. */
     size?: ComponentScale;
 }): React.JSX.Element;
-export declare function resolveNavBadge(handle: string | undefined, itemBadge: string | number | undefined, liveBadges: Record<string, string | number> | undefined): string | number | undefined;
+export declare function resolveNavBadge(handle: string | undefined, itemBadge: string | number | undefined, liveBadges: Record<string, string | number> | undefined, id?: string): string | number | undefined;
 export interface DynamicIconProps extends React.SVGProps<SVGSVGElement> {
     /** Leading glyph. */
     icon: LayoutIconSource;
@@ -27,3 +34,4 @@ export interface DynamicIconProps extends React.SVGProps<SVGSVGElement> {
 }
 export declare function DynamicIcon({ icon, iconMap, size, className, ...props }: DynamicIconProps): React.JSX.Element | null;
 export declare function renderSidebarLink(renderLink: LayoutLinkRenderer, item: SidebarNavItem, children: React.ReactNode, className?: string, active?: boolean): React.ReactNode;
+export {};

package/dist/components/layout/workspace/workspace.types.d.ts

@@ -61,7 +61,7 @@ export interface WorkspaceRecordHeaderProps extends Omit<HTMLAttributes<HTMLDivE
     actions?: ReactNode;
     /**
      * The record's one main command: a solid primary button after the secondary
-     * commands, visible at every width.
+     * commands, available in the compact header menu.
      */
     primaryAction?: PageHeaderAction;
     /**
@@ -72,6 +72,13 @@ export interface WorkspaceRecordHeaderProps extends Omit<HTMLAttributes<HTMLDivE
      * command objects instead.
      */
     secondaryActions?: ReactNode | readonly PageHeaderAction[];
+    /**
+     * How many routine secondary commands render as outline buttons on wide
+     * headers; later ones join the More actions menu. Use `1` or `0` when long
+     * labels beside the primary command would crowd the header; `Infinity`
+     * keeps every routine command inline. @default 2
+     */
+    maxVisibleSecondaryActions?: number;
     /** Accessible name of the More actions menu trigger. Default: `'More actions'`. */
     moreActionsLabel?: string;
     /** Current state, shown as a chip. */

package/dist/components/typography/text.styles.d.ts

@@ -38,6 +38,31 @@ export declare const headingSizes: {
     readonly '3xl': "text-3xl leading-tight tracking-tight";
     readonly '4xl': "text-4xl leading-tight tracking-tight";
 };
+/** Library-owned title responsibilities; semantic heading tags remain separate.
+ * A nested record title is a subject, even when its component is called a header. */
+export declare const headingRoleSizes: {
+    readonly route: "xl";
+    readonly subject: "base";
+    readonly subsection: "sm";
+};
+/** Shared copy intent without fixing the provider's ordinary text size.
+ * Compact supporting copy deliberately uses the smaller secondary role. */
+export declare const copyRoleProps: {
+    readonly primary: {
+        readonly type: "inherit";
+    };
+    readonly structuralDescription: {
+        readonly type: "secondary";
+    };
+    readonly supporting: {
+        readonly type: "secondary";
+        readonly size: "xs";
+    };
+    readonly subsection: {
+        readonly type: "inherit";
+        readonly weight: "semibold";
+    };
+};
 export declare const textWeights: {
     readonly normal: "font-normal";
     readonly regular: "font-normal";
@@ -72,7 +97,7 @@ export declare const textLineHeights: {
 export declare const textVariants: (props?: ({
     type?: "primary" | "secondary" | "success" | "inherit" | "main" | "inverse" | "discrete" | "error" | null | undefined;
     size?: "sm" | "lg" | "inherit" | "xxs" | "xs" | "pxs" | "base" | "xl" | null | undefined;
-    weight?: "inherit" | "bold" | "normal" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "inherit" | "bold" | "normal" | "medium" | "semibold" | "regular" | null | undefined;
     align?: "center" | "left" | "right" | null | undefined;
     lineHeight?: "inherit" | "none" | "normal" | "loose" | "relaxed" | "tight" | "snug" | null | undefined;
     numeric?: boolean | null | undefined;

package/dist/components/ui/alert-dialog.d.ts

@@ -4,9 +4,9 @@ import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog
 import { Button } from "./button";
 declare function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props): React.JSX.Element;
 declare function AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props): React.JSX.Element;
-declare function AlertDialogPortal({ container, ...props }: AlertDialogPrimitive.Portal.Props): React.JSX.Element;
+declare function AlertDialogPortal({ container, className, ...props }: AlertDialogPrimitive.Portal.Props): React.JSX.Element;
 declare function AlertDialogOverlay({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): React.JSX.Element;
-declare function AlertDialogContent({ className, container, size, ...props }: AlertDialogPrimitive.Popup.Props & {
+declare function AlertDialogContent({ className, container, size, children, finalFocus: finalFocusProp, ...props }: AlertDialogPrimitive.Popup.Props & {
     size?: "default" | "sm";
 } & {
     container?: ThemePortalContainer;

package/dist/components/ui/combobox.d.ts

@@ -21,7 +21,7 @@ type ComboboxInputTriggerProps = Omit<ComboboxPrimitive.Input.Props, 'size'> & {
     error?: boolean;
 };
 declare function ComboboxInputTrigger({ className, render, showClear, clearLabel, toggleLabel, size, error, ...props }: ComboboxInputTriggerProps): React.JSX.Element;
-declare function ComboboxPortal({ container, ...props }: ComboboxPrimitive.Portal.Props): React.JSX.Element;
+declare function ComboboxPortal({ container, className, ...props }: ComboboxPrimitive.Portal.Props): React.JSX.Element;
 declare function ComboboxPositioner({ className, positionMethod, sideOffset, ...props }: ComboboxPrimitive.Positioner.Props): React.JSX.Element;
 declare function ComboboxPopup({ className, render, ...props }: ComboboxPrimitive.Popup.Props): React.JSX.Element;
 declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): React.JSX.Element;

package/dist/components/ui/dialog.d.ts

@@ -5,10 +5,10 @@ declare function Dialog({ ...props }: DialogPrimitive.Root.Props): React.JSX.Ele
 declare function DialogTrigger({ asChild, ...props }: DialogPrimitive.Trigger.Props & {
     asChild?: boolean;
 }): React.JSX.Element;
-declare function DialogPortal({ container, ...props }: DialogPrimitive.Portal.Props): React.JSX.Element;
+declare function DialogPortal({ container, className, ...props }: DialogPrimitive.Portal.Props): React.JSX.Element;
 declare function DialogClose({ ...props }: DialogPrimitive.Close.Props): React.JSX.Element;
 declare function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): React.JSX.Element;
-declare function DialogContent({ className, container, children, showCloseButton, onFocusCapture, ...props }: DialogPrimitive.Popup.Props & {
+declare function DialogContent({ className, container, children, showCloseButton, onFocusCapture, finalFocus: finalFocusProp, ...props }: DialogPrimitive.Popup.Props & {
     showCloseButton?: boolean;
 } & {
     container?: ThemePortalContainer;

package/dist/components/ui/overlay-layer.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+declare function OverlayLayer({ children }: {
+    children?: React.ReactNode;
+}): React.JSX.Element;
+declare function useInsideOverlayLayer(): boolean;
+type FinalFocus = boolean | React.RefObject<HTMLElement | null> | ((closeType: never) => boolean | HTMLElement | null | void);
+/**
+ * Returns focus to the element that opened the modal. Base UI returns it to the
+ * nested parent instead, and under the sidebar drawer owner that parent is closed,
+ * so focus fell to the body. Like the default, it leaves focus alone when the app
+ * already moved it outside the popup (a confirm that focuses an editor). An
+ * explicit `finalFocus` still wins.
+ */
+declare function useOpenerFinalFocus<T extends FinalFocus | undefined>(finalFocus: T): {
+    capture: React.JSX.Element;
+    finalFocus: (() => boolean | HTMLElement) | NonNullable<T>;
+};
+export { OverlayLayer, useInsideOverlayLayer, useOpenerFinalFocus };

package/dist/components/ui/sheet.d.ts

@@ -8,9 +8,13 @@ declare function SheetTrigger({ asChild, ...props }: SheetPrimitive.Trigger.Prop
 declare function SheetClose({ asChild, ...props }: SheetPrimitive.Close.Props & {
     asChild?: boolean;
 }): React.JSX.Element;
-declare function SheetContent({ className, container, children, side, showCloseButton, onFocusCapture, ...props }: SheetPrimitive.Popup.Props & {
+declare function SheetContent({ className, container, children, side, showCloseButton, forceRenderBackdrop, backdropClassName, onFocusCapture, finalFocus: finalFocusProp, ...props }: SheetPrimitive.Popup.Props & {
     side?: "top" | "right" | "bottom" | "left";
     showCloseButton?: boolean;
+    /** @internal Render the native backdrop for an embedded sidebar root. */
+    forceRenderBackdrop?: boolean;
+    /** @internal Position the existing native backdrop within a sidebar frame. */
+    backdropClassName?: string;
 } & {
     container?: ThemePortalContainer;
 }): React.JSX.Element;

package/dist/components/ui/sidebar-state.d.ts

@@ -0,0 +1,82 @@
+import * as React from 'react';
+export type SidebarPanelId = 'primary' | 'secondary' | 'aside';
+export type SidebarPresentation = 'docked' | 'drawer';
+export type SidebarCollapseMode = 'offcanvas' | 'icon' | 'none';
+export declare const sidebarDockThresholds: {
+    readonly primary: 768;
+    readonly secondary: 1024;
+    readonly aside: 1440;
+};
+export interface SidebarStateProps {
+    defaultOpen?: boolean;
+    adaptTo?: 'viewport' | 'container';
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Controlled expanded desktop panels. Takes precedence over the legacy primary `open` prop. */
+    openPanels?: readonly SidebarPanelId[];
+    /** Initial uncontrolled desktop panels. Otherwise `defaultOpen` initializes primary only. */
+    defaultOpenPanels?: readonly SidebarPanelId[];
+    /** Receives an isolated desktop-state proposal; primary changes also notify `onOpenChange`. */
+    onOpenPanelsChange?: (panels: SidebarPanelId[]) => void;
+    /** Controlled active undocked panel, or null. Independent of remembered desktop expansion. */
+    mobilePanel?: SidebarPanelId | null;
+    /** Receives drawer selection and dismissal proposals, including removal or return to docked presentation. */
+    onMobilePanelChange?: (panel: SidebarPanelId | null) => void;
+    /** Default target for untargeted triggers and the keyboard shortcut. @default 'primary' */
+    navigationPanel?: 'primary' | 'secondary';
+    /** Ctrl/Command key for navigationPanel; false disables it. Editable fields and overlays retain their shortcuts. @default 'b' */
+    keyboardShortcut?: string | false;
+}
+type RegionRegistration = {
+    dockAt: number;
+    width?: number;
+    collapsible?: SidebarCollapseMode;
+};
+export interface SidebarScopeValue {
+    panelId: SidebarPanelId;
+    geometry?: 'panel' | 'rail';
+    side?: 'left' | 'right';
+    setCollapse?: (value: {
+        collapsible: SidebarCollapseMode;
+        variant: 'sidebar' | 'floating' | 'inset';
+    } | null) => void;
+}
+export declare const SidebarScopeContext: React.Context<SidebarScopeValue | null>;
+export declare const SidebarScope: React.Provider<SidebarScopeValue | null>;
+type SidebarStore = {
+    openPanels: readonly SidebarPanelId[];
+    mobilePanel: SidebarPanelId | null;
+    navigationPanel: SidebarPanelId;
+    adaptTo: 'viewport' | 'container';
+    hostRef: React.RefObject<HTMLDivElement | null>;
+    getPresentation: (panelId: SidebarPanelId) => SidebarPresentation;
+    getCollapseMode: (panelId: SidebarPanelId) => SidebarCollapseMode | undefined;
+    setPanelOpen: (panelId: SidebarPanelId, value: boolean | ((open: boolean) => boolean)) => void;
+    setPanelOpenMobile: (panelId: SidebarPanelId, value: React.SetStateAction<boolean>) => void;
+    setMobilePanel: (value: SidebarPanelId | null) => void;
+    togglePanel: (panelId: SidebarPanelId) => void;
+    registerRegion: (panelId: SidebarPanelId, region: RegionRegistration | null) => void;
+    triggerFor: (panelId: SidebarPanelId) => HTMLElement | null;
+    rememberTrigger: (panelId: SidebarPanelId, element: HTMLElement) => void;
+};
+export declare function useSidebarStore(): SidebarStore | null;
+export declare function useSidebar(panelId?: SidebarPanelId): {
+    panelId: SidebarPanelId;
+    side: "left" | "right";
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (value: boolean | ((open: boolean) => boolean)) => void;
+    /** Whether the selected desktop panel is collapsed; drawers expose expanded content. */
+    collapsed: boolean;
+    /** Effective presentation for the selected panel, including its own docking threshold. */
+    presentation: SidebarPresentation;
+    isMobile: boolean;
+    openMobile: boolean;
+    setOpenMobile: (value: React.SetStateAction<boolean>) => void;
+    toggleSidebar: () => void;
+    openPanels: readonly SidebarPanelId[];
+    mobilePanel: SidebarPanelId | null;
+    setMobilePanel: (value: SidebarPanelId | null) => void;
+};
+export declare function SidebarProvider({ defaultOpen, adaptTo, open, onOpenChange, openPanels, defaultOpenPanels, onOpenPanelsChange, mobilePanel: controlledMobilePanel, onMobilePanelChange, navigationPanel, keyboardShortcut, ref: forwardedRef, className, style, children, ...props }: React.ComponentProps<'div'> & SidebarStateProps): React.JSX.Element;
+export {};

package/dist/components/ui/sidebar.d.ts

@@ -5,28 +5,16 @@ import { Button } from "./button";
 import { Input } from "./input";
 import { Separator } from "./separator";
 import { TooltipContent } from "./tooltip";
-type SidebarContextProps = {
-    state: "expanded" | "collapsed";
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    openMobile: boolean;
-    setOpenMobile: (open: boolean) => void;
-    isMobile: boolean;
-    toggleSidebar: () => void;
-};
-declare function useSidebar(): SidebarContextProps;
-declare function SidebarProvider({ defaultOpen, adaptTo, ref: forwardedRef, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
-    defaultOpen?: boolean;
-    adaptTo?: "viewport" | "container";
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}): React.JSX.Element;
+import { SidebarProvider, useSidebar } from "./sidebar-state";
+import { type SidebarPanelId } from "./sidebar-state";
 declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React.ComponentProps<"div"> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
 }): React.JSX.Element;
-declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function SidebarTrigger({ className, onClick, panelId, children, ...props }: React.ComponentProps<typeof Button> & {
+    panelId?: SidebarPanelId;
+}): React.JSX.Element;
 declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
 declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): React.JSX.Element;
 declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;

package/dist/composition.recipes-COdiFhxB.js

@@ -0,0 +1,19 @@
+import { n as e } from "./structure.recipes-BB4-n58V.js";
+//#region src/components/base/structure/composition.recipes.ts
+var t = {
+	commands: "md",
+	compactActions: "xs",
+	related: "xl",
+	subjects: "2xl",
+	page: "3xl"
+}, n = {
+	commands: e({ gap: t.commands }).join(" "),
+	compactActions: e({ gap: t.compactActions }).join(" "),
+	related: e({ gap: t.related }).join(" "),
+	subjects: e({ gap: t.subjects }).join(" "),
+	page: e({ gap: t.page }).join(" ")
+};
+//#endregion
+export { t as n, n as t };
+
+//# sourceMappingURL=composition.recipes-COdiFhxB.js.map

package/dist/composition.recipes-COdiFhxB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composition.recipes-COdiFhxB.js","names":["gapRecipe","compositionRhythm","compositionClasses"],"sources":["../src/components/base/structure/composition.recipes.ts"],"sourcesContent":["import {gapRecipe} from './structure.recipes';\nimport type {StructureGap} from './structure.types';\n\n/** Private relationship defaults. Generic Stack/Grid retain their own defaults;\n * surface regions and collection rows keep their independent recipe owners. */\nexport const compositionRhythm = {\n commands: 'md',\n compactActions: 'xs',\n related: 'xl',\n subjects: '2xl',\n page: '3xl',\n} as const satisfies Record<string, StructureGap>;\n\n/** Native layout owners use the same vocabulary as Stack/Grid. */\nexport const compositionClasses = {\n commands: gapRecipe({gap: compositionRhythm.commands}).join(' '),\n compactActions: gapRecipe({gap: compositionRhythm.compactActions}).join(' '),\n related: gapRecipe({gap: compositionRhythm.related}).join(' '),\n subjects: gapRecipe({gap: compositionRhythm.subjects}).join(' '),\n page: gapRecipe({gap: compositionRhythm.page}).join(' '),\n} as const satisfies Record<keyof typeof compositionRhythm, string>;\n"],"mappings":";;AAKA,IAAaC,IAAoB;CAChC,UAAU;CACV,gBAAgB;CAChB,SAAS;CACT,UAAU;CACV,MAAM;AACP,GAGaC,IAAqB;CACjC,UAAUF,EAAU,EAAC,KAAKC,EAAkB,SAAQ,CAAC,CAAC,CAAC,KAAK,GAAG;CAC/D,gBAAgBD,EAAU,EAAC,KAAKC,EAAkB,eAAc,CAAC,CAAC,CAAC,KAAK,GAAG;CAC3E,SAASD,EAAU,EAAC,KAAKC,EAAkB,QAAO,CAAC,CAAC,CAAC,KAAK,GAAG;CAC7D,UAAUD,EAAU,EAAC,KAAKC,EAAkB,SAAQ,CAAC,CAAC,CAAC,KAAK,GAAG;CAC/D,MAAMD,EAAU,EAAC,KAAKC,EAAkB,KAAI,CAAC,CAAC,CAAC,KAAK,GAAG;AACxD"}

package/dist/containers-CIxwbZt5.js

@@ -0,0 +1,112 @@
+"use client";
+import { t as e } from "./utils-B6kKb8jB.js";
+import { t } from "./focus-recipes-B653VaLq.js";
+import { o as n } from "./structure.recipes-BB4-n58V.js";
+import { n as r, t as i } from "./composition.recipes-COdiFhxB.js";
+import { t as a } from "./container.recipes-D9t8MHR3.js";
+import { forwardRef as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useRender as u } from "@base-ui/react/use-render";
+//#region src/components/layout/containers/content-container.tsx
+var d = o(function({ className: t, maxWidth: n, gutter: r, render: i, ...o }, s) {
+	return u({
+		defaultTagName: "div",
+		ref: s,
+		render: i,
+		props: {
+			...o,
+			className: e("container--component @container/content", a({
+				maxWidth: n,
+				gutter: r
+			}), t)
+		},
+		state: {}
+	});
+});
+d.displayName = "Container";
+//#endregion
+//#region src/components/layout/containers/page-viewport.tsx
+var f = o(function({ className: n, render: r, tabIndex: i = 0, ...a }, o) {
+	return u({
+		defaultTagName: "div",
+		ref: o,
+		render: r,
+		props: {
+			...a,
+			tabIndex: i,
+			className: e(`page-viewport--component min-h-0 min-w-0 flex-1 overflow-auto overscroll-contain [scrollbar-gutter:stable] @container/page focus-visible:outline-none ${t.inset}`, n)
+		},
+		state: {}
+	});
+});
+f.displayName = "PageViewport";
+//#endregion
+//#region src/components/layout/containers/section.tsx
+var p = o(function({ className: t, gap: i, render: a, ...o }, s) {
+	return u({
+		defaultTagName: "section",
+		ref: s,
+		render: a,
+		props: {
+			...o,
+			className: e("section--component", n({ gap: i ?? r.related }), t)
+		},
+		state: {}
+	});
+});
+p.displayName = "Section";
+//#endregion
+//#region src/components/layout/containers/two-column-layout.tsx
+var m = {
+	default: "@3xl:grid-cols-[minmax(0,2fr)_minmax(18rem,1fr)]",
+	"7/5": "@3xl:grid-cols-[minmax(0,7fr)_minmax(0,5fr)]",
+	"8/4": "@3xl:grid-cols-[minmax(0,8fr)_minmax(0,4fr)]"
+}, h = {
+	default: "lg:grid-cols-[minmax(0,2fr)_minmax(18rem,1fr)]",
+	"7/5": "lg:grid-cols-[minmax(0,7fr)_minmax(0,5fr)]",
+	"8/4": "lg:grid-cols-[minmax(0,8fr)_minmax(0,4fr)]"
+}, g = o(function({ header: t, main: n, aside: r, footer: a, stickyAside: o = !1, adaptTo: d = "viewport", ratio: f, slotProps: p, className: g, render: _, ...v }, y) {
+	let { className: b, ...x } = p?.header ?? {}, { className: S, ...C } = p?.main ?? {}, { className: w, ...T } = p?.aside ?? {}, { className: E, ...D } = p?.footer ?? {};
+	return u({
+		defaultTagName: "div",
+		ref: y,
+		render: _,
+		props: {
+			...v,
+			"data-slot": "two-column-layout",
+			className: e("two-column-layout--component grid min-w-0 grid-cols-1", i.subjects, d === "container" ? m[f ?? "default"] : h[f ?? "default"], g),
+			children: /* @__PURE__ */ l(s, { children: [
+				t == null ? null : /* @__PURE__ */ c("div", {
+					...x,
+					"data-slot": "two-column-layout-header",
+					className: e("two-column-layout--header col-span-full min-w-0", b),
+					children: t
+				}),
+				/* @__PURE__ */ c("div", {
+					...C,
+					"data-slot": "two-column-layout-main",
+					className: e("two-column-layout--main flex min-h-0 min-w-0 flex-col", i.subjects, S),
+					children: n
+				}),
+				/* @__PURE__ */ c("aside", {
+					...T,
+					"data-slot": "two-column-layout-aside",
+					className: e("two-column-layout--aside flex min-h-0 min-w-0 flex-col", i.subjects, o && (d === "container" ? "@3xl:sticky @3xl:top-space-2xl @3xl:self-start" : "lg:sticky lg:top-space-2xl lg:self-start"), w),
+					children: r
+				}),
+				a == null ? null : /* @__PURE__ */ c("div", {
+					...D,
+					"data-slot": "two-column-layout-footer",
+					className: e("two-column-layout--footer col-span-full min-w-0", E),
+					children: a
+				})
+			] })
+		},
+		state: {}
+	});
+});
+g.displayName = "TwoColumnLayout";
+//#endregion
+export { d as i, p as n, f as r, g as t };
+
+//# sourceMappingURL=containers-CIxwbZt5.js.map

package/dist/containers-CIxwbZt5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers-CIxwbZt5.js","names":["_Fragment","cn","stackRecipe","compositionRhythm","compositionClasses","containerRecipe","Fragment$1","Container","forwardRef","props","useRender","className","PageViewport","focusRecipes","Section","gap","containerColumnRecipes","viewportColumnRecipes","TwoColumnLayout","headerClassName","headerProps","slotProps","mainClassName","mainProps","asideClassName","asideProps","footerClassName","footerProps","adaptTo","ratio","header","main","stickyAside","aside","footer"],"sources":["../src/components/layout/containers/content-container.tsx","../src/components/layout/containers/page-viewport.tsx","../src/components/layout/containers/section.tsx","../src/components/layout/containers/two-column-layout.tsx"],"sourcesContent":["import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef } from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nimport { containerRecipe } from './container.recipes';\nimport type { ContainerProps } from './containers.types';\n\n/** Container — one centered content-width and inline-gutter owner. */\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(function Container(\n\t{ className, maxWidth, gutter, render, ...props },\n\tref,\n) {\n\treturn useRender({\n\t\tdefaultTagName: 'div',\n\t\tref,\n\t\trender,\n\t\tprops: {\n\t\t\t...props,\n\t\t\tclassName: cn('container--component @container/content', containerRecipe({ maxWidth, gutter }), className),\n\t\t},\n\t\tstate: {},\n\t});\n});\n\nContainer.displayName = 'Container';\n","import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef } from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nimport type { PageViewportProps } from './containers.types';\nimport { focusRecipes } from '../../../lib/focus-recipes';\n\n/** PageViewport — the single page-scroll and page-container-query owner. */\nexport const PageViewport = forwardRef<HTMLDivElement, PageViewportProps>(function PageViewport(\n\t{ className, render, tabIndex = 0, ...props },\n\tref,\n) {\n\treturn useRender({\n\t\tdefaultTagName: 'div',\n\t\tref,\n\t\trender,\n\t\tprops: {\n\t\t\t...props,\n\t\t\ttabIndex,\n\t\t\tclassName: cn(\n\t\t\t\t`page-viewport--component min-h-0 min-w-0 flex-1 overflow-auto overscroll-contain [scrollbar-gutter:stable] @container/page focus-visible:outline-none ${focusRecipes.inset}`,\n\t\t\t\tclassName,\n\t\t\t),\n\t\t},\n\t\tstate: {},\n\t});\n});\n\nPageViewport.displayName = 'PageViewport';\n","import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef } from 'react';\n\nimport { stackRecipe } from '../../base/structure/structure.recipes';\nimport {compositionRhythm} from '../../base/structure/composition.recipes';\nimport { cn } from '../../../lib/utils';\n\nimport type { SectionProps } from './containers.types';\n\n/** Section — a semantic vertical-rhythm owner for page content groups. */\nexport const Section = forwardRef<HTMLElement, SectionProps>(function Section(\n\t{ className, gap, render, ...props },\n\tref,\n) {\n\treturn useRender({\n\t\tdefaultTagName: 'section',\n\t\tref,\n\t\trender,\n\t\tprops: {\n\t\t\t...props,\n\t\t\tclassName: cn('section--component', stackRecipe({ gap: gap ?? compositionRhythm.related }), className),\n\t\t},\n\t\tstate: {},\n\t});\n});\n\nSection.displayName = 'Section';\n","import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport {compositionClasses} from '../../base/structure/composition.recipes';\nimport type { LayoutSlotAttributes } from '../layout.types';\n\nexport interface TwoColumnLayoutSlotProps {\n\theader?: LayoutSlotAttributes<HTMLDivElement>;\n\tmain?: LayoutSlotAttributes<HTMLDivElement>;\n\taside?: LayoutSlotAttributes<HTMLElement>;\n\tfooter?: LayoutSlotAttributes<HTMLDivElement>;\n}\n\nexport interface TwoColumnLayoutProps extends useRender.ComponentProps<'div'> {\n\t/** Optional content spanning both columns before the work regions. */\n\theader?: ReactNode;\n\t/** Primary detail, form, or index content. */\n\tmain: ReactNode;\n\t/** Secondary summary, support, or action rail. */\n\taside: ReactNode;\n\t/** Optional content spanning both columns after the work regions. */\n\tfooter?: ReactNode;\n\t/** Keep the aside visible while the nearest page viewport scrolls. */\n\tstickyAside?: boolean;\n\t/** Preserve viewport breakpoints by default, or adapt inside Container/PageViewport. */\n\tadaptTo?: 'viewport' | 'container';\n\t/** Optional main/aside proportions; omission preserves the established flexible 2/1 split. */\n\tratio?: '7/5' | '8/4';\n\t/** Native attributes for each stable region. */\n\tslotProps?: TwoColumnLayoutSlotProps;\n}\n\nconst containerColumnRecipes = {\n\tdefault: '@3xl:grid-cols-[minmax(0,2fr)_minmax(18rem,1fr)]',\n\t'7/5': '@3xl:grid-cols-[minmax(0,7fr)_minmax(0,5fr)]',\n\t'8/4': '@3xl:grid-cols-[minmax(0,8fr)_minmax(0,4fr)]',\n} as const;\nconst viewportColumnRecipes = {\n\tdefault: 'lg:grid-cols-[minmax(0,2fr)_minmax(18rem,1fr)]',\n\t'7/5': 'lg:grid-cols-[minmax(0,7fr)_minmax(0,5fr)]',\n\t'8/4': 'lg:grid-cols-[minmax(0,8fr)_minmax(0,4fr)]',\n} as const;\n\n/** TwoColumnLayout — one truthful, stable-order main/aside grid. */\nexport const TwoColumnLayout = forwardRef<HTMLDivElement, TwoColumnLayoutProps>(\n\tfunction TwoColumnLayout(\n\t\t{\n\t\t\theader,\n\t\t\tmain,\n\t\t\taside,\n\t\t\tfooter,\n\t\t\tstickyAside = false,\n\t\t\tadaptTo = 'viewport',\n\t\t\tratio,\n\t\t\tslotProps,\n\t\t\tclassName,\n\t\t\trender,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) {\n\t\tconst { className: headerClassName, ...headerProps } = slotProps?.header ?? {};\n\t\tconst { className: mainClassName, ...mainProps } = slotProps?.main ?? {};\n\t\tconst { className: asideClassName, ...asideProps } = slotProps?.aside ?? {};\n\t\tconst { className: footerClassName, ...footerProps } = slotProps?.footer ?? {};\n\n\t\treturn useRender({\n\t\t\tdefaultTagName: 'div',\n\t\t\tref,\n\t\t\trender,\n\t\t\tprops: {\n\t\t\t\t...props,\n\t\t\t\t'data-slot': 'two-column-layout',\n\t\t\t\tclassName: cn(\n\t\t\t\t\t'two-column-layout--component grid min-w-0 grid-cols-1', compositionClasses.subjects,\n\t\t\t\t\tadaptTo === 'container' ? containerColumnRecipes[ratio ?? 'default'] : viewportColumnRecipes[ratio ?? 'default'],\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t\tchildren: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{header !== undefined && header !== null ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t{...headerProps}\n\t\t\t\t\t\t\t\tdata-slot=\"two-column-layout-header\"\n\t\t\t\t\t\t\t\tclassName={cn('two-column-layout--header col-span-full min-w-0', headerClassName)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t{...mainProps}\n\t\t\t\t\t\t\tdata-slot=\"two-column-layout-main\"\n\t\t\t\t\t\t\tclassName={cn('two-column-layout--main flex min-h-0 min-w-0 flex-col', compositionClasses.subjects, mainClassName)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{main}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<aside\n\t\t\t\t\t\t\t{...asideProps}\n\t\t\t\t\t\t\tdata-slot=\"two-column-layout-aside\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'two-column-layout--aside flex min-h-0 min-w-0 flex-col', compositionClasses.subjects,\n\t\t\t\t\t\t\t\tstickyAside && (adaptTo === 'container' ? '@3xl:sticky @3xl:top-space-2xl @3xl:self-start' : 'lg:sticky lg:top-space-2xl lg:self-start'),\n\t\t\t\t\t\t\t\tasideClassName,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{aside}\n\t\t\t\t\t\t</aside>\n\t\t\t\t\t\t{footer !== undefined && footer !== null ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t{...footerProps}\n\t\t\t\t\t\t\t\tdata-slot=\"two-column-layout-footer\"\n\t\t\t\t\t\t\t\tclassName={cn('two-column-layout--footer col-span-full min-w-0', footerClassName)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{footer}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t},\n\t\t\tstate: {},\n\t\t});\n\t},\n);\n\nTwoColumnLayout.displayName = 'TwoColumnLayout';\n"],"mappings":";;;;;;;;;;AASA,IAAaO,IAAYC,EAA2C,SACnE,EAAE,cAAW,aAAU,WAAQ,WAAQ,GAAGC,KAC1C,GACC;CACD,OAAOC,EAAU;EAChB,gBAAgB;EAChB;EACA;EACA,OAAO;GACN,GAAGD;GACH,WAAWR,EAAG,2CAA2CI,EAAgB;IAAE;IAAU;GAAO,CAAC,GAAGM,CAAS;EAC1G;EACA,OAAO,CAAC;CACT,CAAC;AACF,CAAC;AAED,EAAU,cAAc;;;AChBxB,IAAaC,IAAeJ,EAA8C,SACzE,EAAE,cAAW,WAAQ,cAAW,GAAG,GAAGC,KACtC,GACC;CACD,OAAOC,EAAU;EAChB,gBAAgB;EAChB;EACA;EACA,OAAO;GACN,GAAGD;GACH;GACA,WAAWR,EACV,yJAAyJY,EAAa,SACtKF,CACD;EACD;EACA,OAAO,CAAC;CACT,CAAC;AACF,CAAC;AAED,EAAa,cAAc;;;ACnB3B,IAAaG,IAAUN,EAAsC,SAC5D,EAAE,cAAW,QAAK,WAAQ,GAAGC,KAC7B,GACC;CACD,OAAOC,EAAU;EAChB,gBAAgB;EAChB;EACA;EACA,OAAO;GACN,GAAGD;GACH,WAAWR,EAAG,sBAAsBC,EAAY,EAAE,KAAKa,KAAOZ,EAAkB,QAAQ,CAAC,GAAGQ,CAAS;EACtG;EACA,OAAO,CAAC;CACT,CAAC;AACF,CAAC;AAED,EAAQ,cAAc;;;ACQtB,IAAMK,IAAyB;CAC9B,SAAS;CACT,OAAO;CACP,OAAO;AACR,GACMC,IAAwB;CAC7B,SAAS;CACT,OAAO;CACP,OAAO;AACR,GAGaC,IAAkBV,EAC9B,SACC,EACC,WACA,SACA,UACA,WACA,iBAAc,IACd,aAAU,YACV,UACA,cACA,cACA,WACA,GAAGC,KAEJ,GACC;CACD,IAAM,EAAE,WAAWU,GAAiB,GAAGC,MAAgBC,GAAW,UAAU,CAAC,GACvE,EAAE,WAAWC,GAAe,GAAGC,MAAcF,GAAW,QAAQ,CAAC,GACjE,EAAE,WAAWG,GAAgB,GAAGC,MAAeJ,GAAW,SAAS,CAAC,GACpE,EAAE,WAAWK,GAAiB,GAAGC,MAAgBN,GAAW,UAAU,CAAC;CAE7E,OAAOX,EAAU;EAChB,gBAAgB;EAChB;EACA;EACA,OAAO;GACN,GAAGD;GACH,aAAa;GACb,WAAWR,EACV,yDAAyDG,EAAmB,UAC5EwB,MAAY,cAAcZ,EAAuBa,KAAS,aAAaZ,EAAsBY,KAAS,YACtGlB,CACD;GACA,UACC,kBAAAX,GAAA,EAAA,UAAA;IACE8B,KAAmC,OAQhC,OAPH,kBAAC,OAAD;KACC,GAAIV;KACJ,aAAU;KACV,WAAWnB,EAAG,mDAAmDkB,CAAe;KAE/E,UAAAW;IACG,CAAA;IAEN,kBAAC,OAAD;KACC,GAAIP;KACJ,aAAU;KACV,WAAWtB,EAAG,yDAAyDG,EAAmB,UAAUkB,CAAa;KAEhH,UAAAS;IACG,CAAA;IACL,kBAAC,SAAD;KACC,GAAIN;KACJ,aAAU;KACV,WAAWxB,EACV,0DAA0DG,EAAmB,UAC7E4B,MAAgBJ,MAAY,cAAc,mDAAmD,6CAC7FJ,CACD;KAEC,UAAAS;IACK,CAAA;IACNC,KAAmC,OAQhC,OAPH,kBAAC,OAAD;KACC,GAAIP;KACJ,aAAU;KACV,WAAW1B,EAAG,mDAAmDyB,CAAe;KAE/E,UAAAQ;IACG,CAAA;GAEL,EAAA,CAAA;EAEJ;EACA,OAAO,CAAC;CACT,CAAC;AACF,CACD;AAEA,EAAgB,cAAc"}

package/dist/{control-group-recipes-DBXmfh2E.js → control-group-recipes-fMuFo0H7.js}

@@ -1,11 +1,11 @@
 //#region src/lib/control-group-recipes.ts
 var e = {
-	frame: "box-border inline-flex h-control shrink-0 items-stretch rounded-inner bg-muted p-space-2xs",
-	item: "!h-full min-h-0 rounded-inner",
-	joinedFrame: "box-border inline-flex h-control shrink-0 items-stretch overflow-hidden rounded-inner border border-input",
+	frame: "box-border inline-flex h-control shrink-0 items-stretch rounded-radius bg-muted p-space-2xs",
+	item: "!h-full min-h-0 rounded-radius",
+	joinedFrame: "box-border inline-flex h-control shrink-0 items-stretch overflow-hidden rounded-radius border border-input",
 	joinedItem: "!h-full min-h-0 rounded-none",
-	firstItem: "rounded-s-inner",
-	lastItem: "rounded-e-inner"
+	firstItem: "rounded-s-radius",
+	lastItem: "rounded-e-radius"
 }, t = {
 	sm: "h-control-sm",
 	md: "h-control",
@@ -18,4 +18,4 @@ var e = {
 //#endregion
 export { n, e as r, t };
 
-//# sourceMappingURL=control-group-recipes-DBXmfh2E.js.map
+//# sourceMappingURL=control-group-recipes-fMuFo0H7.js.map

package/dist/control-group-recipes-fMuFo0H7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-group-recipes-fMuFo0H7.js","names":["segmentedControlRecipes","controlGroupHeightClasses","controlGroupSquareClasses"],"sources":["../src/lib/control-group-recipes.ts"],"sourcesContent":["import type { ComponentScale } from './component-vocabulary';\n\n/** One field-height boundary for segmented and joined toolbar controls.\n * Children fit the frame's content box; their action-height token is not added\n * to the field height, border or inset a second time.\n */\nexport const segmentedControlRecipes = {\n\tframe: 'box-border inline-flex h-control shrink-0 items-stretch rounded-radius bg-muted p-space-2xs',\n\titem: '!h-full min-h-0 rounded-radius',\n\tjoinedFrame: 'box-border inline-flex h-control shrink-0 items-stretch overflow-hidden rounded-radius border border-input',\n\tjoinedItem: '!h-full min-h-0 rounded-none',\n\tfirstItem: 'rounded-s-radius',\n\tlastItem: 'rounded-e-radius',\n} as const;\n\nexport const controlGroupHeightClasses = {\n\tsm: 'h-control-sm',\n\tmd: 'h-control',\n\tlg: 'h-control-lg',\n} satisfies Record<ComponentScale, string>;\n\nexport const controlGroupSquareClasses = {\n\tsm: 'size-control-sm',\n\tmd: 'size-control',\n\tlg: 'size-control-lg',\n} satisfies Record<ComponentScale, string>;\n"],"mappings":";AAMA,IAAaA,IAA0B;CACtC,OAAO;CACP,MAAM;CACN,aAAa;CACb,YAAY;CACZ,WAAW;CACX,UAAU;AACX,GAEaC,IAA4B;CACxC,IAAI;CACJ,IAAI;CACJ,IAAI;AACL,GAEaC,IAA4B;CACxC,IAAI;CACJ,IAAI;CACJ,IAAI;AACL"}