@adea-ai/ui 0.110.1 → 0.111.0

package/dist/components/ui/drawer/drawer.js

@@ -43,7 +43,7 @@ function DrawerContent(props) {
 	]);
 	return createComponent(DrawerPrimitive.Portal, { get children() {
 		return [createComponent(DrawerOverlay, {}), createComponent(DrawerPrimitive.Content, mergeProps({ get ["class"]() {
-			return cn("group/drawer bg-popover text-popover-foreground fixed z-(--z-drawer) flex flex-col border-border shadow-lg", "data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:max-h-[85vh] data-[side=bottom]:rounded-t-xl data-[side=bottom]:border-t", "data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:max-h-[85vh] data-[side=top]:rounded-b-xl data-[side=top]:border-b", "data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:w-80 data-[side=left]:rounded-e-xl data-[side=left]:border-e", "data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:w-80 data-[side=right]:rounded-s-xl data-[side=right]:border-s", local.class);
+			return cn("group/drawer bg-background text-foreground fixed z-(--z-drawer) flex flex-col border-border shadow-lg", "data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:max-h-[85vh] data-[side=bottom]:rounded-t-xl data-[side=bottom]:border-t", "data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:max-h-[85vh] data-[side=top]:rounded-b-xl data-[side=top]:border-b", "data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:w-80 data-[side=left]:rounded-e-xl data-[side=left]:border-e", "data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:w-80 data-[side=right]:rounded-s-xl data-[side=right]:border-s", local.class);
 		} }, rest, { get children() {
 			return [memo(() => memo(() => !!local.withHandle)() ? (() => {
 				var _el$ = _tmpl$();

package/dist/components/ui/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":["DrawerPrimitive","ComponentProps","splitProps","cn","headingVariants","Drawer","props","_$createComponent","DrawerTrigger","Trigger","DrawerOverlay","Overlay","local","rest","_$mergeProps","class","DrawerContentProps","Omit","Content","side","withHandle","DrawerContent","Portal","children","_$memo","_el$","_tmpl$","_$effect","_$className","DrawerTitle","Label","size","leading","DrawerDescription","Description","DrawerCloseButton","Close","DrawerHeader","_el$2","_tmpl$2","_$spread","DrawerBody","_el$3","_tmpl$3","DrawerFooter","_el$4","_tmpl$4","_$createComponent","_$mergeProps","_$memo","_$className"],"sources":["../../../../src/components/ui/drawer/drawer.tsx"],"sourcesContent":["import DrawerPrimitive from '@corvu/drawer'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { headingVariants } from '../typography'\n\n/**\n * Drawer.\n *\n * A sheet the user can drag away: it opens from an edge, carries a handle, and\n * closes by swipe as well as by button. That drag affordance is the reason to\n * choose it over Sheet — the gesture is for content the user is *finishing*\n * with (a summary, a queue, a confirmation), not for browsing.\n *\n * On a large window a Drawer is usually the wrong control: dragging is a touch\n * idiom, and on a desktop the same content is better as a Sheet or a Dialog.\n * The exceptions are the surfaces a pointer also drags naturally — a bottom\n * console, a media panel.\n *\n * corvu supplies the drag physics, the snap points and the pointer capture.\n */\nexport function Drawer(props: ComponentProps<typeof DrawerPrimitive>) {\n  return <DrawerPrimitive {...props} />\n}\n\nexport function DrawerTrigger(props: ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger {...props} />\n}\n\nexport function DrawerOverlay(props: ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <DrawerPrimitive.Overlay\n      class={cn(\n        'fixed inset-0 z-(--z-drawer) bg-scrim/50',\n        'data-[open]:animate-in data-[open]:fade-in-0 data-[closed]:animate-out data-[closed]:fade-out-0',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport type DrawerContentProps = Omit<ComponentProps<typeof DrawerPrimitive.Content>, 'side'> & {\n  /**\n   * Not accepted here. corvu reads the side from the root `Drawer`, which uses it\n   * for the drag axis and publishes it as `data-side`; a `side` on the content\n   * would type-check through the polymorphic props and be silently ignored,\n   * leaving the drawer on the bottom edge. Set `<Drawer side=\"right\">` instead.\n   */\n  side?: never\n  /**\n   * Draw the grabber at the leading edge of the sheet.\n   *\n   * It is an affordance, not the drag target: corvu makes the whole sheet\n   * draggable, exactly as the platform's own sheets behave. So this is\n   * `aria-hidden` decoration that tells the user the sheet can be pulled — it\n   * carries no behaviour and must not be the only thing that moves.\n   */\n  withHandle?: boolean\n}\n\nexport function DrawerContent(props: DrawerContentProps) {\n  const [local, rest] = splitProps(props, ['class', 'withHandle', 'children'])\n\n  return (\n    <DrawerPrimitive.Portal>\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        class={cn(\n          'group/drawer bg-popover text-popover-foreground fixed z-(--z-drawer) flex flex-col border-border shadow-lg',\n          'data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:max-h-[85vh] data-[side=bottom]:rounded-t-xl data-[side=bottom]:border-t',\n          'data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:max-h-[85vh] data-[side=top]:rounded-b-xl data-[side=top]:border-b',\n          'data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:w-80 data-[side=left]:rounded-e-xl data-[side=left]:border-e',\n          'data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:w-80 data-[side=right]:rounded-s-xl data-[side=right]:border-s',\n          local.class\n        )}\n        {...rest}\n      >\n        {local.withHandle ? (\n          <span\n            aria-hidden=\"true\"\n            class={cn(\n              'bg-muted shrink-0 self-center',\n              'group-data-[side=bottom]/drawer:mt-2 group-data-[side=bottom]/drawer:h-1.5 group-data-[side=bottom]/drawer:w-10 group-data-[side=bottom]/drawer:rounded-full'\n            )}\n          />\n        ) : null}\n        {local.children}\n      </DrawerPrimitive.Content>\n    </DrawerPrimitive.Portal>\n  )\n}\n\nexport function DrawerTitle(props: ComponentProps<typeof DrawerPrimitive.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <DrawerPrimitive.Label\n      class={cn(headingVariants({ size: 'card', leading: 'none' }), local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DrawerDescription(props: ComponentProps<typeof DrawerPrimitive.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <DrawerPrimitive.Description\n      class={cn('text-muted-foreground text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DrawerCloseButton(props: ComponentProps<typeof DrawerPrimitive.Close>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <DrawerPrimitive.Close class={cn('focus-ring', local.class)} {...rest} />\n}\n\nexport function DrawerHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      class={cn('flex flex-col gap-1.5 p-5 pb-3 text-start', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DrawerBody(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"drawer-body\"\n      class={cn('min-h-0 flex-1 overflow-y-auto px-5 pb-4', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DrawerFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      class={cn('flex flex-col-reverse gap-2 p-5 pt-3 sm:flex-row sm:justify-end', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"drawer.js","names":["DrawerPrimitive","ComponentProps","splitProps","cn","headingVariants","Drawer","props","_$createComponent","DrawerTrigger","Trigger","DrawerOverlay","Overlay","local","rest","_$mergeProps","class","DrawerContentProps","Omit","Content","side","withHandle","DrawerContent","Portal","children","_$memo","_el$","_tmpl$","_$effect","_$className","DrawerTitle","Label","size","leading","DrawerDescription","Description","DrawerCloseButton","Close","DrawerHeader","_el$2","_tmpl$2","_$spread","DrawerBody","_el$3","_tmpl$3","DrawerFooter","_el$4","_tmpl$4","_$createComponent","_$mergeProps","_$memo","_$className"],"sources":["../../../../src/components/ui/drawer/drawer.tsx"],"sourcesContent":["import DrawerPrimitive from '@corvu/drawer'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { headingVariants } from '../typography'\n\n/**\n * Drawer.\n *\n * A sheet the user can drag away: it opens from an edge, carries a handle, and\n * closes by swipe as well as by button. That drag affordance is the reason to\n * choose it over Sheet — the gesture is for content the user is *finishing*\n * with (a summary, a queue, a confirmation), not for browsing.\n *\n * On a large window a Drawer is usually the wrong control: dragging is a touch\n * idiom, and on a desktop the same content is better as a Sheet or a Dialog.\n * The exceptions are the surfaces a pointer also drags naturally — a bottom\n * console, a media panel.\n *\n * corvu supplies the drag physics, the snap points and the pointer capture.\n */\nexport function Drawer(props: ComponentProps<typeof DrawerPrimitive>) {\n  return <DrawerPrimitive {...props} />\n}\n\nexport function DrawerTrigger(props: ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger {...props} />\n}\n\nexport function DrawerOverlay(props: ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <DrawerPrimitive.Overlay\n      class={cn(\n        'fixed inset-0 z-(--z-drawer) bg-scrim/50',\n        'data-[open]:animate-in data-[open]:fade-in-0 data-[closed]:animate-out data-[closed]:fade-out-0',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport type DrawerContentProps = Omit<ComponentProps<typeof DrawerPrimitive.Content>, 'side'> & {\n  /**\n   * Not accepted here. corvu reads the side from the root `Drawer`, which uses it\n   * for the drag axis and publishes it as `data-side`; a `side` on the content\n   * would type-check through the polymorphic props and be silently ignored,\n   * leaving the drawer on the bottom edge. Set `<Drawer side=\"right\">` instead.\n   */\n  side?: never\n  /**\n   * Draw the grabber at the leading edge of the sheet.\n   *\n   * It is an affordance, not the drag target: corvu makes the whole sheet\n   * draggable, exactly as the platform's own sheets behave. So this is\n   * `aria-hidden` decoration that tells the user the sheet can be pulled — it\n   * carries no behaviour and must not be the only thing that moves.\n   */\n  withHandle?: boolean\n}\n\nexport function DrawerContent(props: DrawerContentProps) {\n  const [local, rest] = splitProps(props, ['class', 'withHandle', 'children'])\n\n  return (\n    <DrawerPrimitive.Portal>\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        class={cn(\n          'group/drawer bg-background text-foreground fixed z-(--z-drawer) flex flex-col border-border shadow-lg',\n          'data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:max-h-[85vh] data-[side=bottom]:rounded-t-xl data-[side=bottom]:border-t',\n          'data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:max-h-[85vh] data-[side=top]:rounded-b-xl data-[side=top]:border-b',\n          'data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:w-80 data-[side=left]:rounded-e-xl data-[side=left]:border-e',\n          'data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:w-80 data-[side=right]:rounded-s-xl data-[side=right]:border-s',\n          local.class\n        )}\n        {...rest}\n      >\n        {local.withHandle ? (\n          <span\n            aria-hidden=\"true\"\n            class={cn(\n              'bg-muted shrink-0 self-center',\n              'group-data-[side=bottom]/drawer:mt-2 group-data-[side=bottom]/drawer:h-1.5 group-data-[side=bottom]/drawer:w-10 group-data-[side=bottom]/drawer:rounded-full'\n            )}\n          />\n        ) : null}\n        {local.children}\n      </DrawerPrimitive.Content>\n    </DrawerPrimitive.Portal>\n  )\n}\n\nexport function DrawerTitle(props: ComponentProps<typeof DrawerPrimitive.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <DrawerPrimitive.Label\n      class={cn(headingVariants({ size: 'card', leading: 'none' }), local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DrawerDescription(props: ComponentProps<typeof DrawerPrimitive.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <DrawerPrimitive.Description\n      class={cn('text-muted-foreground text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DrawerCloseButton(props: ComponentProps<typeof DrawerPrimitive.Close>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <DrawerPrimitive.Close class={cn('focus-ring', local.class)} {...rest} />\n}\n\nexport function DrawerHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      class={cn('flex flex-col gap-1.5 p-5 pb-3 text-start', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DrawerBody(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"drawer-body\"\n      class={cn('min-h-0 flex-1 overflow-y-auto px-5 pb-4', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DrawerFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      class={cn('flex flex-col-reverse gap-2 p-5 pt-3 sm:flex-row sm:justify-end', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,SAAgBK,OAAOC,OAA+C;CACpE,OAAAC,gBAAQP,iBAAoBM,KAAK;AACnC;AAEA,SAAgBE,cAAcF,OAAuD;CACnF,OAAAC,gBAAQP,gBAAgBS,SAAYH,KAAK;AAC3C;AAEA,SAAgBI,cAAcJ,OAAuD;CACnF,MAAM,CAACM,OAAOC,QAAQX,WAAWI,OAAO,CAAC,OAAO,CAAC;CAEjD,OAAAC,gBACGP,gBAAgBW,SAAOG,WAAA,EAAA,KAAA,WAAA;EAAA,OACfX,GACL,4CACA,mGACAS,MAAMG,KACR;CAAC,EAAA,GACGF,IAAI,CAAA;AAGd;AAqBA,SAAgBQ,cAAcf,OAA2B;CACvD,MAAM,CAACM,OAAOC,QAAQX,WAAWI,OAAO;EAAC;EAAS;EAAc;CAAU,CAAC;CAE3E,OAAAC,gBACGP,gBAAgBsB,QAAM,EAAA,IAAAC,WAAA;EAAA,OAAA,CAAAhB,gBACpBG,eAAa,CAAA,CAAA,GAAAH,gBACbP,gBAAgBkB,SAAOJ,WAAA,EAAA,KAAA,WAAA;GAAA,OACfX,GACL,yGACA,wJACA,sIACA,oIACA,0IACAS,MAAMG,KACR;EAAC,EAAA,GACGF,MAAI,EAAA,IAAAU,WAAA;GAAA,OAAA,CAAAC,WAEPA,WAAA,CAAA,CAAAZ,MAAMQ,UAAU,CAAA,CAAA,WAAA;IAAA,IAAAK,OAAAC,OAAA;IAAAC,aAAAC,UAAAH,MAGNtB,GACL,iCACA,8JACF,CAAC,CAAA;IAAA,OAAAsB;GAAA,EAAA,CAAA,IAED,IAAI,GAAAD,WACPZ,MAAMW,QAAQ,CAAA;EAAA,EAAA,CAAA,CAAA,CAAA;CAAA,EAAA,CAAA;AAIvB;AAEA,SAAgBM,YAAYvB,OAAqD;CAC/E,MAAM,CAACM,OAAOC,QAAQX,WAAWI,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAC,gBACGP,gBAAgB8B,OAAKhB,WAAA,EAAA,KAAA,WAAA;EAAA,OACbX,GAAGC,gBAAgB;GAAE2B,MAAM;GAAQC,SAAS;EAAO,CAAC,GAAGpB,MAAMG,KAAK;CAAC,EAAA,GACtEF,IAAI,CAAA;AAGd;AAEA,SAAgBoB,kBAAkB3B,OAA2D;CAC3F,MAAM,CAACM,OAAOC,QAAQX,WAAWI,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAC,gBACGP,gBAAgBkC,aAAWpB,WAAA,EAAA,KAAA,WAAA;EAAA,OACnBX,GAAG,iCAAiCS,MAAMG,KAAK;CAAC,EAAA,GACnDF,IAAI,CAAA;AAGd;AAEA,SAAgBsB,kBAAkB7B,OAAqD;CACrF,MAAM,CAACM,OAAOC,QAAQX,WAAWI,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAC,gBAAQP,gBAAgBoC,OAAKtB,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQX,GAAG,cAAcS,MAAMG,KAAK;CAAC,EAAA,GAAMF,IAAI,CAAA;AAC9E;AAEA,SAAgBwB,aAAa/B,OAA8B;CACzD,MAAM,CAACM,OAAOC,QAAQX,WAAWI,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAgC,QAAAC,QAAA;EAAAC,OAAAF,OAAAxB,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWX,GAAG,6CAA6CS,MAAMG,KAAK;EAAC,EAAA,GAC/DF,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAyB;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBG,WAAWnC,OAA8B;CACvD,MAAM,CAACM,OAAOC,QAAQX,WAAWI,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAoC,QAAAC,QAAA;EAAAH,OAAAE,OAAA5B,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWX,GAAG,4CAA4CS,MAAMG,KAAK;EAAC,EAAA,GAC9DF,IAAI,GAAA,OAAA,KAAA;EAAA,OAAA6B;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,aAAatC,OAA8B;CACzD,MAAM,CAACM,OAAOC,QAAQX,WAAWI,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAuC,QAAAC,QAAA;EAAAN,OAAAK,OAAA/B,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWX,GAAG,mEAAmES,MAAMG,KAAK;EAAC,EAAA,GACrFF,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAgC;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts

@@ -1,5 +1,6 @@
 import { DropdownMenu as KobalteDropdownMenu } from '@kobalte/core/dropdown-menu';
 import type { ComponentProps } from 'solid-js';
+import { type MenuSwatchTone } from '#lib/overlay';
 /**
  * DropdownMenu.
  *
@@ -23,6 +24,13 @@ export declare function DropdownMenu(props: ComponentProps<typeof KobalteDropdow
 export declare function DropdownMenuTrigger(props: ComponentProps<typeof KobalteDropdownMenu.Trigger>): import("solid-js").JSX.Element;
 export declare function DropdownMenuPortal(props: ComponentProps<typeof KobalteDropdownMenu.Portal>): import("solid-js").JSX.Element;
 export type DropdownMenuContentProps = ComponentProps<typeof KobalteDropdownMenu.Content> & {
+    /**
+     * Kept for callers that hid the arrow explicitly; the arrow is now hidden by
+     * default. Pass `false` to draw one. The default flipped because Kobalte
+     * reserves half of the arrow's 30px box as popper gutter — a menu anchored to
+     * its trigger floated 15px off it, which read as a gap rather than as a
+     * pointer, and every anchored caller already passed `hideArrow`.
+     */
     hideArrow?: boolean;
     /** Mount under an owner element such as a modal, keeping the menu in its accessible subtree. */
     portalMount?: HTMLElement;
@@ -40,6 +48,10 @@ export declare function DropdownMenuItem(props: ComponentProps<typeof KobalteDro
      * whenever `shortcut` is drawn.
      */
     keyshortcuts?: string;
+    /** Draw a leading colour dot from the shared tone ladder — the accent or
+     * status role the option's card badge carries. `aria-hidden`; the label
+     * carries the meaning. */
+    swatch?: MenuSwatchTone;
 }): import("solid-js").JSX.Element;
 /**
  * The chord drawn at a row's trailing edge.
@@ -53,9 +65,17 @@ export declare function DropdownMenuItem(props: ComponentProps<typeof KobalteDro
  * exactly its label.
  */
 export declare function DropdownMenuShortcut(props: ComponentProps<'span'>): import("solid-js").JSX.Element;
-export declare function DropdownMenuCheckboxItem(props: ComponentProps<typeof KobalteDropdownMenu.CheckboxItem>): import("solid-js").JSX.Element;
+export declare function DropdownMenuCheckboxItem(props: ComponentProps<typeof KobalteDropdownMenu.CheckboxItem> & {
+    /** Draw a leading colour dot from the shared tone ladder. `aria-hidden`;
+     * the label carries the meaning. */
+    swatch?: MenuSwatchTone;
+}): import("solid-js").JSX.Element;
 export declare function DropdownMenuRadioGroup(props: ComponentProps<typeof KobalteDropdownMenu.RadioGroup>): import("solid-js").JSX.Element;
-export declare function DropdownMenuRadioItem(props: ComponentProps<typeof KobalteDropdownMenu.RadioItem>): import("solid-js").JSX.Element;
+export declare function DropdownMenuRadioItem(props: ComponentProps<typeof KobalteDropdownMenu.RadioItem> & {
+    /** Draw a leading colour dot from the shared tone ladder. `aria-hidden`;
+     * the label carries the meaning. */
+    swatch?: MenuSwatchTone;
+}): import("solid-js").JSX.Element;
 /**
  * The caption of a `DropdownMenuGroup`, and that group's accessible name. It must be a
  * child of the group it names: Kobalte reads the group from context, so a label

package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEjF,OAAO,KAAK,EAAY,cAAc,EAAE,MAAM,UAAU,CAAA;AA2BxD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,kCAQ7E;AAqED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,OAAO,CAAC,kCA8D5F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,MAAM,CAAC,kCAE1F;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,OAAO,CAAC,GAAG;IAC1F,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gGAAgG;IAChG,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,kCAqBlE;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG;IACvD,qEAAqE;IACrE,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACnC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,kCAiCF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,kCAUjE;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,YAAY,CAAC,kCAe/D;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,UAAU,CAAC,kCAG7D;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,kCAgBhG;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,UAAU,CAAC,kCAG7F;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,KAAK,CAAC,kCAExF;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,kCAGhG;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,GAAG,CAAC,kCAEpF;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,UAAU,CAAC,kCAU7D;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,UAAU,CAAC,kCAmB7D"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEjF,OAAO,KAAK,EAAY,cAAc,EAAE,MAAM,UAAU,CAAA;AAExD,OAAO,EAML,KAAK,cAAc,EAMpB,MAAM,cAAc,CAAA;AAerB;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,kCAQ7E;AAqED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,OAAO,CAAC,kCA8D5F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,MAAM,CAAC,kCAE1F;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,OAAO,CAAC,GAAG;IAC1F;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gGAAgG;IAChG,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,kCA0BlE;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG;IACvD,qEAAqE;IACrE,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACnC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;8BAE0B;IAC1B,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB,kCAqCF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,kCAUjE;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,YAAY,CAAC,GAAG;IAC/D;wCACoC;IACpC,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB,kCAkBF;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,UAAU,CAAC,kCAG7D;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,GAAG;IAC5D;wCACoC;IACpC,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB,kCAoBF;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,UAAU,CAAC,kCAG7F;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,KAAK,CAAC,kCAExF;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,kCAGhG;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,GAAG,CAAC,kCAEpF;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,UAAU,CAAC,kCAU7D;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,UAAU,CAAC,kCAmB7D"}

package/dist/components/ui/dropdown-menu/dropdown-menu.js

@@ -1,12 +1,13 @@
 import { cn } from "../../../lib/utils.js";
-import { destructiveMenuItem, menuItem, menuLabel, menuSeparator, overlayMotion, overlaySurface, topLayerProps } from "../../../lib/overlay.js";
-import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { destructiveMenuItem, menuItem, menuLabel, menuSeparator, menuSwatchTone, overlayMotion, overlaySurface, topLayerProps } from "../../../lib/overlay.js";
+import { className, createComponent, effect, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import { Check, ChevronRight, Circle } from "lucide-solid";
-import { createContext, splitProps, useContext } from "solid-js";
+import { Show, createContext, splitProps, useContext } from "solid-js";
 import { DropdownMenu } from "@kobalte/core/dropdown-menu";
 //#region src/components/ui/dropdown-menu/dropdown-menu.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<span aria-hidden=true class="text-muted-foreground ms-auto font-code text-code tracking-widest">`);
-var _tmpl$2 = /*#__PURE__*/ template(`<span data-slot=dropdown-menu-shortcut aria-hidden=true>`);
+var _tmpl$ = /*#__PURE__*/ template(`<span aria-hidden=true>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span aria-hidden=true class="text-muted-foreground ms-auto font-code text-code tracking-widest">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span data-slot=dropdown-menu-shortcut aria-hidden=true>`);
 var DropdownMenuOrientationContext = createContext();
 /**
 * DropdownMenu.
@@ -149,7 +150,7 @@ function DropdownMenuContent(props) {
 			return createComponent(DropdownMenu.Content, mergeProps(topLayerProps, { get ["class"]() {
 				return cn(overlaySurface, overlayMotion, "z-(--z-menu) min-w-[10rem] origin-(--kb-menu-content-transform-origin) overflow-hidden", "p-1", local.class);
 			} }, rest, { get children() {
-				return [memo(() => memo(() => !!!local.hideArrow)() && createComponent(DropdownMenu.Arrow, {
+				return [memo(() => memo(() => local.hideArrow === false)() && createComponent(DropdownMenu.Arrow, {
 					"aria-hidden": "true",
 					"class": "fill-popover stroke-border"
 				})), memo(() => local.children)];
@@ -163,6 +164,7 @@ function DropdownMenuItem(props) {
 		"variant",
 		"shortcut",
 		"keyshortcuts",
+		"swatch",
 		"children"
 	]);
 	return createComponent(DropdownMenu.Item, mergeProps({
@@ -173,11 +175,24 @@ function DropdownMenuItem(props) {
 			return local.keyshortcuts;
 		}
 	}, rest, { get children() {
-		return [memo(() => local.children), memo(() => memo(() => !!local.shortcut)() ? (() => {
-			var _el$ = _tmpl$();
-			insert(_el$, () => local.shortcut);
-			return _el$;
-		})() : null)];
+		return [
+			createComponent(Show, {
+				get when() {
+					return local.swatch;
+				},
+				get children() {
+					var _el$ = _tmpl$();
+					effect(() => className(_el$, menuSwatchTone({ tone: local.swatch })));
+					return _el$;
+				}
+			}),
+			memo(() => local.children),
+			memo(() => memo(() => !!local.shortcut)() ? (() => {
+				var _el$2 = _tmpl$2();
+				insert(_el$2, () => local.shortcut);
+				return _el$2;
+			})() : null)
+		];
 	} }));
 }
 /**
@@ -194,42 +209,76 @@ function DropdownMenuItem(props) {
 function DropdownMenuShortcut(props) {
 	const [local, rest] = splitProps(props, ["class"]);
 	return (() => {
-		var _el$2 = _tmpl$2();
-		spread(_el$2, mergeProps({ get ["class"]() {
+		var _el$3 = _tmpl$3();
+		spread(_el$3, mergeProps({ get ["class"]() {
 			return cn("text-muted-foreground ms-auto font-code text-code tracking-widest", local.class);
 		} }, rest), false, false);
-		return _el$2;
+		return _el$3;
 	})();
 }
 function DropdownMenuCheckboxItem(props) {
-	const [local, rest] = splitProps(props, ["class", "children"]);
+	const [local, rest] = splitProps(props, [
+		"class",
+		"swatch",
+		"children"
+	]);
 	return createComponent(DropdownMenu.CheckboxItem, mergeProps({ get ["class"]() {
 		return cn(menuItem, "pe-8", local.class);
 	} }, rest, { get children() {
-		return [memo(() => local.children), createComponent(DropdownMenu.ItemIndicator, {
-			"data-slot": "dropdown-menu-indicator",
-			"class": "absolute end-2 flex size-4 items-center justify-center text-primary",
-			get children() {
-				return createComponent(Check, { "class": "size-4" });
-			}
-		})];
+		return [
+			createComponent(Show, {
+				get when() {
+					return local.swatch;
+				},
+				get children() {
+					var _el$4 = _tmpl$();
+					effect(() => className(_el$4, menuSwatchTone({ tone: local.swatch })));
+					return _el$4;
+				}
+			}),
+			memo(() => local.children),
+			createComponent(DropdownMenu.ItemIndicator, {
+				"data-slot": "dropdown-menu-indicator",
+				"class": "absolute end-2 flex size-4 items-center justify-center text-primary",
+				get children() {
+					return createComponent(Check, { "class": "size-4" });
+				}
+			})
+		];
 	} }));
 }
 function DropdownMenuRadioGroup(props) {
 	return createComponent(DropdownMenu.RadioGroup, props);
 }
 function DropdownMenuRadioItem(props) {
-	const [local, rest] = splitProps(props, ["class", "children"]);
+	const [local, rest] = splitProps(props, [
+		"class",
+		"swatch",
+		"children"
+	]);
 	return createComponent(DropdownMenu.RadioItem, mergeProps({ get ["class"]() {
 		return cn(menuItem, "pe-8", local.class);
 	} }, rest, { get children() {
-		return [memo(() => local.children), createComponent(DropdownMenu.ItemIndicator, {
-			"data-slot": "dropdown-menu-indicator",
-			"class": "absolute end-2 flex size-4 items-center justify-center text-primary",
-			get children() {
-				return createComponent(Circle, { "class": "size-2 fill-current" });
-			}
-		})];
+		return [
+			createComponent(Show, {
+				get when() {
+					return local.swatch;
+				},
+				get children() {
+					var _el$5 = _tmpl$();
+					effect(() => className(_el$5, menuSwatchTone({ tone: local.swatch })));
+					return _el$5;
+				}
+			}),
+			memo(() => local.children),
+			createComponent(DropdownMenu.ItemIndicator, {
+				"data-slot": "dropdown-menu-indicator",
+				"class": "absolute end-2 flex size-4 items-center justify-center text-primary",
+				get children() {
+					return createComponent(Circle, { "class": "size-2 fill-current" });
+				}
+			})
+		];
 	} }));
 }
 /**

package/dist/components/ui/dropdown-menu/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","names":["DropdownMenu","KobalteDropdownMenu","Check","ChevronRight","Circle","Accessor","ComponentProps","createContext","splitProps","useContext","menuContentPadding","destructiveMenuItem","menuItem","menuLabel","menuSeparator","overlayMotion","overlaySurface","popoverArrow","topLayerProps","cn","MenuOrientation","DropdownMenuOrientationContext","HandlerEvent","Handler","args","Arguments","DropdownMenuTriggerKeyEvent","NonNullable","Trigger","DropdownMenuTriggerPointerEvent","props","local","rest","orientation","_$createComponent","Provider","value","children","_$mergeProps","modal","SCROLLABLE_OVERFLOW","OVERFLOW_PROPERTIES","const","OverflowProperty","OverflowDeclaration","Readonly","property","priority","readInlineOverflow","element","HTMLElement","map","style","getPropertyValue","getPropertyPriority","declarationsMatch","declarations","every","bypassUnboundedScrollLookup","trigger","scrollRoot","document","scrollingElement","documentElement","window","getComputedStyle","overflow","temporaryStyles","Array","original","applied","parent","parentElement","computed","overflowX","overflowY","test","setProperty","push","length","queueMicrotask","isConnected","removeProperty","DropdownMenuTrigger","inheritedOrientation","onPointerDown","event","disabled","defaultPrevented","isPrimary","button","altKey","ctrlKey","metaKey","shiftKey","currentTarget","isNativeLink","HTMLAnchorElement","hasAttribute","focus","preventScroll","pointerType","preventDefault","onKeyDown","menubarOrientation","closest","getAttribute","openingArrow","includes","key","DropdownMenuPortal","Portal","DropdownMenuContentProps","Content","hideArrow","portalMount","DropdownMenuContent","mount","class","_$memo","Arrow","DropdownMenuItem","Item","variant","shortcut","keyshortcuts","aria-keyshortcuts","_el$","_tmpl$","_$insert","DropdownMenuShortcut","_el$2","_tmpl$2","_$spread","DropdownMenuCheckboxItem","CheckboxItem","ItemIndicator","DropdownMenuRadioGroup","RadioGroup","DropdownMenuRadioItem","RadioItem","DropdownMenuLabel","GroupLabel","DropdownMenuGroup","Group","DropdownMenuSeparator","Separator","DropdownMenuSub","Sub","DropdownMenuSubTrigger","SubTrigger","DropdownMenuSubContent","SubContent","DropdownMenu","_$createComponent","KobalteDropdownMenu","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import { DropdownMenu as KobalteDropdownMenu } from '@kobalte/core/dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-solid'\nimport type { Accessor, ComponentProps } from 'solid-js'\nimport { createContext, splitProps, useContext } from 'solid-js'\nimport {\n  menuContentPadding,\n  destructiveMenuItem,\n  menuItem,\n  menuLabel,\n  menuSeparator,\n  overlayMotion,\n  overlaySurface,\n  popoverArrow,\n  topLayerProps,\n} from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\ntype MenuOrientation = 'horizontal' | 'vertical'\nconst DropdownMenuOrientationContext = createContext<Accessor<MenuOrientation | undefined>>()\ntype HandlerEvent<Handler> = Handler extends (...args: infer Arguments) => void\n  ? Arguments[0]\n  : never\ntype DropdownMenuTriggerKeyEvent = HandlerEvent<\n  NonNullable<ComponentProps<typeof KobalteDropdownMenu.Trigger>['onKeyDown']>\n>\ntype DropdownMenuTriggerPointerEvent = HandlerEvent<\n  NonNullable<ComponentProps<typeof KobalteDropdownMenu.Trigger>['onPointerDown']>\n>\n\n/**\n * DropdownMenu.\n *\n * A list of actions on a trigger, with radio groups for persistent choices\n * that fit naturally in a compact menu. Use Select for form inputs whose\n * selected value needs the field-style control, and Popover for arbitrary\n * content.\n *\n * Kobalte supplies the full menu contract — arrow keys, typeahead, the roving\n * highlight, Escape to close and return focus — which is exactly what a\n * hand-rolled `div` with click handlers gets wrong.\n * Menus are nonmodal by default so their generated focus guards do not become\n * invalid direct children of the ARIA menu. Set `modal` explicitly when the\n * surrounding interaction needs modal containment.\n *\n * The `destructive` variant marks the row with a status-coloured edge and\n * highlighted tint while keeping its label on the body foreground. Pairing it\n * with an AlertDialog is the caller's job.\n */\nexport function DropdownMenu(props: ComponentProps<typeof KobalteDropdownMenu>) {\n  const [local, rest] = splitProps(props, ['modal', 'orientation'])\n  const orientation = () => local.orientation\n  return (\n    <DropdownMenuOrientationContext.Provider value={orientation}>\n      <KobalteDropdownMenu modal={local.modal ?? false} orientation={local.orientation} {...rest} />\n    </DropdownMenuOrientationContext.Provider>\n  )\n}\n\nconst SCROLLABLE_OVERFLOW = /(auto|scroll)/\nconst OVERFLOW_PROPERTIES = ['overflow', 'overflow-x', 'overflow-y'] as const\n\ntype OverflowProperty = (typeof OVERFLOW_PROPERTIES)[number]\ntype OverflowDeclaration = Readonly<{\n  property: OverflowProperty\n  value: string\n  priority: string\n}>\n\nfunction readInlineOverflow(element: HTMLElement): OverflowDeclaration[] {\n  return OVERFLOW_PROPERTIES.map((property) => ({\n    property,\n    value: element.style.getPropertyValue(property),\n    priority: element.style.getPropertyPriority(property),\n  }))\n}\n\nfunction declarationsMatch(element: HTMLElement, declarations: OverflowDeclaration[]) {\n  return declarations.every(\n    ({ property, value, priority }) =>\n      element.style.getPropertyValue(property) === value &&\n      element.style.getPropertyPriority(property) === priority\n  )\n}\n\nfunction bypassUnboundedScrollLookup(trigger: HTMLElement) {\n  const scrollRoot = document.scrollingElement ?? document.documentElement\n  if (window.getComputedStyle(scrollRoot).overflow !== 'hidden') return\n\n  const temporaryStyles: Array<{\n    element: HTMLElement\n    original: OverflowDeclaration[]\n    applied: OverflowDeclaration[]\n  }> = []\n\n  for (let element: HTMLElement | null = trigger; element;) {\n    const parent: HTMLElement | null = element.parentElement\n    if (element !== scrollRoot) {\n      const computed = window.getComputedStyle(element)\n      const overflow = `${computed.overflow} ${computed.overflowX} ${computed.overflowY}`\n      if (SCROLLABLE_OVERFLOW.test(overflow)) {\n        const original = readInlineOverflow(element)\n        element.style.setProperty('overflow', 'clip', 'important')\n        temporaryStyles.push({ element, original, applied: readInlineOverflow(element) })\n      }\n    }\n    element = parent\n  }\n\n  if (temporaryStyles.length === 0) return\n\n  // Kobalte's keyboard path synchronously walks scroll parents before it opens\n  // the menu. Clipping only non-root scroll ancestors makes that walk stop at\n  // the locked viewport. Restore those declarations once the event handler\n  // finishes, and leave any newer owner write untouched.\n  queueMicrotask(() => {\n    for (const { element, original, applied } of temporaryStyles) {\n      if (!element.isConnected || !declarationsMatch(element, applied)) continue\n      for (const property of OVERFLOW_PROPERTIES) element.style.removeProperty(property)\n      for (const { property, value, priority } of original) {\n        if (value) element.style.setProperty(property, value, priority)\n      }\n    }\n  })\n}\n\nexport function DropdownMenuTrigger(props: ComponentProps<typeof KobalteDropdownMenu.Trigger>) {\n  const inheritedOrientation = useContext(DropdownMenuOrientationContext)\n  const [local, rest] = splitProps(props, ['disabled', 'onKeyDown', 'onPointerDown'])\n  const onPointerDown = (event: DropdownMenuTriggerPointerEvent) => {\n    if (typeof local.onPointerDown === 'function') local.onPointerDown(event)\n    else if (local.onPointerDown) local.onPointerDown[0](local.onPointerDown[1], event)\n\n    // WebKit can leave focus on a previous control when a native button gets\n    // a pointer click. Focus the trigger before Kobalte opens the menu so an\n    // enclosing modal focus scope does not restore focus and dismiss the menu.\n    if (\n      local.disabled ||\n      event.defaultPrevented ||\n      !event.isPrimary ||\n      event.button !== 0 ||\n      event.altKey ||\n      event.ctrlKey ||\n      event.metaKey ||\n      event.shiftKey\n    ) {\n      return\n    }\n    const trigger = event.currentTarget\n    const isNativeLink = trigger instanceof HTMLAnchorElement && trigger.hasAttribute('href')\n    if (trigger instanceof HTMLElement && !isNativeLink) {\n      trigger.focus({ preventScroll: true })\n      // Focusing first is not enough in WebKit: the press's default mousedown\n      // action runs afterwards and moves focus off a button to the nearest\n      // focusable ancestor — inside a dialog, the dialog — so the menu that\n      // just opened still reads focus leaving it and closes. Cancelling the\n      // default keeps focus where it was put.\n      if (event.pointerType !== 'touch') event.preventDefault()\n    }\n  }\n  const onKeyDown = (event: DropdownMenuTriggerKeyEvent) => {\n    // Kobalte's MenuTrigger does not consult defaultPrevented before its own\n    // open-key handling. Preserve its existing callback behavior; this wrapper\n    // only makes the pre-open scroll-parent lookup terminate.\n    if (typeof local.onKeyDown === 'function') local.onKeyDown(event)\n    else if (local.onKeyDown) local.onKeyDown[0](local.onKeyDown[1], event)\n\n    if (local.disabled) return\n    const trigger = event.currentTarget\n    if (!(trigger instanceof HTMLElement)) return\n    const menubarOrientation = trigger.closest('[role=\"menubar\"]')?.getAttribute('aria-orientation')\n    const orientation =\n      inheritedOrientation?.() ?? (menubarOrientation === 'vertical' ? 'vertical' : 'horizontal')\n    const openingArrow = orientation === 'horizontal' ? 'ArrowDown' : 'ArrowRight'\n    if (!['Enter', ' ', openingArrow].includes(event.key)) return\n    const isNativeLink = trigger instanceof HTMLAnchorElement && trigger.hasAttribute('href')\n    if (isNativeLink && (event.key === 'Enter' || event.key === ' ')) return\n    bypassUnboundedScrollLookup(trigger)\n  }\n\n  return (\n    <KobalteDropdownMenu.Trigger\n      {...rest}\n      disabled={local.disabled}\n      onPointerDown={onPointerDown}\n      onKeyDown={onKeyDown}\n    />\n  )\n}\n\nexport function DropdownMenuPortal(props: ComponentProps<typeof KobalteDropdownMenu.Portal>) {\n  return <KobalteDropdownMenu.Portal {...props} />\n}\n\nexport type DropdownMenuContentProps = ComponentProps<typeof KobalteDropdownMenu.Content> & {\n  hideArrow?: boolean\n  /** Mount under an owner element such as a modal, keeping the menu in its accessible subtree. */\n  portalMount?: HTMLElement\n}\n\nexport function DropdownMenuContent(props: DropdownMenuContentProps) {\n  const [local, rest] = splitProps(props, ['class', 'hideArrow', 'children', 'portalMount'])\n\n  return (\n    <KobalteDropdownMenu.Portal mount={local.portalMount}>\n      <KobalteDropdownMenu.Content\n        {...topLayerProps}\n        class={cn(\n          overlaySurface,\n          overlayMotion,\n          'z-(--z-menu) min-w-[10rem] origin-(--kb-menu-content-transform-origin) overflow-hidden',\n          menuContentPadding,\n          local.class\n        )}\n        {...rest}\n      >\n        {!local.hideArrow && <KobalteDropdownMenu.Arrow aria-hidden=\"true\" class={popoverArrow} />}\n        {local.children}\n      </KobalteDropdownMenu.Content>\n    </KobalteDropdownMenu.Portal>\n  )\n}\n\nexport function DropdownMenuItem(\n  props: ComponentProps<typeof KobalteDropdownMenu.Item> & {\n    /** Colour the row as a destructive action. Confirm it separately. */\n    variant?: 'default' | 'destructive'\n    /** Draw a shortcut hint at the trailing edge of the row. */\n    shortcut?: string\n    /**\n     * The parseable chord behind `shortcut`, e.g. `Meta+E`. The drawn glyph is\n     * `aria-hidden` — reading it out would pollute the item's accessible name —\n     * so this is what assistive technology announces instead. Supply it\n     * whenever `shortcut` is drawn.\n     */\n    keyshortcuts?: string\n  }\n) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'variant',\n    'shortcut',\n    'keyshortcuts',\n    'children',\n  ])\n\n  return (\n    <KobalteDropdownMenu.Item\n      class={cn(\n        menuItem,\n        {\n          [destructiveMenuItem]: local.variant === 'destructive',\n        },\n        local.class\n      )}\n      aria-keyshortcuts={local.keyshortcuts}\n      {...rest}\n    >\n      {local.children}\n      {local.shortcut ? (\n        <span\n          aria-hidden=\"true\"\n          class=\"text-muted-foreground ms-auto font-code text-code tracking-widest\"\n        >\n          {local.shortcut}\n        </span>\n      ) : null}\n    </KobalteDropdownMenu.Item>\n  )\n}\n\n/**\n * The chord drawn at a row's trailing edge.\n *\n * A component as well as the `shortcut` prop on an item, because a caller composing\n * a row by hand needs the same treatment — and because the alternative is every\n * caller inventing the same mono-and-dimmed span.\n *\n * The glyphs are decorative: the span is `aria-hidden` and the parseable chord\n * belongs in the row's `aria-keyshortcuts`, so the item's accessible name stays\n * exactly its label.\n */\nexport function DropdownMenuShortcut(props: ComponentProps<'span'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      aria-hidden=\"true\"\n      class={cn('text-muted-foreground ms-auto font-code text-code tracking-widest', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DropdownMenuCheckboxItem(\n  props: ComponentProps<typeof KobalteDropdownMenu.CheckboxItem>\n) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteDropdownMenu.CheckboxItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      {local.children}\n      <KobalteDropdownMenu.ItemIndicator\n        data-slot=\"dropdown-menu-indicator\"\n        class=\"absolute end-2 flex size-4 items-center justify-center text-primary\"\n      >\n        <Check class=\"size-4\" />\n      </KobalteDropdownMenu.ItemIndicator>\n    </KobalteDropdownMenu.CheckboxItem>\n  )\n}\n\nexport function DropdownMenuRadioGroup(\n  props: ComponentProps<typeof KobalteDropdownMenu.RadioGroup>\n) {\n  return <KobalteDropdownMenu.RadioGroup {...props} />\n}\n\nexport function DropdownMenuRadioItem(props: ComponentProps<typeof KobalteDropdownMenu.RadioItem>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteDropdownMenu.RadioItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      {local.children}\n      {/* The indicator reads in the accent, like every other selected state in\n          the system — a canvas-colored dot on a checked row reads as decoration. */}\n      <KobalteDropdownMenu.ItemIndicator\n        data-slot=\"dropdown-menu-indicator\"\n        class=\"absolute end-2 flex size-4 items-center justify-center text-primary\"\n      >\n        <Circle class=\"size-2 fill-current\" />\n      </KobalteDropdownMenu.ItemIndicator>\n    </KobalteDropdownMenu.RadioItem>\n  )\n}\n\n/**\n * The caption of a `DropdownMenuGroup`, and that group's accessible name. It must be a\n * child of the group it names: Kobalte reads the group from context, so a label\n * placed directly in the content throws `useMenuGroupContext must be used within\n * a Menu.Group` the moment the menu opens. For an ungrouped caption, wrap the\n * label and its items in a group anyway — the grouping is what a screen reader\n * announces.\n */\nexport function DropdownMenuLabel(props: ComponentProps<typeof KobalteDropdownMenu.GroupLabel>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteDropdownMenu.GroupLabel class={cn(menuLabel, local.class)} {...rest} />\n}\n\nexport function DropdownMenuGroup(props: ComponentProps<typeof KobalteDropdownMenu.Group>) {\n  return <KobalteDropdownMenu.Group {...props} />\n}\n\nexport function DropdownMenuSeparator(props: ComponentProps<typeof KobalteDropdownMenu.Separator>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteDropdownMenu.Separator class={cn(menuSeparator, local.class)} {...rest} />\n}\n\nexport function DropdownMenuSub(props: ComponentProps<typeof KobalteDropdownMenu.Sub>) {\n  return <KobalteDropdownMenu.Sub {...props} />\n}\n\nexport function DropdownMenuSubTrigger(\n  props: ComponentProps<typeof KobalteDropdownMenu.SubTrigger>\n) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteDropdownMenu.SubTrigger class={cn(menuItem, local.class)} {...rest}>\n      {local.children}\n      <ChevronRight class=\"ms-auto size-4\" />\n    </KobalteDropdownMenu.SubTrigger>\n  )\n}\n\nexport function DropdownMenuSubContent(\n  props: ComponentProps<typeof KobalteDropdownMenu.SubContent>\n) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <KobalteDropdownMenu.Portal>\n      <KobalteDropdownMenu.SubContent\n        {...topLayerProps}\n        class={cn(\n          overlaySurface,\n          overlayMotion,\n          'z-(--z-menu) min-w-[8rem] origin-(--kb-menu-content-transform-origin) overflow-hidden',\n          menuContentPadding,\n          local.class\n        )}\n        {...rest}\n      />\n    </KobalteDropdownMenu.Portal>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.js","names":["DropdownMenu","KobalteDropdownMenu","Check","ChevronRight","Circle","Accessor","ComponentProps","createContext","Show","splitProps","useContext","menuContentPadding","destructiveMenuItem","menuItem","menuLabel","menuSwatchTone","MenuSwatchTone","menuSeparator","overlayMotion","overlaySurface","popoverArrow","topLayerProps","cn","MenuOrientation","DropdownMenuOrientationContext","HandlerEvent","Handler","args","Arguments","DropdownMenuTriggerKeyEvent","NonNullable","Trigger","DropdownMenuTriggerPointerEvent","props","local","rest","orientation","_$createComponent","Provider","value","children","_$mergeProps","modal","SCROLLABLE_OVERFLOW","OVERFLOW_PROPERTIES","const","OverflowProperty","OverflowDeclaration","Readonly","property","priority","readInlineOverflow","element","HTMLElement","map","style","getPropertyValue","getPropertyPriority","declarationsMatch","declarations","every","bypassUnboundedScrollLookup","trigger","scrollRoot","document","scrollingElement","documentElement","window","getComputedStyle","overflow","temporaryStyles","Array","original","applied","parent","parentElement","computed","overflowX","overflowY","test","setProperty","push","length","queueMicrotask","isConnected","removeProperty","DropdownMenuTrigger","inheritedOrientation","onPointerDown","event","disabled","defaultPrevented","isPrimary","button","altKey","ctrlKey","metaKey","shiftKey","currentTarget","isNativeLink","HTMLAnchorElement","hasAttribute","focus","preventScroll","pointerType","preventDefault","onKeyDown","menubarOrientation","closest","getAttribute","openingArrow","includes","key","DropdownMenuPortal","Portal","DropdownMenuContentProps","Content","hideArrow","portalMount","DropdownMenuContent","mount","class","_$memo","Arrow","DropdownMenuItem","Item","variant","shortcut","keyshortcuts","swatch","aria-keyshortcuts","when","_el$","_tmpl$","_$effect","_$className","tone","_el$2","_tmpl$2","_$insert","DropdownMenuShortcut","_el$3","_tmpl$3","_$spread","DropdownMenuCheckboxItem","CheckboxItem","_el$4","ItemIndicator","DropdownMenuRadioGroup","RadioGroup","DropdownMenuRadioItem","RadioItem","_el$5","DropdownMenuLabel","GroupLabel","DropdownMenuGroup","Group","DropdownMenuSeparator","Separator","DropdownMenuSub","Sub","DropdownMenuSubTrigger","SubTrigger","DropdownMenuSubContent","SubContent","DropdownMenu","_$createComponent","KobalteDropdownMenu","_$mergeProps","_$memo","_$className"],"sources":["../../../../src/components/ui/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import { DropdownMenu as KobalteDropdownMenu } from '@kobalte/core/dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-solid'\nimport type { Accessor, ComponentProps } from 'solid-js'\nimport { createContext, Show, splitProps, useContext } from 'solid-js'\nimport {\n  menuContentPadding,\n  destructiveMenuItem,\n  menuItem,\n  menuLabel,\n  menuSwatchTone,\n  type MenuSwatchTone,\n  menuSeparator,\n  overlayMotion,\n  overlaySurface,\n  popoverArrow,\n  topLayerProps,\n} from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\ntype MenuOrientation = 'horizontal' | 'vertical'\nconst DropdownMenuOrientationContext = createContext<Accessor<MenuOrientation | undefined>>()\ntype HandlerEvent<Handler> = Handler extends (...args: infer Arguments) => void\n  ? Arguments[0]\n  : never\ntype DropdownMenuTriggerKeyEvent = HandlerEvent<\n  NonNullable<ComponentProps<typeof KobalteDropdownMenu.Trigger>['onKeyDown']>\n>\ntype DropdownMenuTriggerPointerEvent = HandlerEvent<\n  NonNullable<ComponentProps<typeof KobalteDropdownMenu.Trigger>['onPointerDown']>\n>\n\n/**\n * DropdownMenu.\n *\n * A list of actions on a trigger, with radio groups for persistent choices\n * that fit naturally in a compact menu. Use Select for form inputs whose\n * selected value needs the field-style control, and Popover for arbitrary\n * content.\n *\n * Kobalte supplies the full menu contract — arrow keys, typeahead, the roving\n * highlight, Escape to close and return focus — which is exactly what a\n * hand-rolled `div` with click handlers gets wrong.\n * Menus are nonmodal by default so their generated focus guards do not become\n * invalid direct children of the ARIA menu. Set `modal` explicitly when the\n * surrounding interaction needs modal containment.\n *\n * The `destructive` variant marks the row with a status-coloured edge and\n * highlighted tint while keeping its label on the body foreground. Pairing it\n * with an AlertDialog is the caller's job.\n */\nexport function DropdownMenu(props: ComponentProps<typeof KobalteDropdownMenu>) {\n  const [local, rest] = splitProps(props, ['modal', 'orientation'])\n  const orientation = () => local.orientation\n  return (\n    <DropdownMenuOrientationContext.Provider value={orientation}>\n      <KobalteDropdownMenu modal={local.modal ?? false} orientation={local.orientation} {...rest} />\n    </DropdownMenuOrientationContext.Provider>\n  )\n}\n\nconst SCROLLABLE_OVERFLOW = /(auto|scroll)/\nconst OVERFLOW_PROPERTIES = ['overflow', 'overflow-x', 'overflow-y'] as const\n\ntype OverflowProperty = (typeof OVERFLOW_PROPERTIES)[number]\ntype OverflowDeclaration = Readonly<{\n  property: OverflowProperty\n  value: string\n  priority: string\n}>\n\nfunction readInlineOverflow(element: HTMLElement): OverflowDeclaration[] {\n  return OVERFLOW_PROPERTIES.map((property) => ({\n    property,\n    value: element.style.getPropertyValue(property),\n    priority: element.style.getPropertyPriority(property),\n  }))\n}\n\nfunction declarationsMatch(element: HTMLElement, declarations: OverflowDeclaration[]) {\n  return declarations.every(\n    ({ property, value, priority }) =>\n      element.style.getPropertyValue(property) === value &&\n      element.style.getPropertyPriority(property) === priority\n  )\n}\n\nfunction bypassUnboundedScrollLookup(trigger: HTMLElement) {\n  const scrollRoot = document.scrollingElement ?? document.documentElement\n  if (window.getComputedStyle(scrollRoot).overflow !== 'hidden') return\n\n  const temporaryStyles: Array<{\n    element: HTMLElement\n    original: OverflowDeclaration[]\n    applied: OverflowDeclaration[]\n  }> = []\n\n  for (let element: HTMLElement | null = trigger; element;) {\n    const parent: HTMLElement | null = element.parentElement\n    if (element !== scrollRoot) {\n      const computed = window.getComputedStyle(element)\n      const overflow = `${computed.overflow} ${computed.overflowX} ${computed.overflowY}`\n      if (SCROLLABLE_OVERFLOW.test(overflow)) {\n        const original = readInlineOverflow(element)\n        element.style.setProperty('overflow', 'clip', 'important')\n        temporaryStyles.push({ element, original, applied: readInlineOverflow(element) })\n      }\n    }\n    element = parent\n  }\n\n  if (temporaryStyles.length === 0) return\n\n  // Kobalte's keyboard path synchronously walks scroll parents before it opens\n  // the menu. Clipping only non-root scroll ancestors makes that walk stop at\n  // the locked viewport. Restore those declarations once the event handler\n  // finishes, and leave any newer owner write untouched.\n  queueMicrotask(() => {\n    for (const { element, original, applied } of temporaryStyles) {\n      if (!element.isConnected || !declarationsMatch(element, applied)) continue\n      for (const property of OVERFLOW_PROPERTIES) element.style.removeProperty(property)\n      for (const { property, value, priority } of original) {\n        if (value) element.style.setProperty(property, value, priority)\n      }\n    }\n  })\n}\n\nexport function DropdownMenuTrigger(props: ComponentProps<typeof KobalteDropdownMenu.Trigger>) {\n  const inheritedOrientation = useContext(DropdownMenuOrientationContext)\n  const [local, rest] = splitProps(props, ['disabled', 'onKeyDown', 'onPointerDown'])\n  const onPointerDown = (event: DropdownMenuTriggerPointerEvent) => {\n    if (typeof local.onPointerDown === 'function') local.onPointerDown(event)\n    else if (local.onPointerDown) local.onPointerDown[0](local.onPointerDown[1], event)\n\n    // WebKit can leave focus on a previous control when a native button gets\n    // a pointer click. Focus the trigger before Kobalte opens the menu so an\n    // enclosing modal focus scope does not restore focus and dismiss the menu.\n    if (\n      local.disabled ||\n      event.defaultPrevented ||\n      !event.isPrimary ||\n      event.button !== 0 ||\n      event.altKey ||\n      event.ctrlKey ||\n      event.metaKey ||\n      event.shiftKey\n    ) {\n      return\n    }\n    const trigger = event.currentTarget\n    const isNativeLink = trigger instanceof HTMLAnchorElement && trigger.hasAttribute('href')\n    if (trigger instanceof HTMLElement && !isNativeLink) {\n      trigger.focus({ preventScroll: true })\n      // Focusing first is not enough in WebKit: the press's default mousedown\n      // action runs afterwards and moves focus off a button to the nearest\n      // focusable ancestor — inside a dialog, the dialog — so the menu that\n      // just opened still reads focus leaving it and closes. Cancelling the\n      // default keeps focus where it was put.\n      if (event.pointerType !== 'touch') event.preventDefault()\n    }\n  }\n  const onKeyDown = (event: DropdownMenuTriggerKeyEvent) => {\n    // Kobalte's MenuTrigger does not consult defaultPrevented before its own\n    // open-key handling. Preserve its existing callback behavior; this wrapper\n    // only makes the pre-open scroll-parent lookup terminate.\n    if (typeof local.onKeyDown === 'function') local.onKeyDown(event)\n    else if (local.onKeyDown) local.onKeyDown[0](local.onKeyDown[1], event)\n\n    if (local.disabled) return\n    const trigger = event.currentTarget\n    if (!(trigger instanceof HTMLElement)) return\n    const menubarOrientation = trigger.closest('[role=\"menubar\"]')?.getAttribute('aria-orientation')\n    const orientation =\n      inheritedOrientation?.() ?? (menubarOrientation === 'vertical' ? 'vertical' : 'horizontal')\n    const openingArrow = orientation === 'horizontal' ? 'ArrowDown' : 'ArrowRight'\n    if (!['Enter', ' ', openingArrow].includes(event.key)) return\n    const isNativeLink = trigger instanceof HTMLAnchorElement && trigger.hasAttribute('href')\n    if (isNativeLink && (event.key === 'Enter' || event.key === ' ')) return\n    bypassUnboundedScrollLookup(trigger)\n  }\n\n  return (\n    <KobalteDropdownMenu.Trigger\n      {...rest}\n      disabled={local.disabled}\n      onPointerDown={onPointerDown}\n      onKeyDown={onKeyDown}\n    />\n  )\n}\n\nexport function DropdownMenuPortal(props: ComponentProps<typeof KobalteDropdownMenu.Portal>) {\n  return <KobalteDropdownMenu.Portal {...props} />\n}\n\nexport type DropdownMenuContentProps = ComponentProps<typeof KobalteDropdownMenu.Content> & {\n  /**\n   * Kept for callers that hid the arrow explicitly; the arrow is now hidden by\n   * default. Pass `false` to draw one. The default flipped because Kobalte\n   * reserves half of the arrow's 30px box as popper gutter — a menu anchored to\n   * its trigger floated 15px off it, which read as a gap rather than as a\n   * pointer, and every anchored caller already passed `hideArrow`.\n   */\n  hideArrow?: boolean\n  /** Mount under an owner element such as a modal, keeping the menu in its accessible subtree. */\n  portalMount?: HTMLElement\n}\n\nexport function DropdownMenuContent(props: DropdownMenuContentProps) {\n  const [local, rest] = splitProps(props, ['class', 'hideArrow', 'children', 'portalMount'])\n\n  return (\n    <KobalteDropdownMenu.Portal mount={local.portalMount}>\n      <KobalteDropdownMenu.Content\n        {...topLayerProps}\n        class={cn(\n          overlaySurface,\n          overlayMotion,\n          'z-(--z-menu) min-w-[10rem] origin-(--kb-menu-content-transform-origin) overflow-hidden',\n          menuContentPadding,\n          local.class\n        )}\n        {...rest}\n      >\n        {local.hideArrow === false && (\n          /* Rendered only when a caller asks for it back: the popper folds half\n             the arrow's box into the content's gutter, so an arrow and a flush\n             menu have never been true at once. */\n          <KobalteDropdownMenu.Arrow aria-hidden=\"true\" class={popoverArrow} />\n        )}\n        {local.children}\n      </KobalteDropdownMenu.Content>\n    </KobalteDropdownMenu.Portal>\n  )\n}\n\nexport function DropdownMenuItem(\n  props: ComponentProps<typeof KobalteDropdownMenu.Item> & {\n    /** Colour the row as a destructive action. Confirm it separately. */\n    variant?: 'default' | 'destructive'\n    /** Draw a shortcut hint at the trailing edge of the row. */\n    shortcut?: string\n    /**\n     * The parseable chord behind `shortcut`, e.g. `Meta+E`. The drawn glyph is\n     * `aria-hidden` — reading it out would pollute the item's accessible name —\n     * so this is what assistive technology announces instead. Supply it\n     * whenever `shortcut` is drawn.\n     */\n    keyshortcuts?: string\n    /** Draw a leading colour dot from the shared tone ladder — the accent or\n     * status role the option's card badge carries. `aria-hidden`; the label\n     * carries the meaning. */\n    swatch?: MenuSwatchTone\n  }\n) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'variant',\n    'shortcut',\n    'keyshortcuts',\n    'swatch',\n    'children',\n  ])\n\n  return (\n    <KobalteDropdownMenu.Item\n      class={cn(\n        menuItem,\n        {\n          [destructiveMenuItem]: local.variant === 'destructive',\n        },\n        local.class\n      )}\n      aria-keyshortcuts={local.keyshortcuts}\n      {...rest}\n    >\n      <Show when={local.swatch}>\n        <span aria-hidden=\"true\" class={menuSwatchTone({ tone: local.swatch })} />\n      </Show>\n      {local.children}\n      {local.shortcut ? (\n        <span\n          aria-hidden=\"true\"\n          class=\"text-muted-foreground ms-auto font-code text-code tracking-widest\"\n        >\n          {local.shortcut}\n        </span>\n      ) : null}\n    </KobalteDropdownMenu.Item>\n  )\n}\n\n/**\n * The chord drawn at a row's trailing edge.\n *\n * A component as well as the `shortcut` prop on an item, because a caller composing\n * a row by hand needs the same treatment — and because the alternative is every\n * caller inventing the same mono-and-dimmed span.\n *\n * The glyphs are decorative: the span is `aria-hidden` and the parseable chord\n * belongs in the row's `aria-keyshortcuts`, so the item's accessible name stays\n * exactly its label.\n */\nexport function DropdownMenuShortcut(props: ComponentProps<'span'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      aria-hidden=\"true\"\n      class={cn('text-muted-foreground ms-auto font-code text-code tracking-widest', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DropdownMenuCheckboxItem(\n  props: ComponentProps<typeof KobalteDropdownMenu.CheckboxItem> & {\n    /** Draw a leading colour dot from the shared tone ladder. `aria-hidden`;\n     * the label carries the meaning. */\n    swatch?: MenuSwatchTone\n  }\n) {\n  const [local, rest] = splitProps(props, ['class', 'swatch', 'children'])\n\n  return (\n    <KobalteDropdownMenu.CheckboxItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      <Show when={local.swatch}>\n        <span aria-hidden=\"true\" class={menuSwatchTone({ tone: local.swatch })} />\n      </Show>\n      {local.children}\n      <KobalteDropdownMenu.ItemIndicator\n        data-slot=\"dropdown-menu-indicator\"\n        class=\"absolute end-2 flex size-4 items-center justify-center text-primary\"\n      >\n        <Check class=\"size-4\" />\n      </KobalteDropdownMenu.ItemIndicator>\n    </KobalteDropdownMenu.CheckboxItem>\n  )\n}\n\nexport function DropdownMenuRadioGroup(\n  props: ComponentProps<typeof KobalteDropdownMenu.RadioGroup>\n) {\n  return <KobalteDropdownMenu.RadioGroup {...props} />\n}\n\nexport function DropdownMenuRadioItem(\n  props: ComponentProps<typeof KobalteDropdownMenu.RadioItem> & {\n    /** Draw a leading colour dot from the shared tone ladder. `aria-hidden`;\n     * the label carries the meaning. */\n    swatch?: MenuSwatchTone\n  }\n) {\n  const [local, rest] = splitProps(props, ['class', 'swatch', 'children'])\n\n  return (\n    <KobalteDropdownMenu.RadioItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      <Show when={local.swatch}>\n        <span aria-hidden=\"true\" class={menuSwatchTone({ tone: local.swatch })} />\n      </Show>\n      {local.children}\n      {/* The indicator reads in the accent, like every other selected state in\n          the system — a canvas-colored dot on a checked row reads as decoration. */}\n      <KobalteDropdownMenu.ItemIndicator\n        data-slot=\"dropdown-menu-indicator\"\n        class=\"absolute end-2 flex size-4 items-center justify-center text-primary\"\n      >\n        <Circle class=\"size-2 fill-current\" />\n      </KobalteDropdownMenu.ItemIndicator>\n    </KobalteDropdownMenu.RadioItem>\n  )\n}\n\n/**\n * The caption of a `DropdownMenuGroup`, and that group's accessible name. It must be a\n * child of the group it names: Kobalte reads the group from context, so a label\n * placed directly in the content throws `useMenuGroupContext must be used within\n * a Menu.Group` the moment the menu opens. For an ungrouped caption, wrap the\n * label and its items in a group anyway — the grouping is what a screen reader\n * announces.\n */\nexport function DropdownMenuLabel(props: ComponentProps<typeof KobalteDropdownMenu.GroupLabel>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteDropdownMenu.GroupLabel class={cn(menuLabel, local.class)} {...rest} />\n}\n\nexport function DropdownMenuGroup(props: ComponentProps<typeof KobalteDropdownMenu.Group>) {\n  return <KobalteDropdownMenu.Group {...props} />\n}\n\nexport function DropdownMenuSeparator(props: ComponentProps<typeof KobalteDropdownMenu.Separator>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteDropdownMenu.Separator class={cn(menuSeparator, local.class)} {...rest} />\n}\n\nexport function DropdownMenuSub(props: ComponentProps<typeof KobalteDropdownMenu.Sub>) {\n  return <KobalteDropdownMenu.Sub {...props} />\n}\n\nexport function DropdownMenuSubTrigger(\n  props: ComponentProps<typeof KobalteDropdownMenu.SubTrigger>\n) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteDropdownMenu.SubTrigger class={cn(menuItem, local.class)} {...rest}>\n      {local.children}\n      <ChevronRight class=\"ms-auto size-4\" />\n    </KobalteDropdownMenu.SubTrigger>\n  )\n}\n\nexport function DropdownMenuSubContent(\n  props: ComponentProps<typeof KobalteDropdownMenu.SubContent>\n) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <KobalteDropdownMenu.Portal>\n      <KobalteDropdownMenu.SubContent\n        {...topLayerProps}\n        class={cn(\n          overlaySurface,\n          overlayMotion,\n          'z-(--z-menu) min-w-[8rem] origin-(--kb-menu-content-transform-origin) overflow-hidden',\n          menuContentPadding,\n          local.class\n        )}\n        {...rest}\n      />\n    </KobalteDropdownMenu.Portal>\n  )\n}\n"],"mappings":"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"}

package/dist/components/ui/dropdown-menu/index.d.ts

@@ -1,2 +1,3 @@
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownMenuContentProps, } from './dropdown-menu';
+export type { MenuSwatchTone } from '#lib/overlay';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/dropdown-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,iBAAiB,CAAA;AACxB,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/ui/menubar/menubar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/menubar/menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAe9C;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,kCAWnE;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,kCAE5E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,kCAelF;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,kCAoBlF;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,kCAgCF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,YAAY,CAAC,kCAU5F;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,UAAU,CAAC,kCAExF;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,SAAS,CAAC,kCAUtF;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,UAAU,CAAC,kCAGnF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,kCAE9E;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,SAAS,CAAC,kCAGtF;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG,CAAC,kCAE1E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,UAAU,CAAC,kCAQxF;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,UAAU,CAAC,kCAiBxF"}
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/menubar/menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAe9C;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,kCAWnE;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,kCAE5E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,kCAelF;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,kCAoBlF;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,kCAgCF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,YAAY,CAAC,kCAY5F;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,UAAU,CAAC,kCAExF;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,SAAS,CAAC,kCAYtF;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,UAAU,CAAC,kCAGnF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,kCAE9E;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,SAAS,CAAC,kCAGtF;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG,CAAC,kCAE1E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,UAAU,CAAC,kCAQxF;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,UAAU,CAAC,kCAiBxF"}

package/dist/components/ui/menubar/menubar.js

@@ -81,7 +81,7 @@ function MenubarCheckboxItem(props) {
 		return cn(menuItem, "pe-8", local.class);
 	} }, rest, { get children() {
 		return [memo(() => local.children), createComponent(Menubar.ItemIndicator, {
-			"class": "absolute end-2 flex size-4 items-center justify-center",
+			"class": "absolute end-2 flex size-4 items-center justify-center text-primary",
 			get children() {
 				return createComponent(Check, { "class": "size-4" });
 			}
@@ -97,7 +97,7 @@ function MenubarRadioItem(props) {
 		return cn(menuItem, "pe-8", local.class);
 	} }, rest, { get children() {
 		return [memo(() => local.children), createComponent(Menubar.ItemIndicator, {
-			"class": "absolute end-2 flex size-4 items-center justify-center",
+			"class": "absolute end-2 flex size-4 items-center justify-center text-primary",
 			get children() {
 				return createComponent(Circle, { "class": "size-2 fill-current" });
 			}

package/dist/components/ui/menubar/menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":["Menubar","KobalteMenubar","Check","ChevronRight","Circle","ComponentProps","splitProps","menuContentPadding","destructiveMenuItem","menuItem","menuLabel","menuSeparator","overlayMotion","overlaySurface","popoverArrow","topLayerProps","cn","props","local","rest","_$createComponent","_$mergeProps","class","MenubarMenu","Menu","MenubarTrigger","Trigger","MenubarContent","Content","Portal","children","Arrow","_$memo","MenubarItem","Item","variant","shortcut","keyshortcuts","aria-keyshortcuts","_el$","_tmpl$","_$insert","MenubarCheckboxItem","CheckboxItem","ItemIndicator","MenubarRadioGroup","RadioGroup","MenubarRadioItem","RadioItem","MenubarLabel","GroupLabel","MenubarGroup","Group","MenubarSeparator","Separator","MenubarSub","Sub","MenubarSubTrigger","SubTrigger","MenubarSubContent","SubContent","Menubar","_$createComponent","KobalteMenubar","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/menubar/menubar.tsx"],"sourcesContent":["import { Menubar as KobalteMenubar } from '@kobalte/core/menubar'\nimport { Check, ChevronRight, Circle } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport {\n  menuContentPadding,\n  destructiveMenuItem,\n  menuItem,\n  menuLabel,\n  menuSeparator,\n  overlayMotion,\n  overlaySurface,\n  popoverArrow,\n  topLayerProps,\n} from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/**\n * Menubar.\n *\n * A persistent row of menus at the top of a surface — the desktop application\n * pattern. Each trigger opens its own menu, and the arrow keys move *between*\n * menus once one is open, which is what makes a menubar a single control rather\n * than five menus that happen to be adjacent.\n *\n * This is for a window-level command surface. For actions on one thing, use\n * DropdownMenu; a menubar on a row would be a menu pretending to be chrome.\n */\nexport function Menubar(props: ComponentProps<typeof KobalteMenubar>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteMenubar\n      class={cn(\n        'flex items-center gap-0.5 rounded-md border border-border bg-card p-0.5',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/**\n * One top-level menu: a trigger and the panel it opens.\n *\n * Required, and the reason the component is not just a row of triggers — the\n * menubar's arrow keys move *between* menus, which only works when each trigger\n * belongs to a menu the bar knows about. `value` names it.\n */\nexport function MenubarMenu(props: ComponentProps<typeof KobalteMenubar.Menu>) {\n  return <KobalteMenubar.Menu {...props} />\n}\n\nexport function MenubarTrigger(props: ComponentProps<typeof KobalteMenubar.Trigger>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteMenubar.Trigger\n      class={cn(\n        'flex items-center rounded-sm px-2 py-1 text-sm font-medium select-none',\n        'transition-colors ease-out outline-none',\n        'data-[expanded]:bg-surface-active',\n        'data-[highlighted]:bg-surface-hover',\n        'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function MenubarContent(props: ComponentProps<typeof KobalteMenubar.Content>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n  return (\n    <KobalteMenubar.Portal>\n      <KobalteMenubar.Content\n        {...topLayerProps}\n        class={cn(\n          overlaySurface,\n          overlayMotion,\n          'z-(--z-menu) min-w-[10rem] origin-(--kb-menu-content-transform-origin) overflow-hidden',\n          menuContentPadding,\n          local.class\n        )}\n        {...rest}\n      >\n        <KobalteMenubar.Arrow aria-hidden=\"true\" class={popoverArrow} />\n        {local.children}\n      </KobalteMenubar.Content>\n    </KobalteMenubar.Portal>\n  )\n}\n\nexport function MenubarItem(\n  props: ComponentProps<typeof KobalteMenubar.Item> & {\n    variant?: 'default' | 'destructive'\n    shortcut?: string\n    /**\n     * The parseable chord behind `shortcut`, e.g. `Meta+N`. The drawn glyph is\n     * `aria-hidden` — reading it out would pollute the item's accessible name —\n     * so this is what assistive technology announces instead. Supply it\n     * whenever `shortcut` is drawn.\n     */\n    keyshortcuts?: string\n  }\n) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'variant',\n    'shortcut',\n    'keyshortcuts',\n    'children',\n  ])\n  return (\n    <KobalteMenubar.Item\n      class={cn(\n        menuItem,\n        {\n          [destructiveMenuItem]: local.variant === 'destructive',\n        },\n        local.class\n      )}\n      aria-keyshortcuts={local.keyshortcuts}\n      {...rest}\n    >\n      {local.children}\n      {local.shortcut ? (\n        <span\n          aria-hidden=\"true\"\n          class=\"text-muted-foreground ms-auto font-code text-code tracking-widest\"\n        >\n          {local.shortcut}\n        </span>\n      ) : null}\n    </KobalteMenubar.Item>\n  )\n}\n\nexport function MenubarCheckboxItem(props: ComponentProps<typeof KobalteMenubar.CheckboxItem>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n  return (\n    <KobalteMenubar.CheckboxItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      {local.children}\n      <KobalteMenubar.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center\">\n        <Check class=\"size-4\" />\n      </KobalteMenubar.ItemIndicator>\n    </KobalteMenubar.CheckboxItem>\n  )\n}\n\nexport function MenubarRadioGroup(props: ComponentProps<typeof KobalteMenubar.RadioGroup>) {\n  return <KobalteMenubar.RadioGroup {...props} />\n}\n\nexport function MenubarRadioItem(props: ComponentProps<typeof KobalteMenubar.RadioItem>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n  return (\n    <KobalteMenubar.RadioItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      {local.children}\n      <KobalteMenubar.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center\">\n        <Circle class=\"size-2 fill-current\" />\n      </KobalteMenubar.ItemIndicator>\n    </KobalteMenubar.RadioItem>\n  )\n}\n\n/**\n * The caption of a `MenubarGroup`, and that group's accessible name. It must be a\n * child of the group it names: Kobalte reads the group from context, so a label\n * placed directly in the content throws `useMenuGroupContext must be used within\n * a Menu.Group` the moment the menu opens. For an ungrouped caption, wrap the\n * label and its items in a group anyway — the grouping is what a screen reader\n * announces.\n */\nexport function MenubarLabel(props: ComponentProps<typeof KobalteMenubar.GroupLabel>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteMenubar.GroupLabel class={cn(menuLabel, local.class)} {...rest} />\n}\n\nexport function MenubarGroup(props: ComponentProps<typeof KobalteMenubar.Group>) {\n  return <KobalteMenubar.Group {...props} />\n}\n\nexport function MenubarSeparator(props: ComponentProps<typeof KobalteMenubar.Separator>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteMenubar.Separator class={cn(menuSeparator, local.class)} {...rest} />\n}\n\nexport function MenubarSub(props: ComponentProps<typeof KobalteMenubar.Sub>) {\n  return <KobalteMenubar.Sub {...props} />\n}\n\nexport function MenubarSubTrigger(props: ComponentProps<typeof KobalteMenubar.SubTrigger>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n  return (\n    <KobalteMenubar.SubTrigger class={cn(menuItem, local.class)} {...rest}>\n      {local.children}\n      <ChevronRight class=\"ms-auto size-4\" />\n    </KobalteMenubar.SubTrigger>\n  )\n}\n\nexport function MenubarSubContent(props: ComponentProps<typeof KobalteMenubar.SubContent>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteMenubar.Portal>\n      <KobalteMenubar.SubContent\n        {...topLayerProps}\n        class={cn(\n          overlaySurface,\n          overlayMotion,\n          'z-(--z-menu) min-w-[8rem] origin-(--kb-menu-content-transform-origin) overflow-hidden',\n          menuContentPadding,\n          local.class\n        )}\n        {...rest}\n      />\n    </KobalteMenubar.Portal>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"menubar.js","names":["Menubar","KobalteMenubar","Check","ChevronRight","Circle","ComponentProps","splitProps","menuContentPadding","destructiveMenuItem","menuItem","menuLabel","menuSeparator","overlayMotion","overlaySurface","popoverArrow","topLayerProps","cn","props","local","rest","_$createComponent","_$mergeProps","class","MenubarMenu","Menu","MenubarTrigger","Trigger","MenubarContent","Content","Portal","children","Arrow","_$memo","MenubarItem","Item","variant","shortcut","keyshortcuts","aria-keyshortcuts","_el$","_tmpl$","_$insert","MenubarCheckboxItem","CheckboxItem","ItemIndicator","MenubarRadioGroup","RadioGroup","MenubarRadioItem","RadioItem","MenubarLabel","GroupLabel","MenubarGroup","Group","MenubarSeparator","Separator","MenubarSub","Sub","MenubarSubTrigger","SubTrigger","MenubarSubContent","SubContent","Menubar","_$createComponent","KobalteMenubar","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/menubar/menubar.tsx"],"sourcesContent":["import { Menubar as KobalteMenubar } from '@kobalte/core/menubar'\nimport { Check, ChevronRight, Circle } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport {\n  menuContentPadding,\n  destructiveMenuItem,\n  menuItem,\n  menuLabel,\n  menuSeparator,\n  overlayMotion,\n  overlaySurface,\n  popoverArrow,\n  topLayerProps,\n} from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/**\n * Menubar.\n *\n * A persistent row of menus at the top of a surface — the desktop application\n * pattern. Each trigger opens its own menu, and the arrow keys move *between*\n * menus once one is open, which is what makes a menubar a single control rather\n * than five menus that happen to be adjacent.\n *\n * This is for a window-level command surface. For actions on one thing, use\n * DropdownMenu; a menubar on a row would be a menu pretending to be chrome.\n */\nexport function Menubar(props: ComponentProps<typeof KobalteMenubar>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteMenubar\n      class={cn(\n        'flex items-center gap-0.5 rounded-md border border-border bg-card p-0.5',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/**\n * One top-level menu: a trigger and the panel it opens.\n *\n * Required, and the reason the component is not just a row of triggers — the\n * menubar's arrow keys move *between* menus, which only works when each trigger\n * belongs to a menu the bar knows about. `value` names it.\n */\nexport function MenubarMenu(props: ComponentProps<typeof KobalteMenubar.Menu>) {\n  return <KobalteMenubar.Menu {...props} />\n}\n\nexport function MenubarTrigger(props: ComponentProps<typeof KobalteMenubar.Trigger>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteMenubar.Trigger\n      class={cn(\n        'flex items-center rounded-sm px-2 py-1 text-sm font-medium select-none',\n        'transition-colors ease-out outline-none',\n        'data-[expanded]:bg-surface-active',\n        'data-[highlighted]:bg-surface-hover',\n        'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function MenubarContent(props: ComponentProps<typeof KobalteMenubar.Content>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n  return (\n    <KobalteMenubar.Portal>\n      <KobalteMenubar.Content\n        {...topLayerProps}\n        class={cn(\n          overlaySurface,\n          overlayMotion,\n          'z-(--z-menu) min-w-[10rem] origin-(--kb-menu-content-transform-origin) overflow-hidden',\n          menuContentPadding,\n          local.class\n        )}\n        {...rest}\n      >\n        <KobalteMenubar.Arrow aria-hidden=\"true\" class={popoverArrow} />\n        {local.children}\n      </KobalteMenubar.Content>\n    </KobalteMenubar.Portal>\n  )\n}\n\nexport function MenubarItem(\n  props: ComponentProps<typeof KobalteMenubar.Item> & {\n    variant?: 'default' | 'destructive'\n    shortcut?: string\n    /**\n     * The parseable chord behind `shortcut`, e.g. `Meta+N`. The drawn glyph is\n     * `aria-hidden` — reading it out would pollute the item's accessible name —\n     * so this is what assistive technology announces instead. Supply it\n     * whenever `shortcut` is drawn.\n     */\n    keyshortcuts?: string\n  }\n) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'variant',\n    'shortcut',\n    'keyshortcuts',\n    'children',\n  ])\n  return (\n    <KobalteMenubar.Item\n      class={cn(\n        menuItem,\n        {\n          [destructiveMenuItem]: local.variant === 'destructive',\n        },\n        local.class\n      )}\n      aria-keyshortcuts={local.keyshortcuts}\n      {...rest}\n    >\n      {local.children}\n      {local.shortcut ? (\n        <span\n          aria-hidden=\"true\"\n          class=\"text-muted-foreground ms-auto font-code text-code tracking-widest\"\n        >\n          {local.shortcut}\n        </span>\n      ) : null}\n    </KobalteMenubar.Item>\n  )\n}\n\nexport function MenubarCheckboxItem(props: ComponentProps<typeof KobalteMenubar.CheckboxItem>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n  return (\n    <KobalteMenubar.CheckboxItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      {local.children}\n      {/* The indicator reads in the accent, like every other selected state in\n      the system. */}\n      <KobalteMenubar.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center text-primary\">\n        <Check class=\"size-4\" />\n      </KobalteMenubar.ItemIndicator>\n    </KobalteMenubar.CheckboxItem>\n  )\n}\n\nexport function MenubarRadioGroup(props: ComponentProps<typeof KobalteMenubar.RadioGroup>) {\n  return <KobalteMenubar.RadioGroup {...props} />\n}\n\nexport function MenubarRadioItem(props: ComponentProps<typeof KobalteMenubar.RadioItem>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n  return (\n    <KobalteMenubar.RadioItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      {local.children}\n      {/* The indicator reads in the accent, like every other selected state in\n      the system. */}\n      <KobalteMenubar.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center text-primary\">\n        <Circle class=\"size-2 fill-current\" />\n      </KobalteMenubar.ItemIndicator>\n    </KobalteMenubar.RadioItem>\n  )\n}\n\n/**\n * The caption of a `MenubarGroup`, and that group's accessible name. It must be a\n * child of the group it names: Kobalte reads the group from context, so a label\n * placed directly in the content throws `useMenuGroupContext must be used within\n * a Menu.Group` the moment the menu opens. For an ungrouped caption, wrap the\n * label and its items in a group anyway — the grouping is what a screen reader\n * announces.\n */\nexport function MenubarLabel(props: ComponentProps<typeof KobalteMenubar.GroupLabel>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteMenubar.GroupLabel class={cn(menuLabel, local.class)} {...rest} />\n}\n\nexport function MenubarGroup(props: ComponentProps<typeof KobalteMenubar.Group>) {\n  return <KobalteMenubar.Group {...props} />\n}\n\nexport function MenubarSeparator(props: ComponentProps<typeof KobalteMenubar.Separator>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteMenubar.Separator class={cn(menuSeparator, local.class)} {...rest} />\n}\n\nexport function MenubarSub(props: ComponentProps<typeof KobalteMenubar.Sub>) {\n  return <KobalteMenubar.Sub {...props} />\n}\n\nexport function MenubarSubTrigger(props: ComponentProps<typeof KobalteMenubar.SubTrigger>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n  return (\n    <KobalteMenubar.SubTrigger class={cn(menuItem, local.class)} {...rest}>\n      {local.children}\n      <ChevronRight class=\"ms-auto size-4\" />\n    </KobalteMenubar.SubTrigger>\n  )\n}\n\nexport function MenubarSubContent(props: ComponentProps<typeof KobalteMenubar.SubContent>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteMenubar.Portal>\n      <KobalteMenubar.SubContent\n        {...topLayerProps}\n        class={cn(\n          overlaySurface,\n          overlayMotion,\n          'z-(--z-menu) min-w-[8rem] origin-(--kb-menu-content-transform-origin) overflow-hidden',\n          menuContentPadding,\n          local.class\n        )}\n        {...rest}\n      />\n    </KobalteMenubar.Portal>\n  )\n}\n"],"mappings":"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"}

package/dist/components/ui/select/index.d.ts

@@ -1,2 +1,3 @@
 export { Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue, type SelectTriggerProps, } from './select';
+export type { MenuSwatchTone } from '#lib/overlay';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,oBAAoB,EACpB,aAAa,EACb,UAAU,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,KAAK,kBAAkB,GACxB,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,oBAAoB,EACpB,aAAa,EACb,UAAU,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,KAAK,kBAAkB,GACxB,MAAM,UAAU,CAAA;AACjB,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA"}

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

@@ -1,5 +1,6 @@
 import { Select as KobalteSelect } from '@kobalte/core/select';
 import type { ComponentProps } from 'solid-js';
+import { type MenuSwatchTone } from '#lib/overlay';
 /**
  * Select.
  *
@@ -58,7 +59,12 @@ export type SelectContentProps = ComponentProps<typeof KobalteSelect.Content> &
     portalMount?: HTMLElement;
 };
 export declare function SelectContent(props: SelectContentProps): import("solid-js").JSX.Element;
-export declare function SelectItem(props: ComponentProps<typeof KobalteSelect.Item>): import("solid-js").JSX.Element;
+export declare function SelectItem(props: ComponentProps<typeof KobalteSelect.Item> & {
+    /** Draw a leading colour dot from the shared tone ladder — the accent or
+     * status role the option's card badge carries. `aria-hidden`; the label
+     * carries the meaning. */
+    swatch?: MenuSwatchTone;
+}): import("solid-js").JSX.Element;
 export declare function SelectSection(props: ComponentProps<typeof KobalteSelect.Section>): import("solid-js").JSX.Element;
 export declare function SelectLabel(props: ComponentProps<typeof KobalteSelect.Label>): import("solid-js").JSX.Element;
 /** The chevron pair used when a Select is composed by hand in a field. */

package/dist/components/ui/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAE9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAK9C;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,QAAQ,GAAG,KAAK,EAC7C,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,kCAG9D;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;IAC9E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,kCAgCtD;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAA;AAEjF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,GAAG;IAC1E;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAA;IACzC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,mBAAmB,CAAA;CAC/B,CAAA;AAkBD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAalD;AAED;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;IAC9E,0EAA0E;IAC1E,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,kCAwBtD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,kCAW1E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,kCAGhF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,kCAQ5E;AAED,0EAA0E;AAC1E,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,kCAEhE"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAE9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,EAIL,KAAK,cAAc,EAEpB,MAAM,cAAc,CAAA;AAGrB;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,QAAQ,GAAG,KAAK,EAC7C,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,kCAQ9D;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;IAC9E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,kCAgCtD;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAA;AAEjF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,GAAG;IAC1E;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAA;IACzC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,mBAAmB,CAAA;CAC/B,CAAA;AAkBD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAalD;AAED;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;IAC9E,0EAA0E;IAC1E,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,kCA0BtD;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG;IACjD;;8BAE0B;IAC1B,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB,kCAiBF;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,kCAGhF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,kCAQ5E;AAED,0EAA0E;AAC1E,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,kCAEhE"}