@wildo-ai/presets-components 1.1.4 → 1.1.5

package/dist/esm/components/navigation/command.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { cn, useIconRegistry, StandardIconReference, IconSize, useI18n, useUI, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Drawer, DrawerContent, DrawerTitle, DrawerDescription, createOpenSessionOverlayModeResolver, createCompoundPreset, } from '@wildo-ai/saas-frontend-lib';
+import { cn, useIconRegistry, StandardIconReference, IconSize, useI18n, useUI, Dialog, DialogContent, DialogDescription, DialogTitle, Drawer, DrawerContent, DrawerTitle, DrawerDescription, createOpenSessionOverlayModeResolver, createCompoundPreset, } from '@wildo-ai/saas-frontend-lib';
 import { FrontendComponentType } from "@wildo-ai/presets-components-models";
 import { UIBehavior, InteractiveVariant, TypographyVariant } from "@wildo-ai/presets-components-models";
 import { OverlayContainerMode } from "@wildo-ai/zod-decorators";
@@ -65,7 +65,7 @@ function CommandDialog({ title, description, children, className, showCloseButto
     if (activeMode === OverlayContainerMode.DRAWER) {
         return (_jsx(Drawer, { open: open, onOpenChange: onOpenChange, direction: "bottom", children: _jsxs(DrawerContent, { surfacePolicyOverride: surfacePolicyOverride, className: "p-0", children: [_jsx(DrawerTitle, { className: "sr-only", children: dialogTitle }), _jsx(DrawerDescription, { className: "sr-only", children: dialogDescription }), commandBody] }) }));
     }
-    return (_jsxs(Dialog, { open: open, onOpenChange: onOpenChange, ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: dialogTitle }), _jsx(DialogDescription, { children: dialogDescription })] }), _jsx(DialogContent, { surfacePolicyOverride: surfacePolicyOverride, className: cn("overflow-hidden p-0", className), showCloseButton: showCloseButton, children: commandBody })] }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, ...props, children: _jsxs(DialogContent, { surfacePolicyOverride: surfacePolicyOverride, className: cn("overflow-hidden p-0", className), showCloseButton: showCloseButton, children: [_jsx(DialogTitle, { className: "sr-only", children: dialogTitle }), _jsx(DialogDescription, { className: "sr-only", children: dialogDescription }), commandBody] }) }));
 }
 function CommandInput({ className, ...props }) {
     const { renderIcon } = useIconRegistry();

package/dist/esm/components/navigation/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","sourceRoot":"","sources":["../../../../../src/components/navigation/command.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\n\nimport {\n  cn,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  useI18n,\n  useUI,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  Drawer,\n  DrawerContent,\n  DrawerTitle,\n  DrawerDescription,\n  createOpenSessionOverlayModeResolver,\n  createCompoundPreset,\n  type CommandCompound,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, type DeepPartialSurfacePolicy } from \"@wildo-ai/presets-components-models\"\nimport { UIBehavior, InteractiveVariant, TypographyVariant } from \"@wildo-ai/presets-components-models\"\nimport { OverlayContainerMode } from \"@wildo-ai/zod-decorators\"\n\n/**\n * cmdk content styling (group headings, input wrapper, item rows). Applied on\n * the `CommandRoot` in BOTH the desktop dialog and the mobile bottom-drawer\n * shapes so the palette looks identical in either primitive.\n */\nconst CMDK_CONTENT_CLASS_NAME =\n  \"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-card-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-card-sm [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-card-sm [&_[cmdk-item]]:py-card-sm [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\"\n\n/**\n * The command palette's CONTENT primitive — structure only, no surface of its\n * own.\n *\n * It used to paint `Surface RAISED` here, which produced a DOUBLE CARD in every\n * single usage: each consumer already mounts it inside a framing container\n * (`PopoverContent` for both comboboxes, `DialogContent`/`DrawerContent` for the\n * Cmd+K palette and the model selector), so the user saw two nested rounded,\n * bordered, shadowed boxes with identical styling — measured as 223×141 around\n * 191×108 in the quick switcher.\n *\n * The container owns the frame; this owns the layout. A future consumer that\n * mounts it bare must supply its own surface — which is the correct obligation,\n * because only the consumer knows whether it is floating (overlay) or inline.\n */\nfunction CommandRoot({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n/**\n * The command surface's overlay shell. Desktop renders the width-capped,\n * centered `Dialog`; a mobile viewport rewrites the request to a bottom\n * `Drawer` (\"bottom drop-down\") — the palette's deliberate responsive shape.\n * The SAME cmdk `CommandRoot` (input + list) mounts inside either primitive, so\n * keyboard access, autofocus, scroll, and result rendering are identical in both.\n *\n * The primitive is chosen through the shared `overlay-container-mode-resolution`\n * seam (the same one `OverlayContainer` uses) with `mobileShape: 'drawer'` forced,\n * and kept STABLE for the duration of an open session so a mid-session viewport\n * flip never remounts a live Radix Dialog as a Vaul Drawer.\n */\nfunction CommandDialog({\n  title,\n  description,\n  children,\n  className,\n  showCloseButton = true,\n  surfacePolicyOverride,\n  open,\n  onOpenChange,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n}): React.JSX.Element | null {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_COMMAND })\n  const { isMobile } = useUI()\n\n  const modeResolverRef = React.useRef<ReturnType<typeof createOpenSessionOverlayModeResolver> | null>(null)\n  if (modeResolverRef.current === null) {\n    modeResolverRef.current = createOpenSessionOverlayModeResolver()\n  }\n  const activeMode = modeResolverRef.current.resolve({\n    open,\n    requestedMode: OverlayContainerMode.DIALOG,\n    isMobileViewport: isMobile,\n    // Force a bottom drawer on mobile regardless of surface-policy mobileShape:\n    // \"bottom drop-down\" is the command palette's intended small-screen shape.\n    mobileShape: 'drawer',\n  })\n\n  if (!isReady) return null;\n\n  const dialogTitle = title ?? tComponent(FrontendComponentType.LOW_LEVEL_COMMAND, 'title')\n  const dialogDescription = description ?? tComponent(FrontendComponentType.LOW_LEVEL_COMMAND, 'description')\n\n  const commandBody = (\n    <CommandRoot className={CMDK_CONTENT_CLASS_NAME}>\n      {children}\n    </CommandRoot>\n  )\n\n  if (activeMode === OverlayContainerMode.DRAWER) {\n    return (\n      <Drawer open={open} onOpenChange={onOpenChange} direction=\"bottom\">\n        <DrawerContent surfacePolicyOverride={surfacePolicyOverride} className=\"p-0\">\n          {/* Title/description are sr-only — vaul (like Radix Dialog) requires a\n              title for a11y; the visible chrome is the search input itself. */}\n          <DrawerTitle className=\"sr-only\">{dialogTitle}</DrawerTitle>\n          <DrawerDescription className=\"sr-only\">{dialogDescription}</DrawerDescription>\n          {commandBody}\n        </DrawerContent>\n      </Drawer>\n    )\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange} {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{dialogTitle}</DialogTitle>\n        <DialogDescription>{dialogDescription}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        surfacePolicyOverride={surfacePolicyOverride}\n        className={cn(\"overflow-hidden p-0\", className)}\n        showCloseButton={showCloseButton}\n      >\n        {commandBody}\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element {\n  const { renderIcon } = useIconRegistry()\n\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      // Focus is indicated on the WRAPPER (divider brightens to the ring color\n      // via focus-within), not as a box ring on the inner input: the input is a\n      // borderless slice of this row, so any ring drawn on it floats mid-row —\n      // clipped behind the leading search icon on one side and crossing the\n      // wrapper's divider on the other (it also used to be h-10 inside an h-9\n      // wrapper, overflowing top/bottom). The row itself is the visual control;\n      // its divider is the in-bounds, always-visible focus affordance.\n      className=\"flex h-9 items-center gap-element border-b px-card-sm transition-colors focus-within:border-ring\"\n    >\n      {renderIcon(StandardIconReference.SEARCH, { size: IconSize.SM, className: \"shrink-0 opacity-[var(--opacity-muted)]\" })}\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"placeholder:text-muted-foreground flex h-9 w-full bg-transparent py-card-sm text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-section text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-item [&_[cmdk-group-heading]]:px-card-sm [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const dividerRecipe = getRecipe(UIBehavior.DIVIDER)\n\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"-mx-item h-px\", dividerRecipe.base, className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const ghostRecipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.GHOST)\n\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        // V-4: unify command-row height to h-10 (touch target stays 44px on\n        // coarse pointers via pointer-coarse:min-h-11). Padding kept for\n        // visual breathing room around multi-line content.\n        \"relative flex min-h-10 cursor-default items-center gap-element rounded-sm px-card-sm py-card-sm text-sm outline-hidden select-none pointer-coarse:min-h-11 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-[var(--opacity-disabled)] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        // Style — cmdk uses data-[selected=true] for highlighted items\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\",\n        // Standardised keyboard-focus indicator. Inset variant because items\n        // are grouped — an offset ring would overlap neighbours.\n        \"focus-ring-inset\",\n        \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        ghostRecipe.motion.transition,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION)\n\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"ms-auto text-xs tracking-widest\",\n        descRecipe.base,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n// --- Compound assembly ---\n\nconst Command = createCompoundPreset<CommandCompound>(CommandRoot, {\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n  Separator: CommandSeparator,\n})\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n}\n"]}
+{"version":3,"file":"command.js","sourceRoot":"","sources":["../../../../../src/components/navigation/command.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\n\nimport {\n  cn,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  useI18n,\n  useUI,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogTitle,\n  Drawer,\n  DrawerContent,\n  DrawerTitle,\n  DrawerDescription,\n  createOpenSessionOverlayModeResolver,\n  createCompoundPreset,\n  type CommandCompound,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, type DeepPartialSurfacePolicy } from \"@wildo-ai/presets-components-models\"\nimport { UIBehavior, InteractiveVariant, TypographyVariant } from \"@wildo-ai/presets-components-models\"\nimport { OverlayContainerMode } from \"@wildo-ai/zod-decorators\"\n\n/**\n * cmdk content styling (group headings, input wrapper, item rows). Applied on\n * the `CommandRoot` in BOTH the desktop dialog and the mobile bottom-drawer\n * shapes so the palette looks identical in either primitive.\n */\nconst CMDK_CONTENT_CLASS_NAME =\n  \"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-card-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-card-sm [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-card-sm [&_[cmdk-item]]:py-card-sm [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\"\n\n/**\n * The command palette's CONTENT primitive — structure only, no surface of its\n * own.\n *\n * It used to paint `Surface RAISED` here, which produced a DOUBLE CARD in every\n * single usage: each consumer already mounts it inside a framing container\n * (`PopoverContent` for both comboboxes, `DialogContent`/`DrawerContent` for the\n * Cmd+K palette and the model selector), so the user saw two nested rounded,\n * bordered, shadowed boxes with identical styling — measured as 223×141 around\n * 191×108 in the quick switcher.\n *\n * The container owns the frame; this owns the layout. A future consumer that\n * mounts it bare must supply its own surface — which is the correct obligation,\n * because only the consumer knows whether it is floating (overlay) or inline.\n */\nfunction CommandRoot({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n/**\n * The command surface's overlay shell. Desktop renders the width-capped,\n * centered `Dialog`; a mobile viewport rewrites the request to a bottom\n * `Drawer` (\"bottom drop-down\") — the palette's deliberate responsive shape.\n * The SAME cmdk `CommandRoot` (input + list) mounts inside either primitive, so\n * keyboard access, autofocus, scroll, and result rendering are identical in both.\n *\n * The primitive is chosen through the shared `overlay-container-mode-resolution`\n * seam (the same one `OverlayContainer` uses) with `mobileShape: 'drawer'` forced,\n * and kept STABLE for the duration of an open session so a mid-session viewport\n * flip never remounts a live Radix Dialog as a Vaul Drawer.\n */\nfunction CommandDialog({\n  title,\n  description,\n  children,\n  className,\n  showCloseButton = true,\n  surfacePolicyOverride,\n  open,\n  onOpenChange,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n}): React.JSX.Element | null {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_COMMAND })\n  const { isMobile } = useUI()\n\n  const modeResolverRef = React.useRef<ReturnType<typeof createOpenSessionOverlayModeResolver> | null>(null)\n  if (modeResolverRef.current === null) {\n    modeResolverRef.current = createOpenSessionOverlayModeResolver()\n  }\n  const activeMode = modeResolverRef.current.resolve({\n    open,\n    requestedMode: OverlayContainerMode.DIALOG,\n    isMobileViewport: isMobile,\n    // Force a bottom drawer on mobile regardless of surface-policy mobileShape:\n    // \"bottom drop-down\" is the command palette's intended small-screen shape.\n    mobileShape: 'drawer',\n  })\n\n  if (!isReady) return null;\n\n  const dialogTitle = title ?? tComponent(FrontendComponentType.LOW_LEVEL_COMMAND, 'title')\n  const dialogDescription = description ?? tComponent(FrontendComponentType.LOW_LEVEL_COMMAND, 'description')\n\n  const commandBody = (\n    <CommandRoot className={CMDK_CONTENT_CLASS_NAME}>\n      {children}\n    </CommandRoot>\n  )\n\n  if (activeMode === OverlayContainerMode.DRAWER) {\n    return (\n      <Drawer open={open} onOpenChange={onOpenChange} direction=\"bottom\">\n        <DrawerContent surfacePolicyOverride={surfacePolicyOverride} className=\"p-0\">\n          {/* Title/description are sr-only — vaul (like Radix Dialog) requires a\n              title for a11y; the visible chrome is the search input itself. */}\n          <DrawerTitle className=\"sr-only\">{dialogTitle}</DrawerTitle>\n          <DrawerDescription className=\"sr-only\">{dialogDescription}</DrawerDescription>\n          {commandBody}\n        </DrawerContent>\n      </Drawer>\n    )\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange} {...props}>\n      <DialogContent\n        surfacePolicyOverride={surfacePolicyOverride}\n        className={cn(\"overflow-hidden p-0\", className)}\n        showCloseButton={showCloseButton}\n      >\n        {/* Title/description are sr-only — Radix requires a title for a11y; the visible chrome is\n            the search input itself. They MUST be children of `DialogContent`: `DialogTitle`\n            registers through the content's context and is what sets `aria-labelledby` on it, so a\n            title rendered as a SIBLING of the content registers with nothing and the dialog ships\n            with no accessible name at all (measured: `aria-labelledby` null, `aria-label` null).\n            `DialogContent` also portals while a plain `DialogHeader` div does not, so the sibling\n            form additionally stranded the heading in the page body, outside the dialog.\n\n            Standalone rather than wrapped in `DialogHeader`, matching `OverlayContainer`'s\n            edge-to-edge branch: the header would reserve its visible padding at the top of a\n            `p-0` surface that renders nothing there. */}\n        <DialogTitle className=\"sr-only\">{dialogTitle}</DialogTitle>\n        <DialogDescription className=\"sr-only\">{dialogDescription}</DialogDescription>\n        {commandBody}\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element {\n  const { renderIcon } = useIconRegistry()\n\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      // Focus is indicated on the WRAPPER (divider brightens to the ring color\n      // via focus-within), not as a box ring on the inner input: the input is a\n      // borderless slice of this row, so any ring drawn on it floats mid-row —\n      // clipped behind the leading search icon on one side and crossing the\n      // wrapper's divider on the other (it also used to be h-10 inside an h-9\n      // wrapper, overflowing top/bottom). The row itself is the visual control;\n      // its divider is the in-bounds, always-visible focus affordance.\n      className=\"flex h-9 items-center gap-element border-b px-card-sm transition-colors focus-within:border-ring\"\n    >\n      {renderIcon(StandardIconReference.SEARCH, { size: IconSize.SM, className: \"shrink-0 opacity-[var(--opacity-muted)]\" })}\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"placeholder:text-muted-foreground flex h-9 w-full bg-transparent py-card-sm text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-section text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-item [&_[cmdk-group-heading]]:px-card-sm [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const dividerRecipe = getRecipe(UIBehavior.DIVIDER)\n\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"-mx-item h-px\", dividerRecipe.base, className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const ghostRecipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.GHOST)\n\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        // V-4: unify command-row height to h-10 (touch target stays 44px on\n        // coarse pointers via pointer-coarse:min-h-11). Padding kept for\n        // visual breathing room around multi-line content.\n        \"relative flex min-h-10 cursor-default items-center gap-element rounded-sm px-card-sm py-card-sm text-sm outline-hidden select-none pointer-coarse:min-h-11 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-[var(--opacity-disabled)] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        // Style — cmdk uses data-[selected=true] for highlighted items\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\",\n        // Standardised keyboard-focus indicator. Inset variant because items\n        // are grouped — an offset ring would overlap neighbours.\n        \"focus-ring-inset\",\n        \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        ghostRecipe.motion.transition,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION)\n\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"ms-auto text-xs tracking-widest\",\n        descRecipe.base,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n// --- Compound assembly ---\n\nconst Command = createCompoundPreset<CommandCompound>(CommandRoot, {\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n  Separator: CommandSeparator,\n})\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n}\n"]}

package/dist/esm/components/navigation/command.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command.labels.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/command.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAGtD,CAAC"}
+{"version":3,"file":"command.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/command.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAGtD,CAAC"}

package/dist/esm/components/navigation/menu-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"menu-bar.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/menu-bar.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/navigation/menu-bar.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-bar.labels.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"menu-bar.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/menu-bar.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/navigation/navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/navbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAQL,sBAAsB,EAKvB,MAAM,6BAA6B,CAAC;AAsNrC,eAAO,MAAM,cAAc,wBAQzB,CAAA"}
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/navbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAQL,sBAAsB,EAKvB,MAAM,6BAA6B,CAAC;AAsNrC,eAAO,MAAM,cAAc,wBAQzB,CAAA"}

package/dist/esm/components/navigation/navbar.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.labels.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/navbar.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"navbar.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/navbar.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/navigation/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAyBL,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAwsBrC,eAAO,MAAM,OAAO,iBAuBlB,CAAA"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/sidebar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAyBL,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAwsBrC,eAAO,MAAM,OAAO,iBAuBlB,CAAA"}

package/dist/esm/components/navigation/sidebar.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.labels.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAQtD,CAAC"}
+{"version":3,"file":"sidebar.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/sidebar.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAQtD,CAAC"}

package/dist/esm/components/overlays/containers/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/containers/alert-dialog.tsx"],"names":[],"mappings":"AAOA,OAAO,EAeL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AAsKrC,QAAA,MAAM,WAAW,qBASf,CAAA;AAEF,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/containers/alert-dialog.tsx"],"names":[],"mappings":"AAOA,OAAO,EAeL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AA+KrC,QAAA,MAAM,WAAW,qBASf,CAAA;AAEF,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/esm/components/overlays/containers/alert-dialog.js

@@ -16,7 +16,17 @@ const AlertDialogContent = React.forwardRef(({ className, surfacePolicyOverride,
     const overlayRecipe = getRecipe(UIBehavior.OVERLAY_BACKDROP);
     const { container, shouldPortal } = useSurfacePolicyPortalTarget(SurfaceVariant.OVERLAY, surfacePolicyOverride);
     const stackingClass = useSurfacePolicyStackingClass(SurfaceVariant.OVERLAY, surfacePolicyOverride);
-    const content = (_jsxs(_Fragment, { children: [_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: cn("fixed inset-0", stackingClass, overlayRecipe.base, overlayRecipe.motion.enter, overlayRecipe.motion.exit) }), _jsx(Surface, { asChild: true, variant: SurfaceVariant.OVERLAY, modal: true, a11yManagedByHost: true, policyOverride: surfacePolicyOverride, children: _jsx(AlertDialogPrimitive.Content, { ref: ref, "data-slot": "alert-dialog-content", className: cn("fixed top-[50%] left-[50%] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]", surfaceRecipe.base, surfaceRecipe.motion.transition, surfaceRecipe.motion.enter, surfaceRecipe.motion.exit, className), ...props }) })] }));
+    const content = (_jsxs(_Fragment, { children: [_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: cn("fixed inset-0", stackingClass, overlayRecipe.base, overlayRecipe.motion.enter, overlayRecipe.motion.exit) }), _jsx(Surface, { asChild: true, variant: SurfaceVariant.OVERLAY, modal: true, a11yManagedByHost: true, policyOverride: surfacePolicyOverride, children: _jsx(AlertDialogPrimitive.Content, { ref: ref, "data-slot": "alert-dialog-content", className: cn(
+                    // `grid-cols-1` is NOT cosmetic here, and it is why this is not a bare `grid`.
+                    // An auto-placed grid item in an `auto`-min track carries the automatic minimum
+                    // size: it refuses to shrink below its content's min-content width, so a dialog
+                    // whose body is wider than `max-w-*` is OVERFLOWED BY ITS OWN CHILD rather than
+                    // shrinking it. Tailwind's `grid-cols-1` is `repeat(1, minmax(0, 1fr))`, and the
+                    // explicit `0` min removes that floor. Measured 2026-09-22 on the Wonder Todos
+                    // todo READ overlay: dialog 672px, first child 747px, the surface recipe's
+                    // `overflow-x: auto` then scrolled the whole dialog sideways and the overlay's
+                    // actions were clipped out of reach.
+                    "fixed top-[50%] left-[50%] grid grid-cols-1 w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]", surfaceRecipe.base, surfaceRecipe.motion.transition, surfaceRecipe.motion.enter, surfaceRecipe.motion.exit, className), ...props }) })] }));
     if (!shouldPortal) {
         return content;
     }

package/dist/esm/components/overlays/containers/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../../../../../src/components/overlays/containers/alert-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\"\nimport { motion } from \"motion/react\"\nimport { FrontendComponentType, InteractiveVariant, type DeepPartialSurfacePolicy, SurfaceVariant, TypographyVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\nimport {\n  cn,\n  useUI,\n  useSurfacePolicyPortalTarget,\n  useSurfacePolicyStackingClass,\n  createCompoundPreset,\n  Surface,\n  AlertDialogProps,\n  AlertDialogTriggerProps,\n  AlertDialogHeaderProps,\n  AlertDialogFooterProps,\n  AlertDialogTitleProps,\n  AlertDialogDescriptionProps,\n  AlertDialogActionProps,\n  AlertDialogCancelProps,\n  AlertDialogCompound,\n} from '@wildo-ai/saas-frontend-lib';\n\ntype AlertDialogContentImplProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & {\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n}\n\nfunction AlertDialogRoot({ ...props }: AlertDialogProps): React.JSX.Element {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nconst AlertDialogTrigger = React.forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  (props, ref) => <AlertDialogPrimitive.Trigger ref={ref} data-slot=\"alert-dialog-trigger\" {...props} />\n)\nAlertDialogTrigger.displayName = 'AlertDialogTrigger'\n\nconst AlertDialogContent = React.forwardRef<HTMLDivElement, AlertDialogContentImplProps>(\n  ({ className, surfacePolicyOverride, ...props }, ref) => {\n    const { getRecipe } = useUI()\n    const surfaceRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.OVERLAY)\n    const overlayRecipe = getRecipe(UIBehavior.OVERLAY_BACKDROP)\n    const { container, shouldPortal } = useSurfacePolicyPortalTarget(SurfaceVariant.OVERLAY, surfacePolicyOverride)\n    const stackingClass = useSurfacePolicyStackingClass(SurfaceVariant.OVERLAY, surfacePolicyOverride)\n\n    const content = (\n      <>\n        <AlertDialogPrimitive.Overlay\n          data-slot=\"alert-dialog-overlay\"\n          className={cn(\n            \"fixed inset-0\",\n            stackingClass,\n            overlayRecipe.base,\n            overlayRecipe.motion.enter,\n            overlayRecipe.motion.exit,\n          )}\n        />\n        <Surface asChild variant={SurfaceVariant.OVERLAY} modal a11yManagedByHost policyOverride={surfacePolicyOverride}>\n          <AlertDialogPrimitive.Content\n            ref={ref}\n            data-slot=\"alert-dialog-content\"\n            className={cn(\n              \"fixed top-[50%] left-[50%] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]\",\n              surfaceRecipe.base,\n              surfaceRecipe.motion.transition,\n              surfaceRecipe.motion.enter,\n              surfaceRecipe.motion.exit,\n              className\n            )}\n            {...props}\n          />\n        </Surface>\n      </>\n    )\n\n    if (!shouldPortal) {\n      return content\n    }\n\n    return (\n      <AlertDialogPrimitive.Portal container={container}>\n        {content}\n      </AlertDialogPrimitive.Portal>\n    )\n  }\n)\nAlertDialogContent.displayName = 'AlertDialogContent'\n\nfunction AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): React.JSX.Element {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"flex flex-col gap-element text-center sm:text-start\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): React.JSX.Element {\n  return (\n    <Surface.Footer\n      data-component-slot=\"alert-dialog-footer\"\n      className={cn(\"sm:justify-end\", className)}\n      {...props}\n    />\n  )\n}\n\nconst AlertDialogTitle = React.forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(\n  ({ className, ...props }, ref) => {\n    const { getRecipe } = useUI()\n    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING)\n\n    return (\n      <AlertDialogPrimitive.Title\n        ref={ref}\n        data-slot=\"alert-dialog-title\"\n        className={cn(\"leading-none\", recipe.base, recipe.sizes?.h4, className)}\n        {...props}\n      />\n    )\n  }\n)\nAlertDialogTitle.displayName = 'AlertDialogTitle'\n\nconst AlertDialogDescription = React.forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const { getRecipe } = useUI()\n    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION)\n\n    return (\n      <AlertDialogPrimitive.Description\n        ref={ref}\n        data-slot=\"alert-dialog-description\"\n        className={cn(recipe.base, className)}\n        {...props}\n      />\n    )\n  }\n)\nAlertDialogDescription.displayName = 'AlertDialogDescription'\n\nfunction AlertDialogAction({ className, ...props }: AlertDialogActionProps): React.JSX.Element {\n  const { getRecipe, getComposedClasses } = useUI()\n  const recipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.PRIMARY)\n  const classes = cn(getComposedClasses(UIBehavior.INTERACTIVE, InteractiveVariant.PRIMARY, 'default'), className)\n\n  if (recipe.gesture) {\n    const { onDrag, onDragStart, onDragEnd, onAnimationStart, onAnimationEnd, ...motionSafeProps } = props\n    return (\n      <AlertDialogPrimitive.Action asChild>\n        <motion.button\n          className={classes}\n          whileHover={recipe.gesture.whileHover}\n          whileTap={recipe.gesture.whileTap}\n          transition={recipe.gesture.transition}\n          {...motionSafeProps}\n        />\n      </AlertDialogPrimitive.Action>\n    )\n  }\n\n  return <AlertDialogPrimitive.Action className={classes} {...props} />\n}\n\nfunction AlertDialogCancel({ className, ...props }: AlertDialogCancelProps): React.JSX.Element {\n  const { getRecipe, getComposedClasses } = useUI()\n  const recipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.OUTLINE)\n  const classes = cn(getComposedClasses(UIBehavior.INTERACTIVE, InteractiveVariant.OUTLINE, 'default'), className)\n\n  if (recipe.gesture) {\n    const { onDrag, onDragStart, onDragEnd, onAnimationStart, onAnimationEnd, ...motionSafeProps } = props\n    return (\n      <AlertDialogPrimitive.Cancel asChild>\n        <motion.button\n          className={classes}\n          whileHover={recipe.gesture.whileHover}\n          whileTap={recipe.gesture.whileTap}\n          transition={recipe.gesture.transition}\n          {...motionSafeProps}\n        />\n      </AlertDialogPrimitive.Cancel>\n    )\n  }\n\n  return <AlertDialogPrimitive.Cancel className={classes} {...props} />\n}\n\nconst AlertDialog = createCompoundPreset<AlertDialogCompound>(AlertDialogRoot, {\n  Trigger: AlertDialogTrigger,\n  Content: AlertDialogContent,\n  Header: AlertDialogHeader,\n  Footer: AlertDialogFooter,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Action: AlertDialogAction,\n  Cancel: AlertDialogCancel,\n})\n\nexport { AlertDialog }\n"]}
+{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../../../../../src/components/overlays/containers/alert-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\"\nimport { motion } from \"motion/react\"\nimport { FrontendComponentType, InteractiveVariant, type DeepPartialSurfacePolicy, SurfaceVariant, TypographyVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\nimport {\n  cn,\n  useUI,\n  useSurfacePolicyPortalTarget,\n  useSurfacePolicyStackingClass,\n  createCompoundPreset,\n  Surface,\n  AlertDialogProps,\n  AlertDialogTriggerProps,\n  AlertDialogHeaderProps,\n  AlertDialogFooterProps,\n  AlertDialogTitleProps,\n  AlertDialogDescriptionProps,\n  AlertDialogActionProps,\n  AlertDialogCancelProps,\n  AlertDialogCompound,\n} from '@wildo-ai/saas-frontend-lib';\n\ntype AlertDialogContentImplProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & {\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n}\n\nfunction AlertDialogRoot({ ...props }: AlertDialogProps): React.JSX.Element {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nconst AlertDialogTrigger = React.forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  (props, ref) => <AlertDialogPrimitive.Trigger ref={ref} data-slot=\"alert-dialog-trigger\" {...props} />\n)\nAlertDialogTrigger.displayName = 'AlertDialogTrigger'\n\nconst AlertDialogContent = React.forwardRef<HTMLDivElement, AlertDialogContentImplProps>(\n  ({ className, surfacePolicyOverride, ...props }, ref) => {\n    const { getRecipe } = useUI()\n    const surfaceRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.OVERLAY)\n    const overlayRecipe = getRecipe(UIBehavior.OVERLAY_BACKDROP)\n    const { container, shouldPortal } = useSurfacePolicyPortalTarget(SurfaceVariant.OVERLAY, surfacePolicyOverride)\n    const stackingClass = useSurfacePolicyStackingClass(SurfaceVariant.OVERLAY, surfacePolicyOverride)\n\n    const content = (\n      <>\n        <AlertDialogPrimitive.Overlay\n          data-slot=\"alert-dialog-overlay\"\n          className={cn(\n            \"fixed inset-0\",\n            stackingClass,\n            overlayRecipe.base,\n            overlayRecipe.motion.enter,\n            overlayRecipe.motion.exit,\n          )}\n        />\n        <Surface asChild variant={SurfaceVariant.OVERLAY} modal a11yManagedByHost policyOverride={surfacePolicyOverride}>\n          <AlertDialogPrimitive.Content\n            ref={ref}\n            data-slot=\"alert-dialog-content\"\n            className={cn(\n              // `grid-cols-1` is NOT cosmetic here, and it is why this is not a bare `grid`.\n                // An auto-placed grid item in an `auto`-min track carries the automatic minimum\n                // size: it refuses to shrink below its content's min-content width, so a dialog\n                // whose body is wider than `max-w-*` is OVERFLOWED BY ITS OWN CHILD rather than\n                // shrinking it. Tailwind's `grid-cols-1` is `repeat(1, minmax(0, 1fr))`, and the\n                // explicit `0` min removes that floor. Measured 2026-09-22 on the Wonder Todos\n                // todo READ overlay: dialog 672px, first child 747px, the surface recipe's\n                // `overflow-x: auto` then scrolled the whole dialog sideways and the overlay's\n                // actions were clipped out of reach.\n                \"fixed top-[50%] left-[50%] grid grid-cols-1 w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]\",\n              surfaceRecipe.base,\n              surfaceRecipe.motion.transition,\n              surfaceRecipe.motion.enter,\n              surfaceRecipe.motion.exit,\n              className\n            )}\n            {...props}\n          />\n        </Surface>\n      </>\n    )\n\n    if (!shouldPortal) {\n      return content\n    }\n\n    return (\n      <AlertDialogPrimitive.Portal container={container}>\n        {content}\n      </AlertDialogPrimitive.Portal>\n    )\n  }\n)\nAlertDialogContent.displayName = 'AlertDialogContent'\n\nfunction AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): React.JSX.Element {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"flex flex-col gap-element text-center sm:text-start\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): React.JSX.Element {\n  return (\n    <Surface.Footer\n      data-component-slot=\"alert-dialog-footer\"\n      className={cn(\"sm:justify-end\", className)}\n      {...props}\n    />\n  )\n}\n\nconst AlertDialogTitle = React.forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(\n  ({ className, ...props }, ref) => {\n    const { getRecipe } = useUI()\n    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING)\n\n    return (\n      <AlertDialogPrimitive.Title\n        ref={ref}\n        data-slot=\"alert-dialog-title\"\n        className={cn(\"leading-none\", recipe.base, recipe.sizes?.h4, className)}\n        {...props}\n      />\n    )\n  }\n)\nAlertDialogTitle.displayName = 'AlertDialogTitle'\n\nconst AlertDialogDescription = React.forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const { getRecipe } = useUI()\n    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION)\n\n    return (\n      <AlertDialogPrimitive.Description\n        ref={ref}\n        data-slot=\"alert-dialog-description\"\n        className={cn(recipe.base, className)}\n        {...props}\n      />\n    )\n  }\n)\nAlertDialogDescription.displayName = 'AlertDialogDescription'\n\nfunction AlertDialogAction({ className, ...props }: AlertDialogActionProps): React.JSX.Element {\n  const { getRecipe, getComposedClasses } = useUI()\n  const recipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.PRIMARY)\n  const classes = cn(getComposedClasses(UIBehavior.INTERACTIVE, InteractiveVariant.PRIMARY, 'default'), className)\n\n  if (recipe.gesture) {\n    const { onDrag, onDragStart, onDragEnd, onAnimationStart, onAnimationEnd, ...motionSafeProps } = props\n    return (\n      <AlertDialogPrimitive.Action asChild>\n        <motion.button\n          className={classes}\n          whileHover={recipe.gesture.whileHover}\n          whileTap={recipe.gesture.whileTap}\n          transition={recipe.gesture.transition}\n          {...motionSafeProps}\n        />\n      </AlertDialogPrimitive.Action>\n    )\n  }\n\n  return <AlertDialogPrimitive.Action className={classes} {...props} />\n}\n\nfunction AlertDialogCancel({ className, ...props }: AlertDialogCancelProps): React.JSX.Element {\n  const { getRecipe, getComposedClasses } = useUI()\n  const recipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.OUTLINE)\n  const classes = cn(getComposedClasses(UIBehavior.INTERACTIVE, InteractiveVariant.OUTLINE, 'default'), className)\n\n  if (recipe.gesture) {\n    const { onDrag, onDragStart, onDragEnd, onAnimationStart, onAnimationEnd, ...motionSafeProps } = props\n    return (\n      <AlertDialogPrimitive.Cancel asChild>\n        <motion.button\n          className={classes}\n          whileHover={recipe.gesture.whileHover}\n          whileTap={recipe.gesture.whileTap}\n          transition={recipe.gesture.transition}\n          {...motionSafeProps}\n        />\n      </AlertDialogPrimitive.Cancel>\n    )\n  }\n\n  return <AlertDialogPrimitive.Cancel className={classes} {...props} />\n}\n\nconst AlertDialog = createCompoundPreset<AlertDialogCompound>(AlertDialogRoot, {\n  Trigger: AlertDialogTrigger,\n  Content: AlertDialogContent,\n  Header: AlertDialogHeader,\n  Footer: AlertDialogFooter,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Action: AlertDialogAction,\n  Cancel: AlertDialogCancel,\n})\n\nexport { AlertDialog }\n"]}

package/dist/esm/components/overlays/containers/alert-dialog.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/containers/alert-dialog.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,yBAAyB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"alert-dialog.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/containers/alert-dialog.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,yBAAyB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/overlays/containers/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/containers/alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,aAAa,EACd,MAAM,6BAA6B,CAAC;AAyGrC,eAAO,MAAM,KAAK,eAAuG,CAAA"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/containers/alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,aAAa,EACd,MAAM,6BAA6B,CAAC;AAyGrC,eAAO,MAAM,KAAK,eAAuG,CAAA"}

package/dist/esm/components/overlays/containers/alert.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/containers/alert.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"alert.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/containers/alert.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/overlays/containers/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/containers/dialog.tsx"],"names":[],"mappings":"AAMA,OAAO,EAmBL,cAAc,EACf,MAAM,6BAA6B,CAAC;AA0JrC,QAAA,MAAM,MAAM,gBAQV,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/containers/dialog.tsx"],"names":[],"mappings":"AAMA,OAAO,EAmBL,cAAc,EACf,MAAM,6BAA6B,CAAC;AAmKrC,QAAA,MAAM,MAAM,gBAQV,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/esm/components/overlays/containers/dialog.js

@@ -24,7 +24,17 @@ const DialogContent = React.forwardRef(({ className, children, showCloseButton =
     const overlayRecipe = getRecipe(UIBehavior.OVERLAY_BACKDROP);
     const { container, shouldPortal } = useSurfacePolicyPortalTarget(SurfaceVariant.OVERLAY, surfacePolicyOverride);
     const stackingClass = useSurfacePolicyStackingClass(SurfaceVariant.OVERLAY, surfacePolicyOverride);
-    const content = (_jsxs(_Fragment, { children: [_jsx(DialogPrimitive.Overlay, { "data-slot": "dialog-overlay", className: cn("fixed inset-0", stackingClass, overlayRecipe.base, overlayRecipe.motion.enter, overlayRecipe.motion.exit) }), _jsx(MaterialRuntimeGroup, { children: _jsx(Surface, { asChild: true, variant: SurfaceVariant.OVERLAY, modal: true, a11yManagedByHost: true, policyOverride: surfacePolicyOverride, children: _jsxs(DialogPrimitive.Content, { ref: ref, "data-slot": "dialog-content", className: cn("fixed top-[50%] left-[50%] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]", surfaceRecipe.base, surfaceRecipe.motion.transition, surfaceRecipe.motion.enter, surfaceRecipe.motion.exit, className), ...props, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", className: cn("absolute top-4 end-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", closeRecipe.base, "opacity-[0.7]", closeRecipe.states.hover, closeRecipe.states.focus, closeRecipe.states.disabled, closeRecipe.states.open, closeRecipe.motion.transition), children: [renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM }), _jsx("span", { className: "sr-only", children: closeLabel })] }))] }) }) })] }));
+    const content = (_jsxs(_Fragment, { children: [_jsx(DialogPrimitive.Overlay, { "data-slot": "dialog-overlay", className: cn("fixed inset-0", stackingClass, overlayRecipe.base, overlayRecipe.motion.enter, overlayRecipe.motion.exit) }), _jsx(MaterialRuntimeGroup, { children: _jsx(Surface, { asChild: true, variant: SurfaceVariant.OVERLAY, modal: true, a11yManagedByHost: true, policyOverride: surfacePolicyOverride, children: _jsxs(DialogPrimitive.Content, { ref: ref, "data-slot": "dialog-content", className: cn(
+                        // `grid-cols-1` is NOT cosmetic here, and it is why this is not a bare `grid`.
+                        // An auto-placed grid item in an `auto`-min track carries the automatic minimum
+                        // size: it refuses to shrink below its content's min-content width, so a dialog
+                        // whose body is wider than `max-w-*` is OVERFLOWED BY ITS OWN CHILD rather than
+                        // shrinking it. Tailwind's `grid-cols-1` is `repeat(1, minmax(0, 1fr))`, and the
+                        // explicit `0` min removes that floor. Measured 2026-09-22 on the Wonder Todos
+                        // todo READ overlay: dialog 672px, first child 747px, the surface recipe's
+                        // `overflow-x: auto` then scrolled the whole dialog sideways and the overlay's
+                        // actions were clipped out of reach.
+                        "fixed top-[50%] left-[50%] grid grid-cols-1 w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]", surfaceRecipe.base, surfaceRecipe.motion.transition, surfaceRecipe.motion.enter, surfaceRecipe.motion.exit, className), ...props, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", className: cn("absolute top-4 end-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", closeRecipe.base, "opacity-[0.7]", closeRecipe.states.hover, closeRecipe.states.focus, closeRecipe.states.disabled, closeRecipe.states.open, closeRecipe.motion.transition), children: [renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM }), _jsx("span", { className: "sr-only", children: closeLabel })] }))] }) }) })] }));
     if (!shouldPortal) {
         return content;
     }

package/dist/esm/components/overlays/containers/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../../../../src/components/overlays/containers/dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { FrontendComponentType, InteractiveVariant, type DeepPartialSurfacePolicy, SurfaceVariant, TypographyVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\nimport {\n  cn,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  useI18n,\n  useUI,\n  useSurfacePolicyPortalTarget,\n  useSurfacePolicyStackingClass,\n  createCompoundPreset,\n  MaterialRuntimeGroup,\n  Surface,\n  DialogProps,\n  DialogTriggerProps,\n  DialogCloseProps,\n  DialogHeaderProps,\n  DialogFooterProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCompound,\n} from '@wildo-ai/saas-frontend-lib';\n\ntype DialogContentImplProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n}\n\nfunction DialogRoot({ ...props }: DialogProps): React.JSX.Element {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nconst DialogTrigger = React.forwardRef<HTMLButtonElement, DialogTriggerProps>(\n  (props, ref) => <DialogPrimitive.Trigger ref={ref} data-slot=\"dialog-trigger\" {...props} />\n)\nDialogTrigger.displayName = 'DialogTrigger'\n\nfunction DialogClose({ ...props }: DialogCloseProps): React.JSX.Element {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nconst DialogContent = React.forwardRef<HTMLDivElement, DialogContentImplProps>(\n  ({ className, children, showCloseButton = true, surfacePolicyOverride, ...props }, ref) => {\n    const { renderIcon } = useIconRegistry()\n    const { tComponent, isReady } = useI18n({\n      component: FrontendComponentType.LOW_LEVEL_DIALOG,\n    })\n    const { getRecipe } = useUI()\n    const closeLabel = tComponent(FrontendComponentType.LOW_LEVEL_DIALOG, 'close')\n\n    const surfaceRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.OVERLAY)\n    const closeRecipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.GHOST)\n    const overlayRecipe = getRecipe(UIBehavior.OVERLAY_BACKDROP)\n    const { container, shouldPortal } = useSurfacePolicyPortalTarget(SurfaceVariant.OVERLAY, surfacePolicyOverride)\n    const stackingClass = useSurfacePolicyStackingClass(SurfaceVariant.OVERLAY, surfacePolicyOverride)\n\n    const content = (\n      <>\n        <DialogPrimitive.Overlay\n          data-slot=\"dialog-overlay\"\n          className={cn(\n            \"fixed inset-0\",\n            stackingClass,\n            overlayRecipe.base,\n            overlayRecipe.motion.enter,\n            overlayRecipe.motion.exit,\n          )}\n        />\n        <MaterialRuntimeGroup>\n          <Surface asChild variant={SurfaceVariant.OVERLAY} modal a11yManagedByHost policyOverride={surfacePolicyOverride}>\n            <DialogPrimitive.Content\n              ref={ref}\n              data-slot=\"dialog-content\"\n              className={cn(\n                \"fixed top-[50%] left-[50%] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]\",\n                surfaceRecipe.base,\n                surfaceRecipe.motion.transition,\n                surfaceRecipe.motion.enter,\n                surfaceRecipe.motion.exit,\n                className\n              )}\n              {...props}\n            >\n              {children}\n              {showCloseButton && (\n                <DialogPrimitive.Close\n                  data-slot=\"dialog-close\"\n                  className={cn(\n                    \"absolute top-4 end-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n                    closeRecipe.base,\n                    \"opacity-[0.7]\",\n                    closeRecipe.states.hover,\n                    closeRecipe.states.focus,\n                    closeRecipe.states.disabled,\n                    closeRecipe.states.open,\n                    closeRecipe.motion.transition,\n                  )}\n                >\n                  {renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM })}\n                  <span className=\"sr-only\">{closeLabel}</span>\n                </DialogPrimitive.Close>\n              )}\n            </DialogPrimitive.Content>\n          </Surface>\n        </MaterialRuntimeGroup>\n      </>\n    )\n\n    if (!shouldPortal) {\n      return content\n    }\n\n    return (\n      <DialogPrimitive.Portal container={container}>\n        {content}\n      </DialogPrimitive.Portal>\n    )\n  }\n)\nDialogContent.displayName = 'DialogContent'\n\nfunction DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-element text-center sm:text-start\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element {\n  return (\n    <Surface.Footer\n      data-component-slot=\"dialog-footer\"\n      className={cn(\"sm:justify-end\", className)}\n      {...props}\n    />\n  )\n}\n\nconst DialogTitle = React.forwardRef<HTMLHeadingElement, DialogTitleProps>(\n  ({ className, ...props }, ref) => {\n    const { getRecipe } = useUI()\n    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING)\n\n    return (\n      <DialogPrimitive.Title\n        ref={ref}\n        data-slot=\"dialog-title\"\n        className={cn(\"leading-none\", recipe.base, recipe.sizes?.h4, className)}\n        {...props}\n      />\n    )\n  }\n)\nDialogTitle.displayName = 'DialogTitle'\n\nconst DialogDescription = React.forwardRef<HTMLParagraphElement, DialogDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const { getRecipe } = useUI()\n    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION)\n\n    return (\n      <DialogPrimitive.Description\n        ref={ref}\n        data-slot=\"dialog-description\"\n        className={cn(recipe.base, className)}\n        {...props}\n      />\n    )\n  }\n)\nDialogDescription.displayName = 'DialogDescription'\n\nconst Dialog = createCompoundPreset<DialogCompound>(DialogRoot, {\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Close: DialogClose,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Title: DialogTitle,\n  Description: DialogDescription,\n})\n\nexport { Dialog }\n"]}
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../../../../src/components/overlays/containers/dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { FrontendComponentType, InteractiveVariant, type DeepPartialSurfacePolicy, SurfaceVariant, TypographyVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\nimport {\n  cn,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  useI18n,\n  useUI,\n  useSurfacePolicyPortalTarget,\n  useSurfacePolicyStackingClass,\n  createCompoundPreset,\n  MaterialRuntimeGroup,\n  Surface,\n  DialogProps,\n  DialogTriggerProps,\n  DialogCloseProps,\n  DialogHeaderProps,\n  DialogFooterProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCompound,\n} from '@wildo-ai/saas-frontend-lib';\n\ntype DialogContentImplProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n}\n\nfunction DialogRoot({ ...props }: DialogProps): React.JSX.Element {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nconst DialogTrigger = React.forwardRef<HTMLButtonElement, DialogTriggerProps>(\n  (props, ref) => <DialogPrimitive.Trigger ref={ref} data-slot=\"dialog-trigger\" {...props} />\n)\nDialogTrigger.displayName = 'DialogTrigger'\n\nfunction DialogClose({ ...props }: DialogCloseProps): React.JSX.Element {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nconst DialogContent = React.forwardRef<HTMLDivElement, DialogContentImplProps>(\n  ({ className, children, showCloseButton = true, surfacePolicyOverride, ...props }, ref) => {\n    const { renderIcon } = useIconRegistry()\n    const { tComponent, isReady } = useI18n({\n      component: FrontendComponentType.LOW_LEVEL_DIALOG,\n    })\n    const { getRecipe } = useUI()\n    const closeLabel = tComponent(FrontendComponentType.LOW_LEVEL_DIALOG, 'close')\n\n    const surfaceRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.OVERLAY)\n    const closeRecipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.GHOST)\n    const overlayRecipe = getRecipe(UIBehavior.OVERLAY_BACKDROP)\n    const { container, shouldPortal } = useSurfacePolicyPortalTarget(SurfaceVariant.OVERLAY, surfacePolicyOverride)\n    const stackingClass = useSurfacePolicyStackingClass(SurfaceVariant.OVERLAY, surfacePolicyOverride)\n\n    const content = (\n      <>\n        <DialogPrimitive.Overlay\n          data-slot=\"dialog-overlay\"\n          className={cn(\n            \"fixed inset-0\",\n            stackingClass,\n            overlayRecipe.base,\n            overlayRecipe.motion.enter,\n            overlayRecipe.motion.exit,\n          )}\n        />\n        <MaterialRuntimeGroup>\n          <Surface asChild variant={SurfaceVariant.OVERLAY} modal a11yManagedByHost policyOverride={surfacePolicyOverride}>\n            <DialogPrimitive.Content\n              ref={ref}\n              data-slot=\"dialog-content\"\n              className={cn(\n                // `grid-cols-1` is NOT cosmetic here, and it is why this is not a bare `grid`.\n                // An auto-placed grid item in an `auto`-min track carries the automatic minimum\n                // size: it refuses to shrink below its content's min-content width, so a dialog\n                // whose body is wider than `max-w-*` is OVERFLOWED BY ITS OWN CHILD rather than\n                // shrinking it. Tailwind's `grid-cols-1` is `repeat(1, minmax(0, 1fr))`, and the\n                // explicit `0` min removes that floor. Measured 2026-09-22 on the Wonder Todos\n                // todo READ overlay: dialog 672px, first child 747px, the surface recipe's\n                // `overflow-x: auto` then scrolled the whole dialog sideways and the overlay's\n                // actions were clipped out of reach.\n                \"fixed top-[50%] left-[50%] grid grid-cols-1 w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]\",\n                surfaceRecipe.base,\n                surfaceRecipe.motion.transition,\n                surfaceRecipe.motion.enter,\n                surfaceRecipe.motion.exit,\n                className\n              )}\n              {...props}\n            >\n              {children}\n              {showCloseButton && (\n                <DialogPrimitive.Close\n                  data-slot=\"dialog-close\"\n                  className={cn(\n                    \"absolute top-4 end-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n                    closeRecipe.base,\n                    \"opacity-[0.7]\",\n                    closeRecipe.states.hover,\n                    closeRecipe.states.focus,\n                    closeRecipe.states.disabled,\n                    closeRecipe.states.open,\n                    closeRecipe.motion.transition,\n                  )}\n                >\n                  {renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM })}\n                  <span className=\"sr-only\">{closeLabel}</span>\n                </DialogPrimitive.Close>\n              )}\n            </DialogPrimitive.Content>\n          </Surface>\n        </MaterialRuntimeGroup>\n      </>\n    )\n\n    if (!shouldPortal) {\n      return content\n    }\n\n    return (\n      <DialogPrimitive.Portal container={container}>\n        {content}\n      </DialogPrimitive.Portal>\n    )\n  }\n)\nDialogContent.displayName = 'DialogContent'\n\nfunction DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-element text-center sm:text-start\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element {\n  return (\n    <Surface.Footer\n      data-component-slot=\"dialog-footer\"\n      className={cn(\"sm:justify-end\", className)}\n      {...props}\n    />\n  )\n}\n\nconst DialogTitle = React.forwardRef<HTMLHeadingElement, DialogTitleProps>(\n  ({ className, ...props }, ref) => {\n    const { getRecipe } = useUI()\n    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING)\n\n    return (\n      <DialogPrimitive.Title\n        ref={ref}\n        data-slot=\"dialog-title\"\n        className={cn(\"leading-none\", recipe.base, recipe.sizes?.h4, className)}\n        {...props}\n      />\n    )\n  }\n)\nDialogTitle.displayName = 'DialogTitle'\n\nconst DialogDescription = React.forwardRef<HTMLParagraphElement, DialogDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const { getRecipe } = useUI()\n    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION)\n\n    return (\n      <DialogPrimitive.Description\n        ref={ref}\n        data-slot=\"dialog-description\"\n        className={cn(recipe.base, className)}\n        {...props}\n      />\n    )\n  }\n)\nDialogDescription.displayName = 'DialogDescription'\n\nconst Dialog = createCompoundPreset<DialogCompound>(DialogRoot, {\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Close: DialogClose,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Title: DialogTitle,\n  Description: DialogDescription,\n})\n\nexport { Dialog }\n"]}

package/dist/esm/components/overlays/containers/dialog.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/containers/dialog.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAOrD,CAAC"}
+{"version":3,"file":"dialog.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/containers/dialog.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAOrD,CAAC"}

package/dist/esm/components/overlays/containers/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/containers/drawer.tsx"],"names":[],"mappings":"AAKA,OAAO,EAcL,cAAc,EACf,MAAM,6BAA6B,CAAC;AAwJrC,QAAA,MAAM,MAAM,gBAQV,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/containers/drawer.tsx"],"names":[],"mappings":"AAKA,OAAO,EAcL,cAAc,EACf,MAAM,6BAA6B,CAAC;AAwJrC,QAAA,MAAM,MAAM,gBAQV,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/esm/components/overlays/containers/drawer.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/containers/drawer.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAMrD,CAAC"}
+{"version":3,"file":"drawer.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/containers/drawer.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAMrD,CAAC"}

package/dist/esm/components/overlays/containers/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/containers/sheet.tsx"],"names":[],"mappings":"AAMA,OAAO,EAkBL,aAAa,EACd,MAAM,6BAA6B,CAAC;AAwLrC,QAAA,MAAM,KAAK,eAQT,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/containers/sheet.tsx"],"names":[],"mappings":"AAMA,OAAO,EAkBL,aAAa,EACd,MAAM,6BAA6B,CAAC;AAwLrC,QAAA,MAAM,KAAK,eAQT,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/esm/components/overlays/containers/sheet.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/containers/sheet.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,EAOpD,CAAC"}
+{"version":3,"file":"sheet.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/containers/sheet.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,EAOpD,CAAC"}

package/dist/esm/components/overlays/floating/context-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/floating/context-menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/floating/context-menu.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/overlays/floating/context-menu.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/floating/context-menu.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,yBAAyB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"context-menu.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/floating/context-menu.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,yBAAyB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/overlays/floating/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/floating/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAItE,OAAO,EASL,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAE9B,MAAM,6BAA6B,CAAC;AAerC,QAAA,MAAM,mBAAmB,gLAWvB,CAAA;AAGF,QAAA,MAAM,mBAAmB;;;;;;;;wCAyCvB,CAAA;AAGF,iBAAS,iBAAiB,CAAC,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAI9E;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAK,EACL,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,GAAG;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;CACpC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyCpB;AAED,iBAAS,wBAAwB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoDrF;AAED,iBAAS,sBAAsB,CAAC,EAC9B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAOnF;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkDlF;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgBpB;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAWlF;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAelD;AAED,iBAAS,eAAe,CAAC,EACvB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAE5E;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,GAAG;IACjE,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgDpB;AAED,QAAA,MAAM,sBAAsB;4BAEgE,wBAAwB,CAAC,uBAAuB,CAAC;gDAkC3I,CAAA;AAKF,QAAA,MAAM,YAAY,sBAchB,CAAA;AAEF,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/floating/dropdown-menu.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/overlays/floating/dropdown-menu.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/floating/dropdown-menu.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,0BAA0B,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"dropdown-menu.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/floating/dropdown-menu.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,0BAA0B,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/overlays/floating/hover-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/floating/hover-card.tsx"],"names":[],"mappings":"AAOA,OAAO,EAIL,iBAAiB,EAOlB,MAAM,6BAA6B,CAAC;AA8DrC,eAAO,MAAM,SAAS,mBAAmH,CAAA"}
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/floating/hover-card.tsx"],"names":[],"mappings":"AAOA,OAAO,EAIL,iBAAiB,EAOlB,MAAM,6BAA6B,CAAC;AA8DrC,eAAO,MAAM,SAAS,mBAAmH,CAAA"}

package/dist/esm/components/overlays/floating/hover-card.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/floating/hover-card.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,uBAAuB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"hover-card.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/floating/hover-card.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,uBAAuB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/overlays/floating/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/floating/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAE3D,OAAO,EAAyB,aAAa,EAA2D,MAAM,qCAAqC,CAAA;AACnJ,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAML,KAAK,eAAe,EAGrB,MAAM,6BAA6B,CAAC;AAUrC,QAAA,MAAM,cAAc,sKAKlB,CAAA;AAGF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;wCA0ClB,CAAA;AAGF,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAE1E;AAID,QAAA,MAAM,OAAO,iBAIX,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/floating/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAE3D,OAAO,EAAyB,aAAa,EAA2D,MAAM,qCAAqC,CAAA;AACnJ,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAML,KAAK,eAAe,EAGrB,MAAM,6BAA6B,CAAC;AAUrC,QAAA,MAAM,cAAc,sKAKlB,CAAA;AAGF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;wCA0ClB,CAAA;AAGF,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAE1E;AAID,QAAA,MAAM,OAAO,iBAIX,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}

package/dist/esm/components/overlays/floating/popover.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/floating/popover.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"popover.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/floating/popover.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/overlays/floating/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/floating/tooltip.tsx"],"names":[],"mappings":"AAMA,OAAO,EAKL,eAAe,EAOhB,MAAM,6BAA6B,CAAC;AAwHrC,eAAO,MAAM,OAAO,iBAAsI,CAAA"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/floating/tooltip.tsx"],"names":[],"mappings":"AAMA,OAAO,EAKL,eAAe,EAOhB,MAAM,6BAA6B,CAAC;AAwHrC,eAAO,MAAM,OAAO,iBAAsI,CAAA"}

package/dist/esm/components/overlays/floating/tooltip.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/floating/tooltip.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"tooltip.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/floating/tooltip.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/sections/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,iBAAiB,EAQlB,MAAM,6BAA6B,CAAC;AAoIrC,eAAO,MAAM,SAAS,mBAAwI,CAAA"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,iBAAiB,EAQlB,MAAM,6BAA6B,CAAC;AAoIrC,eAAO,MAAM,SAAS,mBAAwI,CAAA"}

package/dist/esm/components/sections/accordion.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.labels.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/accordion.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,uBAAuB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"accordion.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/accordion.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,uBAAuB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/sections/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/card.tsx"],"names":[],"mappings":"AAIA,OAAO,EAKL,YAAY,EACb,MAAM,6BAA6B,CAAC;AAwHrC,eAAO,MAAM,IAAI,cAOf,CAAA"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/card.tsx"],"names":[],"mappings":"AAKA,OAAO,EAKL,YAAY,EAEb,MAAM,6BAA6B,CAAC;AA2OrC,eAAO,MAAM,IAAI,cAQf,CAAA"}

package/dist/esm/components/sections/card.js

@@ -1,17 +1,81 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { optionGestureHandlers } from "../../components/sections/option-gesture.js";
 import { motion } from "motion/react";
-import { SurfaceVariant, TypographyVariant, UIBehavior } from "@wildo-ai/presets-components-models";
-import { cn, useUI, createCompoundPreset, Surface, } from '@wildo-ai/saas-frontend-lib';
-function CardRoot({ className, policyOverride, ...props }) {
+import { IndicatorVariant, SelectableItemSemantics, SelectableVariant, SurfaceVariant, TypographyVariant, UIBehavior } from "@wildo-ai/presets-components-models";
+import { cn, useUI, createCompoundPreset, Surface, CardStatusEdge, } from '@wildo-ai/saas-frontend-lib';
+/**
+ * The START edge per tone — the status hue the INDICATOR tokens name, at the strength the mock
+ * drew it (a 4px bar, not the badge's 25% tint). TOTAL over `IndicatorVariant` by type, so a sixth
+ * tone is a compile error here rather than an edgeless card.
+ */
+const STATUS_EDGE_CLASS = {
+    [IndicatorVariant.SUCCESS]: "border-s-4 border-s-success",
+    [IndicatorVariant.WARNING]: "border-s-4 border-s-warning",
+    [IndicatorVariant.ERROR]: "border-s-4 border-s-destructive",
+    [IndicatorVariant.INFO]: "border-s-4 border-s-info",
+    [IndicatorVariant.NEUTRAL]: "border-s-4 border-s-muted-foreground/60",
+};
+/** ABSENT: the card stands for something not there — dashed, no fill on the edge. */
+const ABSENT_EDGE_CLASS = "border-dashed";
+function CardRoot({ className, policyOverride, statusEdge, selected = false, option, ...props }) {
     const { getRecipe } = useUI();
     const recipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.BASE);
-    const classes = cn(recipe.base, recipe.motion.transition, className);
+    /*
+     * SELECTED wears the theme's FILLED selectable recipe (the same "you are here" tint the sidebar's
+     * active item and the vertical tab rail use) plus a ring — the ring is what still reads when the
+     * card's own fill is close to the sunken accent.
+     */
+    const selectable = getRecipe(UIBehavior.SELECTABLE, SelectableVariant.FILLED);
+    const classes = cn(recipe.base, recipe.motion.transition, statusEdge !== undefined && (statusEdge === CardStatusEdge.ABSENT ? ABSENT_EDGE_CLASS : STATUS_EDGE_CLASS[statusEdge]), option !== undefined && cn("cursor-pointer outline-none", selectable.states.focus, selectable.motion.transition), selected && cn(selectable.states.selected, "ring-2 ring-ring"), className);
+    const stateProps = {
+        "data-slot": "card",
+        ...(statusEdge !== undefined ? { "data-status-edge": statusEdge } : {}),
+        ...(selected ? { "data-state": "active", "data-selected": "true" } : {}),
+    };
+    /*
+     * A ROW renders as a grid row: a `row` wrapper owning ONE `gridcell`, and the gridcell is the card
+     * — the focusable, selectable, visible element — because a `row` must own a cell and a card that
+     * holds a Run button may not be an `option` (see `SelectableItemSemantics`). The wrapper is a plain
+     * block the listbox's flex column lays out; it draws nothing.
+     */
+    if (option !== undefined && option.semantics === SelectableItemSemantics.ROW) {
+        const { onClick, onKeyDown } = optionGestureHandlers(option.onSelect);
+        const { onDrag, onDragStart, onDragEnd, onAnimationStart, onAnimationEnd, ...cellProps } = props;
+        return (_jsx("div", { role: "row", className: "min-w-0", children: _jsx(Surface, { asChild: true, variant: SurfaceVariant.BASE, policyOverride: policyOverride, children: _jsx("div", { ...stateProps, role: "gridcell", "aria-selected": selected, tabIndex: 0, className: classes, onClick: onClick, onKeyDown: onKeyDown, ...cellProps }) }) }));
+    }
+    /*
+     * An OPTION renders as the list item it is: `role="option"` inside the `CardListbox`, focusable,
+     * selecting on click / Enter / Space, arrows moving focus to sibling options. The gesture layer
+     * and `asChild` policy carrier are unchanged — the Surface wraps an `li` as readily as a `div`.
+     */
+    if (option !== undefined) {
+        /* The gesture layer is shared with every other option row (`option-gesture.ts`). */
+        const { onClick, onKeyDown } = optionGestureHandlers(option.onSelect);
+        const { onDrag, onDragStart, onDragEnd, onAnimationStart, onAnimationEnd, ...liProps } = props;
+        return (_jsx(Surface, { asChild: true, variant: SurfaceVariant.BASE, policyOverride: policyOverride, children: _jsx("li", { ...stateProps, role: "option", "aria-selected": selected, tabIndex: 0, className: cn("list-none", classes), onClick: onClick, onKeyDown: onKeyDown, ...liProps }) }));
+    }
     // Gesture layer: if theme provides gesture config (e.g. glass hover lift)
     if (recipe.gesture) {
         const { onDrag, onDragStart, onDragEnd, onAnimationStart, onAnimationEnd, ...motionSafeProps } = props;
-        return (_jsx(Surface, { asChild: true, variant: SurfaceVariant.BASE, policyOverride: policyOverride, children: _jsx(motion.div, { "data-slot": "card", className: classes, whileHover: recipe.gesture.whileHover, transition: recipe.gesture.transition, ...motionSafeProps }) }));
+        return (_jsx(Surface, { asChild: true, variant: SurfaceVariant.BASE, policyOverride: policyOverride, children: _jsx(motion.div, { ...stateProps, className: classes, whileHover: recipe.gesture.whileHover, transition: recipe.gesture.transition, ...motionSafeProps }) }));
+    }
+    return (_jsx(Surface, { asChild: true, variant: SurfaceVariant.BASE, policyOverride: policyOverride, children: _jsx("div", { ...stateProps, className: classes, ...props }) }));
+}
+/**
+ * The `listbox` a set of option cards sits in — a plain list; the options draw themselves.
+ *
+ * The gap is the `element` role. It was `item-xs`, which is a QUARTER of the space between menu rows:
+ * one pixel in the default theme and half a pixel in the dense one, so a list of BORDERED cards drew
+ * its borders against each other and read as one striped block. A menu row has no edge of its own and
+ * can sit that close; a card has one, and needs room for it. The framework's other consumer (the enum
+ * card grid) was already overriding this to `gap-element`, which is the measurement that settled it.
+ */
+function CardListbox({ className, semantics = SelectableItemSemantics.OPTION, ...props }) {
+    /* A `grid` is a `div`: `ul` does not admit the role, and its `row`s are not list items. */
+    if (semantics === SelectableItemSemantics.ROW) {
+        return (_jsx("div", { "data-slot": "card-listbox", role: "grid", className: cn("flex flex-col gap-element", className), ...props }));
     }
-    return (_jsx(Surface, { asChild: true, variant: SurfaceVariant.BASE, policyOverride: policyOverride, children: _jsx("div", { "data-slot": "card", className: classes, ...props }) }));
+    return (_jsx("ul", { "data-slot": "card-listbox", role: "listbox", className: cn("flex flex-col gap-element", className), ...props }));
 }
 function CardHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "card-header", className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-element-sm px-card has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-card", className), ...props }));
@@ -37,6 +101,7 @@ function CardFooter({ className, ...props }) {
     return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center px-card [.border-t]:pt-card", className), ...props }));
 }
 export const Card = createCompoundPreset(CardRoot, {
+    Listbox: CardListbox,
     Header: CardHeader,
     Footer: CardFooter,
     Title: CardTitle,