@womp/kookie-ui 0.24.0 → 0.25.1

package/dist/esm/chunk-3B25RLWX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/sidebar.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from './slot.js';\nimport * as Accordion from '@radix-ui/react-accordion';\nimport * as DropdownMenu from './dropdown-menu.js';\nimport * as Popover from './popover.js';\n\nimport { Separator } from './separator.js';\nimport { ThickChevronRightIcon } from './icons.js';\nimport { Kbd } from './kbd.js';\nimport { Chip } from './chip.js';\nimport { ShellSizeContext, useSidebarVisual } from './_internal/pane-chrome.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { ChipProps } from './chip.js';\n\n// Chip configuration for the `badge` slot of sidebar menu buttons\ntype BadgeConfig = {\n  content: React.ReactNode;\n  variant?: ChipProps['variant'];\n  size?: ChipProps['size'];\n  color?: ChipProps['color'];\n  radius?: ChipProps['radius'];\n};\n\n// Sidebar separator\ninterface SidebarSeparatorProps extends ComponentPropsWithout<typeof Separator, RemovedProps> {}\n\nconst SidebarSeparator = React.forwardRef<React.ComponentRef<typeof Separator>, SidebarSeparatorProps>(({ className, ...props }, forwardedRef) => (\n  <Separator {...props} ref={forwardedRef} className={classNames('kui-SidebarSeparator', className)} />\n));\nSidebarSeparator.displayName = 'Sidebar.Separator';\n\n// Menu components - styled like dropdown menus, but semantically a navigation list.\n// No menu/menuitem roles: those promise an application menu, which a list of links is not.\ninterface SidebarMenuProps extends React.ComponentPropsWithoutRef<'ul'> {}\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, SidebarMenuProps>(({ className, ...props }, forwardedRef) => (\n  <ul {...props} ref={forwardedRef} className={classNames('kui-SidebarMenu', className)} />\n));\nSidebarMenu.displayName = 'Sidebar.Menu';\n\ninterface SidebarMenuItemProps extends React.ComponentPropsWithoutRef<'li'> {}\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, SidebarMenuItemProps>(({ className, ...props }, forwardedRef) => (\n  <li {...props} ref={forwardedRef} className={classNames('kui-SidebarMenuItem', className)} />\n));\nSidebarMenuItem.displayName = 'Sidebar.MenuItem';\n\ninterface SidebarMenuButtonProps extends React.ComponentPropsWithoutRef<'button'> {\n  asChild?: boolean;\n  isActive?: boolean;\n  shortcut?: React.ReactNode;\n  badge?: string | BadgeConfig;\n}\n\n// The name a component type goes by: a function, or the function inside forwardRef or memo.\nfunction componentName(type: unknown): string | undefined {\n  if (typeof type === 'function') {\n    const fn = type as { displayName?: string; name?: string };\n    return fn.displayName || fn.name;\n  }\n  if (type && typeof type === 'object') {\n    const wrapped = type as { displayName?: string; render?: unknown; type?: unknown };\n    return wrapped.displayName || componentName(wrapped.render) || componentName(wrapped.type);\n  }\n  return undefined;\n}\n\nfunction isIconElement(el: React.ReactElement<{ icon?: unknown }>): boolean {\n  if (el.type === 'svg') return true;\n  if (el.props?.icon) return true;\n  return componentName(el.type)?.includes('Icon') ?? false;\n}\n\nfunction isText(node: React.ReactNode): node is string | number {\n  return typeof node === 'string' || typeof node === 'number';\n}\n\n// Thin mode puts the row's icon in a wrapper that carries the hover and active tile. An icon is\n// an svg, a HugeiconsIcon, or a component named *Icon. Failing that, the first element ahead of\n// other content is taken as the icon (Lucide and other icon sets).\nfunction separateIconsAndLabels(node: React.ReactNode): { icons: React.ReactNode[]; labels: React.ReactNode[] } {\n  const children = React.Children.toArray(node);\n  const icons: React.ReactNode[] = [];\n  const labels: React.ReactNode[] = [];\n\n  for (const child of children) {\n    if (React.isValidElement<{ icon?: unknown }>(child) && isIconElement(child)) icons.push(child);\n    else labels.push(isText(child) ? <span key={labels.length} className=\"kui-SidebarMenuLabel\">{child}</span> : child);\n  }\n\n  if (icons.length === 0 && children.length > 1 && React.isValidElement(children[0])) {\n    icons.push(children[0]);\n    labels.shift();\n  }\n\n  return { icons, labels };\n}\n\n// Wraps the row's own text in a label span. Text inside the caller's elements is left alone.\nfunction wrapTextNodes(node: React.ReactNode): React.ReactNode {\n  return React.Children.map(node, (child) => (isText(child) ? <span className=\"kui-SidebarMenuLabel\">{child}</span> : child));\n}\n\n// Arrow Up and Down move between the visible buttons of the same sidebar, as a\n// convenience on top of Tab. Sub-menu triggers take part, so the one-item Accordion\n// behind each sub-menu doesn't keep focus on its own trigger.\nfunction focusAdjacentSidebarButton(event: React.KeyboardEvent<HTMLElement>) {\n  if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp') return;\n  const scope = event.currentTarget.closest('.kui-SidebarContent, .kui-SidebarSearchPopover');\n  const buttons = scope\n    ? Array.from(scope.querySelectorAll<HTMLElement>('.kui-SidebarMenuButton')).filter((el) => el.offsetParent !== null)\n    : [];\n  const index = buttons.indexOf(event.currentTarget);\n  const next = buttons[index + (event.key === 'ArrowDown' ? 1 : -1)];\n  if (index !== -1 && next) {\n    event.preventDefault();\n    next.focus();\n  }\n}\n\nconst SidebarMenuButton = React.forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\n  ({ asChild = false, isActive = false, shortcut, badge, className, children, onKeyDown, ...props }, forwardedRef) => {\n    const visual = useSidebarVisual();\n    // A pane with no scope (Inspector, Bottom) still takes the Shell's index.\n    const shellSize = React.useContext(ShellSizeContext);\n    const sidebarSize = visual?.size ?? shellSize;\n    const isThinMode = visual?.presentation === 'thin';\n\n    const Comp = asChild ? Slot : 'button';\n\n    // Enter and Space are left to the native button or link. The caller's handler runs first,\n    // so it can preventDefault to keep the arrow keys for itself.\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(event);\n      if (!event.defaultPrevented) focusAdjacentSidebarButton(event);\n    };\n\n    const extras = isThinMode ? null : (\n      <>\n        {badge && (\n          <div className=\"kui-SidebarMenuBadge\">\n            {typeof badge === 'string' ? (\n              <Chip size={sidebarSize} variant=\"soft\">\n                {badge}\n              </Chip>\n            ) : (\n              <Chip size={badge.size || sidebarSize} variant={badge.variant || 'soft'} color={badge.color} radius={badge.radius}>\n                {badge.content}\n              </Chip>\n            )}\n          </div>\n        )}\n        {shortcut && (\n          <div className=\"kui-BaseMenuShortcut kui-SidebarMenuShortcut\">\n            <Kbd size={sidebarSize}>{shortcut}</Kbd>\n          </div>\n        )}\n      </>\n    );\n\n    const renderContent = (content: React.ReactNode): React.ReactNode => {\n      if (isThinMode) {\n        const { icons, labels } = separateIconsAndLabels(content);\n        if (icons.length > 0) {\n          return (\n            <>\n              <span className=\"kui-SidebarMenuIconWrapper\">{icons}</span>\n              {labels}\n            </>\n          );\n        }\n      }\n      return (\n        <>\n          {wrapTextNodes(content)}\n          {extras}\n        </>\n      );\n    };\n\n    // When rendering asChild, Slot expects a single child element. The row's content goes\n    // inside that element, so a Link gets the label, icon tile, badge and shortcut.\n    let body: React.ReactNode;\n    if (asChild && React.isValidElement<{ children?: React.ReactNode }>(children) && React.Children.count(children) === 1) {\n      body = React.cloneElement(children, undefined, renderContent(children.props.children));\n    } else if (asChild) {\n      body = children;\n    } else {\n      body = renderContent(children);\n    }\n\n    return (\n      <Comp\n        type={asChild ? undefined : 'button'}\n        {...props}\n        ref={forwardedRef}\n        aria-current={isActive ? 'page' : undefined}\n        className={classNames('kui-reset', 'kui-BaseMenuItem', 'kui-SidebarMenuButton', className)}\n        data-active={isActive || undefined}\n        onKeyDown={handleKeyDown}\n      >\n        {body}\n      </Comp>\n    );\n  },\n);\nSidebarMenuButton.displayName = 'Sidebar.MenuButton';\n\n// Sub-menu components: Accordion in expanded, Dropdown in thin\nconst SidebarSubMenuModeContext = React.createContext<'accordion' | 'dropdown'>('accordion');\ninterface SidebarMenuSubProps extends React.ComponentPropsWithoutRef<'div'> {\n  defaultOpen?: boolean;\n}\n\nconst SidebarMenuSub = React.forwardRef<HTMLDivElement, SidebarMenuSubProps>(({ defaultOpen = false, children, ...props }, forwardedRef) => {\n  const visual = useSidebarVisual();\n  const mode: 'accordion' | 'dropdown' = visual?.presentation === 'thin' ? 'dropdown' : 'accordion';\n\n  if (mode === 'dropdown') {\n    return (\n      <div {...props} ref={forwardedRef}>\n        <DropdownMenu.Root>\n          <SidebarSubMenuModeContext.Provider value=\"dropdown\">{children}</SidebarSubMenuModeContext.Provider>\n        </DropdownMenu.Root>\n      </div>\n    );\n  }\n\n  return (\n    <div {...props} ref={forwardedRef}>\n      <SidebarSubMenuModeContext.Provider value=\"accordion\">\n        <Accordion.Root type=\"single\" collapsible defaultValue={defaultOpen ? 'item' : undefined}>\n          <Accordion.Item value=\"item\">{children}</Accordion.Item>\n        </Accordion.Root>\n      </SidebarSubMenuModeContext.Provider>\n    </div>\n  );\n});\nSidebarMenuSub.displayName = 'Sidebar.MenuSub';\n\ninterface SidebarMenuSubTriggerProps extends React.ComponentPropsWithoutRef<typeof Accordion.Trigger> {\n  asChild?: boolean;\n}\n\nconst SidebarMenuSubTrigger = React.forwardRef<React.ElementRef<typeof Accordion.Trigger>, SidebarMenuSubTriggerProps>(\n  ({ asChild = false, className, children, onKeyDown, ...props }, forwardedRef) => {\n    const mode = React.useContext(SidebarSubMenuModeContext);\n\n    if (mode === 'dropdown') {\n      return (\n        <DropdownMenu.Trigger>\n          <button\n            {...(props as any)}\n            onKeyDown={onKeyDown}\n            ref={forwardedRef as any}\n            type=\"button\"\n            aria-haspopup=\"menu\"\n            className={classNames('kui-reset', 'kui-BaseMenuItem', 'kui-SidebarMenuButton', 'kui-SidebarMenuSubTrigger', className)}\n          >\n            {children}\n          </button>\n        </DropdownMenu.Trigger>\n      );\n    }\n\n    return (\n      <Accordion.Header asChild>\n        <div>\n          <Accordion.Trigger\n            {...props}\n            onKeyDown={(event) => {\n              // Runs before the Accordion's own arrow handling, which would keep focus here.\n              focusAdjacentSidebarButton(event);\n              onKeyDown?.(event);\n            }}\n            ref={forwardedRef}\n            asChild={asChild}\n            className={classNames('kui-reset', 'kui-BaseMenuItem', 'kui-SidebarMenuButton', 'kui-SidebarMenuSubTrigger', className)}\n          >\n            {asChild ? (\n              children\n            ) : (\n              <>\n                {children}\n                <ThickChevronRightIcon className={classNames('kui-BaseMenuSubTriggerIcon', 'kui-SidebarMenuSubTriggerIcon')} />\n              </>\n            )}\n          </Accordion.Trigger>\n        </div>\n      </Accordion.Header>\n    );\n  },\n);\nSidebarMenuSubTrigger.displayName = 'Sidebar.MenuSubTrigger';\n\ninterface SidebarMenuSubContentProps extends React.ComponentPropsWithoutRef<typeof Accordion.Content> {}\n\n// In a Rail a sub-menu is a dropdown. Each row becomes a menu item: a MenuButton hands the item\n// its props (onClick, disabled, active), and an asChild one hands it its link.\nfunction toDropdownItem(node: React.ReactNode, key: React.Key): React.ReactNode {\n  if (React.isValidElement<SidebarMenuButtonProps>(node) && node.type === SidebarMenuButton) {\n    // The badge and shortcut have no place in a dropdown row; `type` belongs to a button only.\n    const { asChild, isActive, shortcut, badge, type, children, ...rest } = node.props;\n    const itemProps = {\n      ...(rest as Omit<React.ComponentPropsWithoutRef<typeof DropdownMenu.Item>, 'color'>),\n      'data-active': isActive || undefined,\n      'aria-current': isActive ? ('page' as const) : undefined,\n    };\n    if (asChild && React.isValidElement(children) && React.Children.count(children) === 1) {\n      return (\n        <DropdownMenu.Item key={key} {...itemProps} asChild>\n          {children}\n        </DropdownMenu.Item>\n      );\n    }\n    return (\n      <DropdownMenu.Item key={key} {...itemProps}>\n        {children}\n      </DropdownMenu.Item>\n    );\n  }\n  if (React.isValidElement(node)) {\n    return (\n      <DropdownMenu.Item key={key} asChild>\n        {node}\n      </DropdownMenu.Item>\n    );\n  }\n  return <DropdownMenu.Item key={key}>{node}</DropdownMenu.Item>;\n}\n\n// The sub-list is a <ul>, so each row needs its own <li>. A MenuButton written straight into\n// MenuSubContent gets a MenuItem around it, rather than leaving an <a> or <button> in the list.\nfunction wrapBareMenuButtons(children: React.ReactNode): React.ReactNode {\n  return React.Children.map(children, (child, index) =>\n    React.isValidElement(child) && child.type === SidebarMenuButton ? (\n      <SidebarMenuItem key={child.key ?? index}>{child}</SidebarMenuItem>\n    ) : (\n      child\n    ),\n  );\n}\n\nconst SidebarMenuSubContent = React.forwardRef<React.ElementRef<typeof Accordion.Content>, SidebarMenuSubContentProps>(({ className, children, ...props }, forwardedRef) => {\n  const visual = useSidebarVisual();\n  const mode = React.useContext(SidebarSubMenuModeContext);\n\n  if (mode === 'dropdown') {\n    const items = React.Children.map(children, (child, index) => {\n      if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === SidebarMenuItem) {\n        const rows = React.Children.toArray(child.props.children);\n        return toDropdownItem(rows.length === 1 ? rows[0] : rows, index);\n      }\n      return toDropdownItem(child, index);\n    });\n\n    return (\n      <DropdownMenu.Content\n        {...(props as Omit<React.ComponentPropsWithoutRef<typeof DropdownMenu.Content>, 'color'>)}\n        ref={forwardedRef}\n        size={visual?.size}\n        className={classNames(className)}\n      >\n        <DropdownMenu.Group>{items}</DropdownMenu.Group>\n      </DropdownMenu.Content>\n    );\n  }\n\n  return (\n    <Accordion.Content {...props} ref={forwardedRef} className={classNames('kui-SidebarMenuSubContent', className)}>\n      <ul className=\"kui-SidebarMenuSubList\">{wrapBareMenuButtons(children)}</ul>\n    </Accordion.Content>\n  );\n});\nSidebarMenuSubContent.displayName = 'Sidebar.MenuSubContent';\n\n// Group components. A group with a label is a named group; one without stays a plain div, so it\n// isn't announced as an empty group.\ntype SidebarGroupContextValue = { labelId: string; setLabelId: (id: string | null) => void };\nconst SidebarGroupContext = React.createContext<SidebarGroupContextValue | null>(null);\n\ninterface SidebarGroupProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, SidebarGroupProps>(({ className, ...props }, forwardedRef) => {\n  const labelId = React.useId();\n  const [renderedLabelId, setLabelId] = React.useState<string | null>(null);\n  const context = React.useMemo(() => ({ labelId, setLabelId }), [labelId]);\n  return (\n    <SidebarGroupContext.Provider value={context}>\n      <div\n        role={renderedLabelId ? 'group' : undefined}\n        aria-labelledby={renderedLabelId ?? undefined}\n        {...props}\n        ref={forwardedRef}\n        className={classNames('kui-BaseMenuGroup', 'kui-SidebarGroup', className)}\n      />\n    </SidebarGroupContext.Provider>\n  );\n});\nSidebarGroup.displayName = 'Sidebar.Group';\n\ninterface SidebarGroupLabelProps extends React.ComponentPropsWithoutRef<'div'> {\n  asChild?: boolean;\n}\n\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, SidebarGroupLabelProps>(({ asChild = false, className, id, ...props }, forwardedRef) => {\n  const Comp = asChild ? Slot : 'div';\n  const group = React.useContext(SidebarGroupContext);\n  const labelId = id ?? group?.labelId;\n  const setLabelId = group?.setLabelId;\n\n  React.useEffect(() => {\n    if (!setLabelId || !labelId) return;\n    setLabelId(labelId);\n    return () => setLabelId(null);\n  }, [setLabelId, labelId]);\n\n  return <Comp {...props} id={labelId} ref={forwardedRef} className={classNames('kui-BaseMenuLabel', 'kui-SidebarGroupLabel', className)} />;\n});\nSidebarGroupLabel.displayName = 'Sidebar.GroupLabel';\n\ninterface SidebarGroupContentProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, SidebarGroupContentProps>(({ className, ...props }, forwardedRef) => (\n  <div {...props} ref={forwardedRef} className={classNames('kui-SidebarGroupContent', className)} />\n));\nSidebarGroupContent.displayName = 'Sidebar.GroupContent';\n\n// Search component: inline input in expanded, popover trigger in thin\ninterface SidebarSearchProps extends React.ComponentPropsWithoutRef<'div'> {\n  value: string;\n  onValueChange: (value: string) => void;\n  placeholder?: string;\n  children?: React.ReactNode;\n}\n\nconst SearchIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"11\" cy=\"11\" r=\"8\" />\n    <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\" />\n  </svg>\n);\n\nconst ClearIcon = ({ className }: { className?: string }) => (\n  <svg className={className} width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n  </svg>\n);\n\nconst SidebarSearch = React.forwardRef<HTMLDivElement, SidebarSearchProps>(\n  ({ value, onValueChange, placeholder = 'Search...', children, className, ...props }, forwardedRef) => {\n    const visual = useSidebarVisual();\n    const isThin = visual?.presentation === 'thin';\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const popoverRef = React.useRef<HTMLDivElement>(null);\n    const searchId = React.useId();\n    const resultsId = `${searchId}-results`;\n\n    // Stable refs for values used in callbacks \u2014 avoids recreating handlers on every keystroke\n    const valueRef = React.useRef(value);\n    valueRef.current = value;\n    const onValueChangeRef = React.useRef(onValueChange);\n    onValueChangeRef.current = onValueChange;\n\n    // Derive a clean aria-label from placeholder (strip trailing dots/ellipsis)\n    const searchLabel = placeholder.replace(/\\.+$/, '');\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Escape' && valueRef.current) {\n          e.preventDefault();\n          e.stopPropagation();\n          onValueChangeRef.current('');\n          inputRef.current?.focus();\n        }\n      },\n      [],\n    );\n\n    // Arrow key navigation within the popover (input \u2194 results)\n    const handlePopoverKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        // A result row already moved focus with its own arrow handling (focusAdjacentSidebarButton\n        // scopes to this popover); moving again would skip a row.\n        if (e.defaultPrevented) return;\n        const container = popoverRef.current;\n        if (!container) return;\n\n        const resultsGroup = container.querySelector('[role=\"group\"]');\n        if (!resultsGroup) return;\n\n        const items = Array.from(\n          resultsGroup.querySelectorAll<HTMLElement>('a, button'),\n        );\n        if (items.length === 0) return;\n\n        const active = document.activeElement as HTMLElement;\n        const isOnInput = active === inputRef.current;\n        const currentIndex = items.indexOf(active);\n\n        // Typing while a result is focused \u2192 redirect focus to input\n        if (\n          e.key.length === 1 &&\n          !e.ctrlKey &&\n          !e.metaKey &&\n          !e.altKey &&\n          !isOnInput &&\n          currentIndex !== -1\n        ) {\n          inputRef.current?.focus();\n          return;\n        }\n\n        switch (e.key) {\n          case 'ArrowDown': {\n            e.preventDefault();\n            if (isOnInput || currentIndex === -1) {\n              items[0]?.focus();\n            } else if (currentIndex < items.length - 1) {\n              items[currentIndex + 1]?.focus();\n            }\n            break;\n          }\n          case 'ArrowUp': {\n            e.preventDefault();\n            if (currentIndex <= 0) {\n              inputRef.current?.focus();\n            } else {\n              items[currentIndex - 1]?.focus();\n            }\n            break;\n          }\n          case 'Home': {\n            // Only intercept when focused on a result, not the input (where Home moves cursor)\n            if (!isOnInput) {\n              e.preventDefault();\n              items[0]?.focus();\n            }\n            break;\n          }\n          case 'End': {\n            if (!isOnInput) {\n              e.preventDefault();\n              items[items.length - 1]?.focus();\n            }\n            break;\n          }\n        }\n      },\n      [],\n    );\n\n    if (isThin) {\n      return (\n        <div {...props} ref={forwardedRef} className={classNames('kui-SidebarSearch', 'kui-SidebarSearch--thin', className)}>\n          <Popover.Root>\n            <Popover.Trigger>\n              <button\n                type=\"button\"\n                className={classNames('kui-reset', 'kui-BaseMenuItem', 'kui-SidebarMenuButton', 'kui-SidebarSearchTrigger')}\n                aria-label={searchLabel}\n              >\n                <span className=\"kui-SidebarMenuIconWrapper\">\n                  <SearchIcon />\n                </span>\n                <span className=\"kui-SidebarMenuLabel\">Search</span>\n              </button>\n            </Popover.Trigger>\n            <Popover.Content side=\"right\" align=\"start\" size=\"2\" width=\"280px\" aria-label={searchLabel}>\n              {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- keyDown manages arrow-key navigation between input and results, which is accessibility-enhancing */}\n              <div\n                ref={popoverRef}\n                className=\"kui-SidebarSearchPopover\"\n                role=\"search\"\n                onKeyDown={handlePopoverKeyDown}\n              >\n                <div className=\"kui-SidebarSearchInputWrapper\">\n                  <SearchIcon className=\"kui-SidebarSearchIcon\" />\n                  <input\n                    ref={inputRef}\n                    type=\"search\"\n                    className=\"kui-SidebarSearchInput\"\n                    value={value}\n                    onChange={(e) => onValueChange(e.target.value)}\n                    onKeyDown={handleKeyDown}\n                    placeholder={placeholder}\n                    aria-label={searchLabel}\n                    aria-controls={children ? resultsId : undefined}\n                    // eslint-disable-next-line jsx-a11y/no-autofocus -- intentional: popover opens on user action, focusing the input is expected UX\n                    autoFocus\n                  />\n                  {value && (\n                    <button\n                      type=\"button\"\n                      className=\"kui-reset kui-SidebarSearchClear\"\n                      onClick={() => {\n                        onValueChange('');\n                        inputRef.current?.focus();\n                      }}\n                      aria-label=\"Clear search\"\n                    >\n                      <ClearIcon />\n                    </button>\n                  )}\n                </div>\n                {children && (\n                  <div id={resultsId} role=\"group\" aria-label=\"Search results\">\n                    {children}\n                  </div>\n                )}\n              </div>\n            </Popover.Content>\n          </Popover.Root>\n        </div>\n      );\n    }\n\n    // Expanded mode: inline input\n    return (\n      <div {...props} ref={forwardedRef} className={classNames('kui-SidebarSearch', 'kui-SidebarSearch--expanded', 'kui-ShellPaneChrome', `kui-r-size-${visual?.size ?? '2'}`, className)} role=\"search\">\n        <div className=\"kui-SidebarSearchInputWrapper\">\n          <SearchIcon className=\"kui-SidebarSearchIcon\" />\n          <input\n            ref={inputRef}\n            type=\"search\"\n            className=\"kui-SidebarSearchInput\"\n            value={value}\n            onChange={(e) => onValueChange(e.target.value)}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n            aria-label={searchLabel}\n          />\n          {value && (\n            <button\n              type=\"button\"\n              className=\"kui-reset kui-SidebarSearchClear\"\n              onClick={() => {\n                onValueChange('');\n                inputRef.current?.focus();\n              }}\n              aria-label=\"Clear search\"\n            >\n              <ClearIcon />\n            </button>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\nSidebarSearch.displayName = 'Sidebar.Search';\n\n// Export all components following shadcn's pattern\nexport {\n  SidebarSeparator as Separator,\n  SidebarMenu as Menu,\n  SidebarMenuItem as MenuItem,\n  SidebarMenuButton as MenuButton,\n  SidebarMenuSub as MenuSub,\n  SidebarMenuSubTrigger as MenuSubTrigger,\n  SidebarMenuSubContent as MenuSubContent,\n  SidebarGroup as Group,\n  SidebarGroupLabel as GroupLabel,\n  SidebarGroupContent as GroupContent,\n  SidebarSearch as Search,\n};\n\nexport type { BadgeConfig };\n"],
+  "mappings": "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",
+  "names": ["sidebar_exports", "__export", "SidebarGroup", "SidebarGroupContent", "SidebarGroupLabel", "SidebarMenu", "SidebarMenuButton", "SidebarMenuItem", "SidebarMenuSub", "SidebarMenuSubContent", "SidebarMenuSubTrigger", "SidebarSearch", "SidebarSeparator", "React", "classNames", "Accordion", "SidebarSeparator", "className", "props", "forwardedRef", "Separator", "classNames", "SidebarMenu", "SidebarMenuItem", "componentName", "type", "fn", "wrapped", "isIconElement", "el", "isText", "node", "separateIconsAndLabels", "children", "icons", "labels", "child", "wrapTextNodes", "focusAdjacentSidebarButton", "event", "scope", "buttons", "index", "next", "SidebarMenuButton", "asChild", "isActive", "shortcut", "badge", "onKeyDown", "visual", "useSidebarVisual", "shellSize", "ShellSizeContext", "sidebarSize", "isThinMode", "Comp", "Slot", "handleKeyDown", "extras", "Chip", "Kbd", "renderContent", "content", "body", "SidebarSubMenuModeContext", "SidebarMenuSub", "defaultOpen", "DropdownMenuRoot", "SidebarMenuSubTrigger", "DropdownMenuTrigger", "ThickChevronRightIcon", "toDropdownItem", "key", "rest", "itemProps", "DropdownMenuItem", "wrapBareMenuButtons", "SidebarMenuSubContent", "items", "rows", "DropdownMenuContent", "DropdownMenuGroup", "SidebarGroupContext", "SidebarGroup", "labelId", "renderedLabelId", "setLabelId", "context", "SidebarGroupLabel", "id", "group", "SidebarGroupContent", "SearchIcon", "ClearIcon", "SidebarSearch", "value", "onValueChange", "placeholder", "isThin", "inputRef", "popoverRef", "resultsId", "valueRef", "onValueChangeRef", "searchLabel", "e", "handlePopoverKeyDown", "container", "resultsGroup", "active", "isOnInput", "currentIndex", "PopoverRoot", "PopoverTrigger", "PopoverContent"]
+}

package/dist/esm/chunk-3CY6H4TE.js

@@ -0,0 +1,3 @@
+"use client";
+import{a as k}from"./chunk-FFJE25TJ.js";import{c as j}from"./chunk-5ON3XLRD.js";import{c as L}from"./chunk-OKQAVYW4.js";import*as t from"react";import Z from"classnames";import{Direction as _,Slider as S}from"radix-ui";var ee=t.forwardRef((z,I)=>{let K=j(z,k.size),{className:O,color:W,radius:B,tabIndex:T,...G}=L(K,k),{ticks:c,unit:i,showTickLabels:A,snapToTicks:P,value:g,defaultValue:H,onValueChange:$,onValueCommit:C,"aria-label":U,"aria-labelledby":q,...o}=G,p=o.min??0,d=o.max??100,[F,J]=t.useState(()=>H??[p]),v=g!==void 0,l=v?g:F,x=t.useId(),Q=o.step,s=t.useMemo(()=>c?[...c].sort((e,a)=>e.value-a.value):[],[c]),b=t.useCallback(e=>{let a=s[0].value;for(let r of s)Math.abs(r.value-e)<Math.abs(a-e)&&(a=r.value);return a},[s]),N=t.useCallback((e,a)=>{let r=b(e);return e>a&&r<=a?s.find(n=>n.value>a)?.value??a:e<a&&r>=a?[...s].reverse().find(n=>n.value<a)?.value??a:r},[b,s]),h=t.useRef(!1),V=t.useCallback(e=>{let a=r=>i?`${r} ${i}`:r.toString();return e.length===1?`${a(e[0])} out of ${a(d)}`:e.length===2?`${a(e[0])} to ${a(e[1])} out of ${a(d)}`:`${e.map(a).join(", ")} out of ${a(d)}`},[i,d]),X=_.useDirection(o.dir),R=o.orientation??"horizontal",D=R==="vertical"?!o.inverted:X==="rtl"!=!!o.inverted,y=t.useMemo(()=>c?c.map((e,a)=>{let r=(e.value-p)/(d-p)*100;return{...e,percentage:D?100-r:r,index:a}}):null,[c,p,d,D]),m=t.useRef(null),f=t.useRef(null),Y=t.useCallback(e=>{m.current&&(m.current.textContent=V(e),f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{m.current&&(m.current.textContent="")},1e3))},[V]),M=t.useCallback(e=>{let r=P&&s.length>0?e.map((n,u)=>h.current&&l[u]!==void 0?N(n,l[u]):b(n)):e;v||J(r),$?.(r)},[P,s,N,b,l,$,v]);return t.useEffect(()=>()=>{f.current&&clearTimeout(f.current)},[]),t.createElement("div",{className:"kui-SliderContainer","data-orientation":R,"data-has-ticks":y?"":void 0},t.createElement("div",{ref:m,"aria-live":"polite","aria-atomic":"true",className:"kui-sr-only"}),t.createElement(S.Root,{"data-accent-color":W,"data-radius":B,ref:I,...o,value:l,step:Q,onKeyDown:e=>{h.current=!0,o.onKeyDown?.(e)},onPointerDown:e=>{h.current=!1,o.onPointerDown?.(e)},onValueChange:M,onValueCommit:C,asChild:!1,className:Z("kui-SliderRoot",O)},t.createElement(S.Track,{className:"kui-SliderTrack"},t.createElement(S.Range,{className:"kui-SliderRange","data-inverted":o.inverted?"":void 0})),l.map((e,a)=>t.createElement(S.Thumb,{key:a,className:"kui-SliderThumb",...T!==void 0?{tabIndex:T}:void 0,"aria-label":U,"aria-labelledby":q,"aria-valuetext":i?`${e} ${i}`:void 0}))),y&&t.createElement("div",{className:"kui-SliderTicks","data-orientation":R,role:"group","aria-label":"Slider tick marks"},y.map(e=>t.createElement("button",{key:e.index,className:"kui-SliderTick",style:R==="vertical"?{top:`${e.percentage}%`}:{left:`${e.percentage}%`},disabled:o.disabled,onClick:()=>{let a=0;l.forEach((n,u)=>{let w=Math.abs(n-e.value),E=Math.abs(l[a]-e.value);(w<E||w===E&&e.value>n)&&(a=u)});let r=l.map((n,u)=>u===a?e.value:n).sort((n,u)=>n-u);h.current=!1,M(r),C?.(r),Y(r)},"aria-label":`Set to ${e.label||(i?`${e.value} ${i}`:e.value)}`,"aria-describedby":e.label?void 0:`${x}-tick-${e.index}`,type:"button"},t.createElement("div",{className:"kui-SliderTickMark"}),e.label&&A!==!1&&t.createElement("div",{className:"kui-SliderTickLabel"},e.label),!e.label&&t.createElement("span",{id:`${x}-tick-${e.index}`,className:"kui-sr-only"},i?`${e.value} ${i}`:e.value)))))});ee.displayName="Slider";export{ee as a};
+//# sourceMappingURL=chunk-3CY6H4TE.js.map

package/dist/esm/chunk-3CY6H4TE.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/slider.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Direction, Slider as SliderPrimitive } from 'radix-ui';\n\nimport { sliderPropDefs } from './slider.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\n\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype SliderElement = React.ElementRef<typeof SliderPrimitive.Root>;\ntype SliderOwnProps = GetPropDefTypes<typeof sliderPropDefs>;\ninterface SliderProps extends ComponentPropsWithout<typeof SliderPrimitive.Root, 'asChild' | 'color' | 'children' | 'defaultChecked'>, SliderOwnProps {\n  ticks?: Array<{ value: number; label?: string }>;\n  unit?: string;\n}\nconst Slider = React.forwardRef<SliderElement, SliderProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, sliderPropDefs.size);\n  const { className, color, radius, tabIndex, ...sliderProps } = extractProps(props, sliderPropDefs);\n  const {\n    ticks,\n    unit,\n    showTickLabels,\n    snapToTicks,\n    value: valueProp,\n    defaultValue,\n    onValueChange,\n    onValueCommit,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    ...rootProps\n  } = sliderProps;\n  const min = rootProps.min ?? 0;\n  const max = rootProps.max ?? 100;\n\n  // The slider keeps its own copy of the value when uncontrolled, so the handles, their\n  // labels and a tick press all read the current value rather than the first one.\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<number[]>(() => defaultValue ?? [min]);\n  const isControlled = valueProp !== undefined;\n  const currentValue = isControlled ? valueProp : uncontrolledValue;\n  const tickIdPrefix = React.useId();\n\n  // For snapping to ticks, we need to handle this differently\n  // Radix slider doesn't support arbitrary step values, so we'll handle snapping in the onValueChange\n  const step = rootProps.step;\n\n  // Optimized snap-to-ticks with memoized sorted ticks\n  const sortedTicks = React.useMemo(() => (ticks ? [...ticks].sort((a, b) => a.value - b.value) : []), [ticks]);\n\n  // The nearest tick to a value.\n  const snapToNearestTick = React.useCallback(\n    (value: number): number => {\n      let nearest = sortedTicks[0].value;\n      for (const tick of sortedTicks) {\n        if (Math.abs(tick.value - value) < Math.abs(nearest - value)) nearest = tick.value;\n      }\n      return nearest;\n    },\n    [sortedTicks],\n  );\n\n  // A key press moves the handle one step, which the nearest tick would undo. So a key press\n  // that does not reach another tick goes on to the next tick the way it moved.\n  const snapKeyStep = React.useCallback(\n    (value: number, previous: number): number => {\n      const nearest = snapToNearestTick(value);\n      if (value > previous && nearest <= previous) {\n        return sortedTicks.find((tick) => tick.value > previous)?.value ?? previous;\n      }\n      if (value < previous && nearest >= previous) {\n        return [...sortedTicks].reverse().find((tick) => tick.value < previous)?.value ?? previous;\n      }\n      return nearest;\n    },\n    [snapToNearestTick, sortedTicks],\n  );\n\n  // Whether the change under way came from the keyboard, so snapping knows how to read it.\n  const keyboardChangeRef = React.useRef(false);\n\n  // Format value text for accessibility\n  const formatValueText = React.useCallback(\n    (values: number[]): string => {\n      const formatValue = (val: number) => (unit ? `${val} ${unit}` : val.toString());\n\n      if (values.length === 1) {\n        return `${formatValue(values[0])} out of ${formatValue(max)}`;\n      } else if (values.length === 2) {\n        return `${formatValue(values[0])} to ${formatValue(values[1])} out of ${formatValue(max)}`;\n      } else {\n        return `${values.map(formatValue).join(', ')} out of ${formatValue(max)}`;\n      }\n    },\n    [unit, max],\n  );\n\n  // Ticks sit where the handle sits for their value. Radix flips the handle for a right to\n  // left slider and for `inverted`, and runs a vertical slider from the bottom.\n  const direction = Direction.useDirection(rootProps.dir);\n  const orientation = rootProps.orientation ?? 'horizontal';\n  const flipped = orientation === 'vertical' ? !rootProps.inverted : (direction === 'rtl') !== Boolean(rootProps.inverted);\n\n  const tickElements = React.useMemo(() => {\n    if (!ticks) return null;\n\n    return ticks.map((tick, index) => {\n      const percentage = ((tick.value - min) / (max - min)) * 100;\n      return { ...tick, percentage: flipped ? 100 - percentage : percentage, index };\n    });\n  }, [ticks, min, max, flipped]);\n\n  // Live region ref for accessibility announcements (no state = no re-renders)\n  const announceRef = React.useRef<HTMLDivElement>(null);\n  const announceTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Says the new value after a tick press. Focus stays on the tick, so nothing else reports\n  // it. The handle reports its own value on key presses and drags.\n  const announce = React.useCallback(\n    (values: number[]) => {\n      if (!announceRef.current) return;\n      announceRef.current.textContent = formatValueText(values);\n      if (announceTimeoutRef.current) clearTimeout(announceTimeoutRef.current);\n      announceTimeoutRef.current = setTimeout(() => {\n        if (announceRef.current) announceRef.current.textContent = '';\n      }, 1000);\n    },\n    [formatValueText],\n  );\n\n  // Handle value changes with snapping\n  const handleValueChange = React.useCallback(\n    (newValue: number[]) => {\n      const snapping = snapToTicks && sortedTicks.length > 0;\n      const finalValue = !snapping ? newValue : newValue.map((v, i) => (keyboardChangeRef.current && currentValue[i] !== undefined ? snapKeyStep(v, currentValue[i]) : snapToNearestTick(v)));\n\n      if (!isControlled) setUncontrolledValue(finalValue);\n      onValueChange?.(finalValue);\n    },\n    [snapToTicks, sortedTicks, snapKeyStep, snapToNearestTick, currentValue, onValueChange, isControlled],\n  );\n\n  // Cleanup timeout on unmount\n  React.useEffect(() => {\n    return () => {\n      if (announceTimeoutRef.current) {\n        clearTimeout(announceTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <div className=\"kui-SliderContainer\" data-orientation={orientation} data-has-ticks={tickElements ? '' : undefined}>\n      {/* Live region for screen reader announcements */}\n      <div ref={announceRef} aria-live=\"polite\" aria-atomic=\"true\" className=\"kui-sr-only\" />\n\n      <SliderPrimitive.Root\n        data-accent-color={color}\n        data-radius={radius}\n        ref={forwardedRef}\n        {...rootProps}\n        value={currentValue}\n        step={step}\n        onKeyDown={(event) => {\n          keyboardChangeRef.current = true;\n          rootProps.onKeyDown?.(event);\n        }}\n        onPointerDown={(event) => {\n          keyboardChangeRef.current = false;\n          rootProps.onPointerDown?.(event);\n        }}\n        onValueChange={handleValueChange}\n        onValueCommit={onValueCommit}\n        asChild={false}\n        className={classNames('kui-SliderRoot', className)}\n      >\n        <SliderPrimitive.Track className=\"kui-SliderTrack\">\n          <SliderPrimitive.Range className=\"kui-SliderRange\" data-inverted={rootProps.inverted ? '' : undefined} />\n        </SliderPrimitive.Track>\n        {currentValue.map((value, index) => (\n          <SliderPrimitive.Thumb\n            key={index}\n            className=\"kui-SliderThumb\"\n            {...(tabIndex !== undefined ? { tabIndex } : undefined)}\n            // The caller's name goes to every handle. Without one, Radix names the two\n            // handles of a range \"Minimum\" and \"Maximum\".\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            aria-valuetext={unit ? `${value} ${unit}` : undefined}\n          />\n        ))}\n      </SliderPrimitive.Root>\n      {tickElements && (\n        <div className=\"kui-SliderTicks\" data-orientation={orientation} role=\"group\" aria-label=\"Slider tick marks\">\n          {tickElements.map((tick) => {\n            return (\n              <button\n                key={tick.index}\n                className=\"kui-SliderTick\"\n                // Only the offset varies per tick; the centring transform lives in `.kui-SliderTick`.\n                style={orientation === 'vertical' ? { top: `${tick.percentage}%` } : { left: `${tick.percentage}%` }}\n                disabled={rootProps.disabled}\n                onClick={() => {\n                  // Move only the handle nearest the tick. When handles share a value, a\n                  // tick above it moves the last of them and a tick below moves the first.\n                  let nearest = 0;\n                  currentValue.forEach((v, i) => {\n                    const distance = Math.abs(v - tick.value);\n                    const best = Math.abs(currentValue[nearest] - tick.value);\n                    if (distance < best || (distance === best && tick.value > v)) nearest = i;\n                  });\n                  const newValue = currentValue.map((v, i) => (i === nearest ? tick.value : v)).sort((x, y) => x - y);\n\n                  keyboardChangeRef.current = false;\n                  handleValueChange(newValue);\n                  onValueCommit?.(newValue);\n                  announce(newValue);\n                }}\n                aria-label={`Set to ${tick.label || (unit ? `${tick.value} ${unit}` : tick.value)}`}\n                aria-describedby={tick.label ? undefined : `${tickIdPrefix}-tick-${tick.index}`}\n                type=\"button\"\n              >\n                <div className=\"kui-SliderTickMark\" />\n                {tick.label && showTickLabels !== false && <div className=\"kui-SliderTickLabel\">{tick.label}</div>}\n                {!tick.label && (\n                  <span id={`${tickIdPrefix}-tick-${tick.index}`} className=\"kui-sr-only\">\n                    {unit ? `${tick.value} ${unit}` : tick.value}\n                  </span>\n                )}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n});\nSlider.displayName = 'Slider';\n\nexport { Slider };\nexport type { SliderProps };\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "Direction", "SliderPrimitive", "Slider", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "sliderPropDefs", "className", "color", "radius", "tabIndex", "sliderProps", "extractProps", "ticks", "unit", "showTickLabels", "snapToTicks", "valueProp", "defaultValue", "onValueChange", "onValueCommit", "ariaLabel", "ariaLabelledBy", "rootProps", "min", "max", "uncontrolledValue", "setUncontrolledValue", "isControlled", "currentValue", "tickIdPrefix", "step", "sortedTicks", "a", "b", "snapToNearestTick", "value", "nearest", "tick", "snapKeyStep", "previous", "keyboardChangeRef", "formatValueText", "values", "formatValue", "val", "direction", "Direction", "orientation", "flipped", "tickElements", "index", "percentage", "announceRef", "announceTimeoutRef", "announce", "handleValueChange", "newValue", "finalValue", "v", "i", "SliderPrimitive", "event", "classNames", "distance", "best", "x", "y"]
+}

package/dist/esm/{chunk-MPTTUBFU.js → chunk-3H23GRNQ.js}

@@ -1,2 +1,3 @@
-import{a as i}from"./chunk-LVCUY2OS.js";import{a as n}from"./chunk-ELAW7ZUG.js";import*as e from"react";import{Slot as P}from"radix-ui";var g=e.memo(e.forwardRef((d,o)=>{let{children:p,className:t,asChild:m,as:H="h1",color:r,...s}=n(d,i),a=t?`kui-Heading ${t}`:"kui-Heading";return m?e.createElement(P.Root,{"data-accent-color":r,...s,ref:o,className:a},p):e.createElement(H,{"data-accent-color":r,...s,ref:o,className:a},p)}));g.displayName="Heading";export{g as a};
-//# sourceMappingURL=chunk-MPTTUBFU.js.map
+"use client";
+import{a as i}from"./chunk-SV3CYQY5.js";import{c as n}from"./chunk-OKQAVYW4.js";import*as e from"react";import{Slot as P}from"radix-ui";var g=e.memo(e.forwardRef((d,o)=>{let{children:p,className:t,asChild:m,as:H="h2",color:r,...s}=n(d,i),a=t?`kui-Heading ${t}`:"kui-Heading";return m?e.createElement(P.Root,{"data-accent-color":r,...s,ref:o,className:a},p):e.createElement(H,{"data-accent-color":r,...s,ref:o,className:a},p)}));g.displayName="Heading";export{g as a};
+//# sourceMappingURL=chunk-3H23GRNQ.js.map

package/dist/esm/{chunk-MPTTUBFU.js.map → chunk-3H23GRNQ.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/heading.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport { Slot } from 'radix-ui';\n\nimport { headingPropDefs } from './heading.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype HeadingElement = React.ElementRef<'h1'>;\ntype HeadingOwnProps = GetPropDefTypes<typeof headingPropDefs>;\ninterface CommonHeadingProps extends HeadingOwnProps {}\ntype HeadingH1Props = { as?: 'h1' } & ComponentPropsWithout<'h1', RemovedProps>;\ntype HeadingH2Props = { as: 'h2' } & ComponentPropsWithout<'h2', RemovedProps>;\ntype HeadingH3Props = { as: 'h3' } & ComponentPropsWithout<'h3', RemovedProps>;\ntype HeadingH4Props = { as: 'h4' } & ComponentPropsWithout<'h4', RemovedProps>;\ntype HeadingH5Props = { as: 'h5' } & ComponentPropsWithout<'h5', RemovedProps>;\ntype HeadingH6Props = { as: 'h6' } & ComponentPropsWithout<'h6', RemovedProps>;\ntype HeadingProps = CommonHeadingProps &\n  (HeadingH1Props | HeadingH2Props | HeadingH3Props | HeadingH4Props | HeadingH5Props | HeadingH6Props);\n\n// Pre-merge prop definitions at module level to avoid per-render allocation\n\nconst Heading = React.memo(\n  React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n    const {\n      children,\n      className,\n      asChild,\n      as: Tag = 'h1',\n      color,\n      ...headingProps\n    } = extractProps(props, headingPropDefs);\n\n    const combinedClassName = className ? `kui-Heading ${className}` : 'kui-Heading';\n\n    if (asChild) {\n      return (\n        <Slot.Root\n          data-accent-color={color}\n          {...headingProps}\n          ref={forwardedRef}\n          className={combinedClassName}\n        >\n          {children}\n        </Slot.Root>\n      );\n    }\n\n    return (\n      <Tag\n        data-accent-color={color}\n        {...(headingProps as React.HTMLAttributes<HTMLHeadingElement>)}\n        ref={forwardedRef as any}\n        className={combinedClassName}\n      >\n        {children}\n      </Tag>\n    );\n  })\n);\nHeading.displayName = 'Heading';\n\nexport { Heading };\nexport type { HeadingProps };\n"],
-  "mappings": "gFAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,WAsBrB,IAAMC,EAAgB,OACd,aAAyC,CAACC,EAAOC,IAAiB,CACtE,GAAM,CACJ,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,KACV,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaR,EAAOS,CAAe,EAEjCC,EAAoBP,EAAY,eAAeA,CAAS,GAAK,cAEnE,OAAIC,EAEA,gBAACO,EAAK,KAAL,CACC,oBAAmBL,EAClB,GAAGC,EACJ,IAAKN,EACL,UAAWS,GAEVR,CACH,EAKF,gBAACG,EAAA,CACC,oBAAmBC,EAClB,GAAIC,EACL,IAAKN,EACL,UAAWS,GAEVR,CACH,CAEJ,CAAC,CACH,EACAH,EAAQ,YAAc",
+  "sourcesContent": ["import * as React from 'react';\nimport { Slot } from 'radix-ui';\n\nimport { headingPropDefs } from './heading.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype HeadingElement = React.ElementRef<'h2'>;\ntype HeadingOwnProps = GetPropDefTypes<typeof headingPropDefs>;\ninterface CommonHeadingProps extends HeadingOwnProps {}\ntype HeadingH1Props = { as: 'h1' } & ComponentPropsWithout<'h1', RemovedProps>;\ntype HeadingH2Props = { as?: 'h2' } & ComponentPropsWithout<'h2', RemovedProps>;\ntype HeadingH3Props = { as: 'h3' } & ComponentPropsWithout<'h3', RemovedProps>;\ntype HeadingH4Props = { as: 'h4' } & ComponentPropsWithout<'h4', RemovedProps>;\ntype HeadingH5Props = { as: 'h5' } & ComponentPropsWithout<'h5', RemovedProps>;\ntype HeadingH6Props = { as: 'h6' } & ComponentPropsWithout<'h6', RemovedProps>;\ntype HeadingProps = CommonHeadingProps &\n  (HeadingH1Props | HeadingH2Props | HeadingH3Props | HeadingH4Props | HeadingH5Props | HeadingH6Props);\n\n// Pre-merge prop definitions at module level to avoid per-render allocation\n\nconst Heading = React.memo(\n  React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n    const {\n      children,\n      className,\n      asChild,\n      as: Tag = 'h2',\n      color,\n      ...headingProps\n    } = extractProps(props, headingPropDefs);\n\n    const combinedClassName = className ? `kui-Heading ${className}` : 'kui-Heading';\n\n    if (asChild) {\n      return (\n        <Slot.Root\n          data-accent-color={color}\n          {...headingProps}\n          ref={forwardedRef}\n          className={combinedClassName}\n        >\n          {children}\n        </Slot.Root>\n      );\n    }\n\n    return (\n      <Tag\n        data-accent-color={color}\n        {...(headingProps as React.HTMLAttributes<HTMLHeadingElement>)}\n        ref={forwardedRef as any}\n        className={combinedClassName}\n      >\n        {children}\n      </Tag>\n    );\n  })\n);\nHeading.displayName = 'Heading';\n\nexport { Heading };\nexport type { HeadingProps };\n"],
+  "mappings": ";gFAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,WAsBrB,IAAMC,EAAgB,OACd,aAAyC,CAACC,EAAOC,IAAiB,CACtE,GAAM,CACJ,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,KACV,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaR,EAAOS,CAAe,EAEjCC,EAAoBP,EAAY,eAAeA,CAAS,GAAK,cAEnE,OAAIC,EAEA,gBAACO,EAAK,KAAL,CACC,oBAAmBL,EAClB,GAAGC,EACJ,IAAKN,EACL,UAAWS,GAEVR,CACH,EAKF,gBAACG,EAAA,CACC,oBAAmBC,EAClB,GAAIC,EACL,IAAKN,EACL,UAAWS,GAEVR,CACH,CAEJ,CAAC,CACH,EACAH,EAAQ,YAAc",
   "names": ["React", "Slot", "Heading", "props", "forwardedRef", "children", "className", "asChild", "Tag", "color", "headingProps", "extractProps", "headingPropDefs", "combinedClassName", "Slot"]
 }

package/dist/esm/chunk-3L2MDOYC.js

@@ -0,0 +1,3 @@
+"use client";
+import{a as v,b as G,c as O}from"./chunk-PT4KBXXP.js";import{b as D,c as L}from"./chunk-N3QLHFHB.js";import{a as x}from"./chunk-KOAWATCI.js";import{a as b}from"./chunk-ILWS2JUE.js";import{b as N,c as E}from"./chunk-GKDGNPBD.js";import{b as w}from"./chunk-5ON3XLRD.js";import{c as y}from"./chunk-OKQAVYW4.js";import{a as F}from"./chunk-VQPANPMI.js";var J={};F(J,{Content:()=>z,Group:()=>W,Item:()=>V,Label:()=>K,Root:()=>A,Separator:()=>H,Trigger:()=>B});import*as e from"react";import S from"classnames";import{Select as r,ScrollArea as C}from"radix-ui";var M={size:v.size},_=[" ","Enter","ArrowUp","ArrowDown"],g=e.createContext({}),A=o=>{let{children:t,size:a,open:n,defaultOpen:c,onOpenChange:s,...P}=o,p=w(a,v.size),[u,i]=e.useState(c??!1),m=n??u,f=e.useCallback(d=>{i(d),s?.(d)},[s]);return e.createElement(r.Root,{...P,open:m,onOpenChange:f},e.createElement(g.Provider,{value:e.useMemo(()=>({size:p,open:m}),[p,m])},t))};A.displayName="Select.Root";var B=e.forwardRef((o,t)=>{let a=e.useContext(g),{children:n,className:c,color:s,radius:P,placeholder:p,error:u,loading:i,disabled:m,readOnly:f,...d}=y({size:a?.size,...o},M,G),{"aria-invalid":R,"aria-busy":h,"aria-disabled":T,"aria-readonly":I}=d,k=!!u||R===!0||R==="true",j=e.useMemo(()=>({"aria-invalid":k?!0:R,"aria-busy":i||h,"aria-disabled":m||T,"aria-readonly":f||I}),[k,R,i,h,m,T,f,I]),U=!!(f||i)?{onPointerDown:l=>l.preventDefault(),onClick:l=>{l.preventDefault(),l.currentTarget.focus()},onKeyDown:l=>{let Y=l.ctrlKey||l.altKey||l.metaKey;(_.includes(l.key)||!Y&&l.key.length===1)&&l.preventDefault()}}:void 0;return e.createElement(r.Trigger,{asChild:!0,disabled:m,...U},e.createElement("button",{"data-accent-color":s,"data-radius":P,"data-error":u,"data-loading":i,...d,...j,ref:t,className:S("kui-reset","kui-SelectTrigger",c)},e.createElement("span",{className:"kui-SelectTriggerInner"},e.createElement(r.Value,{placeholder:p},n)),e.createElement(r.Icon,{asChild:!0},i?e.createElement("span",{className:"kui-SelectIcon kui-SelectLoadingIcon","aria-hidden":"true"},e.createElement(b,null)):e.createElement(E,{className:"kui-SelectIcon"}))))});B.displayName="Select.Trigger";var z=e.forwardRef((o,t)=>{let a=e.useContext(g),{className:n,children:c,color:s,container:P,...p}=y({size:a?.size,...o},M,O),u=D();if(a.open===!1&&!p.forceMount)return e.createElement(r.Portal,{container:P},e.createElement(r.Content,{...p,asChild:!1,ref:t},c));let i=s||u.accentColor;return e.createElement(r.Portal,{container:P},e.createElement(L,{asChild:!0},e.createElement(r.Content,{"data-accent-color":i,sideOffset:4,...p,asChild:!1,ref:t,className:S("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-SelectContent",n)},e.createElement(q,null,c))))});z.displayName="Select.Content";function q({children:o}){let t=x();return e.createElement(C.Root,{type:"auto",className:"kui-ScrollAreaRoot"},e.createElement(r.Viewport,{asChild:!0,className:S("kui-BaseMenuViewport","kui-SelectViewport")},e.createElement(C.Viewport,{ref:t,className:"kui-ScrollAreaViewport",style:{overflowY:void 0}},o)),e.createElement(C.Scrollbar,{className:"kui-ScrollAreaScrollbar",orientation:"vertical"},e.createElement(C.Thumb,{className:"kui-ScrollAreaThumb"})))}var V=e.forwardRef((o,t)=>{let{className:a,children:n,...c}=o,s=typeof n!="string";return e.createElement(r.Item,{...c,asChild:!1,ref:t,className:S("kui-reset","kui-BaseMenuItem","kui-SelectItem",{"kui-SelectItemRich":s},a)},e.createElement(r.ItemIndicator,{className:"kui-SelectItemIndicator"},e.createElement(N,{className:"kui-SelectItemIndicatorIcon"})),e.createElement(r.ItemText,null,n))});V.displayName="Select.Item";var W=e.forwardRef(({className:o,...t},a)=>e.createElement(r.Group,{...t,asChild:!1,ref:a,className:S("kui-SelectGroup",o)}));W.displayName="Select.Group";var K=e.forwardRef(({className:o,...t},a)=>e.createElement(r.Label,{...t,asChild:!1,ref:a,className:S("kui-BaseMenuLabel","kui-SelectLabel",o)}));K.displayName="Select.Label";var H=e.forwardRef(({className:o,...t},a)=>e.createElement(r.Separator,{...t,asChild:!1,ref:a,className:S("kui-BaseMenuSeparator","kui-SelectSeparator",o)}));H.displayName="Select.Separator";export{A as a,B as b,z as c,V as d,W as e,K as f,H as g,J as h};
+//# sourceMappingURL=chunk-3L2MDOYC.js.map

package/dist/esm/chunk-3L2MDOYC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/select.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Select as SelectPrimitive, ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSize } from '../hooks/theme-size.js';\nimport { ChevronDownIcon, ThickCheckIcon } from './icons.js';\nimport { Spinner } from './spinner.js';\nimport {\n  selectRootPropDefs,\n  selectTriggerPropDefs,\n  selectContentPropDefs,\n} from './select.props.js';\nimport { useThemeContext, Theme } from './theme.js';\nimport { useThumbSync } from '../hooks/use-thumb-sync.js';\n\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype SelectRootOwnProps = GetPropDefTypes<typeof selectRootPropDefs>;\n\n// Trigger and Content pass the size prop def as its own record. It is hoisted because\n// extractProps caches its compiled prop defs on the identity of each record it is given:\n// a literal written at the call site would be a new object, and a recompile, every render.\nconst selectSizePropDefs = { size: selectRootPropDefs.size };\n\n// Keys that open the list from the trigger, as in Radix.\nconst OPEN_KEYS = [' ', 'Enter', 'ArrowUp', 'ArrowDown'];\n\ninterface SelectContextValue extends SelectRootOwnProps {\n  /** Whether the list is open. Undefined when Content is rendered outside a Kookie Select.Root. */\n  open?: boolean;\n}\nconst SelectContext = React.createContext<SelectContextValue>({});\n\ninterface SelectRootProps extends SelectPrimitive.SelectProps, SelectRootOwnProps {}\nconst SelectRoot: React.FC<SelectRootProps> = (props) => {\n  const {\n    children,\n    size: sizeProp,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    ...rootProps\n  } = props;\n  const size = useThemeSize(sizeProp, selectRootPropDefs.size);\n\n  // Root owns the open state and hands Radix a controlled `open`, so Content learns of a\n  // change in the same render Radix does. Radix's uncontrolled state reports changes from an\n  // effect, a render late, which would mount the open list once without its wrappers.\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false);\n  const open = openProp ?? uncontrolledOpen;\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [onOpenChange],\n  );\n\n  return (\n    <SelectPrimitive.Root {...rootProps} open={open} onOpenChange={handleOpenChange}>\n      <SelectContext.Provider value={React.useMemo(() => ({ size, open }), [size, open])}>\n        {children}\n      </SelectContext.Provider>\n    </SelectPrimitive.Root>\n  );\n};\nSelectRoot.displayName = 'Select.Root';\n\ntype SelectTriggerElement = React.ElementRef<typeof SelectPrimitive.Trigger>;\ntype SelectTriggerOwnProps = GetPropDefTypes<typeof selectTriggerPropDefs>;\ninterface SelectTriggerProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Trigger, RemovedProps>,\n    SelectTriggerOwnProps {}\nconst SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(SelectContext);\n    const {\n      children,\n      className,\n      color,\n      radius,\n      placeholder,\n      error,\n      loading,\n      disabled,\n      readOnly,\n      ...triggerProps\n    } = extractProps(\n      // Pass size value from the context to generate styles\n      { size: context?.size, ...props },\n      // Pass size prop def to allow it to be extracted\n      selectSizePropDefs,\n      selectTriggerPropDefs,\n    );\n\n    // The props win when set; otherwise a caller's own aria-* (a form library's aria-invalid)\n    // stays, so both paths reach the accessibility tree and the CSS, as on TextField.\n    const {\n      'aria-invalid': ariaInvalid,\n      'aria-busy': ariaBusy,\n      'aria-disabled': ariaDisabled,\n      'aria-readonly': ariaReadOnly,\n    } = triggerProps;\n    const isInvalid = Boolean(error) || ariaInvalid === true || ariaInvalid === 'true';\n    const ariaProps = React.useMemo(\n      () => ({\n        'aria-invalid': isInvalid ? true : ariaInvalid,\n        'aria-busy': loading || ariaBusy,\n        'aria-disabled': disabled || ariaDisabled,\n        'aria-readonly': readOnly || ariaReadOnly,\n      }),\n      [isInvalid, ariaInvalid, loading, ariaBusy, disabled, ariaDisabled, readOnly, ariaReadOnly],\n    );\n\n    // Read-only and loading triggers stay focusable but do not open or take typeahead,\n    // as on Combobox. Radix skips its own handler when the event is default-prevented.\n    const isBlocked = Boolean(readOnly || loading);\n    const blockedHandlers = isBlocked\n      ? {\n          onPointerDown: (event: React.PointerEvent<HTMLButtonElement>) => event.preventDefault(),\n          onClick: (event: React.MouseEvent<HTMLButtonElement>) => {\n            event.preventDefault();\n            event.currentTarget.focus();\n          },\n          onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => {\n            const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;\n            if (OPEN_KEYS.includes(event.key) || (!isModifierKey && event.key.length === 1)) {\n              event.preventDefault();\n            }\n          },\n        }\n      : undefined;\n\n    return (\n      // `disabled` goes to Radix, which merges it with Root's and sets the native attribute.\n      <SelectPrimitive.Trigger asChild disabled={disabled} {...blockedHandlers}>\n        <button\n          data-accent-color={color}\n          data-radius={radius}\n          data-error={error}\n          data-loading={loading}\n          {...triggerProps}\n          {...ariaProps}\n          ref={forwardedRef}\n          className={classNames('kui-reset', 'kui-SelectTrigger', className)}\n        >\n          <span className=\"kui-SelectTriggerInner\">\n            <SelectPrimitive.Value placeholder={placeholder}>{children}</SelectPrimitive.Value>\n          </span>\n          <SelectPrimitive.Icon asChild>\n            {loading ? (\n              <span className=\"kui-SelectIcon kui-SelectLoadingIcon\" aria-hidden=\"true\">\n                <Spinner />\n              </span>\n            ) : (\n              <ChevronDownIcon className=\"kui-SelectIcon\" />\n            )}\n          </SelectPrimitive.Icon>\n        </button>\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = 'Select.Trigger';\n\ntype SelectContentElement = React.ElementRef<typeof SelectPrimitive.Content>;\ntype SelectContentOwnProps = GetPropDefTypes<typeof selectContentPropDefs>;\ninterface SelectContentProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Content, RemovedProps>,\n    SelectContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Portal>['container'];\n}\nconst SelectContent = React.forwardRef<SelectContentElement, SelectContentProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(SelectContext);\n    const { className, children, color, container, ...contentProps } = extractProps(\n      // Pass size value from the context to generate styles\n      { size: context?.size, ...props },\n      // Pass size prop def to allow it to be extracted\n      selectSizePropDefs,\n      selectContentPropDefs,\n    );\n    const themeContext = useThemeContext();\n\n    // While closed, Radix still renders Content's children, into a detached fragment: the\n    // items must exist for the trigger's value label, typeahead and the native form select.\n    // Nothing in that fragment is ever shown, so the theme wrapper and the scroll area, with\n    // its two resize observers, are left out until the list opens.\n    if (context.open === false && !contentProps.forceMount) {\n      return (\n        <SelectPrimitive.Portal container={container}>\n          <SelectPrimitive.Content {...contentProps} asChild={false} ref={forwardedRef}>\n            {children}\n          </SelectPrimitive.Content>\n        </SelectPrimitive.Portal>\n      );\n    }\n\n    const resolvedColor = color || themeContext.accentColor;\n    return (\n      <SelectPrimitive.Portal container={container}>\n        <Theme asChild>\n          <SelectPrimitive.Content\n            data-accent-color={resolvedColor}\n            sideOffset={4}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'kui-PopperContent',\n              'kui-BaseMenuContent',\n              'kui-variant-soft',\n              'kui-SelectContent',\n              className,\n            )}\n          >\n            <SelectScrollArea>{children}</SelectScrollArea>\n          </SelectPrimitive.Content>\n        </Theme>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = 'Select.Content';\n\n/** The open list's scroll area. Its own component so the thumb sync hook runs only while open. */\nfunction SelectScrollArea({ children }: { children: React.ReactNode }) {\n  const setThumbViewport = useThumbSync<HTMLDivElement>();\n  return (\n    <ScrollAreaPrimitive.Root type=\"auto\" className=\"kui-ScrollAreaRoot\">\n      <SelectPrimitive.Viewport\n        asChild\n        className={classNames('kui-BaseMenuViewport', 'kui-SelectViewport')}\n      >\n        <ScrollAreaPrimitive.Viewport\n          ref={setThumbViewport}\n          className=\"kui-ScrollAreaViewport\"\n          style={{ overflowY: undefined }}\n        >\n          {children}\n        </ScrollAreaPrimitive.Viewport>\n      </SelectPrimitive.Viewport>\n      <ScrollAreaPrimitive.Scrollbar className=\"kui-ScrollAreaScrollbar\" orientation=\"vertical\">\n        <ScrollAreaPrimitive.Thumb className=\"kui-ScrollAreaThumb\" />\n      </ScrollAreaPrimitive.Scrollbar>\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\ntype SelectItemElement = React.ElementRef<typeof SelectPrimitive.Item>;\ninterface SelectItemProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Item, RemovedProps> {}\nconst SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>((props, forwardedRef) => {\n  const { className, children, ...itemProps } = props;\n\n  // Detect if this is rich content (not just a string)\n  const isRichContent = typeof children !== 'string';\n\n  return (\n    <SelectPrimitive.Item\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'kui-reset',\n        'kui-BaseMenuItem',\n        'kui-SelectItem',\n        { 'kui-SelectItemRich': isRichContent },\n        className,\n      )}\n    >\n      <SelectPrimitive.ItemIndicator className=\"kui-SelectItemIndicator\">\n        <ThickCheckIcon className=\"kui-SelectItemIndicatorIcon\" />\n      </SelectPrimitive.ItemIndicator>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n});\nSelectItem.displayName = 'Select.Item';\n\ntype SelectGroupElement = React.ElementRef<typeof SelectPrimitive.Group>;\ninterface SelectGroupProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Group, RemovedProps> {}\nconst SelectGroup = React.forwardRef<SelectGroupElement, SelectGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('kui-SelectGroup', className)}\n    />\n  ),\n);\nSelectGroup.displayName = 'Select.Group';\n\ntype SelectLabelElement = React.ElementRef<typeof SelectPrimitive.Label>;\ninterface SelectLabelProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Label, RemovedProps> {}\nconst SelectLabel = React.forwardRef<SelectLabelElement, SelectLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('kui-BaseMenuLabel', 'kui-SelectLabel', className)}\n    />\n  ),\n);\nSelectLabel.displayName = 'Select.Label';\n\ntype SelectSeparatorElement = React.ElementRef<typeof SelectPrimitive.Separator>;\ninterface SelectSeparatorProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Separator, RemovedProps> {}\nconst SelectSeparator = React.forwardRef<SelectSeparatorElement, SelectSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Separator\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('kui-BaseMenuSeparator', 'kui-SelectSeparator', className)}\n    />\n  ),\n);\nSelectSeparator.displayName = 'Select.Separator';\n\nexport {\n  SelectRoot as Root,\n  SelectTrigger as Trigger,\n  SelectContent as Content,\n  SelectItem as Item,\n  SelectGroup as Group,\n  SelectLabel as Label,\n  SelectSeparator as Separator,\n};\n\nexport type {\n  SelectRootProps as RootProps,\n  SelectTriggerProps as TriggerProps,\n  SelectContentProps as ContentProps,\n  SelectItemProps as ItemProps,\n  SelectGroupProps as GroupProps,\n  SelectLabelProps as LabelProps,\n  SelectSeparatorProps as SeparatorProps,\n};\n"],
+  "mappings": "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",
+  "names": ["select_exports", "__export", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectRoot", "SelectSeparator", "SelectTrigger", "React", "classNames", "SelectPrimitive", "ScrollAreaPrimitive", "selectSizePropDefs", "selectRootPropDefs", "OPEN_KEYS", "SelectContext", "SelectRoot", "props", "children", "sizeProp", "openProp", "defaultOpen", "onOpenChange", "rootProps", "size", "useThemeSize", "uncontrolledOpen", "setUncontrolledOpen", "open", "handleOpenChange", "next", "SelectPrimitive", "SelectTrigger", "forwardedRef", "context", "className", "color", "radius", "placeholder", "error", "loading", "disabled", "readOnly", "triggerProps", "extractProps", "selectTriggerPropDefs", "ariaInvalid", "ariaBusy", "ariaDisabled", "ariaReadOnly", "isInvalid", "ariaProps", "blockedHandlers", "event", "isModifierKey", "classNames", "Spinner", "ChevronDownIcon", "SelectContent", "container", "contentProps", "selectContentPropDefs", "themeContext", "useThemeContext", "resolvedColor", "Theme", "SelectScrollArea", "setThumbViewport", "useThumbSync", "ScrollAreaPrimitive", "SelectItem", "itemProps", "isRichContent", "ThickCheckIcon", "SelectGroup", "SelectLabel", "SelectSeparator"]
+}

package/dist/esm/chunk-3LIF53YY.js

@@ -0,0 +1,13 @@
+"use client";
+import*as m from"react";var a="kookie-appearance",y=`(function () {
+  var e = document.documentElement;
+  var a = null;
+  try { a = localStorage.getItem(${JSON.stringify(a)}); } catch (err) {}
+  var dark = a === "light" ? false : a === "dark" ? true : matchMedia("(prefers-color-scheme: dark)").matches;
+  var mode = dark ? "dark" : "light";
+  e.classList.remove("light", "dark");
+  e.classList.add(mode);
+  e.setAttribute("data-appearance", mode);
+  e.style.colorScheme = mode;
+})();`;var n=new Set;function c(){for(let e of n)e()}var h="system";function i(){try{let e=globalThis.localStorage?.getItem(a);return e==="light"||e==="dark"?e:"system"}catch{return h}}function o(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function l(e){let t=document.documentElement;t.classList.remove("light","dark"),t.classList.add(e),t.setAttribute("data-appearance",e),t.style.colorScheme=e}function u(){let e=document.documentElement;return e.classList.contains("dark")||e.classList.contains("dark-theme")?"dark":e.classList.contains("light")||e.classList.contains("light-theme")?"light":o()}var r=null;function v(){let e=i(),t=u();return(!r||r.choice!==e||r.resolved!==t)&&(r={choice:e,resolved:t}),r}var f={choice:"system",resolved:"light"};function d(){i()==="system"&&(l(o()),c())}function p(e){if(e.key!==a)return;let t=i();l(t==="system"?o():t),c()}var s=null;function g(e){return n.size===0&&(s=window.matchMedia("(prefers-color-scheme: dark)"),s.addEventListener("change",d),window.addEventListener("storage",p)),n.add(e),()=>{n.delete(e),!(n.size>0)&&(s?.removeEventListener("change",d),s=null,window.removeEventListener("storage",p))}}function A(e){h=e;try{e==="system"?localStorage.removeItem(a):localStorage.setItem(a,e)}catch{}l(e==="system"?o():e),c()}function E(){let{choice:e,resolved:t}=m.useSyncExternalStore(g,v,()=>f);return{choice:e,appearance:t,setAppearance:A}}export{a,y as b,A as c,E as d};
+//# sourceMappingURL=chunk-3LIF53YY.js.map

package/dist/esm/chunk-3LIF53YY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-appearance.ts", "../../src/hooks/appearance-script.ts"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { APPEARANCE_STORAGE_KEY } from './appearance-script.js';\n\n/**\n * Light and dark mode, decided before the first paint and kept on `<html>`.\n *\n * The server cannot know the visitor's mode, so `appearanceScript` runs synchronously in\n * `<head>`: the stored choice first, `prefers-color-scheme` otherwise. It writes the `light`\n * or `dark` class (which every token and component stylesheet already keys off) and\n * `data-appearance` on `<html>`. The root `<Theme>` keeps `appearance=\"inherit\"`, so it\n * writes no class of its own and `<html>` is the one source of truth. Nested themes and\n * portals inherit it from there.\n *\n * `useAppearance` is the client half: an external store over `<html>` and the same storage\n * key. It never mirrors the mode into React state that could disagree with the DOM.\n */\n\ntype AppearanceChoice = 'system' | 'light' | 'dark';\ntype ResolvedAppearance = 'light' | 'dark';\n\nconst listeners = new Set<() => void>();\n\nfunction emit() {\n  for (const listener of listeners) listener();\n}\n\n// The last choice made on this page, for when storage is blocked and cannot hold it.\nlet pageChoice: AppearanceChoice = 'system';\n\nfunction readChoice(): AppearanceChoice {\n  try {\n    const value = globalThis.localStorage?.getItem(APPEARANCE_STORAGE_KEY);\n    return value === 'light' || value === 'dark' ? value : 'system';\n  } catch {\n    return pageChoice;\n  }\n}\n\nfunction systemAppearance(): ResolvedAppearance {\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n}\n\nfunction stamp(mode: ResolvedAppearance) {\n  const root = document.documentElement;\n  root.classList.remove('light', 'dark');\n  root.classList.add(mode);\n  root.setAttribute('data-appearance', mode);\n  root.style.colorScheme = mode;\n}\n\nfunction readResolved(): ResolvedAppearance {\n  const root = document.documentElement;\n  if (root.classList.contains('dark') || root.classList.contains('dark-theme')) return 'dark';\n  if (root.classList.contains('light') || root.classList.contains('light-theme')) return 'light';\n  return systemAppearance();\n}\n\nlet snapshot: { choice: AppearanceChoice; resolved: ResolvedAppearance } | null = null;\n\nfunction getSnapshot() {\n  const choice = readChoice();\n  const resolved = readResolved();\n  if (!snapshot || snapshot.choice !== choice || snapshot.resolved !== resolved) {\n    snapshot = { choice, resolved };\n  }\n  return snapshot;\n}\n\nconst serverSnapshot = { choice: 'system' as AppearanceChoice, resolved: 'light' as ResolvedAppearance };\n\n// With no stored choice, follow the system as it changes.\nfunction onSystemChange() {\n  if (readChoice() === 'system') {\n    stamp(systemAppearance());\n    emit();\n  }\n}\n\n// Another tab changed the choice.\nfunction onStorage(event: StorageEvent) {\n  if (event.key !== APPEARANCE_STORAGE_KEY) return;\n  const choice = readChoice();\n  stamp(choice === 'system' ? systemAppearance() : choice);\n  emit();\n}\n\nlet media: MediaQueryList | null = null;\n\n// One set of window listeners for every subscriber, so one change stamps `<html>` once.\nfunction subscribe(listener: () => void) {\n  if (listeners.size === 0) {\n    media = window.matchMedia('(prefers-color-scheme: dark)');\n    media.addEventListener('change', onSystemChange);\n    window.addEventListener('storage', onStorage);\n  }\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size > 0) return;\n    media?.removeEventListener('change', onSystemChange);\n    media = null;\n    window.removeEventListener('storage', onStorage);\n  };\n}\n\n/** Applies a choice to `<html>` and stores it. The change applies even if storage is blocked. */\nfunction setAppearance(choice: AppearanceChoice) {\n  pageChoice = choice;\n  try {\n    if (choice === 'system') localStorage.removeItem(APPEARANCE_STORAGE_KEY);\n    else localStorage.setItem(APPEARANCE_STORAGE_KEY, choice);\n  } catch {\n    // Storage is blocked: the mode still changes for this page.\n  }\n  stamp(choice === 'system' ? systemAppearance() : choice);\n  emit();\n}\n\n/**\n * The page's light or dark mode. `choice` is what the person picked (`system` when they\n * haven't); `appearance` is what is showing. On the server and in the first client render it\n * reports `system` / `light`, then corrects without a hydration mismatch.\n */\nfunction useAppearance() {\n  const { choice, resolved } = React.useSyncExternalStore(subscribe, getSnapshot, () => serverSnapshot);\n  return { choice, appearance: resolved, setAppearance } as const;\n}\n\nexport { useAppearance, setAppearance };\nexport type { AppearanceChoice, ResolvedAppearance };\n", "/**\n * The pre-paint half of light and dark mode (see `use-appearance.ts`). Kept in its own module\n * with no client directive, so a server component such as a Next.js root layout can import the\n * string and inline it in `<head>`.\n */\n\nconst APPEARANCE_STORAGE_KEY = 'kookie-appearance';\n\n/**\n * Inline this in `<head>`, before any stylesheet paints, e.g.\n * `<script dangerouslySetInnerHTML={{ __html: appearanceScript }} />`.\n *\n * Storage is read inside its own try/catch: browsers that block site data throw on access,\n * and that must not skip the stamp. `matchMedia` always answers.\n */\nconst appearanceScript = `(function () {\n  var e = document.documentElement;\n  var a = null;\n  try { a = localStorage.getItem(${JSON.stringify(APPEARANCE_STORAGE_KEY)}); } catch (err) {}\n  var dark = a === \"light\" ? false : a === \"dark\" ? true : matchMedia(\"(prefers-color-scheme: dark)\").matches;\n  var mode = dark ? \"dark\" : \"light\";\n  e.classList.remove(\"light\", \"dark\");\n  e.classList.add(mode);\n  e.setAttribute(\"data-appearance\", mode);\n  e.style.colorScheme = mode;\n})();`;\n\nexport { appearanceScript, APPEARANCE_STORAGE_KEY };\n"],
+  "mappings": ";AAEA,UAAYA,MAAW,QCIvB,IAAMC,EAAyB,oBASzBC,EAAmB;AAAA;AAAA;AAAA,mCAGU,KAAK,UAAUD,CAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ODIzE,IAAME,EAAY,IAAI,IAEtB,SAASC,GAAO,CACd,QAAWC,KAAYF,EAAWE,EAAS,CAC7C,CAGA,IAAIC,EAA+B,SAEnC,SAASC,GAA+B,CACtC,GAAI,CACF,IAAMC,EAAQ,WAAW,cAAc,QAAQC,CAAsB,EACrE,OAAOD,IAAU,SAAWA,IAAU,OAASA,EAAQ,QACzD,MAAQ,CACN,OAAOF,CACT,CACF,CAEA,SAASI,GAAuC,CAC9C,OAAO,OAAO,WAAW,8BAA8B,EAAE,QAAU,OAAS,OAC9E,CAEA,SAASC,EAAMC,EAA0B,CACvC,IAAMC,EAAO,SAAS,gBACtBA,EAAK,UAAU,OAAO,QAAS,MAAM,EACrCA,EAAK,UAAU,IAAID,CAAI,EACvBC,EAAK,aAAa,kBAAmBD,CAAI,EACzCC,EAAK,MAAM,YAAcD,CAC3B,CAEA,SAASE,GAAmC,CAC1C,IAAMD,EAAO,SAAS,gBACtB,OAAIA,EAAK,UAAU,SAAS,MAAM,GAAKA,EAAK,UAAU,SAAS,YAAY,EAAU,OACjFA,EAAK,UAAU,SAAS,OAAO,GAAKA,EAAK,UAAU,SAAS,aAAa,EAAU,QAChFH,EAAiB,CAC1B,CAEA,IAAIK,EAA8E,KAElF,SAASC,GAAc,CACrB,IAAMC,EAASV,EAAW,EACpBW,EAAWJ,EAAa,EAC9B,OAAI,CAACC,GAAYA,EAAS,SAAWE,GAAUF,EAAS,WAAaG,KACnEH,EAAW,CAAE,OAAAE,EAAQ,SAAAC,CAAS,GAEzBH,CACT,CAEA,IAAMI,EAAiB,CAAE,OAAQ,SAA8B,SAAU,OAA8B,EAGvG,SAASC,GAAiB,CACpBb,EAAW,IAAM,WACnBI,EAAMD,EAAiB,CAAC,EACxBN,EAAK,EAET,CAGA,SAASiB,EAAUC,EAAqB,CACtC,GAAIA,EAAM,MAAQb,EAAwB,OAC1C,IAAMQ,EAASV,EAAW,EAC1BI,EAAMM,IAAW,SAAWP,EAAiB,EAAIO,CAAM,EACvDb,EAAK,CACP,CAEA,IAAImB,EAA+B,KAGnC,SAASC,EAAUnB,EAAsB,CACvC,OAAIF,EAAU,OAAS,IACrBoB,EAAQ,OAAO,WAAW,8BAA8B,EACxDA,EAAM,iBAAiB,SAAUH,CAAc,EAC/C,OAAO,iBAAiB,UAAWC,CAAS,GAE9ClB,EAAU,IAAIE,CAAQ,EACf,IAAM,CACXF,EAAU,OAAOE,CAAQ,EACrB,EAAAF,EAAU,KAAO,KACrBoB,GAAO,oBAAoB,SAAUH,CAAc,EACnDG,EAAQ,KACR,OAAO,oBAAoB,UAAWF,CAAS,EACjD,CACF,CAGA,SAASI,EAAcR,EAA0B,CAC/CX,EAAaW,EACb,GAAI,CACEA,IAAW,SAAU,aAAa,WAAWR,CAAsB,EAClE,aAAa,QAAQA,EAAwBQ,CAAM,CAC1D,MAAQ,CAER,CACAN,EAAMM,IAAW,SAAWP,EAAiB,EAAIO,CAAM,EACvDb,EAAK,CACP,CAOA,SAASsB,GAAgB,CACvB,GAAM,CAAE,OAAAT,EAAQ,SAAAC,CAAS,EAAU,uBAAqBM,EAAWR,EAAa,IAAMG,CAAc,EACpG,MAAO,CAAE,OAAAF,EAAQ,WAAYC,EAAU,cAAAO,CAAc,CACvD",
+  "names": ["React", "APPEARANCE_STORAGE_KEY", "appearanceScript", "listeners", "emit", "listener", "pageChoice", "readChoice", "value", "APPEARANCE_STORAGE_KEY", "systemAppearance", "stamp", "mode", "root", "readResolved", "snapshot", "getSnapshot", "choice", "resolved", "serverSnapshot", "onSystemChange", "onStorage", "event", "media", "subscribe", "setAppearance", "useAppearance"]
+}

package/dist/esm/chunk-3QWGSRYC.js

@@ -0,0 +1,3 @@
+"use client";
+import{b as _}from"./chunk-WEBNIUEX.js";import*as n from"react";import{useLayoutEffect as de}from"radix-ui/internal";import me from"classnames";var x=n.forwardRef(({className:d,children:m,...R},g)=>{let{containerRef:E,controls:ee,cssVarName:D,minSize:L,maxSize:b,defaultSize:k,orientation:v,edge:te,growth:A,onResize:y,onResizeStart:q,onResizeEnd:z,snapPoints:T,snapTolerance:ne,collapseThreshold:V,collapsible:F,target:j,requestCollapse:re,requestToggle:B}=_(),S=n.useRef(null),oe=n.useCallback(e=>{S.current=e,typeof g=="function"?g(e):g&&(g.current=e)},[g]),C=n.useRef(null);n.useEffect(()=>()=>{C.current?.(),C.current=null},[]);let I=n.useCallback(()=>{let e=E.current;if(!e)return k;let t=Number.parseFloat(getComputedStyle(e).getPropertyValue(D));return Number.isFinite(t)?t:k},[E,D,k]),K=n.useCallback(()=>{let e=E.current,t=S.current,r=e?.closest(".kui-ShellRoot")?.getBoundingClientRect();if(!e||!r||!t)return b;let c=e.getBoundingClientRect(),p=t.getBoundingClientRect(),s=A(getComputedStyle(e).direction==="rtl"),o;v==="vertical"?o=s>0?r.right-c.left:c.right-r.left:o=s>0?r.bottom-c.top:c.bottom-r.top;let H=v==="vertical"?p.width:p.height;return!(r.width>0&&r.height>0)||!Number.isFinite(o)?b:Math.max(L,Math.min(b,Math.round(o-H)))},[E,A,b,L,v]),ie=()=>{S.current?.setAttribute("aria-valuemax",String(K()))};de(()=>{S.current?.setAttribute("aria-valuenow",String(Math.round(I())))},[I]);let M=(e,t)=>{e.style.setProperty(D,`${t}px`),S.current?.setAttribute("aria-valuenow",String(Math.round(t)))},ae=j.charAt(0).toUpperCase()+j.slice(1);return n.createElement("div",{ref:oe,className:me("kui-ShellResizer",d),"data-orientation":v,"data-edge":te,role:"separator",tabIndex:0,"aria-label":`Resize ${ae} pane`,"aria-controls":ee,"aria-orientation":v,"aria-valuemin":L,"aria-valuemax":b,...R,onPointerDown:e=>{R.onPointerDown?.(e);let t=E.current;if(!t||e.defaultPrevented||e.button!==0)return;e.preventDefault();let r=e.currentTarget,c=e.pointerId;C.current?.();try{r.setPointerCapture(c)}catch{}let p=getComputedStyle(t),s=Number.parseFloat(p.getPropertyValue(D)),o=Number.isFinite(s)?s:k,H=v==="vertical"?e.clientX:e.clientY,se=A(p.direction==="rtl"),X=K();r.setAttribute("aria-valuemax",String(X));let Y=i=>Math.min(Math.max(i,L),X);t.setAttribute("data-resizing",""),r.setAttribute("data-dragging","");let h=document.body,le=h.style.cursor,ce=h.style.userSelect;h.style.cursor=v==="vertical"?"col-resize":"row-resize",h.style.userSelect="none",q?.(o);let f=o,W=o,l=0,P=null,$=()=>{if(l=0,P===null)return;let i=P;P=null,y?.(i)},O=null,G=!1,ue=(i,w)=>{if(i.type===w)G=!0;else if(G)return!1;return!0},u=i=>{if(!ue(i,"pointermove")||i===O)return;O=i;let w=v==="vertical"?i.clientX:i.clientY;W=o+(w-H)*se,f=Y(W),M(t,f),P=f,l||(l=requestAnimationFrame($))},N=()=>{l&&cancelAnimationFrame(l),l=0;try{r.releasePointerCapture(c)}catch{}window.removeEventListener("pointermove",u),document.removeEventListener("pointermove",u),window.removeEventListener("mousemove",u),document.removeEventListener("mousemove",u),r.removeEventListener("pointermove",u),window.removeEventListener("pointerup",a),document.removeEventListener("pointerup",a),window.removeEventListener("mouseup",a),document.removeEventListener("mouseup",a),window.removeEventListener("pointercancel",a),document.removeEventListener("pointercancel",a),window.removeEventListener("keydown",J),r.removeEventListener("lostpointercapture",a),t.removeAttribute("data-resizing"),r.removeAttribute("data-dragging"),h.style.cursor=le,h.style.userSelect=ce,C.current=null},U=!1,a=()=>{if(U)return;if(U=!0,l&&cancelAnimationFrame(l),$(),F&&typeof V=="number"&&W<=V){M(t,o),y?.(o),N(),re?.(),z?.(o);return}let i=f;if(T&&T.length){let w=T.reduce((Q,Z)=>Math.abs(Z-f)<Math.abs(Q-f)?Z:Q,T[0]);Math.abs(w-f)<=ne&&(i=Y(w),M(t,i),y?.(i))}z?.(i),N()},J=i=>{i.key==="Escape"&&(l&&cancelAnimationFrame(l),l=0,P=null,M(t,o),y?.(o),U=!0,z?.(o),N())};window.addEventListener("pointermove",u),document.addEventListener("pointermove",u),window.addEventListener("mousemove",u),document.addEventListener("mousemove",u),r.addEventListener("pointermove",u),window.addEventListener("pointerup",a),document.addEventListener("pointerup",a),window.addEventListener("mouseup",a),document.addEventListener("mouseup",a),window.addEventListener("pointercancel",a),document.addEventListener("pointercancel",a),window.addEventListener("keydown",J),r.addEventListener("lostpointercapture",a),C.current=N},onDoubleClick:e=>{R.onDoubleClick?.(e),!e.defaultPrevented&&F&&B?.()},onFocus:e=>{R.onFocus?.(e),ie()},onKeyDown:e=>{R.onKeyDown?.(e);let t=E.current;if(!t||e.defaultPrevented)return;if(e.key==="Enter"){F&&B&&(e.preventDefault(),B());return}let r=I(),c=K(),p=o=>Math.min(Math.max(o,L),c),s;if(e.key==="Home")s=p(L);else if(e.key==="End")s=p(c);else{let o=v==="vertical"?e.key==="ArrowRight"?1:e.key==="ArrowLeft"?-1:0:e.key==="ArrowDown"?1:e.key==="ArrowUp"?-1:0;if(o===0)return;let H=e.shiftKey?32:8;s=p(r+o*H*A(getComputedStyle(t).direction==="rtl"))}e.preventDefault(),q?.(r),M(t,s),y?.(s),z?.(s)}},m)});x.displayName="Shell.Handle";var ve=n.forwardRef((d,m)=>n.createElement(x,{...d,ref:m}));ve.displayName="Shell.Panel.Handle";var pe=n.forwardRef((d,m)=>n.createElement(x,{...d,ref:m}));pe.displayName="Shell.Sidebar.Handle";var fe=n.forwardRef((d,m)=>n.createElement(x,{...d,ref:m}));fe.displayName="Shell.Inspector.Handle";var Ee=n.forwardRef((d,m)=>n.createElement(x,{...d,ref:m}));Ee.displayName="Shell.Bottom.Handle";export{x as a,ve as b,pe as c,fe as d,Ee as e};
+//# sourceMappingURL=chunk-3QWGSRYC.js.map

package/dist/esm/chunk-3QWGSRYC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/_internal/shell-handles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport { useLayoutEffect } from 'radix-ui/internal';\nimport classNames from 'classnames';\nimport { usePaneResize } from './shell-resize.js';\n\n/**\n * The resize handle: the WAI-ARIA window splitter. `role=\"separator\"` with a\n * value, focusable because it is operable, `aria-controls` naming its pane.\n *\n * A drag writes the size variable directly on the pane and sets no React\n * state, so nothing re-renders per move. `onResize` is called at most once per\n * animation frame, and once more with the final size when the drag ends. The\n * direction and the ceiling are read once, when the drag starts.\n */\nexport const PaneHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(({ className, children, ...props }, ref) => {\n  const {\n    containerRef,\n    controls,\n    cssVarName,\n    minSize,\n    maxSize,\n    defaultSize,\n    orientation,\n    edge,\n    growth,\n    onResize,\n    onResizeStart,\n    onResizeEnd,\n    snapPoints,\n    snapTolerance,\n    collapseThreshold,\n    collapsible,\n    target,\n    requestCollapse,\n    requestToggle,\n  } = usePaneResize();\n\n  const handleRef = React.useRef<HTMLDivElement | null>(null);\n  const setRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      handleRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n    },\n    [ref],\n  );\n\n  const activeCleanupRef = React.useRef<(() => void) | null>(null);\n  React.useEffect(\n    () => () => {\n      activeCleanupRef.current?.();\n      activeCleanupRef.current = null;\n    },\n    [],\n  );\n\n  /** The pane's size as the stylesheet sees it. Read at the edges of a gesture, never during one. */\n  const readSize = React.useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return defaultSize;\n    const parsed = Number.parseFloat(getComputedStyle(container).getPropertyValue(cssVarName));\n    return Number.isFinite(parsed) ? parsed : defaultSize;\n  }, [containerRef, cssVarName, defaultSize]);\n\n  /**\n   * The largest size a resize may reach: the stated maximum, and never so\n   * large that the handle leaves the frame. The room is measured from the\n   * pane's anchored edge, which does not move, to the far edge of the frame,\n   * so a pane that starts after a Rail has less room than the frame's width.\n   * Without the cap a pane with a generous `maxSize` could be resized until\n   * its own handle was off screen.\n   */\n  const ceiling = React.useCallback(() => {\n    const container = containerRef.current;\n    const handle = handleRef.current;\n    const frame = container?.closest('.kui-ShellRoot')?.getBoundingClientRect();\n    if (!container || !frame || !handle) return maxSize;\n    const pane = container.getBoundingClientRect();\n    const hitBox = handle.getBoundingClientRect();\n    const sign = growth(getComputedStyle(container).direction === 'rtl');\n    let room: number;\n    if (orientation === 'vertical') room = sign > 0 ? frame.right - pane.left : pane.right - frame.left;\n    else room = sign > 0 ? frame.bottom - pane.top : pane.bottom - frame.top;\n    const hit = orientation === 'vertical' ? hitBox.width : hitBox.height;\n    if (!(frame.width > 0 && frame.height > 0) || !Number.isFinite(room)) return maxSize;\n    return Math.max(minSize, Math.min(maxSize, Math.round(room - hit)));\n  }, [containerRef, growth, maxSize, minSize, orientation]);\n\n  // The announced maximum is what a resize can reach now, not only the prop.\n  const announceCeiling = () => {\n    handleRef.current?.setAttribute('aria-valuemax', String(ceiling()));\n  };\n\n  // The announced value is seeded from the real size once the pane has a box.\n  useLayoutEffect(() => {\n    handleRef.current?.setAttribute('aria-valuenow', String(Math.round(readSize())));\n  }, [readSize]);\n\n  const write = (container: HTMLElement, size: number) => {\n    container.style.setProperty(cssVarName, `${size}px`);\n    handleRef.current?.setAttribute('aria-valuenow', String(Math.round(size)));\n  };\n\n  const targetLabel = target.charAt(0).toUpperCase() + target.slice(1);\n\n  return (\n    // A focusable separator with a value is the WAI-ARIA window splitter, an\n    // interactive widget; jsx-a11y classes every separator as static.\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n    <div\n      ref={setRef}\n      className={classNames('kui-ShellResizer', className)}\n      data-orientation={orientation}\n      data-edge={edge}\n      role=\"separator\"\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n      tabIndex={0}\n      aria-label={`Resize ${targetLabel} pane`}\n      aria-controls={controls}\n      aria-orientation={orientation}\n      aria-valuemin={minSize}\n      aria-valuemax={maxSize}\n      {...props}\n      onPointerDown={(e) => {\n        props.onPointerDown?.(e);\n        const container = containerRef.current;\n        if (!container || e.defaultPrevented || e.button !== 0) return;\n        e.preventDefault();\n        const handleEl = e.currentTarget as HTMLElement;\n        const pointerId = e.pointerId;\n        activeCleanupRef.current?.();\n        try {\n          handleEl.setPointerCapture(pointerId);\n        } catch {\n          // Capture can fail for a pointer that is already gone; the window listeners below still carry the drag.\n        }\n\n        // Everything a move needs is read here, once.\n        const startStyle = getComputedStyle(container);\n        const parsedStart = Number.parseFloat(startStyle.getPropertyValue(cssVarName));\n        const startSize = Number.isFinite(parsedStart) ? parsedStart : defaultSize;\n        const startClient = orientation === 'vertical' ? e.clientX : e.clientY;\n        const sign = growth(startStyle.direction === 'rtl');\n        const cap = ceiling();\n        handleEl.setAttribute('aria-valuemax', String(cap));\n        const clamp = (v: number) => Math.min(Math.max(v, minSize), cap);\n\n        container.setAttribute('data-resizing', '');\n        handleEl.setAttribute('data-dragging', '');\n        const body = document.body;\n        const prevCursor = body.style.cursor;\n        const prevUserSelect = body.style.userSelect;\n        body.style.cursor = orientation === 'vertical' ? 'col-resize' : 'row-resize';\n        body.style.userSelect = 'none';\n        onResizeStart?.(startSize);\n\n        let current = startSize;\n        // The unclamped size, so `collapseThreshold` is compared before the\n        // clamp: a threshold below `minSize` can then still collapse the pane.\n        let raw = startSize;\n        let frame = 0;\n        let pending: number | null = null;\n        const flush = () => {\n          frame = 0;\n          if (pending === null) return;\n          const size = pending;\n          pending = null;\n          onResize?.(size);\n        };\n\n        // The move handler listens on the handle, the document and the window,\n        // so a drag survives environments where pointer events do not reach\n        // all three. One movement can therefore arrive several times: once per\n        // node it propagates through, and again as the compatibility mouse\n        // event. Only the first copy does any work.\n        let lastHandledMove: Event | null = null;\n        let seenPointerEvent = false;\n        const shouldHandle = (ev: Event, pointerType: string) => {\n          if (ev.type === pointerType) seenPointerEvent = true;\n          else if (seenPointerEvent) return false;\n          return true;\n        };\n\n        const handleMove = (ev: PointerEvent) => {\n          if (!shouldHandle(ev, 'pointermove')) return;\n          if (ev === lastHandledMove) return;\n          lastHandledMove = ev;\n          const client = orientation === 'vertical' ? ev.clientX : ev.clientY;\n          raw = startSize + (client - startClient) * sign;\n          current = clamp(raw);\n          write(container, current);\n          pending = current;\n          if (!frame) frame = requestAnimationFrame(flush);\n        };\n\n        const cleanup = () => {\n          if (frame) cancelAnimationFrame(frame);\n          frame = 0;\n          try {\n            handleEl.releasePointerCapture(pointerId);\n          } catch {\n            // Already released.\n          }\n          window.removeEventListener('pointermove', handleMove as EventListener);\n          document.removeEventListener('pointermove', handleMove as EventListener);\n          window.removeEventListener('mousemove', handleMove as EventListener);\n          document.removeEventListener('mousemove', handleMove as EventListener);\n          handleEl.removeEventListener('pointermove', handleMove as EventListener);\n          window.removeEventListener('pointerup', handleUp as EventListener);\n          document.removeEventListener('pointerup', handleUp as EventListener);\n          window.removeEventListener('mouseup', handleUp as EventListener);\n          document.removeEventListener('mouseup', handleUp as EventListener);\n          window.removeEventListener('pointercancel', handleUp as EventListener);\n          document.removeEventListener('pointercancel', handleUp as EventListener);\n          window.removeEventListener('keydown', handleKey as EventListener);\n          handleEl.removeEventListener('lostpointercapture', handleUp as EventListener);\n          container.removeAttribute('data-resizing');\n          handleEl.removeAttribute('data-dragging');\n          body.style.cursor = prevCursor;\n          body.style.userSelect = prevUserSelect;\n          activeCleanupRef.current = null;\n        };\n\n        let finished = false;\n        const handleUp = () => {\n          if (finished) return;\n          finished = true;\n          // The last move's size is delivered now rather than on the next frame.\n          if (frame) cancelAnimationFrame(frame);\n          flush();\n\n          if (collapsible && typeof collapseThreshold === 'number' && raw <= collapseThreshold) {\n            // A drag past the threshold closes the pane and keeps no size: the\n            // pane opens again at the size it had before the drag. The drag\n            // still ends, at that size, so a consumer that started something\n            // in onResizeStart can stop it.\n            write(container, startSize);\n            onResize?.(startSize);\n            cleanup();\n            requestCollapse?.();\n            onResizeEnd?.(startSize);\n            return;\n          }\n\n          let settled = current;\n          if (snapPoints && snapPoints.length) {\n            const nearest = snapPoints.reduce((acc, p) => (Math.abs(p - current) < Math.abs(acc - current) ? p : acc), snapPoints[0]);\n            if (Math.abs(nearest - current) <= snapTolerance) {\n              settled = clamp(nearest);\n              write(container, settled);\n              onResize?.(settled);\n            }\n          }\n          onResizeEnd?.(settled);\n          cleanup();\n        };\n\n        const handleKey = (kev: KeyboardEvent) => {\n          if (kev.key !== 'Escape') return;\n          if (frame) cancelAnimationFrame(frame);\n          frame = 0;\n          pending = null;\n          write(container, startSize);\n          onResize?.(startSize);\n          finished = true;\n          onResizeEnd?.(startSize);\n          cleanup();\n        };\n\n        window.addEventListener('pointermove', handleMove as EventListener);\n        document.addEventListener('pointermove', handleMove as EventListener);\n        window.addEventListener('mousemove', handleMove as EventListener);\n        document.addEventListener('mousemove', handleMove as EventListener);\n        handleEl.addEventListener('pointermove', handleMove as EventListener);\n        window.addEventListener('pointerup', handleUp as EventListener);\n        document.addEventListener('pointerup', handleUp as EventListener);\n        window.addEventListener('mouseup', handleUp as EventListener);\n        document.addEventListener('mouseup', handleUp as EventListener);\n        window.addEventListener('pointercancel', handleUp as EventListener);\n        document.addEventListener('pointercancel', handleUp as EventListener);\n        window.addEventListener('keydown', handleKey as EventListener);\n        handleEl.addEventListener('lostpointercapture', handleUp as EventListener);\n        activeCleanupRef.current = cleanup;\n      }}\n      onDoubleClick={(e) => {\n        props.onDoubleClick?.(e);\n        if (!e.defaultPrevented && collapsible) requestToggle?.();\n      }}\n      onFocus={(e) => {\n        props.onFocus?.(e);\n        announceCeiling();\n      }}\n      onKeyDown={(e) => {\n        props.onKeyDown?.(e);\n        const container = containerRef.current;\n        if (!container || e.defaultPrevented) return;\n        // Enter collapses and restores the pane, as a double-click does (WAI-ARIA window splitter).\n        if (e.key === 'Enter') {\n          if (collapsible && requestToggle) {\n            e.preventDefault();\n            requestToggle();\n          }\n          return;\n        }\n        const current = readSize();\n        // The keys reach as far as a drag does: the frame caps both.\n        const cap = ceiling();\n        const clamp = (v: number) => Math.min(Math.max(v, minSize), cap);\n        let next: number | undefined;\n        if (e.key === 'Home') next = clamp(minSize);\n        else if (e.key === 'End') next = clamp(cap);\n        else {\n          // The key moves the boundary along its axis; the pane grows or\n          // shrinks the way a drag in that direction would, so Bottom's\n          // ArrowUp grows it and an end-anchored pane mirrors in RTL.\n          const along = orientation === 'vertical' ? (e.key === 'ArrowRight' ? 1 : e.key === 'ArrowLeft' ? -1 : 0) : e.key === 'ArrowDown' ? 1 : e.key === 'ArrowUp' ? -1 : 0;\n          if (along === 0) return;\n          const step = e.shiftKey ? 32 : 8;\n          next = clamp(current + along * step * growth(getComputedStyle(container).direction === 'rtl'));\n        }\n        e.preventDefault();\n        onResizeStart?.(current);\n        write(container, next);\n        onResize?.(next);\n        onResizeEnd?.(next);\n      }}\n    >\n      {children}\n    </div>\n  );\n});\nPaneHandle.displayName = 'Shell.Handle';\n\nexport const PanelHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nPanelHandle.displayName = 'Shell.Panel.Handle';\n\nexport const SidebarHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nSidebarHandle.displayName = 'Shell.Sidebar.Handle';\n\nexport const InspectorHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nInspectorHandle.displayName = 'Shell.Inspector.Handle';\n\nexport const BottomHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nBottomHandle.displayName = 'Shell.Bottom.Handle';\n"],
+  "mappings": "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",
+  "names": ["React", "useLayoutEffect", "classNames", "PaneHandle", "className", "children", "props", "ref", "containerRef", "controls", "cssVarName", "minSize", "maxSize", "defaultSize", "orientation", "edge", "growth", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "collapsible", "target", "requestCollapse", "requestToggle", "usePaneResize", "handleRef", "setRef", "node", "activeCleanupRef", "readSize", "container", "parsed", "ceiling", "handle", "frame", "pane", "hitBox", "sign", "room", "hit", "announceCeiling", "useLayoutEffect", "write", "size", "targetLabel", "classNames", "handleEl", "pointerId", "startStyle", "parsedStart", "startSize", "startClient", "cap", "clamp", "v", "body", "prevCursor", "prevUserSelect", "current", "raw", "pending", "flush", "lastHandledMove", "seenPointerEvent", "shouldHandle", "ev", "pointerType", "handleMove", "client", "cleanup", "handleUp", "handleKey", "finished", "settled", "nearest", "acc", "p", "kev", "next", "along", "step", "PanelHandle", "SidebarHandle", "InspectorHandle", "BottomHandle"]
+}

package/dist/esm/{chunk-IAEAXIBI.js → chunk-4J7QDLKI.js}

@@ -1,2 +1,3 @@
-import{a as t}from"./chunk-NA237RHQ.js";import{a as s}from"./chunk-NZJGC6ZW.js";var n=["div","span"],a=["none","inline-grid","grid"],o=["1","2","3","4","5","6","7","8","9"],u=["1","2","3","4","5","6","7","8","9"],p=["row","column","dense","row-dense","column-dense"],i=["start","center","end","baseline","stretch"],l=["start","center","end","between"],c=["start","center","end","baseline","between","around","evenly","stretch"],f=["start","center","end","baseline","stretch"],m={as:{type:"enum",values:n,default:"div"},...s,display:{type:"enum",className:"kui-r-display",values:a,responsive:!0},areas:{type:"string",className:"kui-r-gta",customProperties:["--grid-template-areas"],responsive:!0},columns:{type:"enum | string",className:"kui-r-gtc",customProperties:["--grid-template-columns"],values:o,parseValue:r,responsive:!0},rows:{type:"enum | string",className:"kui-r-gtr",customProperties:["--grid-template-rows"],values:u,parseValue:r,responsive:!0},flow:{type:"enum",className:"kui-r-gaf",values:p,responsive:!0},align:{type:"enum",className:"kui-r-ai",values:i,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:l,parseValue:y,responsive:!0},alignContent:{type:"enum",className:"kui-r-ac",values:c,parseValue:d,responsive:!0},justifyItems:{type:"enum",className:"kui-r-ji",values:f,responsive:!0},...t};function r(e){return m.columns.values.includes(e)?e:e?.match(/^\d+$/)?`repeat(${e}, minmax(0, 1fr))`:e}function y(e){return e==="between"?"space-between":e}function d(e){return e==="between"?"space-between":e==="around"?"space-around":e==="evenly"?"space-evenly":e}export{m as a};
-//# sourceMappingURL=chunk-IAEAXIBI.js.map
+"use client";
+import{a as t}from"./chunk-CR65RYGM.js";import{a as s}from"./chunk-CLJ6SEGP.js";var n=["div","span"],a=["none","inline-grid","grid"],o=["1","2","3","4","5","6","7","8","9"],u=["1","2","3","4","5","6","7","8","9"],p=["row","column","dense","row-dense","column-dense"],i=["start","center","end","baseline","stretch"],l=["start","center","end","between"],c=["start","center","end","baseline","between","around","evenly","stretch"],f=["start","center","end","baseline","stretch"],m={as:{type:"enum",values:n,default:"div"},...s,display:{type:"enum",className:"kui-r-display",values:a,responsive:!0},areas:{type:"string",className:"kui-r-gta",customProperties:["--grid-template-areas"],responsive:!0},columns:{type:"enum | string",className:"kui-r-gtc",customProperties:["--grid-template-columns"],values:o,parseValue:r,responsive:!0},rows:{type:"enum | string",className:"kui-r-gtr",customProperties:["--grid-template-rows"],values:u,parseValue:r,responsive:!0},flow:{type:"enum",className:"kui-r-gaf",values:p,responsive:!0},align:{type:"enum",className:"kui-r-ai",values:i,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:l,parseValue:y,responsive:!0},alignContent:{type:"enum",className:"kui-r-ac",values:c,parseValue:d,responsive:!0},justifyItems:{type:"enum",className:"kui-r-ji",values:f,responsive:!0},...t};function r(e){return m.columns.values.includes(e)?e:e?.match(/^\d+$/)?`repeat(${e}, minmax(0, 1fr))`:e}function y(e){return e==="between"?"space-between":e}function d(e){return e==="between"?"space-between":e==="around"?"space-around":e==="evenly"?"space-evenly":e}export{m as a};
+//# sourceMappingURL=chunk-4J7QDLKI.js.map

package/dist/esm/{chunk-IAEAXIBI.js.map → chunk-4J7QDLKI.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/grid.props.tsx"],
   "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { gapPropDefs } from '../props/gap.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst as = ['div', 'span'] as const;\nconst displayValues = ['none', 'inline-grid', 'grid'] as const;\nconst columnsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst rowsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst flowValues = ['row', 'column', 'dense', 'row-dense', 'column-dense'] as const;\nconst alignValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\nconst justifyValues = ['start', 'center', 'end', 'between'] as const;\nconst alignContentValues = [\n  'start',\n  'center',\n  'end',\n  'baseline',\n  'between',\n  'around',\n  'evenly',\n  'stretch',\n] as const;\nconst justifyItemsValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\n\nconst gridPropDefs = {\n  /**\n   * Controls whether to render **div** or **span**\n   *\n   * @example\n   * as=\"div\"\n   * as=\"span\"\n   */\n  as: { type: 'enum', values: as, default: 'div' },\n  ...asChildPropDef,\n  /**\n   * Sets the CSS **display** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * display=\"inline-grid\"\n   * display={{ sm: 'none', lg: 'grid' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/display\n   */\n  display: {\n    type: 'enum',\n    className: 'kui-r-display',\n    values: displayValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * template='\"header header\" \"sidebar content\"'\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas\n   */\n  areas: {\n    type: 'string',\n    className: 'kui-r-gta',\n    customProperties: ['--grid-template-areas'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template-columns** property.\n   * Supports numeric string values, CSS strings and responsive objects.\n   *\n   * Use numeric string values to create grid columns of even size.\n   *\n   * @example\n   * columns=\"3\"\n   * columns=\"100px 1fr\"\n   * columns={{ xs: '1', md: 'auto 1fr' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns\n   */\n  columns: {\n    type: 'enum | string',\n    className: 'kui-r-gtc',\n    customProperties: ['--grid-template-columns'],\n    values: columnsValues,\n    parseValue: parseGridValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template-rows** property.\n   * Supports numeric string values, CSS strings and responsive objects.\n   *\n   * Use numeric string values to create grid rows of even size.\n   *\n   * @example\n   * rows=\"3\"\n   * rows=\"100px 1fr\"\n   * rows={{ xs: '1', md: 'auto 1fr' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows\n   */\n  rows: {\n    type: 'enum | string',\n    className: 'kui-r-gtr',\n    customProperties: ['--grid-template-rows'],\n    values: rowsValues,\n    parseValue: parseGridValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-auto-flow** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * flow=\"column\"\n   * flow={{ sm: 'column', lg: 'row' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow\n   */\n  flow: {\n    type: 'enum',\n    className: 'kui-r-gaf',\n    values: flowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **align-items** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * align=\"center\"\n   * align={{ sm: 'baseline', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/align-items\n   */\n  align: {\n    type: 'enum',\n    className: 'kui-r-ai',\n    values: alignValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **justify-content** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * justify=\"between\"\n   * justify={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content\n   */\n  justify: {\n    type: 'enum',\n    className: 'kui-r-jc',\n    values: justifyValues,\n    parseValue: parseJustifyValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **align-content** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * alignContent=\"between\"\n   * alignContent={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/align-content\n   */\n  alignContent: {\n    type: 'enum',\n    className: 'kui-r-ac',\n    values: alignContentValues,\n    parseValue: parseAlignContentValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **justify-items** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * justifyItems=\"center\"\n   * justifyItems={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items\n   */\n  justifyItems: {\n    type: 'enum',\n    className: 'kui-r-ji',\n    values: justifyItemsValues,\n    responsive: true,\n  },\n  ...gapPropDefs,\n} satisfies {\n  as: PropDef<(typeof as)[number]>;\n  display: PropDef<(typeof displayValues)[number]>;\n  areas: PropDef<string>;\n  columns: PropDef<(typeof columnsValues)[number]>;\n  rows: PropDef<(typeof rowsValues)[number]>;\n  flow: PropDef<(typeof flowValues)[number]>;\n  align: PropDef<(typeof alignValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n  alignContent: PropDef<(typeof alignContentValues)[number]>;\n  justifyItems: PropDef<(typeof justifyItemsValues)[number]>;\n};\n\nfunction parseGridValue(value: string): string {\n  if ((gridPropDefs.columns.values as readonly string[]).includes(value)) {\n    return value;\n  }\n\n  return value?.match(/^\\d+$/) ? `repeat(${value}, minmax(0, 1fr))` : value;\n}\n\nfunction parseJustifyValue(value: string) {\n  return value === 'between' ? 'space-between' : value;\n}\n\nfunction parseAlignContentValue(value: string) {\n  return value === 'between'\n    ? 'space-between'\n    : value === 'around'\n      ? 'space-around'\n      : value === 'evenly'\n        ? 'space-evenly'\n        : value;\n}\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype GridOwnProps = GetPropDefTypes<typeof gridPropDefs & typeof asChildPropDef>;\n\nexport { gridPropDefs };\nexport type { GridOwnProps };\n"],
-  "mappings": "gFAKA,IAAMA,EAAK,CAAC,MAAO,MAAM,EACnBC,EAAgB,CAAC,OAAQ,cAAe,MAAM,EAC9CC,EAAgB,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EAC5DC,EAAa,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EACzDC,EAAa,CAAC,MAAO,SAAU,QAAS,YAAa,cAAc,EACnEC,EAAc,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAC9DC,EAAgB,CAAC,QAAS,SAAU,MAAO,SAAS,EACpDC,EAAqB,CACzB,QACA,SACA,MACA,WACA,UACA,SACA,SACA,SACF,EACMC,EAAqB,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAErEC,EAAe,CAQnB,GAAI,CAAE,KAAM,OAAQ,OAAQT,EAAI,QAAS,KAAM,EAC/C,GAAGU,EAYH,QAAS,CACP,KAAM,OACN,UAAW,gBACX,OAAQT,EACR,WAAY,EACd,EAWA,MAAO,CACL,KAAM,SACN,UAAW,YACX,iBAAkB,CAAC,uBAAuB,EAC1C,WAAY,EACd,EAeA,QAAS,CACP,KAAM,gBACN,UAAW,YACX,iBAAkB,CAAC,yBAAyB,EAC5C,OAAQC,EACR,WAAYS,EACZ,WAAY,EACd,EAeA,KAAM,CACJ,KAAM,gBACN,UAAW,YACX,iBAAkB,CAAC,sBAAsB,EACzC,OAAQR,EACR,WAAYQ,EACZ,WAAY,EACd,EAYA,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQP,EACR,WAAY,EACd,EAYA,MAAO,CACL,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAY,EACd,EAYA,QAAS,CACP,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAYM,EACZ,WAAY,EACd,EAYA,aAAc,CACZ,KAAM,OACN,UAAW,WACX,OAAQL,EACR,WAAYM,EACZ,WAAY,EACd,EAYA,aAAc,CACZ,KAAM,OACN,UAAW,WACX,OAAQL,EACR,WAAY,EACd,EACA,GAAGM,CACL,EAaA,SAASH,EAAeI,EAAuB,CAC7C,OAAKN,EAAa,QAAQ,OAA6B,SAASM,CAAK,EAC5DA,EAGFA,GAAO,MAAM,OAAO,EAAI,UAAUA,CAAK,oBAAsBA,CACtE,CAEA,SAASH,EAAkBG,EAAe,CACxC,OAAOA,IAAU,UAAY,gBAAkBA,CACjD,CAEA,SAASF,EAAuBE,EAAe,CAC7C,OAAOA,IAAU,UACb,gBACAA,IAAU,SACR,eACAA,IAAU,SACR,eACAA,CACV",
+  "mappings": ";gFAKA,IAAMA,EAAK,CAAC,MAAO,MAAM,EACnBC,EAAgB,CAAC,OAAQ,cAAe,MAAM,EAC9CC,EAAgB,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EAC5DC,EAAa,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EACzDC,EAAa,CAAC,MAAO,SAAU,QAAS,YAAa,cAAc,EACnEC,EAAc,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAC9DC,EAAgB,CAAC,QAAS,SAAU,MAAO,SAAS,EACpDC,EAAqB,CACzB,QACA,SACA,MACA,WACA,UACA,SACA,SACA,SACF,EACMC,EAAqB,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAErEC,EAAe,CAQnB,GAAI,CAAE,KAAM,OAAQ,OAAQT,EAAI,QAAS,KAAM,EAC/C,GAAGU,EAYH,QAAS,CACP,KAAM,OACN,UAAW,gBACX,OAAQT,EACR,WAAY,EACd,EAWA,MAAO,CACL,KAAM,SACN,UAAW,YACX,iBAAkB,CAAC,uBAAuB,EAC1C,WAAY,EACd,EAeA,QAAS,CACP,KAAM,gBACN,UAAW,YACX,iBAAkB,CAAC,yBAAyB,EAC5C,OAAQC,EACR,WAAYS,EACZ,WAAY,EACd,EAeA,KAAM,CACJ,KAAM,gBACN,UAAW,YACX,iBAAkB,CAAC,sBAAsB,EACzC,OAAQR,EACR,WAAYQ,EACZ,WAAY,EACd,EAYA,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQP,EACR,WAAY,EACd,EAYA,MAAO,CACL,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAY,EACd,EAYA,QAAS,CACP,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAYM,EACZ,WAAY,EACd,EAYA,aAAc,CACZ,KAAM,OACN,UAAW,WACX,OAAQL,EACR,WAAYM,EACZ,WAAY,EACd,EAYA,aAAc,CACZ,KAAM,OACN,UAAW,WACX,OAAQL,EACR,WAAY,EACd,EACA,GAAGM,CACL,EAaA,SAASH,EAAeI,EAAuB,CAC7C,OAAKN,EAAa,QAAQ,OAA6B,SAASM,CAAK,EAC5DA,EAGFA,GAAO,MAAM,OAAO,EAAI,UAAUA,CAAK,oBAAsBA,CACtE,CAEA,SAASH,EAAkBG,EAAe,CACxC,OAAOA,IAAU,UAAY,gBAAkBA,CACjD,CAEA,SAASF,EAAuBE,EAAe,CAC7C,OAAOA,IAAU,UACb,gBACAA,IAAU,SACR,eACAA,IAAU,SACR,eACAA,CACV",
   "names": ["as", "displayValues", "columnsValues", "rowsValues", "flowValues", "alignValues", "justifyValues", "alignContentValues", "justifyItemsValues", "gridPropDefs", "asChildPropDef", "parseGridValue", "parseJustifyValue", "parseAlignContentValue", "gapPropDefs", "value"]
 }

package/dist/esm/chunk-5CFSNNYS.js

@@ -0,0 +1,3 @@
+"use client";
+import{a as re,b as ae}from"./chunk-FPGBCCML.js";import{a as B,b as te,c as D}from"./chunk-7ROKZHH2.js";import{a as oe}from"./chunk-WUCBFB25.js";import{a as ee}from"./chunk-TGRHRMQI.js";import{b as Y,c as Z}from"./chunk-N3QLHFHB.js";import{a as U}from"./chunk-ILWS2JUE.js";import{b as J,c as Q}from"./chunk-GKDGNPBD.js";import{c as _}from"./chunk-5KMEUZWN.js";import{b as X}from"./chunk-5ON3XLRD.js";import{c as O}from"./chunk-OKQAVYW4.js";import{a as Ie}from"./chunk-VQPANPMI.js";var Fe={};Ie(Fe,{Content:()=>xe,Empty:()=>Re,Group:()=>ye,Input:()=>Pe,Item:()=>Se,Label:()=>he,List:()=>ge,Root:()=>de,Separator:()=>ve,Trigger:()=>Ce,Value:()=>fe});import*as e from"react";import d from"classnames";import{Popover as ne}from"radix-ui";import{useCallbackRef as A,useComposedRefs as le,useControllableState as G,useLayoutEffect as W}from"radix-ui/internal";import{Command as T,useCommandState as se}from"cmdk";var we={size:B.size},Ne={size:D.size},ie=new Set;function Le(o){ie.has(o)||(ie.add(o),console.warn(o))}function Oe(o){let r=o,t=new Set;return{get:()=>r,set:a=>{Object.is(a,r)||(r=a,t.forEach(n=>n()))},subscribe:a=>(t.add(a),()=>{t.delete(a)})}}var me=e.createContext(null),M=o=>{let r=e.useContext(me);if(!r)throw new Error(`Combobox.${o} must be used within Combobox.Root`);return r},ce=e.createContext(null),be=e.createContext(null),ue=e.createContext(null),pe=()=>e.useContext(ue);function De(o){let r=o.getAttribute("aria-label")?.trim();if(r)return r;let t=o.getAttribute("aria-labelledby");if(t){let n=t.split(/\s+/).map(s=>o.ownerDocument.getElementById(s)?.textContent?.trim()).filter(Boolean).join(" ");if(n)return n}let a=o.labels;if(a&&a.length>0){let n=Array.from(a).map(s=>s.textContent?.trim()).filter(Boolean).join(" ");if(n)return n}}var de=o=>{let{children:r,size:t,value:a,defaultValue:n=null,onValueChange:s,open:m,defaultOpen:C=!1,onOpenChange:l,placeholder:c="Select an option",searchPlaceholder:P="Search...",searchValue:g,defaultSearchValue:R="",onSearchValueChange:y,filter:f,shouldFilter:i=!0,loop:b=!0,disabled:h,resetSearchOnSelect:x=!0,resetSearchOnClose:S=!0,color:V,displayValue:v,...k}=o,p=X(t,B.size),[E,I]=G({prop:m,defaultProp:C,onChange:l}),[u,Ve]=G({prop:a,defaultProp:n,onChange:s}),[j,w]=G({prop:g,defaultProp:R,onChange:y}),K=typeof v=="function"?v(u):v,[N]=e.useState(()=>Oe(u));W(()=>{N.set(u)},[N,u]);let F=A(L=>{I(L),!L&&S&&w("")}),q=A(L=>{Ve(L),I(!1),x&&w("")}),z=e.useRef(null),$=e.useCallback(()=>z.current?De(z.current):void 0,[]),Ee=e.useMemo(()=>({value:u,displayValue:K,setOpen:F,size:p,placeholder:c,searchPlaceholder:P,disabled:h,color:V,loop:b,shouldFilter:i,filter:f,triggerRef:z,getTriggerLabel:$}),[u,K,F,p,c,P,h,V,b,i,f,$]),ke=e.useMemo(()=>({value:j,setValue:w}),[j,w]),Te=e.useMemo(()=>({store:N,onSelect:q,disabled:h}),[N,q,h]);return e.createElement(me.Provider,{value:Ee},e.createElement(ce.Provider,{value:ke},e.createElement(be.Provider,{value:Te},e.createElement(re,{open:E,onOpenChange:F,...k},r))))};de.displayName="Combobox.Root";var Ce=e.forwardRef((o,r)=>{let t=M("Trigger"),{children:a,className:n,placeholder:s,disabled:m,readOnly:C,error:l,loading:c,color:P,radius:g,onClick:R,onKeyDown:y,type:f,...i}=O({size:t.size,...o},we,te),b=m??t.disabled,h=P??t.color,x=!!(C||c),S=t.value==null&&t.displayValue==null,V=le(r,t.triggerRef),{getTriggerLabel:v}=t;e.useEffect(()=>{},[v]);let k=u=>{R?.(u),x&&u.preventDefault()},p=u=>{y?.(u),!(u.defaultPrevented||x||b)&&(u.key==="ArrowDown"||u.key==="ArrowUp")&&(u.preventDefault(),t.setOpen(!0))},E=e.createElement("span",{className:"kui-SelectIcon kui-SelectLoadingIcon","aria-hidden":"true"},e.createElement(U,null)),I=e.createElement(e.Fragment,null,e.createElement("span",{className:"kui-SelectTriggerInner"},e.createElement("span",{className:"kui-ComboboxValue"},t.displayValue??t.value??s??t.placeholder)),c?E:e.createElement(Q,{className:"kui-SelectIcon"}));return e.createElement(ae,{disabled:b},e.createElement("button",{"data-accent-color":h,"data-radius":g,"data-error":l,"data-loading":c,"data-disabled":b||void 0,"data-read-only":C||void 0,"data-placeholder":S?"":void 0,...i,role:"combobox","aria-disabled":b||i["aria-disabled"],"aria-readonly":C||i["aria-readonly"],"aria-invalid":l||i["aria-invalid"],"aria-busy":c||i["aria-busy"],type:f??"button",disabled:b,onClick:k,onKeyDown:p,ref:V,className:d("kui-reset","kui-SelectTrigger","kui-ComboboxTrigger",n)},a?e.createElement(e.Fragment,null,ee(a),c?E:null):I))});Ce.displayName="Combobox.Trigger";var fe=e.forwardRef(({placeholder:o,children:r,className:t,...a},n)=>{let s=M("Value"),m=s.displayValue??s.value??void 0;return e.createElement("span",{...a,ref:n,className:d("kui-ComboboxValue",t)},m??r??o??s.placeholder)});fe.displayName="Combobox.Value";function Me(){let o=se(n=>n.filtered.count),r=se(n=>n.search),[t,a]=e.useState("");return e.useEffect(()=>{let n=r?o===0?"No results":`${o} result${o===1?"":"s"}`:"",s=window.setTimeout(()=>a(n),r?400:0);return()=>window.clearTimeout(s)},[o,r]),e.createElement(oe,{role:"status","aria-live":"polite","aria-atomic":"true"},t)}var xe=e.forwardRef((o,r)=>{let t=M("Content"),a=Y(),n=o.size??t.size??D.size.default,{className:s,children:m,color:C,forceMount:l,container:c,onOpenAutoFocus:P,"aria-label":g,"aria-labelledby":R,...y}=O({...o,size:n},D),f=C||t.color||a.accentColor,{getTriggerLabel:i}=t,[b,h]=e.useState(i);W(()=>{if(b!==void 0)return;let p=i();p!==void 0&&h(p)},[i,b]);let x=o["aria-label"]??b,S=e.useMemo(()=>({sizeClassName:O({size:n},Ne).className||void 0,color:f,label:x}),[n,f,x]),V=e.useRef(null),v=p=>{if(P?.(p),p.defaultPrevented)return;let E=V.current;if(!E||E.querySelector("[cmdk-input]"))return;p.preventDefault(),(E.querySelector("[cmdk-list]")??E).focus({preventScroll:!0})},k=t.value?.trim()||void 0;return e.createElement(ne.Portal,{container:c,forceMount:l?!0:void 0},e.createElement(Z,{asChild:!0},e.createElement(ne.Content,{"data-accent-color":f,align:"start",sideOffset:4,collisionPadding:10,"aria-label":R?void 0:x,"aria-labelledby":R,...y,forceMount:l?!0:void 0,onOpenAutoFocus:v,ref:r,className:d("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-ComboboxContent",s)},e.createElement(ue.Provider,{value:S},e.createElement(T,{ref:V,loop:t.loop,shouldFilter:t.shouldFilter,filter:t.filter,label:x,defaultValue:k,className:"kui-ComboboxCommand"},m,e.createElement(Me,null))))))});xe.displayName="Combobox.Content";var Pe=e.forwardRef(({className:o,startAdornment:r,endAdornment:t,placeholder:a,variant:n,value:s,onValueChange:m,...C},l)=>{let c=M("Input"),P=e.useContext(ce),g=pe(),R=n??"soft",y=s??P?.value??"",f=m??P?.setValue,i=e.createElement("div",{className:d("kui-TextFieldRoot","kui-ComboboxInputRoot",g?.sizeClassName,`kui-variant-${R}`),"data-accent-color":g?.color},r?e.createElement("div",{className:"kui-TextFieldSlot"},r):null,e.createElement(T.Input,{...C,ref:l,value:y,onValueChange:f,placeholder:a??c.searchPlaceholder,className:d("kui-reset","kui-TextFieldInput",o)}),t?e.createElement("div",{className:"kui-TextFieldSlot","data-side":"right"},t):null);return g?e.createElement("div",{className:"kui-ComboboxSearch"},i):i});Pe.displayName="Combobox.Input";var ge=e.forwardRef(({className:o,children:r,label:t,...a},n)=>{let s=pe();return e.createElement("div",{className:"kui-ComboboxScrollArea"},e.createElement("div",{className:d("kui-BaseMenuViewport","kui-ComboboxViewport")},e.createElement(T.List,{...a,label:t??s?.label,ref:n,className:d("kui-ComboboxList",o)},r)))});ge.displayName="Combobox.List";var Re=e.forwardRef(({className:o,...r},t)=>e.createElement(T.Empty,{...r,ref:t,className:d("kui-ComboboxEmpty",o)}));Re.displayName="Combobox.Empty";var ye=e.forwardRef(({className:o,...r},t)=>e.createElement(T.Group,{...r,ref:t,className:d("kui-BaseMenuGroup","kui-ComboboxGroup",o)}));ye.displayName="Combobox.Group";var he=e.forwardRef(({className:o,id:r,...t},a)=>{let n=e.useId(),s=r??n,m=e.useRef(null),C=le(a,m);return W(()=>{let l=m.current?.closest("[cmdk-group-items]");if(!(!l||l.hasAttribute("aria-labelledby")))return l.setAttribute("aria-labelledby",s),()=>{l.getAttribute("aria-labelledby")===s&&l.removeAttribute("aria-labelledby")}},[s]),e.createElement("div",{...t,id:s,ref:C,className:d("kui-BaseMenuLabel","kui-ComboboxLabel",o)})});he.displayName="Combobox.Label";var ve=e.forwardRef(({className:o,...r},t)=>e.createElement(T.Separator,{...r,ref:t,className:d("kui-BaseMenuSeparator","kui-ComboboxSeparator",o)}));ve.displayName="Combobox.Separator";function H(o){return o==null||typeof o=="boolean"?"":typeof o=="string"||typeof o=="number"?String(o):Array.isArray(o)?o.map(H).join(""):e.isValidElement(o)?H(o.props.children):""}var Se=e.forwardRef(({className:o,children:r,label:t,value:a,disabled:n,onSelect:s,keywords:m,...C},l)=>{let c=e.useContext(be);if(!c)throw new Error("Combobox.Item must be used within Combobox.Root");let{store:P,onSelect:g,disabled:R}=c,y=a??(typeof r=="string"?r.trim():void 0),f=()=>y!==void 0&&P.get()===y,i=e.useSyncExternalStore(P.subscribe,f,f),b=A(s),h=e.useCallback(k=>{let p=a??k;g(p),b(p)},[a,g,b]),x=(t??H(r)).replace(/\s+/g," ").trim(),S=x?m?[x,...m]:[x]:m,V=S?S.join("\0"):"",v=n??R??!1;return e.createElement(T.Item,{key:V,...C,value:a,keywords:S,"aria-checked":i,disabled:v||void 0,ref:l,onSelect:h,className:d("kui-reset","kui-BaseMenuItem","kui-ComboboxItem",o)},i?e.createElement("span",{className:d("kui-BaseMenuItemIndicator","kui-ComboboxItemIndicator")},e.createElement(J,{className:d("kui-BaseMenuItemIndicatorIcon","kui-ComboboxItemIndicatorIcon")})):null,e.createElement(_,null,r))});Se.displayName="Combobox.Item";export{de as a,Ce as b,fe as c,xe as d,Pe as e,ge as f,Re as g,ye as h,he as i,ve as j,Se as k,Fe as l};
+//# sourceMappingURL=chunk-5CFSNNYS.js.map