@adea-ai/ui 0.110.0 → 0.111.0

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":";;;;;;;;;;;;;;;;;;;AA4BA,SAAgBA,UAAQiB,OAA8C;CACpE,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBACGnB,SAAcoB,WAAA,EAAA,KAAA,WAAA;EAAA,OACNL,GACL,2EACAE,MAAMI,KACR;CAAC,EAAA,GACGH,IAAI,CAAA;AAGd;;;;;;;;AASA,SAAgBI,YAAYN,OAAmD;CAC7E,OAAAG,gBAAQnB,QAAeuB,MAASP,KAAK;AACvC;AAEA,SAAgBQ,eAAeR,OAAsD;CACnF,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBACGnB,QAAeyB,SAAOL,WAAA,EAAA,KAAA,WAAA;EAAA,OACdL,GACL,0EACA,2CACA,qCACA,uCACA,oFACAE,MAAMI,KACR;CAAC,EAAA,GACGH,IAAI,CAAA;AAGd;AAEA,SAAgBQ,eAAeV,OAAsD;CACnF,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO,CAAC,SAAS,UAAU,CAAC;CAC7D,OAAAG,gBACGnB,QAAe4B,QAAM,EAAA,IAAAC,WAAA;EAAA,OAAAV,gBACnBnB,QAAe2B,SAAOP,WACjBN,eAAa,EAAA,KAAA,WAAA;GAAA,OACVC,GACLH,gBACAD,eACA,0FAAA,OAEAM,MAAMI,KACR;EAAC,EAAA,GACGH,MAAI,EAAA,IAAAW,WAAA;GAAA,OAAA,CAAAV,gBAEPnB,QAAe8B,OAAK;IAAA,eAAA;IAAA,SAA2BjB;GAAY,CAAA,GAAAkB,WAC3Dd,MAAMY,QAAQ,CAAA;EAAA,EAAA,CAAA,CAAA;CAAA,EAAA,CAAA;AAIvB;AAEA,SAAgBG,YACdhB,OAWA;CACA,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO;EACtC;EACA;EACA;EACA;EACA;CAAU,CACX;CACD,OAAAG,gBACGnB,QAAeiC,MAAIb,WAAA;EAAA,KAAA,WAAA;GAAA,OACXL,GACLP,UACA,GACGD,sBAAsBU,MAAMiB,YAAY,cAC3C,GACAjB,MAAMI,KACR;EAAC;EAAA,KAAA,uBAAA;GAAA,OACkBJ,MAAMmB;EAAY;CAAA,GACjClB,MAAI,EAAA,IAAAW,WAAA;EAAA,OAAA,CAAAE,WAEPd,MAAMY,QAAQ,GAAAE,WACdA,WAAA,CAAA,CAAAd,MAAMkB,QAAQ,CAAA,CAAA,WAAA;GAAA,IAAAG,OAAAC,OAAA;GAAAC,OAAAF,YAKVrB,MAAMkB,QAAQ;GAAA,OAAAG;EAAA,EAAA,CAAA,IAEf,IAAI,CAAA;CAAA,EAAA,CAAA,CAAA;AAGd;AAEA,SAAgBG,oBAAoBzB,OAA2D;CAC7F,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO,CAAC,SAAS,UAAU,CAAC;CAC7D,OAAAG,gBACGnB,QAAe0C,cAAYtB,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQL,GAAGP,UAAU,QAAQS,MAAMI,KAAK;CAAC,EAAA,GAAMH,MAAI,EAAA,IAAAW,WAAA;EAAA,OAAA,CAAAE,WAC5Ed,MAAMY,QAAQ,GAAAV,gBACdnB,QAAe2C,eAAa;GAAA,SAAA;GAAA,IAAAd,WAAA;IAAA,OAAAV,gBAC1BlB,OAAK,EAAA,SAAA,SAAA,CAAA;GAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAId;AAEA,SAAgB2C,kBAAkB5B,OAAyD;CACzF,OAAAG,gBAAQnB,QAAe6C,YAAe7B,KAAK;AAC7C;AAEA,SAAgB8B,iBAAiB9B,OAAwD;CACvF,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO,CAAC,SAAS,UAAU,CAAC;CAC7D,OAAAG,gBACGnB,QAAe+C,WAAS3B,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQL,GAAGP,UAAU,QAAQS,MAAMI,KAAK;CAAC,EAAA,GAAMH,MAAI,EAAA,IAAAW,WAAA;EAAA,OAAA,CAAAE,WACzEd,MAAMY,QAAQ,GAAAV,gBACdnB,QAAe2C,eAAa;GAAA,SAAA;GAAA,IAAAd,WAAA;IAAA,OAAAV,gBAC1BhB,QAAM,EAAA,SAAA,sBAAA,CAAA;GAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAIf;;;;;;;;;AAUA,SAAgB6C,aAAahC,OAAyD;CACpF,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBAAQnB,QAAeiD,YAAU7B,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQL,GAAGN,WAAWQ,MAAMI,KAAK;CAAC,EAAA,GAAMH,IAAI,CAAA;AAC/E;AAEA,SAAgBgC,aAAalC,OAAoD;CAC/E,OAAAG,gBAAQnB,QAAemD,OAAUnC,KAAK;AACxC;AAEA,SAAgBoC,iBAAiBpC,OAAwD;CACvF,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBAAQnB,QAAeqD,WAASjC,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQL,GAAGL,eAAeO,MAAMI,KAAK;CAAC,EAAA,GAAMH,IAAI,CAAA;AAClF;AAEA,SAAgBoC,WAAWtC,OAAkD;CAC3E,OAAAG,gBAAQnB,QAAeuD,KAAQvC,KAAK;AACtC;AAEA,SAAgBwC,kBAAkBxC,OAAyD;CACzF,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO,CAAC,SAAS,UAAU,CAAC;CAC7D,OAAAG,gBACGnB,QAAeyD,YAAUrC,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQL,GAAGP,UAAUS,MAAMI,KAAK;CAAC,EAAA,GAAMH,MAAI,EAAA,IAAAW,WAAA;EAAA,OAAA,CAAAE,WAClEd,MAAMY,QAAQ,GAAAV,gBACdjB,cAAY,EAAA,SAAA,iBAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAGnB;AAEA,SAAgBwD,kBAAkB1C,OAAyD;CACzF,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBACGnB,QAAe4B,QAAM,EAAA,IAAAC,WAAA;EAAA,OAAAV,gBACnBnB,QAAe2D,YAAUvC,WACpBN,eAAa,EAAA,KAAA,WAAA;GAAA,OACVC,GACLH,gBACAD,eACA,yFAAA,OAEAM,MAAMI,KACR;EAAC,EAAA,GACGH,IAAI,CAAA;CAAA,EAAA,CAAA;AAIhB"}
+{"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"}

package/dist/components/ui/select/select.js

@@ -1,10 +1,11 @@
 import { cn } from "../../../lib/utils.js";
-import { menuItem, popoverArrow, topLayerProps } from "../../../lib/overlay.js";
-import { createComponent, memo, mergeProps } from "solid-js/web";
+import { menuItem, menuSwatchTone, topLayerProps } from "../../../lib/overlay.js";
+import { className, createComponent, effect, memo, mergeProps, template } from "solid-js/web";
 import { Check, ChevronDown, ChevronsUpDown } from "lucide-solid";
 import { Show, splitProps } from "solid-js";
 import { Select } from "@kobalte/core/select";
 //#region src/components/ui/select/select.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span aria-hidden=true>`);
 /**
 * Select.
 *
@@ -19,7 +20,10 @@ import { Select } from "@kobalte/core/select";
 * raw id.
 */
 function Select$1(props) {
-	return createComponent(Select, props);
+	const [local, rest] = splitProps(props, ["gutter"]);
+	return createComponent(Select, mergeProps({ get gutter() {
+		return local.gutter ?? 4;
+	} }, rest));
 }
 function SelectTrigger(props) {
 	const [local, rest] = splitProps(props, [
@@ -97,31 +101,41 @@ function SelectContent(props) {
 			return createComponent(Select.Content, mergeProps(topLayerProps, { get ["class"]() {
 				return cn("bg-popover text-popover-foreground rounded-xl border border-border shadow-lg", "z-(--z-menu) max-h-(--kb-popper-content-available-height) min-w-[8rem] origin-(--kb-select-content-transform-origin) overflow-y-auto overflow-x-hidden", "p-1", "data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-expanded:duration-150 data-closed:duration-100", local.class);
 			} }, rest, { get children() {
-				return [
-					memo(() => local.children),
-					createComponent(Select.Listbox, { "class": "flex flex-col" }),
-					createComponent(Select.Arrow, {
-						"aria-hidden": "true",
-						"class": popoverArrow
-					})
-				];
+				return [memo(() => local.children), createComponent(Select.Listbox, { "class": "flex flex-col" })];
 			} }));
 		}
 	});
 }
 function SelectItem(props) {
-	const [local, rest] = splitProps(props, ["class", "children"]);
+	const [local, rest] = splitProps(props, [
+		"class",
+		"children",
+		"swatch"
+	]);
 	return createComponent(Select.Item, mergeProps({ get ["class"]() {
 		return cn(menuItem, "pe-8", local.class);
 	} }, rest, { get children() {
-		return [createComponent(Select.ItemLabel, { get children() {
-			return local.children;
-		} }), createComponent(Select.ItemIndicator, {
-			"class": "absolute end-2 flex size-4 items-center justify-center",
-			get children() {
-				return createComponent(Check, { "class": "size-4" });
-			}
-		})];
+		return [
+			createComponent(Show, {
+				get when() {
+					return local.swatch;
+				},
+				get children() {
+					var _el$ = _tmpl$();
+					effect(() => className(_el$, menuSwatchTone({ tone: local.swatch })));
+					return _el$;
+				}
+			}),
+			createComponent(Select.ItemLabel, { get children() {
+				return local.children;
+			} }),
+			createComponent(Select.ItemIndicator, {
+				"class": "absolute end-2 flex size-4 items-center justify-center text-primary",
+				get children() {
+					return createComponent(Check, { "class": "size-4" });
+				}
+			})
+		];
 	} }));
 }
 function SelectSection(props) {

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["Select","KobalteSelect","Check","ChevronDown","ChevronsUpDown","ComponentProps","Show","splitProps","menuContentPadding","menuItem","popoverArrow","topLayerProps","cn","props","Option","OptGroup","_$createComponent","SelectTriggerProps","Trigger","size","hideIcon","SelectTrigger","local","rest","_$mergeProps","class","undefined","children","_$memo","when","Icon","SelectValueChildren","Value","SelectValueProps","optionLabel","option","LABEL_FIELDS","const","labelFromOption","field","value","Record","SelectValue","readLabel","state","selectedOption","SelectContentProps","Content","portalMount","HTMLElement","SelectContent","Portal","mount","Listbox","Arrow","SelectItem","Item","ItemLabel","ItemIndicator","SelectSection","Section","SelectLabel","Label","SelectChevronsUpDown","Select","_$createComponent","KobalteSelect","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/select/select.tsx"],"sourcesContent":["import { Select as KobalteSelect } from '@kobalte/core/select'\nimport { Check, ChevronDown, ChevronsUpDown } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { menuContentPadding, menuItem, popoverArrow, topLayerProps } from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/**\n * Select.\n *\n * A single choice from a list that is too long to show, or whose options are\n * only known at runtime. The distinction from RadioGroup is disclosure: a\n * Select hides the choices behind a click, which is right above roughly seven\n * options and wrong below it.\n *\n * `Select.Value` renders the human-readable label of the selection, not its\n * value — the reason a Select takes both `options` and `optionValue`/`optionText`\n * rather than a bare list of strings, and the reason the trigger never shows a\n * raw id.\n */\nexport function Select<Option, OptGroup = never>(\n  props: ComponentProps<typeof KobalteSelect<Option, OptGroup>>\n) {\n  return <KobalteSelect {...props} />\n}\n\nexport type SelectTriggerProps = ComponentProps<typeof KobalteSelect.Trigger> & {\n  size?: 'sm' | 'md' | 'lg'\n  /** Hide the chevron, e.g. when a caller draws its own affordance. */\n  hideIcon?: boolean\n}\n\nexport function SelectTrigger(props: SelectTriggerProps) {\n  const [local, rest] = splitProps(props, ['class', 'size', 'hideIcon', 'children'])\n\n  return (\n    <KobalteSelect.Trigger\n      class={cn(\n        'border-input bg-transparent flex w-fit items-center justify-between gap-2 rounded-md border px-control-md',\n        'whitespace-nowrap transition-[color,box-shadow,border-color] ease-out outline-none',\n        'data-[placeholder-shown]:text-muted-foreground',\n        'hover:border-input',\n        'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        'aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive-subtle',\n        'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n        '*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2',\n        '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4',\n        {\n          'h-control-sm text-xs': local.size === 'sm',\n          'h-control-md text-sm': local.size === 'md' || local.size === undefined,\n          'h-control-lg text-sm': local.size === 'lg',\n        },\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n      <Show when={!local.hideIcon}>\n        <KobalteSelect.Icon class=\"text-muted-foreground\">\n          <ChevronDown />\n        </KobalteSelect.Icon>\n      </Show>\n    </KobalteSelect.Trigger>\n  )\n}\n\n/**\n * What the trigger shows for the current selection.\n *\n * The default renderer is the reason a single-select needs no render prop at all.\n * Kobalte's own `Value` draws *only* its children, so a bare `<SelectValue />`\n * shows the placeholder and then goes blank the moment something is chosen: the\n * value is there, nothing paints it.\n *\n * Kobalte cannot supply a default itself, because an option is the caller's type\n * — it has no way to know which field is the label. So this reads a field by\n * convention: `label`, then `name`, then `textValue`. An option shaped\n * `{ value, label }` therefore needs nothing, and anything else passes\n * `optionLabel`.\n *\n * A multiple-select still supplies its own renderer, because \"3 selected\" is a\n * summary a caller has to phrase, not something a component can guess.\n */\ntype SelectValueChildren = ComponentProps<typeof KobalteSelect.Value>['children']\n\nexport type SelectValueProps = ComponentProps<typeof KobalteSelect.Value> & {\n  /**\n   * Read the display text from the selected option. Supply this when the option's\n   * label does not live in a field called `label`, `name` or `textValue`.\n   */\n  optionLabel?: (option: unknown) => string\n  /** Replace the default readout entirely, for a multiple-select summary. */\n  children?: SelectValueChildren\n}\n\n/** Fields a label is read from, in order. See `SelectValueProps.optionLabel`. */\nconst LABEL_FIELDS = ['label', 'name', 'textValue'] as const\n\nfunction labelFromOption(option: unknown): string {\n  if (option === null || typeof option !== 'object') {\n    return typeof option === 'string' ? option : ''\n  }\n\n  for (const field of LABEL_FIELDS) {\n    const value = (option as Record<string, unknown>)[field]\n    if (typeof value === 'string') return value\n  }\n\n  return ''\n}\n\nexport function SelectValue(props: SelectValueProps) {\n  const [local, rest] = splitProps(props, ['class', 'children', 'optionLabel'])\n\n  const readLabel = (state: { selectedOption: () => unknown }): string => {\n    const option = state.selectedOption()\n    return local.optionLabel ? local.optionLabel(option) : labelFromOption(option)\n  }\n\n  return (\n    <KobalteSelect.Value data-slot=\"select-value\" class={cn('truncate', local.class)} {...rest}>\n      {local.children ?? (readLabel as unknown as SelectValueChildren)}\n    </KobalteSelect.Value>\n  )\n}\n\n/**\n * The option list. The items themselves come from the root's `itemComponent`,\n * which is what makes a Select able to render a typed option rather than a\n * string; `children` here is for content above the list, such as a filter hint.\n */\nexport type SelectContentProps = ComponentProps<typeof KobalteSelect.Content> & {\n  /** Keep a nested menu inside its enclosing modal's accessible subtree. */\n  portalMount?: HTMLElement\n}\n\nexport function SelectContent(props: SelectContentProps) {\n  const [local, rest] = splitProps(props, ['class', 'children', 'portalMount'])\n\n  return (\n    <KobalteSelect.Portal mount={local.portalMount}>\n      <KobalteSelect.Content\n        {...topLayerProps}\n        class={cn(\n          'bg-popover text-popover-foreground rounded-xl border border-border shadow-lg',\n          'z-(--z-menu) max-h-(--kb-popper-content-available-height) min-w-[8rem] origin-(--kb-select-content-transform-origin) overflow-y-auto overflow-x-hidden',\n          menuContentPadding,\n          'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',\n          'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n          'data-expanded:duration-150 data-closed:duration-100',\n          local.class\n        )}\n        {...rest}\n      >\n        {local.children}\n        <KobalteSelect.Listbox class=\"flex flex-col\" />\n        <KobalteSelect.Arrow aria-hidden=\"true\" class={popoverArrow} />\n      </KobalteSelect.Content>\n    </KobalteSelect.Portal>\n  )\n}\n\nexport function SelectItem(props: ComponentProps<typeof KobalteSelect.Item>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteSelect.Item class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      <KobalteSelect.ItemLabel>{local.children}</KobalteSelect.ItemLabel>\n      <KobalteSelect.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center\">\n        <Check class=\"size-4\" />\n      </KobalteSelect.ItemIndicator>\n    </KobalteSelect.Item>\n  )\n}\n\nexport function SelectSection(props: ComponentProps<typeof KobalteSelect.Section>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteSelect.Section class={cn('flex flex-col', local.class)} {...rest} />\n}\n\nexport function SelectLabel(props: ComponentProps<typeof KobalteSelect.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteSelect.Label\n      class={cn('text-muted-foreground px-2 py-1.5 text-2xs font-medium uppercase', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/** The chevron pair used when a Select is composed by hand in a field. */\nexport function SelectChevronsUpDown(props: ComponentProps<'svg'>) {\n  return <ChevronsUpDown aria-hidden=\"true\" {...props} />\n}\n"],"mappings":"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"}
+{"version":3,"file":"select.js","names":["Select","KobalteSelect","Check","ChevronDown","ChevronsUpDown","ComponentProps","Show","splitProps","menuContentPadding","menuItem","menuSwatchTone","MenuSwatchTone","topLayerProps","cn","props","Option","OptGroup","local","rest","_$createComponent","_$mergeProps","gutter","SelectTriggerProps","Trigger","size","hideIcon","SelectTrigger","class","undefined","children","_$memo","when","Icon","SelectValueChildren","Value","SelectValueProps","optionLabel","option","LABEL_FIELDS","const","labelFromOption","field","value","Record","SelectValue","readLabel","state","selectedOption","SelectContentProps","Content","portalMount","HTMLElement","SelectContent","Portal","mount","Listbox","SelectItem","Item","swatch","_el$","_tmpl$","_$effect","_$className","tone","ItemLabel","ItemIndicator","SelectSection","Section","SelectLabel","Label","SelectChevronsUpDown","Select","_$createComponent","KobalteSelect","_$mergeProps","_$memo","_$className"],"sources":["../../../../src/components/ui/select/select.tsx"],"sourcesContent":["import { Select as KobalteSelect } from '@kobalte/core/select'\nimport { Check, ChevronDown, ChevronsUpDown } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport {\n  menuContentPadding,\n  menuItem,\n  menuSwatchTone,\n  type MenuSwatchTone,\n  topLayerProps,\n} from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/**\n * Select.\n *\n * A single choice from a list that is too long to show, or whose options are\n * only known at runtime. The distinction from RadioGroup is disclosure: a\n * Select hides the choices behind a click, which is right above roughly seven\n * options and wrong below it.\n *\n * `Select.Value` renders the human-readable label of the selection, not its\n * value — the reason a Select takes both `options` and `optionValue`/`optionText`\n * rather than a bare list of strings, and the reason the trigger never shows a\n * raw id.\n */\nexport function Select<Option, OptGroup = never>(\n  props: ComponentProps<typeof KobalteSelect<Option, OptGroup>>\n) {\n  // Kobalte's own default gutter is 8px; without the arrow (removed below) the\n  // popper no longer folds half an arrow box into that offset, and 8px read as\n  // a detached list. Four pixels is shadcn's `sideOffset` — attached, with\n  // room for the trigger's own border.\n  const [local, rest] = splitProps(props, ['gutter'])\n  return <KobalteSelect gutter={local.gutter ?? 4} {...rest} />\n}\n\nexport type SelectTriggerProps = ComponentProps<typeof KobalteSelect.Trigger> & {\n  size?: 'sm' | 'md' | 'lg'\n  /** Hide the chevron, e.g. when a caller draws its own affordance. */\n  hideIcon?: boolean\n}\n\nexport function SelectTrigger(props: SelectTriggerProps) {\n  const [local, rest] = splitProps(props, ['class', 'size', 'hideIcon', 'children'])\n\n  return (\n    <KobalteSelect.Trigger\n      class={cn(\n        'border-input bg-transparent flex w-fit items-center justify-between gap-2 rounded-md border px-control-md',\n        'whitespace-nowrap transition-[color,box-shadow,border-color] ease-out outline-none',\n        'data-[placeholder-shown]:text-muted-foreground',\n        'hover:border-input',\n        'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        'aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive-subtle',\n        'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n        '*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2',\n        '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4',\n        {\n          'h-control-sm text-xs': local.size === 'sm',\n          'h-control-md text-sm': local.size === 'md' || local.size === undefined,\n          'h-control-lg text-sm': local.size === 'lg',\n        },\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n      <Show when={!local.hideIcon}>\n        <KobalteSelect.Icon class=\"text-muted-foreground\">\n          <ChevronDown />\n        </KobalteSelect.Icon>\n      </Show>\n    </KobalteSelect.Trigger>\n  )\n}\n\n/**\n * What the trigger shows for the current selection.\n *\n * The default renderer is the reason a single-select needs no render prop at all.\n * Kobalte's own `Value` draws *only* its children, so a bare `<SelectValue />`\n * shows the placeholder and then goes blank the moment something is chosen: the\n * value is there, nothing paints it.\n *\n * Kobalte cannot supply a default itself, because an option is the caller's type\n * — it has no way to know which field is the label. So this reads a field by\n * convention: `label`, then `name`, then `textValue`. An option shaped\n * `{ value, label }` therefore needs nothing, and anything else passes\n * `optionLabel`.\n *\n * A multiple-select still supplies its own renderer, because \"3 selected\" is a\n * summary a caller has to phrase, not something a component can guess.\n */\ntype SelectValueChildren = ComponentProps<typeof KobalteSelect.Value>['children']\n\nexport type SelectValueProps = ComponentProps<typeof KobalteSelect.Value> & {\n  /**\n   * Read the display text from the selected option. Supply this when the option's\n   * label does not live in a field called `label`, `name` or `textValue`.\n   */\n  optionLabel?: (option: unknown) => string\n  /** Replace the default readout entirely, for a multiple-select summary. */\n  children?: SelectValueChildren\n}\n\n/** Fields a label is read from, in order. See `SelectValueProps.optionLabel`. */\nconst LABEL_FIELDS = ['label', 'name', 'textValue'] as const\n\nfunction labelFromOption(option: unknown): string {\n  if (option === null || typeof option !== 'object') {\n    return typeof option === 'string' ? option : ''\n  }\n\n  for (const field of LABEL_FIELDS) {\n    const value = (option as Record<string, unknown>)[field]\n    if (typeof value === 'string') return value\n  }\n\n  return ''\n}\n\nexport function SelectValue(props: SelectValueProps) {\n  const [local, rest] = splitProps(props, ['class', 'children', 'optionLabel'])\n\n  const readLabel = (state: { selectedOption: () => unknown }): string => {\n    const option = state.selectedOption()\n    return local.optionLabel ? local.optionLabel(option) : labelFromOption(option)\n  }\n\n  return (\n    <KobalteSelect.Value data-slot=\"select-value\" class={cn('truncate', local.class)} {...rest}>\n      {local.children ?? (readLabel as unknown as SelectValueChildren)}\n    </KobalteSelect.Value>\n  )\n}\n\n/**\n * The option list. The items themselves come from the root's `itemComponent`,\n * which is what makes a Select able to render a typed option rather than a\n * string; `children` here is for content above the list, such as a filter hint.\n */\nexport type SelectContentProps = ComponentProps<typeof KobalteSelect.Content> & {\n  /** Keep a nested menu inside its enclosing modal's accessible subtree. */\n  portalMount?: HTMLElement\n}\n\nexport function SelectContent(props: SelectContentProps) {\n  const [local, rest] = splitProps(props, ['class', 'children', 'portalMount'])\n\n  return (\n    <KobalteSelect.Portal mount={local.portalMount}>\n      <KobalteSelect.Content\n        {...topLayerProps}\n        class={cn(\n          'bg-popover text-popover-foreground rounded-xl border border-border shadow-lg',\n          'z-(--z-menu) max-h-(--kb-popper-content-available-height) min-w-[8rem] origin-(--kb-select-content-transform-origin) overflow-y-auto overflow-x-hidden',\n          menuContentPadding,\n          'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',\n          'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n          'data-expanded:duration-150 data-closed:duration-100',\n          local.class\n        )}\n        {...rest}\n      >\n        {local.children}\n        {/* No arrow: the list is the trigger's own value opened up, and Kobalte\n            reserves half the arrow's 30px box as popper gutter, which is where\n            the reported gap between a form trigger and its options came from. */}\n        <KobalteSelect.Listbox class=\"flex flex-col\" />\n      </KobalteSelect.Content>\n    </KobalteSelect.Portal>\n  )\n}\n\nexport function SelectItem(\n  props: ComponentProps<typeof KobalteSelect.Item> & {\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, ['class', 'children', 'swatch'])\n\n  return (\n    <KobalteSelect.Item 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      <KobalteSelect.ItemLabel>{local.children}</KobalteSelect.ItemLabel>\n      {/* The indicator reads in the accent, like every other selected state in\n          the system — the row's own foreground reads as decoration. */}\n      <KobalteSelect.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center text-primary\">\n        <Check class=\"size-4\" />\n      </KobalteSelect.ItemIndicator>\n    </KobalteSelect.Item>\n  )\n}\n\nexport function SelectSection(props: ComponentProps<typeof KobalteSelect.Section>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteSelect.Section class={cn('flex flex-col', local.class)} {...rest} />\n}\n\nexport function SelectLabel(props: ComponentProps<typeof KobalteSelect.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteSelect.Label\n      class={cn('text-muted-foreground px-2 py-1.5 text-2xs font-medium uppercase', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/** The chevron pair used when a Select is composed by hand in a field. */\nexport function SelectChevronsUpDown(props: ComponentProps<'svg'>) {\n  return <ChevronsUpDown aria-hidden=\"true\" {...props} />\n}\n"],"mappings":"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"}

package/dist/components/ui/sheet/sheet.js

@@ -40,7 +40,7 @@ var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=sheet-footer>`);
 * opener must be used instead, such as when another layer closes before the
 * sheet opens.
 */
-var sheetVariants = cva("bg-popover text-popover-foreground fixed z-(--z-dialog) flex flex-col overflow-clip border-border shadow-lg", {
+var sheetVariants = cva("bg-background text-foreground fixed z-(--z-dialog) flex flex-col overflow-clip border-border shadow-lg", {
 	variants: {
 		side: {
 			top: "data-expanded:slide-in-from-top data-closed:slide-out-to-top",

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","names":["Dialog","KobalteDialog","Content","KobalteDialogContent","useDialogContext","X","Accessor","ComponentProps","JSX","Show","splitProps","cva","VariantProps","overlayTitle","cn","createDialogFocusRestoration","DialogOverlay","sheetVariants","variants","side","top","bottom","start","end","variant","edge","inset","compoundVariants","class","defaultVariants","sheetVariantFor","SheetContentProps","closeButton","Element","closeLabel","restoreFocusRef","HTMLElement","SheetContent","props","local","rest","dialog","focusRestoration","open","isOpen","onOpenAutoFocus","onCloseAutoFocus","_$createComponent","Portal","children","when","_$mergeProps","data-variant","_$memo","CloseButton","aria-label","tabindex","Sheet","SheetTrigger","Trigger","SheetCloseButton","SheetHeader","_el$","_tmpl$","_$spread","SheetBody","_el$2","_tmpl$2","SheetFooter","_el$3","_tmpl$3","SheetTitle","Title","SheetDescription","Description","_$createComponent","KobalteDialog","KobalteDialogContent","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/sheet/sheet.tsx"],"sourcesContent":["import {\n  Dialog as KobalteDialog,\n  Content as KobalteDialogContent,\n  useDialogContext,\n} from '@kobalte/core/dialog'\n// AlertDialog shares DialogRoot.Content; Sheet uses the stable named primitive.\nimport { X } from 'lucide-solid'\nimport type { Accessor, ComponentProps, JSX } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { cva, type VariantProps } from '#lib/variants'\nimport { overlayTitle } from '#lib/overlay'\nimport { cn } from '#lib/utils'\nimport { createDialogFocusRestoration, DialogOverlay } from '../dialog/dialog'\n\n/**\n * Sheet.\n *\n * A dialog anchored to an edge of the window rather than centred. Use it when\n * the content is a *panel beside* the work — a details inspector, a filter rail,\n * a settings flyout — so the user keeps the context it belongs to in view.\n * A centred dialog interrupts; a sheet is inspected.\n *\n * `side` decides which edge; the panel is a full-height column for `start` and\n * `end`, and a full-width row for `top` and `bottom`. The slide-in direction\n * follows from the side, so a caller never pairs them by hand.\n *\n * `variant` decides how it meets that edge. `inset` — the default for `end` —\n * docks the panel inside the main view: below the top bar, one equal gap from\n * the top bar, the end edge and the bottom, with no scrim, so the work it edits\n * stays visible and the top bar stays reachable. It is the shape for editing one\n * thing beside its context (appearance settings, a task, a record). `edge` runs\n * edge to edge over a scrim — the shape of a navigation drawer, and the default\n * for every other side.\n *\n * Its parts read alike everywhere: `SheetHeader` holds a heading, a description\n * and a full-width rule beneath, with the close button in the corner;\n * `SheetBody` scrolls on its own; `SheetFooter` is a full-width tinted band that\n * holds the decision.\n *\n * Controlled sheets opened from outside a `SheetTrigger` restore focus to the\n * element focused before opening. Pass `restoreFocusRef` when a stable external\n * opener must be used instead, such as when another layer closes before the\n * sheet opens.\n */\n// `overflow-clip`, not `overflow-hidden`: a hidden overflow can still be\n// scrolled programmatically (focus, scrollIntoView, scrollTop), which slid the\n// pinned footer out of view. Only SheetBody scrolls.\nconst sheetVariants = cva(\n  'bg-popover text-popover-foreground fixed z-(--z-dialog) flex flex-col overflow-clip border-border shadow-lg',\n  {\n    variants: {\n      side: {\n        top: 'data-expanded:slide-in-from-top data-closed:slide-out-to-top',\n        bottom: 'data-expanded:slide-in-from-bottom data-closed:slide-out-to-bottom',\n        start: 'data-expanded:slide-in-from-left data-closed:slide-out-to-left',\n        end: 'data-expanded:slide-in-from-right data-closed:slide-out-to-right',\n      },\n      variant: {\n        edge: '',\n        inset: 'panel-dialog-inset w-lg rounded-xl border',\n      },\n    },\n    compoundVariants: [\n      {\n        side: 'top',\n        variant: 'edge',\n        class: 'inset-x-0 top-0 h-auto max-h-[85vh] rounded-b-xl border-b',\n      },\n      {\n        side: 'bottom',\n        variant: 'edge',\n        class: 'inset-x-0 bottom-0 h-auto max-h-[85vh] rounded-t-xl border-t',\n      },\n      {\n        side: 'start',\n        variant: 'edge',\n        class: 'inset-y-0 start-0 h-full w-80 max-w-[85vw] rounded-e-xl border-e',\n      },\n      {\n        side: 'end',\n        variant: 'edge',\n        class: 'inset-y-0 end-0 h-full w-80 max-w-[85vw] rounded-s-xl border-s',\n      },\n    ],\n    defaultVariants: { side: 'end', variant: 'edge' },\n  }\n)\n\n/** `inset` for the end edge, `edge` for every other side, unless the caller says. */\nconst sheetVariantFor = (\n  side: SheetContentProps['side'],\n  variant: SheetContentProps['variant']\n): 'edge' | 'inset' => variant ?? ((side ?? 'end') === 'end' ? 'inset' : 'edge')\n\nexport type SheetContentProps = ComponentProps<typeof KobalteDialogContent> &\n  VariantProps<typeof sheetVariants> & {\n    closeButton?: JSX.Element | false\n    /** The close button's accessible name. Defaults to \"Close\". */\n    closeLabel?: string\n    /** Supplies the stable external element to focus when the controlled sheet closes. */\n    restoreFocusRef?: Accessor<HTMLElement | undefined>\n  }\n\nexport function SheetContent(props: SheetContentProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'side',\n    'variant',\n    'children',\n    'closeButton',\n    'closeLabel',\n    'restoreFocusRef',\n    'onOpenAutoFocus',\n    'onCloseAutoFocus',\n  ])\n  const dialog = useDialogContext()\n  const focusRestoration = createDialogFocusRestoration({\n    open: dialog.isOpen,\n    restoreFocusRef: local.restoreFocusRef,\n    onOpenAutoFocus: local.onOpenAutoFocus,\n    onCloseAutoFocus: local.onCloseAutoFocus,\n  })\n\n  const variant = () => sheetVariantFor(local.side, local.variant)\n\n  return (\n    <KobalteDialog.Portal>\n      {/* An inset panel is beside the work, so the work stays in view: no scrim.\n          It is still modal — focus stays inside and an outside click dismisses. */}\n      <Show when={variant() === 'edge'}>\n        <DialogOverlay />\n      </Show>\n      <KobalteDialogContent\n        data-variant={variant()}\n        class={cn(\n          sheetVariants({ side: local.side, variant: variant() }),\n          'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:duration-200',\n          'data-closed:animate-out data-closed:fade-out-0 data-closed:duration-150',\n          local.class\n        )}\n        {...rest}\n        onOpenAutoFocus={focusRestoration.onOpenAutoFocus}\n        onCloseAutoFocus={focusRestoration.onCloseAutoFocus}\n      >\n        {local.children}\n        <Show when={local.closeButton !== false}>\n          {/* The close action opts into the tab order explicitly. Engines that\n              derive tabbability from the DOM instead of the host (Playwright's\n              WebKit walks only explicit tabindex and form controls) would skip\n              an implicitly-tabbable button and jump past the sheet's end. */}\n          <KobalteDialog.CloseButton\n            aria-label={local.closeLabel ?? 'Close'}\n            tabindex=\"0\"\n            class=\"absolute top-3.5 end-3.5 rounded-md p-1 text-muted-foreground transition-colors ease-out outline-none hover:bg-surface-hover hover:text-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle\"\n          >\n            {local.closeButton ?? <X class=\"size-4\" />}\n          </KobalteDialog.CloseButton>\n        </Show>\n      </KobalteDialogContent>\n    </KobalteDialog.Portal>\n  )\n}\n\nexport function Sheet(props: ComponentProps<typeof KobalteDialog>) {\n  return <KobalteDialog {...props} />\n}\n\nexport function SheetTrigger(props: ComponentProps<typeof KobalteDialog.Trigger>) {\n  return <KobalteDialog.Trigger {...props} />\n}\n\nexport function SheetCloseButton(props: ComponentProps<typeof KobalteDialog.CloseButton>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteDialog.CloseButton class={cn(local.class)} {...rest} />\n}\n\nexport function SheetHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      class={cn(\n        'flex shrink-0 flex-col gap-1.5 border-b border-border p-4 pe-12 text-start',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function SheetBody(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sheet-body\"\n      class={cn('min-h-0 flex-1 overflow-y-auto p-4', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function SheetFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      class={cn(\n        'flex shrink-0 flex-wrap items-center justify-end gap-2 border-t border-border bg-background px-4 py-3',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function SheetTitle(props: ComponentProps<typeof KobalteDialog.Title>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteDialog.Title class={cn(overlayTitle, local.class)} {...rest} />\n}\n\nexport function SheetDescription(props: ComponentProps<typeof KobalteDialog.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteDialog.Description class={cn('text-muted-foreground text-sm', local.class)} {...rest} />\n  )\n}\n\nexport { sheetVariants }\n"],"mappings":"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"}
+{"version":3,"file":"sheet.js","names":["Dialog","KobalteDialog","Content","KobalteDialogContent","useDialogContext","X","Accessor","ComponentProps","JSX","Show","splitProps","cva","VariantProps","overlayTitle","cn","createDialogFocusRestoration","DialogOverlay","sheetVariants","variants","side","top","bottom","start","end","variant","edge","inset","compoundVariants","class","defaultVariants","sheetVariantFor","SheetContentProps","closeButton","Element","closeLabel","restoreFocusRef","HTMLElement","SheetContent","props","local","rest","dialog","focusRestoration","open","isOpen","onOpenAutoFocus","onCloseAutoFocus","_$createComponent","Portal","children","when","_$mergeProps","data-variant","_$memo","CloseButton","aria-label","tabindex","Sheet","SheetTrigger","Trigger","SheetCloseButton","SheetHeader","_el$","_tmpl$","_$spread","SheetBody","_el$2","_tmpl$2","SheetFooter","_el$3","_tmpl$3","SheetTitle","Title","SheetDescription","Description","_$createComponent","KobalteDialog","KobalteDialogContent","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/sheet/sheet.tsx"],"sourcesContent":["import {\n  Dialog as KobalteDialog,\n  Content as KobalteDialogContent,\n  useDialogContext,\n} from '@kobalte/core/dialog'\n// AlertDialog shares DialogRoot.Content; Sheet uses the stable named primitive.\nimport { X } from 'lucide-solid'\nimport type { Accessor, ComponentProps, JSX } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { cva, type VariantProps } from '#lib/variants'\nimport { overlayTitle } from '#lib/overlay'\nimport { cn } from '#lib/utils'\nimport { createDialogFocusRestoration, DialogOverlay } from '../dialog/dialog'\n\n/**\n * Sheet.\n *\n * A dialog anchored to an edge of the window rather than centred. Use it when\n * the content is a *panel beside* the work — a details inspector, a filter rail,\n * a settings flyout — so the user keeps the context it belongs to in view.\n * A centred dialog interrupts; a sheet is inspected.\n *\n * `side` decides which edge; the panel is a full-height column for `start` and\n * `end`, and a full-width row for `top` and `bottom`. The slide-in direction\n * follows from the side, so a caller never pairs them by hand.\n *\n * `variant` decides how it meets that edge. `inset` — the default for `end` —\n * docks the panel inside the main view: below the top bar, one equal gap from\n * the top bar, the end edge and the bottom, with no scrim, so the work it edits\n * stays visible and the top bar stays reachable. It is the shape for editing one\n * thing beside its context (appearance settings, a task, a record). `edge` runs\n * edge to edge over a scrim — the shape of a navigation drawer, and the default\n * for every other side.\n *\n * Its parts read alike everywhere: `SheetHeader` holds a heading, a description\n * and a full-width rule beneath, with the close button in the corner;\n * `SheetBody` scrolls on its own; `SheetFooter` is a full-width tinted band that\n * holds the decision.\n *\n * Controlled sheets opened from outside a `SheetTrigger` restore focus to the\n * element focused before opening. Pass `restoreFocusRef` when a stable external\n * opener must be used instead, such as when another layer closes before the\n * sheet opens.\n */\n// `overflow-clip`, not `overflow-hidden`: a hidden overflow can still be\n// scrolled programmatically (focus, scrollIntoView, scrollTop), which slid the\n// pinned footer out of view. Only SheetBody scrolls.\nconst sheetVariants = cva(\n  'bg-background text-foreground fixed z-(--z-dialog) flex flex-col overflow-clip border-border shadow-lg',\n  {\n    variants: {\n      side: {\n        top: 'data-expanded:slide-in-from-top data-closed:slide-out-to-top',\n        bottom: 'data-expanded:slide-in-from-bottom data-closed:slide-out-to-bottom',\n        start: 'data-expanded:slide-in-from-left data-closed:slide-out-to-left',\n        end: 'data-expanded:slide-in-from-right data-closed:slide-out-to-right',\n      },\n      variant: {\n        edge: '',\n        inset: 'panel-dialog-inset w-lg rounded-xl border',\n      },\n    },\n    compoundVariants: [\n      {\n        side: 'top',\n        variant: 'edge',\n        class: 'inset-x-0 top-0 h-auto max-h-[85vh] rounded-b-xl border-b',\n      },\n      {\n        side: 'bottom',\n        variant: 'edge',\n        class: 'inset-x-0 bottom-0 h-auto max-h-[85vh] rounded-t-xl border-t',\n      },\n      {\n        side: 'start',\n        variant: 'edge',\n        class: 'inset-y-0 start-0 h-full w-80 max-w-[85vw] rounded-e-xl border-e',\n      },\n      {\n        side: 'end',\n        variant: 'edge',\n        class: 'inset-y-0 end-0 h-full w-80 max-w-[85vw] rounded-s-xl border-s',\n      },\n    ],\n    defaultVariants: { side: 'end', variant: 'edge' },\n  }\n)\n\n/** `inset` for the end edge, `edge` for every other side, unless the caller says. */\nconst sheetVariantFor = (\n  side: SheetContentProps['side'],\n  variant: SheetContentProps['variant']\n): 'edge' | 'inset' => variant ?? ((side ?? 'end') === 'end' ? 'inset' : 'edge')\n\nexport type SheetContentProps = ComponentProps<typeof KobalteDialogContent> &\n  VariantProps<typeof sheetVariants> & {\n    closeButton?: JSX.Element | false\n    /** The close button's accessible name. Defaults to \"Close\". */\n    closeLabel?: string\n    /** Supplies the stable external element to focus when the controlled sheet closes. */\n    restoreFocusRef?: Accessor<HTMLElement | undefined>\n  }\n\nexport function SheetContent(props: SheetContentProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'side',\n    'variant',\n    'children',\n    'closeButton',\n    'closeLabel',\n    'restoreFocusRef',\n    'onOpenAutoFocus',\n    'onCloseAutoFocus',\n  ])\n  const dialog = useDialogContext()\n  const focusRestoration = createDialogFocusRestoration({\n    open: dialog.isOpen,\n    restoreFocusRef: local.restoreFocusRef,\n    onOpenAutoFocus: local.onOpenAutoFocus,\n    onCloseAutoFocus: local.onCloseAutoFocus,\n  })\n\n  const variant = () => sheetVariantFor(local.side, local.variant)\n\n  return (\n    <KobalteDialog.Portal>\n      {/* An inset panel is beside the work, so the work stays in view: no scrim.\n          It is still modal — focus stays inside and an outside click dismisses. */}\n      <Show when={variant() === 'edge'}>\n        <DialogOverlay />\n      </Show>\n      <KobalteDialogContent\n        data-variant={variant()}\n        class={cn(\n          sheetVariants({ side: local.side, variant: variant() }),\n          'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:duration-200',\n          'data-closed:animate-out data-closed:fade-out-0 data-closed:duration-150',\n          local.class\n        )}\n        {...rest}\n        onOpenAutoFocus={focusRestoration.onOpenAutoFocus}\n        onCloseAutoFocus={focusRestoration.onCloseAutoFocus}\n      >\n        {local.children}\n        <Show when={local.closeButton !== false}>\n          {/* The close action opts into the tab order explicitly. Engines that\n              derive tabbability from the DOM instead of the host (Playwright's\n              WebKit walks only explicit tabindex and form controls) would skip\n              an implicitly-tabbable button and jump past the sheet's end. */}\n          <KobalteDialog.CloseButton\n            aria-label={local.closeLabel ?? 'Close'}\n            tabindex=\"0\"\n            class=\"absolute top-3.5 end-3.5 rounded-md p-1 text-muted-foreground transition-colors ease-out outline-none hover:bg-surface-hover hover:text-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle\"\n          >\n            {local.closeButton ?? <X class=\"size-4\" />}\n          </KobalteDialog.CloseButton>\n        </Show>\n      </KobalteDialogContent>\n    </KobalteDialog.Portal>\n  )\n}\n\nexport function Sheet(props: ComponentProps<typeof KobalteDialog>) {\n  return <KobalteDialog {...props} />\n}\n\nexport function SheetTrigger(props: ComponentProps<typeof KobalteDialog.Trigger>) {\n  return <KobalteDialog.Trigger {...props} />\n}\n\nexport function SheetCloseButton(props: ComponentProps<typeof KobalteDialog.CloseButton>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteDialog.CloseButton class={cn(local.class)} {...rest} />\n}\n\nexport function SheetHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      class={cn(\n        'flex shrink-0 flex-col gap-1.5 border-b border-border p-4 pe-12 text-start',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function SheetBody(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sheet-body\"\n      class={cn('min-h-0 flex-1 overflow-y-auto p-4', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function SheetFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      class={cn(\n        'flex shrink-0 flex-wrap items-center justify-end gap-2 border-t border-border bg-background px-4 py-3',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function SheetTitle(props: ComponentProps<typeof KobalteDialog.Title>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteDialog.Title class={cn(overlayTitle, local.class)} {...rest} />\n}\n\nexport function SheetDescription(props: ComponentProps<typeof KobalteDialog.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteDialog.Description class={cn('text-muted-foreground text-sm', local.class)} {...rest} />\n  )\n}\n\nexport { sheetVariants }\n"],"mappings":"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"}

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

@@ -1,15 +1,25 @@
 import { Tooltip as KobalteTooltip } from '@kobalte/core/tooltip';
-import type { ComponentProps } from 'solid-js';
+import type { ComponentProps, JSX } from 'solid-js';
 export type TooltipProviderProps = {
     children?: ComponentProps<'div'>['children'];
     openDelay?: number;
     closeDelay?: number;
     skipDelayDuration?: number;
 };
-export declare function TooltipProvider(props: TooltipProviderProps): import("solid-js").JSX.Element;
+export declare function TooltipProvider(props: TooltipProviderProps): JSX.Element;
 export type TooltipRootProps = ComponentProps<typeof KobalteTooltip>;
-export declare function Tooltip(props: TooltipRootProps): import("solid-js").JSX.Element;
-export declare function TooltipTrigger(props: ComponentProps<typeof KobalteTooltip.Trigger>): import("solid-js").JSX.Element;
-export type TooltipContentProps = ComponentProps<typeof KobalteTooltip.Content>;
-export declare function TooltipContent(props: TooltipContentProps): import("solid-js").JSX.Element;
+export declare function Tooltip(props: TooltipRootProps): JSX.Element;
+export declare function TooltipTrigger(props: ComponentProps<typeof KobalteTooltip.Trigger>): JSX.Element;
+export type TooltipContentProps = ComponentProps<typeof KobalteTooltip.Content> & {
+    /**
+     * A leading icon, repeating the trigger's glyph inside the tip — the side
+     * rail's icon+label treatment, offered so a toolbar or rail tooltip does not
+     * have to hand-roll it. Decorative by contract: the tip is `aria-hidden`
+     * while closed and never the accessible name, so the icon must not be the
+     * only carrier of meaning. Size it by leaving the svg bare; the slot fixes
+     * it to the system's control size.
+     */
+    icon?: JSX.Element;
+};
+export declare function TooltipContent(props: TooltipContentProps): JSX.Element;
 //# sourceMappingURL=tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAqB,MAAM,uBAAuB,CAAA;AACpF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAyI9C,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,kCAY1D;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAA;AAEpE,wBAAgB,OAAO,CAAC,KAAK,EAAE,gBAAgB,kCAgJ9C;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,kCA0ClF;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,CAAA;AAE/E,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCAoDxD"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAqB,MAAM,uBAAuB,CAAA;AACpF,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AA0InD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAY1D;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAA;AAEpE,wBAAgB,OAAO,CAAC,KAAK,EAAE,gBAAgB,eAgJ9C;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,eA0ClF;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IAChF;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAwExD"}