themelia-react-ui 2.0.6 → 3.0.0

package/dist/{popover-menu-yn-o0kyA.js.map → popover-menu-CO-_iiuz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-menu-yn-o0kyA.js","names":["React","_Fragment","ErrorState","CollectionContent","CommandItem","CommandInput","commandFilter","CommandEmpty","CommandList","CommandGroup","Command","PopoverTrigger","PopoverHeader","Popover","PopoverFooter","PopoverContent","React$1","Fragment$1","defaultPopoverMenuStrings","PopoverMenu","stringsProp","strings","useStrings","searchRef","triggerRef","keyboardDismissal","contentRef","searchOverrides","items","item","filter","value","search","keywords","next","details","onOpenChange","trigger","contentLabelledBy","contentLabel","cn","popoverWidthRecipes","contentClassName","onSearchChange","header","searchValue","loading","loadingSlot","LoadingState","error","onRetry","empty","onSelect","renderItem","footer"],"sources":["../src/components/base/popover-menu/popover-menu.types.ts","../src/components/base/popover-menu/popover-menu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface PopoverMenuItem<T = unknown> {\n\t/** Unique identifier; remains distinct from visible search labels. */\n\tvalue: string;\n\t/** Visible label rendered in the row. Override entirely via `renderItem`. */\n\tlabel: ReactNode;\n\t/** Optional secondary line rendered under the label. */\n\tdescription?: ReactNode;\n\t/** Leading icon — keep small (size-icon-md/size-icon max). */\n\ticon?: ReactNode;\n\t/** Show the trailing checkmark when `true`. */\n\tselected?: boolean;\n\t/** Disable the row. */\n\tdisabled?: boolean;\n\t/** Explicit search keywords, useful when the label is structured content. */\n\tsearchValue?: string;\n\t/** Arbitrary payload for `onSelect` consumers. */\n\tdata?: T;\n}\n\nexport interface PopoverMenuStrings {\n\t/** Placeholder for the search input (when `search` is enabled). */\n\tsearchPlaceholder: string;\n\t/** Empty-state copy when filtering yields no items. */\n\tempty: string;\n\t/** Loading-state copy. */\n\tloading: string;\n\t/** Retry action copy when a resource fails. */\n\tretry?: string;\n}\n\nexport const defaultPopoverMenuStrings: PopoverMenuStrings = {\n\tsearchPlaceholder: 'Search…',\n\tempty: 'No results.',\n\tloading: 'Loading…',\n\tretry: 'Retry',\n};\n","import { commandFilter } from '../../../lib/command-filter';\n/**\n * PopoverMenu — blocks wrapper around `base/popover` + `base/command`.\n *\n * Captures the recurring \"trigger → optional header → search → command list\"\n * pattern used by filter facets, operator selects, and similar pickers\n * across the library.\n *\n * Slots (all optional):\n *   - `header`   — rendered above the search input / list\n *   - `footer`   — rendered below the list (e.g. confirm/clear buttons)\n *   - `empty`    — replaces the default empty-state copy\n *   - `loading`  — replaces the list when `loading` is true\n *\n * Render-prop:\n *   - `renderItem={(item, ctx) => ReactNode}` — full control over a row\n *\n * Strings:\n *   - `strings={{ searchPlaceholder, empty, loading }}` — merged with defaults\n *\n * For headless usage (custom UI against the same selection state),\n * compose `base/popover` + `base/command` directly.\n */\nimport * as React from 'react';\n\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n} from '../command';\nimport {\n\tPopover,\n\tPopoverContent,\n PopoverHeader,\n PopoverFooter,\n\tPopoverTrigger,\n} from '../popover';\nimport { LoadingState, ErrorState } from '../feedback';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { popoverWidthRecipes, type CollectionDensity } from '../popover/popover.recipes';\nimport { CollectionContent } from '../popover/collection-content';\n\nimport {\n\tdefaultPopoverMenuStrings,\n\ttype PopoverMenuItem,\n\ttype PopoverMenuStrings,\n} from './popover-menu.types';\n\nexport interface PopoverMenuRenderItemContext {\n\t/** True when the item is the user's currently-active match (keyboard or pointer highlight). */\n\tisHighlighted: boolean;\n}\n\nexport interface PopoverMenuProps<T = unknown> {\n\t/** Vertical row rhythm. Compact and comfortable preserve primary label size and inline room. */\n\tdensity?: CollectionDensity;\n\t/** Trigger element. The popover anchors to it. Pass any clickable. */\n\ttrigger: React.ReactNode;\n\t/** Items to render in the list. */\n\titems: ReadonlyArray<PopoverMenuItem<T>>;\n\t/** Selection callback — fires on row click / Enter. */\n\tonSelect: (item: PopoverMenuItem<T>) => void;\n\n\t/** Controlled open state. Omit for uncontrolled. */\n\topen?: boolean;\n\t/** Open-state callback for controlled / uncontrolled flows. */\n\tonOpenChange?: (open: boolean) => void;\n\n\t/** Show the search input above the list. Default: true. */\n\tsearch?: boolean;\n\t/** Search input value (controlled). */\n\tsearchValue?: string;\n\t/** Search input change callback. */\n\tonSearchChange?: (value: string) => void;\n\n\t/** Async loading flag — replaces stale options and the empty state. */\n\tloading?: boolean;\n\t/** Resource failure replaces the list. The application owns retry and fetching. */\n\terror?: React.ReactNode;\n\tonRetry?: () => void;\n\n\t/** Optional pre-list slot (e.g. a label / eyebrow). */\n\theader?: React.ReactNode;\n\t/** Optional post-list slot (e.g. confirm / clear buttons). */\n\tfooter?: React.ReactNode;\n\t/** Override empty-state slot (defaults to `strings.empty`). */\n\tempty?: React.ReactNode;\n\t/** Override loading slot (defaults to spinner + `strings.loading`). */\n\tloadingSlot?: React.ReactNode;\n\n\t/** Per-item render override. */\n\trenderItem?: (\n\t\titem: PopoverMenuItem<T>,\n\t\tctx: PopoverMenuRenderItemContext,\n\t) => React.ReactNode;\n\n\t/** Override copy. Deep-merged over defaults. */\n\tstrings?: StringsProp<PopoverMenuStrings>;\n\n\t/** Popover content positioning props (forwarded). */\n\talign?: React.ComponentProps<typeof PopoverContent>['align'];\n\t/** Distance from the trigger, in pixels. */\n\tsideOffset?: React.ComponentProps<typeof PopoverContent>['sideOffset'];\n\n\t/** Width override for the popover content. Default: w-56. */\n\tcontentClassName?: string;\n    /** Accessible name for the popup. Defaults to the localized search label. */\n    contentLabel?: string;\n    /** ID of a consumer-owned title used instead of contentLabel. */\n    contentLabelledBy?: string;\n}\n\nexport function PopoverMenu<T = unknown>({\n\tdensity = 'default',\n\ttrigger,\n\titems,\n\tonSelect,\n\topen,\n\tonOpenChange,\n\tsearch = true,\n\tsearchValue,\n\tonSearchChange,\n\tloading = false,\n\terror,\n\tonRetry,\n\theader,\n\tfooter,\n\tempty,\n\tloadingSlot,\n\trenderItem,\n\tstrings: stringsProp,\n\talign = 'start',\n\tsideOffset,\n\tcontentClassName,\n    contentLabel,\n    contentLabelledBy,\n}: PopoverMenuProps<T>) {\n\tconst strings = useStrings(defaultPopoverMenuStrings, stringsProp);\n\tconst searchRef = React.useRef<HTMLInputElement>(null);\n\tconst triggerRef = React.useRef<HTMLButtonElement>(null);\n\tconst keyboardDismissal = React.useRef(false);\n\tconst contentRef = React.useRef<HTMLDivElement>(null);\n    const searchOverrides = React.useMemo(() => new Map(\n        items.filter(item => item.searchValue !== undefined).map(item => [item.value, item.searchValue!]),\n    ), [items]);\n    const filter = React.useCallback((value: string, search: string, keywords?: string[]) => (\n        searchOverrides.has(value)\n            ? commandFilter(searchOverrides.get(value)!, search)\n            : commandFilter(value, search, keywords)\n    ), [searchOverrides]);\n\n\treturn (\n\t\t<Popover open={open} onOpenChange={(next, details) => {\n                keyboardDismissal.current = !next && details.reason === 'escape-key';\n                onOpenChange?.(next);\n            }} onOpenChangeComplete={next => {\n                // Rapid reopen during a focus-out exit can retain Base UI's no-return flag.\n                // Restore only an accepted, completed Escape dismissal; outside focus stays owned.\n                if (!next && keyboardDismissal.current) {\n                    keyboardDismissal.current = false;\n                    triggerRef.current?.focus({ preventScroll: true });\n                }\n            }}>\n\t\t\t<PopoverTrigger ref={triggerRef} render={trigger as React.ReactElement} />\n\t\t\t<PopoverContent\n\t\t\t\tref={contentRef}\n\t\t\t\taria-label={contentLabelledBy ? undefined : contentLabel ?? strings.searchPlaceholder}\n                aria-labelledby={contentLabelledBy}\n                align={align}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\ttype=\"menu\"\n\t\t\t\tinset=\"flush\"\n\t\t\t\tclassName={cn('popover-menu--component', popoverWidthRecipes.sm, 'gap-0 overflow-hidden', contentClassName)}\n\t\t\t>\n\t\t\t\t<Command\n\t\t\t\t\tshouldFilter={!onSearchChange}\n                    filter={filter}\n\t\t\t\t\tinset=\"flush\"\n\t\t\t\t\tclassName=\"popover-menu--collection\"\n\t\t\t\t>\n\t\t\t\t\t{!!header && (\n\t\t\t\t\t\t<PopoverHeader className=\"popover-menu--header\">\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</PopoverHeader>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!search && (\n\t\t\t\t\t\t<CommandInput\n\t\t\t\t\t\t\tref={searchRef}\n\t\t\t\t\t\t\tplaceholder={strings.searchPlaceholder}\n\t\t\t\t\t\t\tvalue={searchValue}\n\t\t\t\t\t\t\tonValueChange={onSearchChange}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<CommandList aria-busy={loading || undefined}>\n\t\t\t\t\t\t{loading ? (loadingSlot !== undefined ? <div role=\"status\" aria-live=\"polite\">{loadingSlot}</div> : <LoadingState label={strings.loading} />) : error ? <ErrorState variant=\"inline\" description={error} onRetry={onRetry ? () => {\n                            // Retry feedback is replaced by loading. Keep focus on persistent anatomy\n                            // before its button is removed, including in search-free pickers.\n                            (searchRef.current ?? contentRef.current)?.focus();\n                            onRetry();\n                        } : undefined} retryLabel={strings.retry ?? 'Retry'} /> : <>\n\n\t\t\t\t\t\t<CommandEmpty>{empty ?? strings.empty}</CommandEmpty>\n\n\t\t\t\t\t\t{items.length > 0 && (\n\t\t\t\t\t\t\t<CommandGroup>\n\t\t\t\t\t\t\t\t{items.map((item) => (\n\t\t\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\t\t\tkey={item.value}\n\t\t\t\t\t\t\t\t\t\tdensity={density}\n\t\t\t\t\t\t\t\t\t\tvalue={item.value}\n                                        keywords={item.searchValue !== undefined ? [item.searchValue] : [item.label, item.description].filter((value): value is string => typeof value === 'string')}\n\t\t\t\t\t\t\t\t\t\tonSelect={() => onSelect(item)}\n\t\t\t\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\t\t\t\tdata-checked={item.selected || undefined}\n\t\t\t\t\t\t\t\t\t\tclassName=\"data-[checked=true]:**:[svg]:text-primary-accent\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{({ isHighlighted }) => renderItem\n\t\t\t\t\t\t\t\t\t\t\t? renderItem(item, { isHighlighted })\n\t\t\t\t\t\t\t\t\t\t\t: (\n\t\t\t\t\t\t\t\t\t\t\t\t<CollectionContent label={item.label} description={item.description} leading={item.icon} leadingClassName=\"[&_svg]:size-icon\"/>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</CommandGroup>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>}\n\t\t\t\t\t</CommandList>\n\n\t\t\t\t\t{/* The public surface anatomy owns header and footer bands. */}\n\t\t\t\t\t{!!footer && (\n\t\t\t\t\t\t<PopoverFooter className=\"popover-menu--footer justify-start\">\n\t\t\t\t\t\t\t{footer}\n\t\t\t\t\t\t</PopoverFooter>\n\t\t\t\t\t)}\n\t\t\t\t</Command>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n\nPopoverMenu.displayName = 'PopoverMenu';\n"],"mappings":";;;;;;;;;;;AAgCA,IAAakB,IAAgD;CAC5D,mBAAmB;CACnB,OAAO;CACP,SAAS;CACT,OAAO;AACR;;;AC+EA,SAAgBC,EAAyB,EACxC,aAAU,WACV,YACA,UACA,aACA,SACA,iBACA,YAAS,IACT,gBACA,mBACA,aAAU,IACV,UACA,YACA,WACA,WACA,UACA,gBACA,eACA,SAASC,GACT,WAAQ,SACR,eACA,qBACG,iBACA,wBACoB;CACvB,IAAMC,IAAUC,EAAWJ,GAA2BE,CAAW,GAC3DG,IAAYvB,EAAM,OAAyB,IAAI,GAC/CwB,IAAaxB,EAAM,OAA0B,IAAI,GACjDyB,IAAoBzB,EAAM,OAAO,EAAK,GACtC0B,IAAa1B,EAAM,OAAuB,IAAI,GAC3C2B,IAAkB3B,EAAM,cAAc,IAAI,IAC5C4B,EAAM,QAAO,MAAQC,EAAK,gBAAgB,KAAA,CAAS,CAAC,CAAC,KAAI,MAAQ,CAACA,EAAK,OAAOA,EAAK,WAAY,CAAC,CACpG,GAAG,CAACD,CAAK,CAAC,GACJE,IAAS9B,EAAM,aAAa,GAAe,GAAgB,MAC7D2B,EAAgB,IAAII,CAAK,IACnBzB,EAAcqB,EAAgB,IAAII,CAAK,GAAIC,CAAM,IACjD1B,EAAcyB,GAAOC,GAAQC,CAAQ,GAC5C,CAACN,CAAe,CAAC;CAEvB,OACC,kBAACd,GAAD;EAAe;EAAM,eAAe,GAAM,MAAY;GAExC,AADA,EAAkB,UAAU,CAACqB,KAAQC,EAAQ,WAAW,cACxDC,IAAeF,CAAI;EACvB;EAAG,uBAAsB,MAAQ;GAG7B,AAAI,CAACA,KAAQT,EAAkB,YAC3B,EAAkB,UAAU,IAC5BD,EAAW,SAAS,MAAM,EAAE,eAAe,GAAK,CAAC;EAEzD;EAVV,UAAA,CAWC,kBAACb,GAAD;GAAgB,KAAKa;GAAY,QAAQa;EAAgC,CAAA,GACzE,kBAACtB,GAAD;GACC,KAAKW;GACL,cAAYY,IAAoB,KAAA,IAAYC,KAAgBlB,EAAQ;GACxD,mBAAiBiB;GACV;GACP;GACZ,MAAK;GACL,OAAM;GACN,WAAWE,EAAG,2BAA2BC,EAAoB,IAAI,yBAAyBC,CAAgB;GAE1G,UAAA,kBAAChC,GAAD;IACC,cAAc,CAACiC;IACQ;IACvB,OAAM;IACN,WAAU;IAJX,UAAA;KAME,CAAC,CAACC,KACF,kBAAChC,GAAD;MAAe,WAAU;MACvB,UAAAgC;KACa,CAAA;KAGf,CAAC,CAACZ,KACF,kBAAC3B,GAAD;MACC,KAAKkB;MACL,aAAaF,EAAQ;MACrB,OAAOwB;MACP,eAAeF;KACf,CAAA;KAGF,kBAACnC,GAAD;MAAa,aAAWsC,KAAW,KAAA;MACjC,UAAAA,IAAWC,MAAgB,KAAA,IAAwE,kBAACC,GAAD,EAAc,OAAO3B,EAAQ,QAAU,CAAA,IAAnG,kBAAC,OAAD;OAAK,MAAK;OAAS,aAAU;OAAU,UAAA0B;MAAiB,CAAA,IAAgDE,IAAQ,kBAAC/C,GAAD;OAAY,SAAQ;OAAS,aAAa+C;OAAO,SAASC,UAAgB;QAI5M,CADC3B,EAAU,WAAWG,EAAW,QAAA,EAAU,MAAM,GACjDwB,EAAQ;OACZ,IAAI,KAAA;OAAW,YAAY7B,EAAQ,SAAS;MAAU,CAAA,IAAI,kBAAApB,GAAA,EAAA,UAAA,CAE5E,kBAACM,GAAD,EAAA,UAAe4C,KAAS9B,EAAQ,MAAoB,CAAA,GAEnDO,EAAM,SAAS,KACf,kBAACnB,GAAD,EAAA,UACEmB,EAAM,KAAK,MACX,kBAACxB,GAAD;OAEU;OACT,OAAOyB,EAAK;OACkB,UAAUA,EAAK,gBAAgB,KAAA,IAAiC,CAACA,EAAK,OAAOA,EAAK,WAAW,CAAC,CAAC,QAAQ,MAA2B,OAAOE,KAAU,QAAQ,IAAhH,CAACF,EAAK,WAAW;OAC1F,gBAAgBuB,EAASvB,CAAI;OAC7B,UAAUA,EAAK;OACf,gBAAcA,EAAK,YAAY,KAAA;OAC/B,WAAU;OAER,WAAA,EAAE,uBAAoBwB,IACrBA,EAAWxB,GAAM,EAAE,iBAAc,CAAC,IAEnC,kBAAC1B,GAAD;QAAmB,OAAO0B,EAAK;QAAO,aAAaA,EAAK;QAAa,SAASA,EAAK;QAAM,kBAAiB;OAAoB,CAAA;MAEpH,GAdPA,EAAK,KAcE,CACb,EACY,CAAA,CAEb,EAAA,CAAA;KACU,CAAA;KAGZ,CAAC,CAACyB,KACF,kBAACxC,GAAD;MAAe,WAAU;MACvB,UAAAwC;KACa,CAAA;IAER;;EACM,CAAA,CACR;;AAEX;AAEA,EAAY,cAAc"}
+{"version":3,"file":"popover-menu-CO-_iiuz.js","names":["React","_Fragment","ErrorState","CollectionContent","CommandItem","CommandInput","commandFilter","CommandEmpty","CommandList","CommandGroup","Command","PopoverTrigger","PopoverHeader","Popover","PopoverFooter","PopoverContent","React$1","Fragment$1","defaultPopoverMenuStrings","PopoverMenu","stringsProp","strings","useStrings","searchRef","triggerRef","keyboardDismissal","contentRef","searchOverrides","items","item","filter","value","search","keywords","next","details","onOpenChange","trigger","contentLabelledBy","contentLabel","cn","popoverWidthRecipes","contentClassName","onSearchChange","header","searchValue","loading","loadingSlot","LoadingState","error","onRetry","empty","onSelect","renderItem","footer"],"sources":["../src/components/base/popover-menu/popover-menu.types.ts","../src/components/base/popover-menu/popover-menu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface PopoverMenuItem<T = unknown> {\n\t/** Unique identifier; remains distinct from visible search labels. */\n\tvalue: string;\n\t/** Visible label rendered in the row. Override entirely via `renderItem`. */\n\tlabel: ReactNode;\n\t/** Optional secondary line rendered under the label. */\n\tdescription?: ReactNode;\n\t/** Leading icon — keep small (size-icon-md/size-icon max). */\n\ticon?: ReactNode;\n\t/** Show the trailing checkmark when `true`. */\n\tselected?: boolean;\n\t/** Disable the row. */\n\tdisabled?: boolean;\n\t/** Explicit search keywords, useful when the label is structured content. */\n\tsearchValue?: string;\n\t/** Arbitrary payload for `onSelect` consumers. */\n\tdata?: T;\n}\n\nexport interface PopoverMenuStrings {\n\t/** Placeholder for the search input (when `search` is enabled). */\n\tsearchPlaceholder: string;\n\t/** Empty-state copy when filtering yields no items. */\n\tempty: string;\n\t/** Loading-state copy. */\n\tloading: string;\n\t/** Retry action copy when a resource fails. */\n\tretry?: string;\n}\n\nexport const defaultPopoverMenuStrings: PopoverMenuStrings = {\n\tsearchPlaceholder: 'Search…',\n\tempty: 'No results.',\n\tloading: 'Loading…',\n\tretry: 'Retry',\n};\n","import { commandFilter } from '../../../lib/command-filter';\n/**\n * PopoverMenu — blocks wrapper around `base/popover` + `base/command`.\n *\n * Captures the recurring \"trigger → optional header → search → command list\"\n * pattern used by filter facets, operator selects, and similar pickers\n * across the library.\n *\n * Slots (all optional):\n *   - `header`   — rendered above the search input / list\n *   - `footer`   — rendered below the list (e.g. confirm/clear buttons)\n *   - `empty`    — replaces the default empty-state copy\n *   - `loading`  — replaces the list when `loading` is true\n *\n * Render-prop:\n *   - `renderItem={(item, ctx) => ReactNode}` — full control over a row\n *\n * Strings:\n *   - `strings={{ searchPlaceholder, empty, loading }}` — merged with defaults\n *\n * For headless usage (custom UI against the same selection state),\n * compose `base/popover` + `base/command` directly.\n */\nimport * as React from 'react';\n\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n} from '../command';\nimport {\n\tPopover,\n\tPopoverContent,\n PopoverHeader,\n PopoverFooter,\n\tPopoverTrigger,\n} from '../popover';\nimport { LoadingState, ErrorState } from '../feedback';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { popoverWidthRecipes, type CollectionDensity } from '../popover/popover.recipes';\nimport { CollectionContent } from '../popover/collection-content';\n\nimport {\n\tdefaultPopoverMenuStrings,\n\ttype PopoverMenuItem,\n\ttype PopoverMenuStrings,\n} from './popover-menu.types';\n\nexport interface PopoverMenuRenderItemContext {\n\t/** True when the item is the user's currently-active match (keyboard or pointer highlight). */\n\tisHighlighted: boolean;\n}\n\nexport interface PopoverMenuProps<T = unknown> {\n\t/** Vertical row rhythm. Compact and comfortable preserve primary label size and inline room. */\n\tdensity?: CollectionDensity;\n\t/** Trigger element. The popover anchors to it. Pass any clickable. */\n\ttrigger: React.ReactNode;\n\t/** Items to render in the list. */\n\titems: ReadonlyArray<PopoverMenuItem<T>>;\n\t/** Selection callback — fires on row click / Enter. */\n\tonSelect: (item: PopoverMenuItem<T>) => void;\n\n\t/** Controlled open state. Omit for uncontrolled. */\n\topen?: boolean;\n\t/** Open-state callback for controlled / uncontrolled flows. */\n\tonOpenChange?: (open: boolean) => void;\n\n\t/** Show the search input above the list. Default: true. */\n\tsearch?: boolean;\n\t/** Search input value (controlled). */\n\tsearchValue?: string;\n\t/** Search input change callback. */\n\tonSearchChange?: (value: string) => void;\n\n\t/** Async loading flag — replaces stale options and the empty state. */\n\tloading?: boolean;\n\t/** Resource failure replaces the list. The application owns retry and fetching. */\n\terror?: React.ReactNode;\n\tonRetry?: () => void;\n\n\t/** Optional pre-list slot (e.g. a label / eyebrow). */\n\theader?: React.ReactNode;\n\t/** Optional post-list slot (e.g. confirm / clear buttons). */\n\tfooter?: React.ReactNode;\n\t/** Override empty-state slot (defaults to `strings.empty`). */\n\tempty?: React.ReactNode;\n\t/** Override loading slot (defaults to spinner + `strings.loading`). */\n\tloadingSlot?: React.ReactNode;\n\n\t/** Per-item render override. */\n\trenderItem?: (\n\t\titem: PopoverMenuItem<T>,\n\t\tctx: PopoverMenuRenderItemContext,\n\t) => React.ReactNode;\n\n\t/** Override copy. Deep-merged over defaults. */\n\tstrings?: StringsProp<PopoverMenuStrings>;\n\n\t/** Popover content positioning props (forwarded). */\n\talign?: React.ComponentProps<typeof PopoverContent>['align'];\n\t/** Distance from the trigger, in pixels. */\n\tsideOffset?: React.ComponentProps<typeof PopoverContent>['sideOffset'];\n\n\t/** Width override for the popover content. Default: w-56. */\n\tcontentClassName?: string;\n    /** Accessible name for the popup. Defaults to the localized search label. */\n    contentLabel?: string;\n    /** ID of a consumer-owned title used instead of contentLabel. */\n    contentLabelledBy?: string;\n}\n\nexport function PopoverMenu<T = unknown>({\n\tdensity = 'default',\n\ttrigger,\n\titems,\n\tonSelect,\n\topen,\n\tonOpenChange,\n\tsearch = true,\n\tsearchValue,\n\tonSearchChange,\n\tloading = false,\n\terror,\n\tonRetry,\n\theader,\n\tfooter,\n\tempty,\n\tloadingSlot,\n\trenderItem,\n\tstrings: stringsProp,\n\talign = 'start',\n\tsideOffset,\n\tcontentClassName,\n    contentLabel,\n    contentLabelledBy,\n}: PopoverMenuProps<T>) {\n\tconst strings = useStrings(defaultPopoverMenuStrings, stringsProp);\n\tconst searchRef = React.useRef<HTMLInputElement>(null);\n\tconst triggerRef = React.useRef<HTMLButtonElement>(null);\n\tconst keyboardDismissal = React.useRef(false);\n\tconst contentRef = React.useRef<HTMLDivElement>(null);\n    const searchOverrides = React.useMemo(() => new Map(\n        items.filter(item => item.searchValue !== undefined).map(item => [item.value, item.searchValue!]),\n    ), [items]);\n    const filter = React.useCallback((value: string, search: string, keywords?: string[]) => (\n        searchOverrides.has(value)\n            ? commandFilter(searchOverrides.get(value)!, search)\n            : commandFilter(value, search, keywords)\n    ), [searchOverrides]);\n\n\treturn (\n\t\t<Popover open={open} onOpenChange={(next, details) => {\n                keyboardDismissal.current = !next && details.reason === 'escape-key';\n                onOpenChange?.(next);\n            }} onOpenChangeComplete={next => {\n                // Rapid reopen during a focus-out exit can retain Base UI's no-return flag.\n                // Restore only an accepted, completed Escape dismissal; outside focus stays owned.\n                if (!next && keyboardDismissal.current) {\n                    keyboardDismissal.current = false;\n                    triggerRef.current?.focus({ preventScroll: true });\n                }\n            }}>\n\t\t\t<PopoverTrigger ref={triggerRef} render={trigger as React.ReactElement} />\n\t\t\t<PopoverContent\n\t\t\t\tref={contentRef}\n\t\t\t\taria-label={contentLabelledBy ? undefined : contentLabel ?? strings.searchPlaceholder}\n                aria-labelledby={contentLabelledBy}\n                align={align}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\ttype=\"menu\"\n\t\t\t\tinset=\"flush\"\n\t\t\t\tclassName={cn('popover-menu--component', popoverWidthRecipes.sm, 'gap-0 overflow-hidden', contentClassName)}\n\t\t\t>\n\t\t\t\t<Command\n\t\t\t\t\tshouldFilter={!onSearchChange}\n                    filter={filter}\n\t\t\t\t\tinset=\"flush\"\n\t\t\t\t\tclassName=\"popover-menu--collection\"\n\t\t\t\t>\n\t\t\t\t\t{!!header && (\n\t\t\t\t\t\t<PopoverHeader className=\"popover-menu--header\">\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</PopoverHeader>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!search && (\n\t\t\t\t\t\t<CommandInput\n\t\t\t\t\t\t\tref={searchRef}\n\t\t\t\t\t\t\tplaceholder={strings.searchPlaceholder}\n\t\t\t\t\t\t\tvalue={searchValue}\n\t\t\t\t\t\t\tonValueChange={onSearchChange}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<CommandList aria-busy={loading || undefined}>\n\t\t\t\t\t\t{loading ? (loadingSlot !== undefined ? <div role=\"status\" aria-live=\"polite\">{loadingSlot}</div> : <LoadingState label={strings.loading} />) : error ? <ErrorState variant=\"inline\" description={error} onRetry={onRetry ? () => {\n                            // Retry feedback is replaced by loading. Keep focus on persistent anatomy\n                            // before its button is removed, including in search-free pickers.\n                            (searchRef.current ?? contentRef.current)?.focus();\n                            onRetry();\n                        } : undefined} retryLabel={strings.retry ?? 'Retry'} /> : <>\n\n\t\t\t\t\t\t<CommandEmpty>{empty ?? strings.empty}</CommandEmpty>\n\n\t\t\t\t\t\t{items.length > 0 && (\n\t\t\t\t\t\t\t<CommandGroup>\n\t\t\t\t\t\t\t\t{items.map((item) => (\n\t\t\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\t\t\tkey={item.value}\n\t\t\t\t\t\t\t\t\t\tdensity={density}\n\t\t\t\t\t\t\t\t\t\tvalue={item.value}\n                                        keywords={item.searchValue !== undefined ? [item.searchValue] : [item.label, item.description].filter((value): value is string => typeof value === 'string')}\n\t\t\t\t\t\t\t\t\t\tonSelect={() => onSelect(item)}\n\t\t\t\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\t\t\t\tdata-checked={item.selected || undefined}\n\t\t\t\t\t\t\t\t\t\tclassName=\"data-[checked=true]:**:[svg]:text-primary-accent\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{({ isHighlighted }) => renderItem\n\t\t\t\t\t\t\t\t\t\t\t? renderItem(item, { isHighlighted })\n\t\t\t\t\t\t\t\t\t\t\t: (\n\t\t\t\t\t\t\t\t\t\t\t\t<CollectionContent label={item.label} description={item.description} leading={item.icon} leadingClassName=\"[&_svg]:size-icon\"/>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</CommandGroup>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>}\n\t\t\t\t\t</CommandList>\n\n\t\t\t\t\t{/* The public surface anatomy owns header and footer bands. */}\n\t\t\t\t\t{!!footer && (\n\t\t\t\t\t\t<PopoverFooter className=\"popover-menu--footer justify-start\">\n\t\t\t\t\t\t\t{footer}\n\t\t\t\t\t\t</PopoverFooter>\n\t\t\t\t\t)}\n\t\t\t\t</Command>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n\nPopoverMenu.displayName = 'PopoverMenu';\n"],"mappings":";;;;;;;;;;;AAgCA,IAAakB,IAAgD;CAC5D,mBAAmB;CACnB,OAAO;CACP,SAAS;CACT,OAAO;AACR;;;AC+EA,SAAgBC,EAAyB,EACxC,aAAU,WACV,YACA,UACA,aACA,SACA,iBACA,YAAS,IACT,gBACA,mBACA,aAAU,IACV,UACA,YACA,WACA,WACA,UACA,gBACA,eACA,SAASC,GACT,WAAQ,SACR,eACA,qBACG,iBACA,wBACoB;CACvB,IAAMC,IAAUC,EAAWJ,GAA2BE,CAAW,GAC3DG,IAAYvB,EAAM,OAAyB,IAAI,GAC/CwB,IAAaxB,EAAM,OAA0B,IAAI,GACjDyB,IAAoBzB,EAAM,OAAO,EAAK,GACtC0B,IAAa1B,EAAM,OAAuB,IAAI,GAC3C2B,IAAkB3B,EAAM,cAAc,IAAI,IAC5C4B,EAAM,QAAO,MAAQC,EAAK,gBAAgB,KAAA,CAAS,CAAC,CAAC,KAAI,MAAQ,CAACA,EAAK,OAAOA,EAAK,WAAY,CAAC,CACpG,GAAG,CAACD,CAAK,CAAC,GACJE,IAAS9B,EAAM,aAAa,GAAe,GAAgB,MAC7D2B,EAAgB,IAAII,CAAK,IACnBzB,EAAcqB,EAAgB,IAAII,CAAK,GAAIC,CAAM,IACjD1B,EAAcyB,GAAOC,GAAQC,CAAQ,GAC5C,CAACN,CAAe,CAAC;CAEvB,OACC,kBAACd,GAAD;EAAe;EAAM,eAAe,GAAM,MAAY;GAExC,AADA,EAAkB,UAAU,CAACqB,KAAQC,EAAQ,WAAW,cACxDC,IAAeF,CAAI;EACvB;EAAG,uBAAsB,MAAQ;GAG7B,AAAI,CAACA,KAAQT,EAAkB,YAC3B,EAAkB,UAAU,IAC5BD,EAAW,SAAS,MAAM,EAAE,eAAe,GAAK,CAAC;EAEzD;EAVV,UAAA,CAWC,kBAACb,GAAD;GAAgB,KAAKa;GAAY,QAAQa;EAAgC,CAAA,GACzE,kBAACtB,GAAD;GACC,KAAKW;GACL,cAAYY,IAAoB,KAAA,IAAYC,KAAgBlB,EAAQ;GACxD,mBAAiBiB;GACV;GACP;GACZ,MAAK;GACL,OAAM;GACN,WAAWE,EAAG,2BAA2BC,EAAoB,IAAI,yBAAyBC,CAAgB;GAE1G,UAAA,kBAAChC,GAAD;IACC,cAAc,CAACiC;IACQ;IACvB,OAAM;IACN,WAAU;IAJX,UAAA;KAME,CAAC,CAACC,KACF,kBAAChC,GAAD;MAAe,WAAU;MACvB,UAAAgC;KACa,CAAA;KAGf,CAAC,CAACZ,KACF,kBAAC3B,GAAD;MACC,KAAKkB;MACL,aAAaF,EAAQ;MACrB,OAAOwB;MACP,eAAeF;KACf,CAAA;KAGF,kBAACnC,GAAD;MAAa,aAAWsC,KAAW,KAAA;MACjC,UAAAA,IAAWC,MAAgB,KAAA,IAAwE,kBAACC,GAAD,EAAc,OAAO3B,EAAQ,QAAU,CAAA,IAAnG,kBAAC,OAAD;OAAK,MAAK;OAAS,aAAU;OAAU,UAAA0B;MAAiB,CAAA,IAAgDE,IAAQ,kBAAC/C,GAAD;OAAY,SAAQ;OAAS,aAAa+C;OAAO,SAASC,UAAgB;QAI5M,CADC3B,EAAU,WAAWG,EAAW,QAAA,EAAU,MAAM,GACjDwB,EAAQ;OACZ,IAAI,KAAA;OAAW,YAAY7B,EAAQ,SAAS;MAAU,CAAA,IAAI,kBAAApB,GAAA,EAAA,UAAA,CAE5E,kBAACM,GAAD,EAAA,UAAe4C,KAAS9B,EAAQ,MAAoB,CAAA,GAEnDO,EAAM,SAAS,KACf,kBAACnB,GAAD,EAAA,UACEmB,EAAM,KAAK,MACX,kBAACxB,GAAD;OAEU;OACT,OAAOyB,EAAK;OACkB,UAAUA,EAAK,gBAAgB,KAAA,IAAiC,CAACA,EAAK,OAAOA,EAAK,WAAW,CAAC,CAAC,QAAQ,MAA2B,OAAOE,KAAU,QAAQ,IAAhH,CAACF,EAAK,WAAW;OAC1F,gBAAgBuB,EAASvB,CAAI;OAC7B,UAAUA,EAAK;OACf,gBAAcA,EAAK,YAAY,KAAA;OAC/B,WAAU;OAER,WAAA,EAAE,uBAAoBwB,IACrBA,EAAWxB,GAAM,EAAE,iBAAc,CAAC,IAEnC,kBAAC1B,GAAD;QAAmB,OAAO0B,EAAK;QAAO,aAAaA,EAAK;QAAa,SAASA,EAAK;QAAM,kBAAiB;OAAoB,CAAA;MAEpH,GAdPA,EAAK,KAcE,CACb,EACY,CAAA,CAEb,EAAA,CAAA;KACU,CAAA;KAGZ,CAAC,CAACyB,KACF,kBAACxC,GAAD;MAAe,WAAU;MACvB,UAAAwC;KACa,CAAA;IAER;;EACM,CAAA,CACR;;AAEX;AAEA,EAAY,cAAc"}

package/dist/{popover.recipes-DJ0AkUan.js → popover.recipes-BqkdvlZn.js}

@@ -1,4 +1,4 @@
-import { a as e } from "./surface-recipes-C8mNycaY.js";
+import { s as e } from "./surface-recipes-DV6rrOFq.js";
 //#region src/components/base/popover/popover.recipes.ts
 var t = "px-space-md", n = {
 	xs: "w-48",
@@ -39,10 +39,9 @@ var c = {
 	interactive: "relative flex cursor-default items-center outline-none select-none transition-colors",
 	highlighted: "data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:[&_svg]:text-accent-foreground",
 	disabled: "data-disabled:pointer-events-none data-disabled:opacity-50",
-	destructive: "data-[variant=destructive]:text-destructive data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:data-highlighted:text-destructive dark:data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:[&_svg]:text-destructive data-[variant=destructive]:data-highlighted:[&_svg]:text-destructive",
-	tableRow: "min-h-action-xs py-space-2xs"
+	destructive: "data-[variant=destructive]:text-destructive data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:data-highlighted:text-destructive dark:data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:[&_svg]:text-destructive data-[variant=destructive]:data-highlighted:[&_svg]:text-destructive"
 };
 //#endregion
 export { i as a, n as i, s as n, r, c as t };
 
-//# sourceMappingURL=popover.recipes-DJ0AkUan.js.map
+//# sourceMappingURL=popover.recipes-BqkdvlZn.js.map

package/dist/{popover.recipes-DJ0AkUan.js.map → popover.recipes-BqkdvlZn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.recipes-DJ0AkUan.js","names":["surfaceDividerRecipes","menuInlineInset","popoverWidthRecipes","popoverRecipes","surfaceInsetClasses","collectionDensityClasses","collectionBlockPaddingClasses","collectionRowClasses","density","collectionRecipes"],"sources":["../src/components/base/popover/popover.recipes.ts"],"sourcesContent":["import { surfaceDividerRecipes } from '../../../lib/surface-recipes';\nimport type { RowDensity } from '../../../lib/row-recipes';\n// Menu surfaces inset their regions and lists by md on both axes, so header,\n// search and row text share one start edge (md plus the row inset).\nconst menuInlineInset = 'px-space-md';\n/** Shared anchored-surface chrome; Menu and Popover retain their own accessible behavior. */\n/**\n * One width scale for anchored surfaces. Menus, pickers and popovers choose a\n * step rather than a number; the viewport bound in `popoverRecipes.surface`\n * still keeps every step clear of a narrow screen's edges.\n */\nexport const popoverWidthRecipes = {\n\txs: 'w-48',\n\tsm: 'w-56',\n\tmd: 'w-72',\n\tlg: 'w-80',\n\txl: 'w-90',\n\t/** Floor for a menu that otherwise follows its trigger's width. */\n\tmenuMin: 'min-w-40',\n} as const;\n\nexport const popoverRecipes = {\n // Every anchored surface keeps a 1rem gap to the viewport edges, so a wide\n // menu or popover never touches or overruns a narrow screen.\n surface: `box-border max-w-[calc(100vw-2rem)] rounded-surface ${surfaceDividerRecipes.anchored.shell} bg-popover text-popover-foreground shadow-md ring-0`,\n display: 'p-surface',\n // Explicitly compact rich content retains the existing small surface tier.\n displayCompact: 'p-surface-xs',\n menu: 'p-space-md',\n menuInline: menuInlineInset,\n // Collection bands share the list shell; text bodies add the row inset once.\n menuRegion: `${menuInlineInset} py-space-md`,\n // Header and footer copy in a menu band sits one small step inside the region\n // edge, so it does not touch the search field and row highlights below.\n menuCopyInset: 'px-space-xs',\n // Keep the literal descendant candidate with the shared compact shell owner.\n menuSearch: '[&_[data-slot=command-input-wrapper]]:p-space-md',\n separator: `mx-0 my-space-xs h-px w-full shrink-0 ${surfaceDividerRecipes.anchored.separator}`,\n row: 'box-border min-h-control rounded-radius px-row-x gap-space-sm font-medium leading-tight',\n} as const;\nexport type PopoverContentType = 'display' | 'menu';\n\n/** One surface inset vocabulary for Popover, Command and their collections. */\nexport const surfaceInsetClasses = {\n default: popoverRecipes.display,\n compact: popoverRecipes.menu,\n flush: 'p-0',\n} as const;\n\n/** Collection density changes vertical rhythm; inline room and primary text stay stable. */\nexport type CollectionDensity = RowDensity;\n\nconst collectionDensityClasses: Record<CollectionDensity, string> = {\n default: '',\n compact: 'min-h-control-sm',\n comfortable: 'min-h-control-lg',\n};\n\n// The height role sizes a single-line row; block padding is only the floor for\n// wrapped content, one step below Item's ladder so one line never outgrows it.\nconst collectionBlockPaddingClasses: Record<CollectionDensity, string> = {\n default: 'py-row-y-sm',\n compact: 'py-space-2xs',\n comfortable: 'py-row-y',\n};\n\nexport function collectionRowClasses(density: CollectionDensity = 'default'): string {\n return `${popoverRecipes.row} ${collectionDensityClasses[density]} ${collectionBlockPaddingClasses[density]}`;\n}\n\n/** Shared interactive collection states, independent of Menu/listbox state ownership. */\nexport const collectionRecipes = {\n icons: '[&_svg]:pointer-events-none [&_svg]:size-icon [&_svg]:shrink-0',\n interactive: 'relative flex cursor-default items-center outline-none select-none transition-colors',\n highlighted: 'data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:[&_svg]:text-accent-foreground',\n disabled: 'data-disabled:pointer-events-none data-disabled:opacity-50',\n destructive: 'data-[variant=destructive]:text-destructive data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:data-highlighted:text-destructive dark:data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:[&_svg]:text-destructive data-[variant=destructive]:data-highlighted:[&_svg]:text-destructive',\n // Compatibility for existing table and overflow-tab ActionMenu consumers.\n tableRow: 'min-h-action-xs py-space-2xs',\n} as const;\n"],"mappings":";;AAIA,IAAMC,IAAkB,eAOXC,IAAsB;CAClC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CAEJ,SAAS;AACV,GAEaC,IAAiB;CAG7B,SAAS,uDAAuDH,EAAsB,SAAS,MAAM;CACrG,SAAS;CAET,gBAAgB;CAChB,MAAM;CACN,YAAYC;CAEZ,YAAY,GAAGA,EAAgB;CAG/B,eAAe;CAEf,YAAY;CACZ,WAAW,yCAAyCD,EAAsB,SAAS;CACnF,KAAK;AACN,GAIaI,IAAsB;CAClC,SAASD,EAAe;CACxB,SAASA,EAAe;CACxB,OAAO;AACR,GAKME,IAA8D;CACnE,SAAS;CACT,SAAS;CACT,aAAa;AACd,GAIMC,IAAmE;CACxE,SAAS;CACT,SAAS;CACT,aAAa;AACd;AAEA,SAAgBC,EAAqB,IAA6B,WAAmB;CACpF,OAAO,GAAGJ,EAAe,IAAI,GAAGE,EAAyBG,GAAS,GAAGF,EAA8BE;AACpG;AAGA,IAAaC,IAAoB;CAChC,OAAO;CACP,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CAEb,UAAU;AACX"}
+{"version":3,"file":"popover.recipes-BqkdvlZn.js","names":["surfaceDividerRecipes","menuInlineInset","popoverWidthRecipes","popoverRecipes","surfaceInsetClasses","collectionDensityClasses","collectionBlockPaddingClasses","collectionRowClasses","density","collectionRecipes"],"sources":["../src/components/base/popover/popover.recipes.ts"],"sourcesContent":["import { surfaceDividerRecipes } from '../../../lib/surface-recipes';\nimport type { RowDensity } from '../../../lib/row-recipes';\n// Menu surfaces inset their regions and lists by md on both axes, so header,\n// search and row text share one start edge (md plus the row inset).\nconst menuInlineInset = 'px-space-md';\n/** Shared anchored-surface chrome; Menu and Popover retain their own accessible behavior. */\n/**\n * One width scale for anchored surfaces. Menus, pickers and popovers choose a\n * step rather than a number; the viewport bound in `popoverRecipes.surface`\n * still keeps every step clear of a narrow screen's edges.\n */\nexport const popoverWidthRecipes = {\n\txs: 'w-48',\n\tsm: 'w-56',\n\tmd: 'w-72',\n\tlg: 'w-80',\n\txl: 'w-90',\n\t/** Floor for a menu that otherwise follows its trigger's width. */\n\tmenuMin: 'min-w-40',\n} as const;\n\nexport const popoverRecipes = {\n // Every anchored surface keeps a 1rem gap to the viewport edges, so a wide\n // menu or popover never touches or overruns a narrow screen.\n surface: `box-border max-w-[calc(100vw-2rem)] rounded-surface ${surfaceDividerRecipes.anchored.shell} bg-popover text-popover-foreground shadow-md ring-0`,\n display: 'p-surface',\n // Explicitly compact rich content retains the existing small surface tier.\n displayCompact: 'p-surface-xs',\n menu: 'p-space-md',\n menuInline: menuInlineInset,\n // Collection bands share the list shell; text bodies add the row inset once.\n menuRegion: `${menuInlineInset} py-space-md`,\n // Header and footer copy in a menu band sits one small step inside the region\n // edge, so it does not touch the search field and row highlights below.\n menuCopyInset: 'px-space-xs',\n // Keep the literal descendant candidate with the shared compact shell owner.\n menuSearch: '[&_[data-slot=command-input-wrapper]]:p-space-md',\n separator: `mx-0 my-space-xs h-px w-full shrink-0 ${surfaceDividerRecipes.anchored.separator}`,\n row: 'box-border min-h-control rounded-radius px-row-x gap-space-sm font-medium leading-tight',\n} as const;\nexport type PopoverContentType = 'display' | 'menu';\n\n/** One surface inset vocabulary for Popover, Command and their collections. */\nexport const surfaceInsetClasses = {\n default: popoverRecipes.display,\n compact: popoverRecipes.menu,\n flush: 'p-0',\n} as const;\n\n/** Collection density changes vertical rhythm; inline room and primary text stay stable. */\nexport type CollectionDensity = RowDensity;\n\nconst collectionDensityClasses: Record<CollectionDensity, string> = {\n default: '',\n compact: 'min-h-control-sm',\n comfortable: 'min-h-control-lg',\n};\n\n// The height role sizes a single-line row; block padding is only the floor for\n// wrapped content, one step below Item's ladder so one line never outgrows it.\nconst collectionBlockPaddingClasses: Record<CollectionDensity, string> = {\n default: 'py-row-y-sm',\n compact: 'py-space-2xs',\n comfortable: 'py-row-y',\n};\n\nexport function collectionRowClasses(density: CollectionDensity = 'default'): string {\n return `${popoverRecipes.row} ${collectionDensityClasses[density]} ${collectionBlockPaddingClasses[density]}`;\n}\n\n/** Shared interactive collection states, independent of Menu/listbox state ownership. */\nexport const collectionRecipes = {\n icons: '[&_svg]:pointer-events-none [&_svg]:size-icon [&_svg]:shrink-0',\n interactive: 'relative flex cursor-default items-center outline-none select-none transition-colors',\n highlighted: 'data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:[&_svg]:text-accent-foreground',\n disabled: 'data-disabled:pointer-events-none data-disabled:opacity-50',\n destructive: 'data-[variant=destructive]:text-destructive data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:data-highlighted:text-destructive dark:data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:[&_svg]:text-destructive data-[variant=destructive]:data-highlighted:[&_svg]:text-destructive',\n} as const;\n"],"mappings":";;AAIA,IAAMC,IAAkB,eAOXC,IAAsB;CAClC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CAEJ,SAAS;AACV,GAEaC,IAAiB;CAG7B,SAAS,uDAAuDH,EAAsB,SAAS,MAAM;CACrG,SAAS;CAET,gBAAgB;CAChB,MAAM;CACN,YAAYC;CAEZ,YAAY,GAAGA,EAAgB;CAG/B,eAAe;CAEf,YAAY;CACZ,WAAW,yCAAyCD,EAAsB,SAAS;CACnF,KAAK;AACN,GAIaI,IAAsB;CAClC,SAASD,EAAe;CACxB,SAASA,EAAe;CACxB,OAAO;AACR,GAKME,IAA8D;CACnE,SAAS;CACT,SAAS;CACT,aAAa;AACd,GAIMC,IAAmE;CACxE,SAAS;CACT,SAAS;CACT,aAAa;AACd;AAEA,SAAgBC,EAAqB,IAA6B,WAAmB;CACpF,OAAO,GAAGJ,EAAe,IAAI,GAAGE,EAAyBG,GAAS,GAAGF,EAA8BE;AACpG;AAGA,IAAaC,IAAoB;CAChC,OAAO;CACP,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;AACd"}

package/dist/{portal-recipes-DyUXqUtD.js → portal-recipes-BPeS4rGB.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./utils-DhuoqFy4.js";
+import { t as e } from "./utils-BVbAG2J6.js";
 //#region src/lib/portal-recipes.ts
 function t(t) {
 	return (n) => e("contents", typeof t == "function" ? t(n) : t);
@@ -6,4 +6,4 @@ function t(t) {
 //#endregion
 export { t };
 
-//# sourceMappingURL=portal-recipes-DyUXqUtD.js.map
+//# sourceMappingURL=portal-recipes-BPeS4rGB.js.map

package/dist/{portal-recipes-DyUXqUtD.js.map → portal-recipes-BPeS4rGB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"portal-recipes-DyUXqUtD.js","names":["cn","portalClassName","className","state"],"sources":["../src/lib/portal-recipes.ts"],"sourcesContent":["import { cn } from './utils';\n\n/** Native portals retain their DOM/theme boundary without becoming flex/grid\n * items. Native class callbacks and deliberate display overrides still win. */\nexport function portalClassName<State>(className?: string | ((state: State) => string | undefined)) {\n return (state: State) => cn('contents', typeof className === 'function' ? className(state) : className);\n}\n"],"mappings":";;AAIA,SAAgBC,EAAuB,GAA6D;CACnG,QAAQ,MAAiBD,EAAG,YAAY,OAAOE,KAAc,aAAaA,EAAUC,CAAK,IAAID,CAAS;AACvG"}
+{"version":3,"file":"portal-recipes-BPeS4rGB.js","names":["cn","portalClassName","className","state"],"sources":["../src/lib/portal-recipes.ts"],"sourcesContent":["import { cn } from './utils';\n\n/** Native portals retain their DOM/theme boundary without becoming flex/grid\n * items. Native class callbacks and deliberate display overrides still win. */\nexport function portalClassName<State>(className?: string | ((state: State) => string | undefined)) {\n return (state: State) => cn('contents', typeof className === 'function' ? className(state) : className);\n}\n"],"mappings":";;AAIA,SAAgBC,EAAuB,GAA6D;CACnG,QAAQ,MAAiBD,EAAG,YAAY,OAAOE,KAAc,aAAaA,EAAUC,CAAK,IAAID,CAAS;AACvG"}

package/dist/primitives-BlC1lXBr.js

@@ -0,0 +1,447 @@
+"use client";
+import { p as e, y as t } from "./ui-provider-Bu1S-o96.js";
+import { t as n } from "./utils-BVbAG2J6.js";
+import { c as r, i, l as a, r as o, u as s } from "./typography-C0dELqYV.js";
+import { i as c } from "./text.styles-B64My8RZ.js";
+import { c as l, i as u, l as d, n as f, r as p, t as m } from "./value-typography-D15uwfj-.js";
+import { t as h } from "./initials-format-CDoQEOd_.js";
+import "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useRender as y } from "@base-ui/react/use-render";
+//#region src/components/primitives/value.tsx
+var b = {
+	type: "main",
+	weight: "regular"
+}, x = {
+	type: "secondary",
+	weight: "regular",
+	keepType: !0
+}, S = {
+	type: "main",
+	weight: "medium",
+	inTextLineHeight: "none"
+};
+function C(e) {
+	return e == null || e === "";
+}
+function w({ valueRole: e, hookClassName: t, numeric: i = !1, children: a, emptyLabel: o = "—", size: s, align: c, weight: l, type: u, lineHeight: d, className: p, ref: h, ...g }) {
+	let v = f({
+		size: s,
+		type: u,
+		weight: l,
+		lineHeight: d
+	}, e), y = C(a), b = y ? m(v, l) : v;
+	return /* @__PURE__ */ _(r, {
+		ref: h,
+		tag: "span",
+		size: b.size,
+		align: c,
+		weight: b.weight,
+		type: b.type,
+		lineHeight: b.lineHeight,
+		numeric: i && !y,
+		className: n(t, p),
+		...g,
+		children: y ? o : a
+	});
+}
+function T(e) {
+	return /* @__PURE__ */ _(w, {
+		...e,
+		valueRole: b,
+		hookClassName: "value--component inline min-w-0"
+	});
+}
+function E(e) {
+	return /* @__PURE__ */ _(w, {
+		...e,
+		valueRole: x,
+		hookClassName: "secondary-value--component inline min-w-0"
+	});
+}
+function ee(e) {
+	return /* @__PURE__ */ _(w, {
+		...e,
+		valueRole: x,
+		hookClassName: "muted-value--component inline min-w-0"
+	});
+}
+function D(e) {
+	return /* @__PURE__ */ _(w, {
+		...e,
+		valueRole: S,
+		numeric: !0,
+		hookClassName: "mono-value--component inline min-w-0 break-words"
+	});
+}
+function O({ children: e = "—", ...t }) {
+	return /* @__PURE__ */ _(w, {
+		...t,
+		valueRole: x,
+		emptyLabel: "—",
+		hookClassName: "empty-value--component inline min-w-0",
+		children: e
+	});
+}
+//#endregion
+//#region src/components/primitives/name.tsx
+var k = /(\s+)/u, A = /([-'])/u, j = /\p{L}/u, M = /\p{L}/gu;
+function N(e) {
+	return e.trim().replace(/\s+/g, " ");
+}
+function te(e) {
+	return e.match(M)?.join("") ?? "";
+}
+function P(e) {
+	let t = j.exec(e);
+	return t ? {
+		index: t.index,
+		value: t[0]
+	} : null;
+}
+function ne(e) {
+	let t = P(e);
+	if (!t) return !0;
+	let n = te(e);
+	if (n.length <= 1) return t.value === t.value.toLocaleUpperCase();
+	let r = n === n.toLocaleUpperCase(), i = n === n.toLocaleLowerCase();
+	return t.value === t.value.toLocaleUpperCase() && !r && !i;
+}
+function re(e) {
+	return N(e).split(k).filter((e) => e.trim() !== "").every((e) => e.split(A).filter((e) => e !== "-" && e !== "'").every(ne));
+}
+function ie(e) {
+	let t = P(e);
+	if (!t) return e;
+	let n = e.slice(0, t.index), r = e.slice(t.index + t.value.length);
+	return `${n}${t.value.toLocaleUpperCase()}${r.toLocaleLowerCase()}`;
+}
+function F(e) {
+	return e.split(A).map((e) => e === "-" || e === "'" ? e : ie(e)).join("");
+}
+function I(e, t = {}) {
+	if (e == null) return "";
+	let n = N(e);
+	return n ? !t.force && re(n) ? n : n.split(k).map((e) => e.trim() === "" ? e : F(e)).join("") : "";
+}
+function L({ value: e, children: t, force: r, className: i, ref: a, ...o }) {
+	let s = e ?? (typeof t == "string" ? t : void 0), c = s === void 0 ? t : I(s, { force: r });
+	return /* @__PURE__ */ _(T, {
+		ref: a,
+		className: n("name--component", i),
+		...o,
+		children: c
+	});
+}
+//#endregion
+//#region src/components/primitives/initials.tsx
+function R({ value: e, strategy: t, maxCharacters: r, locale: i, fallback: a, size: o = "inherit", type: s = "inherit", weight: c = "inherit", emptyLabel: l = "", className: u, ref: d, ...f }) {
+	return /* @__PURE__ */ _(T, {
+		ref: d,
+		...f,
+		emptyLabel: l,
+		size: o,
+		type: s,
+		weight: c,
+		className: n("initials--component", u),
+		children: h(e, {
+			strategy: t,
+			maxCharacters: r,
+			locale: i,
+			fallback: a
+		})
+	});
+}
+//#endregion
+//#region src/components/primitives/link.tsx
+function z({ children: e, ...t }) {
+	if (e == null || e === "") {
+		let { emptyLabel: e = "—", className: r, ref: i, render: a, ...o } = t;
+		return /* @__PURE__ */ _(V, {
+			ref: i,
+			className: n("link--component", r),
+			emptyLabel: e,
+			linkProps: o
+		});
+	}
+	return /* @__PURE__ */ _(B, {
+		...t,
+		children: e
+	});
+}
+function B({ children: e, emptyLabel: r, className: l, ref: u, render: d, ...f }) {
+	let p = s(), { defaultTextSize: m } = t();
+	return y({
+		defaultTagName: "a",
+		render: d,
+		ref: u,
+		props: {
+			"data-typography": "link",
+			className: n(c({
+				type: null,
+				size: p ? "inherit" : m,
+				weight: null,
+				align: null,
+				lineHeight: p ? null : "normal"
+			}), "link--component text-link-color wrap-anywhere", o, p ? `${i} hover:decoration-transparent` : "no-underline underline-offset-[0.2em] hover:underline", l),
+			...f,
+			children: /* @__PURE__ */ _(a.Provider, {
+				value: !0,
+				children: e
+			})
+		}
+	});
+}
+function V({ className: e, emptyLabel: t, ref: n, linkProps: r }) {
+	let { href: i, target: a, rel: o, download: s, hrefLang: c, ping: l, referrerPolicy: u, media: d, type: f, ...p } = r;
+	return /* @__PURE__ */ _(O, {
+		...p,
+		ref: n,
+		className: e,
+		children: t
+	});
+}
+function H({ value: e, display: t, subject: r, body: i, className: a, emptyLabel: o = "—", ref: s, ...c }) {
+	if (!e) return /* @__PURE__ */ _(V, {
+		ref: s,
+		className: n("email--component", a),
+		emptyLabel: o,
+		linkProps: c
+	});
+	let l = [r ? `subject=${encodeURIComponent(r)}` : null, i ? `body=${encodeURIComponent(i)}` : null].filter(Boolean).join("&"), u = `mailto:${e.trim().replace(/[?&#\s]/g, (e) => encodeURIComponent(e))}${l ? `?${l}` : ""}`;
+	return /* @__PURE__ */ _(z, {
+		ref: s,
+		className: n("email--component", a),
+		href: u,
+		emptyLabel: o,
+		...c,
+		children: t ?? e
+	});
+}
+var U = {
+	A: "2",
+	B: "2",
+	C: "2",
+	D: "3",
+	E: "3",
+	F: "3",
+	G: "4",
+	H: "4",
+	I: "4",
+	J: "5",
+	K: "5",
+	L: "5",
+	M: "6",
+	N: "6",
+	O: "6",
+	P: "7",
+	Q: "7",
+	R: "7",
+	S: "7",
+	T: "8",
+	U: "8",
+	V: "8",
+	W: "9",
+	X: "9",
+	Y: "9",
+	Z: "9"
+}, W = /(^|[^a-z])\s*(?:;ext=|ext(?:ension)?\.?|x)\s*(\d+)\s*$/i;
+function G(e) {
+	let t = W.exec(e), n = (t ? e.slice(0, t.index + t[1].length) : e).replace(/[a-z]/gi, (e) => U[e.toUpperCase()] ?? "").replace(/[^\d+*#;,]/g, "");
+	return t ? `${n};ext=${t[2]}` : n;
+}
+function K({ value: e, display: t, className: r, emptyLabel: i = "—", ref: a, ...o }) {
+	return e ? /* @__PURE__ */ _(z, {
+		ref: a,
+		className: n("phone--component wrap-normal", r),
+		href: `tel:${G(e)}`,
+		emptyLabel: i,
+		...o,
+		children: t ?? e
+	}) : /* @__PURE__ */ _(V, {
+		ref: a,
+		className: n("phone--component", r),
+		emptyLabel: i,
+		linkProps: o
+	});
+}
+var q = /^([a-z][a-z\d+\-.]*):/i, J = /* @__PURE__ */ new Set([
+	"tel",
+	"sms",
+	"callto",
+	"fax"
+]), ae = /^\d{1,5}(?:[/?#]|$)/;
+function oe(e) {
+	if (e.startsWith("/") || e.startsWith("#")) return e;
+	let t = q.exec(e);
+	if (!t) return `https://${e}`;
+	let n = e.slice(t[0].length);
+	return ae.test(n) && !J.has(t[1].toLowerCase()) ? `https://${e}` : e;
+}
+function se({ value: e, display: t, external: r, target: i, rel: a, className: o, emptyLabel: s = "—", ref: c, ...l }) {
+	if (!e) return /* @__PURE__ */ _(V, {
+		ref: c,
+		className: n("url--component", o),
+		emptyLabel: s,
+		linkProps: {
+			...l,
+			target: i,
+			rel: a
+		}
+	});
+	let u = oe(e), d = r ?? /^(?:https?:)?\/\//i.test(u), f = i ?? (d ? "_blank" : void 0), p = a ?? (d ? "noreferrer" : void 0);
+	return /* @__PURE__ */ _(z, {
+		ref: c,
+		className: n("url--component", o),
+		href: u,
+		target: f,
+		rel: p,
+		emptyLabel: s,
+		...l,
+		children: t ?? e
+	});
+}
+//#endregion
+//#region src/components/primitives/file-size.tsx
+var ce = {
+	type: "main",
+	weight: "regular"
+}, Y = [
+	"bytes",
+	"kb",
+	"mb",
+	"gb",
+	"tb"
+], le = {
+	bytes: "B",
+	kb: "KB",
+	mb: "MB",
+	gb: "GB",
+	tb: "TB"
+}, X = {
+	bytes: 1,
+	kb: 1024,
+	mb: 1024 ** 2,
+	gb: 1024 ** 3,
+	tb: 1024 ** 4
+};
+function ue(e, t = "bytes") {
+	return typeof e != "number" || !Number.isFinite(e) || e <= 0 ? null : e * X[t];
+}
+function Z(e, t = {}) {
+	let { locale: n, from: r = "bytes", unitLabels: i } = t, a = ue(e, r);
+	if (a === null) return null;
+	let o = Y.length - 1, s = a, c = 0;
+	for (;;) {
+		let e = c === 0 ? 1 : 10;
+		if (s = Math.round(s * e) / e, s < 1024 || c === o) break;
+		s = a / 1024 ** (c + 1), c += 1;
+	}
+	let l = new Intl.NumberFormat(n, {
+		maximumFractionDigits: c === 0 ? 0 : 1,
+		minimumFractionDigits: 0
+	}).format(s), u = Y[c];
+	return `${l} ${i?.[u] ?? le[u]}`;
+}
+function de({ value: t, from: i = "bytes", locale: a, unitLabels: o, emptyLabel: s = "—", size: c, align: l = "right", weight: u, type: d, className: p, ref: h, ...g }) {
+	let v = e(), y = f({
+		size: c,
+		type: d,
+		weight: u
+	}, ce), b = Z(t, {
+		from: i,
+		locale: a ?? v.locale,
+		unitLabels: o
+	}), x = b === null ? m(y, u) : y;
+	return /* @__PURE__ */ _(r, {
+		ref: h,
+		tag: "span",
+		size: x.size,
+		align: l,
+		weight: x.weight,
+		type: x.type,
+		lineHeight: x.lineHeight,
+		className: n("file-size--component inline tabular-nums", p),
+		...g,
+		children: b ?? s
+	});
+}
+//#endregion
+//#region src/components/primitives/duration.tsx
+var fe = {
+	type: "main",
+	weight: "regular"
+};
+function pe({ value: t, from: i = "seconds", locale: a, maxParts: o = 2, unitDisplay: s = "narrow", minimumFractionDigits: c, maximumFractionDigits: l, emptyLabel: d = "—", size: p, align: h = "right", weight: g, type: v, className: y, ref: b, ...x }) {
+	let S = e(), C = f({
+		size: p,
+		type: v,
+		weight: g
+	}, fe), w = t == null ? null : u(t, {
+		from: i,
+		locale: a ?? S.locale,
+		maxParts: o,
+		unitDisplay: s,
+		minimumFractionDigits: c,
+		maximumFractionDigits: l ?? (i === "milliseconds" ? 1 : void 0)
+	}), T = w === null || w === "—", E = T ? m(C, g) : C;
+	return /* @__PURE__ */ _(r, {
+		ref: b,
+		tag: "span",
+		size: E.size,
+		align: h,
+		weight: E.weight,
+		type: E.type,
+		lineHeight: E.lineHeight,
+		className: n("duration--component inline tabular-nums", y),
+		...x,
+		children: T ? d : w
+	});
+}
+//#endregion
+//#region src/components/primitives/dimensions.tsx
+var me = {
+	type: "main",
+	weight: "regular"
+};
+function Q(e) {
+	return e == null || e === "" ? null : typeof e == "number" ? Number.isFinite(e) ? e : null : d(e);
+}
+function $(e, t, { depth: n, unit: r, separator: i = " × ", locale: a, options: o } = {}) {
+	let s = Q(e), c = Q(t), u = Q(n);
+	if (s === null || c === null || n != null && n !== "" && u === null) return null;
+	let d = p(a, o);
+	if (!d) return null;
+	let f = [s, c];
+	u !== null && f.push(u);
+	let m = f.map((e) => l(d, e)).join(i);
+	return r ? `${m} ${r}` : m;
+}
+function he({ width: t, height: i, depth: a, unit: o, separator: s = " × ", locale: c, options: l, emptyLabel: u = "—", size: d, align: p = "right", weight: h, type: y, className: b, ref: x, ...S }) {
+	let C = e(), w = f({
+		size: d,
+		type: y,
+		weight: h
+	}, me), T = $(t, i, {
+		depth: a,
+		separator: typeof s == "string" ? s : " × ",
+		locale: c ?? C.locale,
+		options: l
+	}), E = T === null ? m(w, h) : w;
+	return /* @__PURE__ */ _(r, {
+		ref: x,
+		tag: "span",
+		size: E.size,
+		align: p,
+		weight: E.weight,
+		type: E.type,
+		lineHeight: E.lineHeight,
+		className: n("dimensions--component inline tabular-nums", b),
+		...S,
+		children: T === null ? u : /* @__PURE__ */ v(g, { children: [typeof s == "string" ? T : T.split(" × ").map((e, t) => /* @__PURE__ */ v("span", { children: [t > 0 && s, e] }, `${e}-${t}`)), !!o && /* @__PURE__ */ v(g, { children: [" ", o] })] })
+	});
+}
+//#endregion
+export { T as _, Z as a, K as c, L as d, I as f, E as g, ee as h, de as i, se as l, D as m, $ as n, H as o, O as p, pe as r, z as s, he as t, R as u };
+
+//# sourceMappingURL=primitives-BlC1lXBr.js.map