@kismet-ux/constellation 1.9.0 → 1.11.0

package/dist/navigation/DropdownMenu/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sources":["../../../src/navigation/DropdownMenu/dropdown-menu.tsx"],"sourcesContent":["import cn from 'clsx';\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { useAnimationState } from '../../internal/use-animation-state';\nimport s from './dropdown-menu.module.scss';\n\n// ── Context ──────────────────────────────────────────────\n\ntype DropdownMenuContextValue = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  triggerRef: React.RefObject<HTMLElement | null>;\n};\n\nconst DropdownMenuContext = React.createContext<DropdownMenuContextValue | null>(null);\n\nfunction useDropdownMenu() {\n  const ctx = React.useContext(DropdownMenuContext);\n  if (!ctx) throw new Error('DropdownMenu components must be used within <DropdownMenu>');\n  return ctx;\n}\n\n// ── Root ─────────────────────────────────────────────────\n\nexport interface DropdownMenuProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction DropdownMenu({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n}: DropdownMenuProps) {\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return (\n    <DropdownMenuContext.Provider value={{ open, onOpenChange: handleOpenChange, triggerRef }}>\n      {children}\n    </DropdownMenuContext.Provider>\n  );\n}\n\n// ── Trigger ──────────────────────────────────────────────\n\nexport interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nfunction DropdownMenuTrigger({ asChild, children, onClick, ...props }: DropdownMenuTriggerProps) {\n  const { open, onOpenChange, triggerRef } = useDropdownMenu();\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e);\n    onOpenChange(!open);\n  };\n\n  if (asChild && React.isValidElement(children)) {\n    return React.cloneElement(children as React.ReactElement<Record<string, unknown>>, {\n      ref: triggerRef,\n      'data-slot': 'dropdown-menu-trigger',\n      onClick: handleClick,\n      ...props,\n    });\n  }\n\n  return (\n    <button\n      ref={triggerRef as React.Ref<HTMLButtonElement>}\n      data-slot={'dropdown-menu-trigger'}\n      onClick={handleClick}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\n// ── Content ──────────────────────────────────────────────\n\nexport interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  align?: 'start' | 'center' | 'end';\n  sideOffset?: number;\n}\n\nfunction DropdownMenuContent({\n  className,\n  children,\n  align = 'start',\n  sideOffset = 4,\n  ...props\n}: DropdownMenuContentProps) {\n  const { open, onOpenChange, triggerRef } = useDropdownMenu();\n  const { mounted, state } = useAnimationState(open, 150);\n  const wrapperRef = React.useRef<HTMLDivElement | null>(null);\n  const [positioned, setPositioned] = React.useState(false);\n  const [position, setPosition] = React.useState<React.CSSProperties>({});\n  const [resolvedSide, setResolvedSide] = React.useState<'top' | 'bottom'>('bottom');\n\n  // Reset on close so next open re-measures\n  React.useEffect(() => {\n    if (!mounted) setPositioned(false);\n  }, [mounted]);\n\n  const calcPosition = React.useCallback(() => {\n    const triggerRect = triggerRef.current?.getBoundingClientRect();\n    const contentEl = wrapperRef.current?.firstElementChild as HTMLElement | null;\n    if (!triggerRect || !contentEl) return;\n\n    const contentHeight = contentEl.offsetHeight;\n    const bottomSpace = window.innerHeight - triggerRect.bottom - sideOffset;\n    const fitsBelow = bottomSpace >= contentHeight;\n\n    const top = fitsBelow\n      ? triggerRect.bottom + sideOffset\n      : triggerRect.top - contentHeight - sideOffset;\n\n    let left: number;\n\n    if (align === 'end') {\n      left = triggerRect.right - contentEl.offsetWidth;\n    } else if (align === 'center') {\n      left = triggerRect.left + (triggerRect.width - contentEl.offsetWidth) / 2;\n    } else {\n      left = triggerRect.left;\n    }\n\n    setPosition({ position: 'fixed', top, left, zIndex: 50 });\n    setResolvedSide(fitsBelow ? 'bottom' : 'top');\n    setPositioned(true);\n  }, [align, sideOffset, triggerRef]);\n\n  // Measure via ref callback on mount\n  const measureRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      (wrapperRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      if (node && mounted && triggerRef.current) {\n        calcPosition();\n      }\n    },\n    [mounted, triggerRef, calcPosition],\n  );\n\n  // Reposition on scroll/resize\n  React.useEffect(() => {\n    if (!mounted) return;\n\n    window.addEventListener('scroll', calcPosition, true);\n    window.addEventListener('resize', calcPosition);\n    return () => {\n      window.removeEventListener('scroll', calcPosition, true);\n      window.removeEventListener('resize', calcPosition);\n    };\n  }, [mounted, calcPosition]);\n\n  // Click outside + Escape\n  React.useEffect(() => {\n    if (!open) return;\n\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (triggerRef.current?.contains(target)) return;\n      if (wrapperRef.current?.contains(target)) return;\n      onOpenChange(false);\n    };\n\n    // This effect only runs while open, so claiming Escape here is safe — and\n    // required, so the key closes this menu rather than a Dialog behind it.\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onOpenChange(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('keydown', handleEscape);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscape);\n    };\n  }, [open, onOpenChange, triggerRef]);\n\n  if (!mounted) return null;\n\n  return createPortal(\n    <div\n      ref={measureRef}\n      style={\n        positioned && state !== 'idle'\n          ? position\n          : { position: 'fixed', visibility: 'hidden', zIndex: 50 }\n      }\n    >\n      <div\n        data-slot={'dropdown-menu-content'}\n        data-state={state === 'idle' ? undefined : state}\n        data-side={resolvedSide}\n        role={'menu'}\n        className={cn(s['dropdown-menu-content'], className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </div>,\n    document.body,\n  );\n}\n\n// ── Item ─────────────────────────────────────────────────\n\nexport interface DropdownMenuItemProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onSelect'\n> {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n  disabled?: boolean;\n  onSelect?: (event: Event) => void;\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  disabled,\n  onSelect,\n  onClick,\n  children,\n  ...props\n}: DropdownMenuItemProps) {\n  const { onOpenChange } = useDropdownMenu();\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    onClick?.(e);\n    onSelect?.(e.nativeEvent);\n    onOpenChange(false);\n  };\n\n  return (\n    <div\n      data-slot={'dropdown-menu-item'}\n      data-inset={inset}\n      data-variant={variant}\n      data-disabled={disabled || undefined}\n      role={'menuitem'}\n      tabIndex={disabled ? -1 : 0}\n      aria-disabled={disabled}\n      className={cn(s['dropdown-menu-item'], className)}\n      onClick={handleClick}\n      onKeyDown={e => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          handleClick(e as unknown as React.MouseEvent<HTMLDivElement>);\n        }\n      }}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// ── Group ────────────────────────────────────────────────\n\nfunction DropdownMenuGroup({ ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return <div data-slot={'dropdown-menu-group'} role={'group'} {...props} />;\n}\n\n// ── Label ────────────────────────────────────────────────\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { inset?: boolean }) {\n  return (\n    <div\n      data-slot={'dropdown-menu-label'}\n      data-inset={inset}\n      className={cn(s['menu-label'], className)}\n      {...props}\n    />\n  );\n}\n\n// ── Separator ────────────────────────────────────────────\n\nfunction DropdownMenuSeparator({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot={'dropdown-menu-separator'}\n      role={'separator'}\n      className={cn(s['menu-separator'], className)}\n      {...props}\n    />\n  );\n}\n\n// ── Shortcut ─────────────────────────────────────────────\n\nfunction DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot={'dropdown-menu-shortcut'}\n      className={cn(s['menu-shortcut'], className)}\n      {...props}\n    />\n  );\n}\n\n// ── Portal (kept for API compat) ─────────────────────────\n\nfunction DropdownMenuPortal({ children }: { children?: React.ReactNode }) {\n  return <>{children}</>;\n}\n\n// ── Advanced features (kept for API compat, rarely used) ─\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  onCheckedChange,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & {\n  checked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n}) {\n  const { onOpenChange } = useDropdownMenu();\n\n  return (\n    <div\n      data-slot={'dropdown-menu-checkbox-item'}\n      role={'menuitemcheckbox'}\n      aria-checked={checked}\n      className={cn(s['checkbox-item'], className)}\n      onClick={() => {\n        onCheckedChange?.(!checked);\n        onOpenChange(false);\n      }}\n      {...props}\n    >\n      <span className={s.indicator}>\n        {checked ? <CheckIcon className={s['checkbox-icon']} /> : null}\n      </span>\n      {children}\n    </div>\n  );\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return <div data-slot={'dropdown-menu-radio-group'} role={'group'} {...props} />;\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { value?: string }) {\n  return (\n    <div\n      data-slot={'dropdown-menu-radio-item'}\n      role={'menuitemradio'}\n      className={cn(s['radio-item'], className)}\n      {...props}\n    >\n      <span className={s.indicator}>\n        <CircleIcon className={s['radio-icon']} />\n      </span>\n      {children}\n    </div>\n  );\n}\n\nfunction DropdownMenuSub({ children }: { children?: React.ReactNode }) {\n  return <>{children}</>;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { inset?: boolean }) {\n  return (\n    <div\n      data-slot={'dropdown-menu-sub-trigger'}\n      data-inset={inset}\n      className={cn(s['sub-trigger'], className)}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className={s['sub-trigger-icon']} aria-hidden={'true'} />\n    </div>\n  );\n}\n\nfunction DropdownMenuSubContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot={'dropdown-menu-sub-content'}\n      className={cn(s['dropdown-menu-sub-content'], className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n};\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.js","sources":["../../../src/navigation/DropdownMenu/dropdown-menu.tsx"],"sourcesContent":["import cn from 'clsx';\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { useAnimationState } from '../../internal/use-animation-state';\nimport s from './dropdown-menu.module.scss';\n\n// ── Context ──────────────────────────────────────────────\n\ntype DropdownMenuContextValue = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  triggerRef: React.RefObject<HTMLElement | null>;\n};\n\nconst DropdownMenuContext = React.createContext<DropdownMenuContextValue | null>(null);\n\nfunction useDropdownMenu() {\n  const ctx = React.useContext(DropdownMenuContext);\n  if (!ctx) throw new Error('DropdownMenu components must be used within <DropdownMenu>');\n  return ctx;\n}\n\n// ── Root ─────────────────────────────────────────────────\n\nexport interface DropdownMenuProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction DropdownMenu({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n}: DropdownMenuProps) {\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return (\n    <DropdownMenuContext.Provider value={{ open, onOpenChange: handleOpenChange, triggerRef }}>\n      {children}\n    </DropdownMenuContext.Provider>\n  );\n}\n\n// ── Trigger ──────────────────────────────────────────────\n\nexport interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nfunction DropdownMenuTrigger({ asChild, children, onClick, ...props }: DropdownMenuTriggerProps) {\n  const { open, onOpenChange, triggerRef } = useDropdownMenu();\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e);\n    onOpenChange(!open);\n  };\n\n  if (asChild && React.isValidElement(children)) {\n    return React.cloneElement(children as React.ReactElement<Record<string, unknown>>, {\n      ref: triggerRef,\n      'data-slot': 'dropdown-menu-trigger',\n      onClick: handleClick,\n      ...props,\n    });\n  }\n\n  return (\n    <button\n      ref={triggerRef as React.Ref<HTMLButtonElement>}\n      data-slot={'dropdown-menu-trigger'}\n      onClick={handleClick}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\n// ── Content ──────────────────────────────────────────────\n\nexport interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  align?: 'start' | 'center' | 'end';\n  sideOffset?: number;\n}\n\nfunction DropdownMenuContent({\n  className,\n  children,\n  align = 'start',\n  sideOffset = 4,\n  ...props\n}: DropdownMenuContentProps) {\n  const { open, onOpenChange, triggerRef } = useDropdownMenu();\n  const { mounted, state } = useAnimationState(open, 150);\n  const wrapperRef = React.useRef<HTMLDivElement | null>(null);\n  const [positioned, setPositioned] = React.useState(false);\n  const [position, setPosition] = React.useState<React.CSSProperties>({});\n  const [resolvedSide, setResolvedSide] = React.useState<'top' | 'bottom'>('bottom');\n\n  // Reset on close so next open re-measures\n  React.useEffect(() => {\n    if (!mounted) setPositioned(false);\n  }, [mounted]);\n\n  const calcPosition = React.useCallback(() => {\n    const triggerRect = triggerRef.current?.getBoundingClientRect();\n    const contentEl = wrapperRef.current?.firstElementChild as HTMLElement | null;\n    if (!triggerRect || !contentEl) return;\n\n    const contentHeight = contentEl.offsetHeight;\n    const bottomSpace = window.innerHeight - triggerRect.bottom - sideOffset;\n    const fitsBelow = bottomSpace >= contentHeight;\n\n    const top = fitsBelow\n      ? triggerRect.bottom + sideOffset\n      : triggerRect.top - contentHeight - sideOffset;\n\n    let left: number;\n\n    if (align === 'end') {\n      left = triggerRect.right - contentEl.offsetWidth;\n    } else if (align === 'center') {\n      left = triggerRect.left + (triggerRect.width - contentEl.offsetWidth) / 2;\n    } else {\n      left = triggerRect.left;\n    }\n\n    setPosition({ position: 'fixed', top, left, zIndex: 50 });\n    setResolvedSide(fitsBelow ? 'bottom' : 'top');\n    setPositioned(true);\n  }, [align, sideOffset, triggerRef]);\n\n  // Measure via ref callback on mount\n  const measureRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      (wrapperRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      if (node && mounted && triggerRef.current) {\n        calcPosition();\n      }\n    },\n    [mounted, triggerRef, calcPosition],\n  );\n\n  // Reposition on scroll/resize\n  React.useEffect(() => {\n    if (!mounted) return;\n\n    window.addEventListener('scroll', calcPosition, true);\n    window.addEventListener('resize', calcPosition);\n    return () => {\n      window.removeEventListener('scroll', calcPosition, true);\n      window.removeEventListener('resize', calcPosition);\n    };\n  }, [mounted, calcPosition]);\n\n  // Click outside + Escape\n  React.useEffect(() => {\n    if (!open) return;\n\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (triggerRef.current?.contains(target)) return;\n      if (wrapperRef.current?.contains(target)) return;\n      onOpenChange(false);\n    };\n\n    // This effect only runs while open, so claiming Escape here is safe — and\n    // required, so the key closes this menu rather than a Dialog behind it.\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onOpenChange(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('keydown', handleEscape);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscape);\n    };\n  }, [open, onOpenChange, triggerRef]);\n\n  if (!mounted) return null;\n\n  return createPortal(\n    <div\n      data-constellation-portal={''}\n      ref={measureRef}\n      style={\n        positioned && state !== 'idle'\n          ? position\n          : { position: 'fixed', visibility: 'hidden', zIndex: 50 }\n      }\n    >\n      <div\n        data-slot={'dropdown-menu-content'}\n        data-state={state === 'idle' ? undefined : state}\n        data-side={resolvedSide}\n        role={'menu'}\n        className={cn(s['dropdown-menu-content'], className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </div>,\n    document.body,\n  );\n}\n\n// ── Item ─────────────────────────────────────────────────\n\nexport interface DropdownMenuItemProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onSelect'\n> {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n  disabled?: boolean;\n  onSelect?: (event: Event) => void;\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  disabled,\n  onSelect,\n  onClick,\n  children,\n  ...props\n}: DropdownMenuItemProps) {\n  const { onOpenChange } = useDropdownMenu();\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    onClick?.(e);\n    onSelect?.(e.nativeEvent);\n    onOpenChange(false);\n  };\n\n  return (\n    <div\n      data-slot={'dropdown-menu-item'}\n      data-inset={inset}\n      data-variant={variant}\n      data-disabled={disabled || undefined}\n      role={'menuitem'}\n      tabIndex={disabled ? -1 : 0}\n      aria-disabled={disabled}\n      className={cn(s['dropdown-menu-item'], className)}\n      onClick={handleClick}\n      onKeyDown={e => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          handleClick(e as unknown as React.MouseEvent<HTMLDivElement>);\n        }\n      }}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// ── Group ────────────────────────────────────────────────\n\nfunction DropdownMenuGroup({ ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return <div data-slot={'dropdown-menu-group'} role={'group'} {...props} />;\n}\n\n// ── Label ────────────────────────────────────────────────\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { inset?: boolean }) {\n  return (\n    <div\n      data-slot={'dropdown-menu-label'}\n      data-inset={inset}\n      className={cn(s['menu-label'], className)}\n      {...props}\n    />\n  );\n}\n\n// ── Separator ────────────────────────────────────────────\n\nfunction DropdownMenuSeparator({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot={'dropdown-menu-separator'}\n      role={'separator'}\n      className={cn(s['menu-separator'], className)}\n      {...props}\n    />\n  );\n}\n\n// ── Shortcut ─────────────────────────────────────────────\n\nfunction DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot={'dropdown-menu-shortcut'}\n      className={cn(s['menu-shortcut'], className)}\n      {...props}\n    />\n  );\n}\n\n// ── Portal (kept for API compat) ─────────────────────────\n\nfunction DropdownMenuPortal({ children }: { children?: React.ReactNode }) {\n  return <>{children}</>;\n}\n\n// ── Advanced features (kept for API compat, rarely used) ─\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  onCheckedChange,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & {\n  checked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n}) {\n  const { onOpenChange } = useDropdownMenu();\n\n  return (\n    <div\n      data-slot={'dropdown-menu-checkbox-item'}\n      role={'menuitemcheckbox'}\n      aria-checked={checked}\n      className={cn(s['checkbox-item'], className)}\n      onClick={() => {\n        onCheckedChange?.(!checked);\n        onOpenChange(false);\n      }}\n      {...props}\n    >\n      <span className={s.indicator}>\n        {checked ? <CheckIcon className={s['checkbox-icon']} /> : null}\n      </span>\n      {children}\n    </div>\n  );\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return <div data-slot={'dropdown-menu-radio-group'} role={'group'} {...props} />;\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { value?: string }) {\n  return (\n    <div\n      data-slot={'dropdown-menu-radio-item'}\n      role={'menuitemradio'}\n      className={cn(s['radio-item'], className)}\n      {...props}\n    >\n      <span className={s.indicator}>\n        <CircleIcon className={s['radio-icon']} />\n      </span>\n      {children}\n    </div>\n  );\n}\n\nfunction DropdownMenuSub({ children }: { children?: React.ReactNode }) {\n  return <>{children}</>;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { inset?: boolean }) {\n  return (\n    <div\n      data-slot={'dropdown-menu-sub-trigger'}\n      data-inset={inset}\n      className={cn(s['sub-trigger'], className)}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className={s['sub-trigger-icon']} aria-hidden={'true'} />\n    </div>\n  );\n}\n\nfunction DropdownMenuSubContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot={'dropdown-menu-sub-content'}\n      className={cn(s['dropdown-menu-sub-content'], className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n};\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/dist/navigation/NavUser/nav-user.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { SidebarMenuButton } from '../../layout/Sidebar/sidebar.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent } from '../DropdownMenu/dropdown-menu.js';
-import { UserInfo } from '../../user/UserInfo/user-info.js';
-import { UserMenuContent } from '../../user/UserMenuContent/user-menu-content.js';
 import { ChevronsUpDownIcon } from 'lucide-react';
 import s from './nav-user.module.scss.js';
+import { UserInfo } from '../../user/UserInfo/user-info.js';
+import { UserMenuContent } from '../../user/UserMenuContent/user-menu-content.js';
 
 /** Sidebar footer control: the signed-in user plus their account menu. */
 function NavUser({ user, ...menuProps }) {

package/dist/navigation/Sheet/sheet.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --sheet-duration: 250ms;
   --sheet-ease: cubic-bezier(0.4, 0, 0.2, 1);
@@ -142,13 +143,46 @@
   border-left: 1px solid var(--divider);
   inset: 0;
   left: auto;
-  max-width: 24rem;
-  width: 75vw;
 }
-@media (min-width: 505px) {
-  .sheet-module_content-right__pLrfN {
-    width: 50vw;
-  }
+
+/*
+ * Width belongs to `size`, not to which edge the sheet comes from. It used to
+ * be a flat 24rem cap on the right-hand sheet — fine for a confirm, far too
+ * tight for a working surface, where a queue of editable cards just scrolled
+ * sideways inside it.
+ *
+ * `min()` rather than width + max-width: a separate max-width is a second
+ * declaration for another rule to win, and `.content-inset`'s viewport clamp
+ * did exactly that, taking the cap off entirely.
+ */
+.sheet-module_size-sm__wt-eg {
+  width: min(92vw, 24rem);
+}
+
+.sheet-module_size-md__xteJX {
+  width: min(92vw, 32rem);
+}
+
+.sheet-module_size-lg__v34pX {
+  width: min(92vw, 38rem);
+}
+
+/*
+ * Floats off the edge, so it reads as a card over the page rather than a
+ * second wall of it.
+ *
+ * `margin`, not `inset`: the side variants pin themselves with `left: auto` /
+ * `right: auto`, and setting `inset` overrides that — the right-hand sheet
+ * slides to the left edge of the window. A margin insets it without touching
+ * which edge it belongs to. The max-width keeps the margin from pushing it
+ * off-screen on a phone.
+ */
+.sheet-module_content-inset__Ha1dT {
+  border-radius: var(--radius-xl);
+  box-shadow: var(--shadow-elevation-16);
+  margin: var(--size-2);
+  max-width: calc(100vw - var(--size-4));
+  overflow: hidden;
 }
 
 .sheet-module_content-left__WOAFT {

package/dist/navigation/Sheet/sheet.d.ts

@@ -23,9 +23,31 @@ declare const sideClassMap: {
 type SheetSide = keyof typeof sideClassMap;
 export type SheetContentProps = React.HTMLAttributes<HTMLDivElement> & {
     side?: SheetSide;
+    /**
+     * How much room the panel gets. `sm` suits a confirm or a short form; `lg`
+     * is for a working surface — a queue of editable cards needs the width or
+     * its own content starts scrolling sideways.
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Float the panel off the viewport edge instead of sitting flush to it.
+     * Reads as a card over the page rather than a second wall of it.
+     */
+    inset?: boolean;
 };
 declare const SheetContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     side?: SheetSide;
+    /**
+     * How much room the panel gets. `sm` suits a confirm or a short form; `lg`
+     * is for a working surface — a queue of editable cards needs the width or
+     * its own content starts scrolling sideways.
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Float the panel off the viewport edge instead of sitting flush to it.
+     * Reads as a card over the page rather than a second wall of it.
+     */
+    inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 declare function SheetBody({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;

package/dist/navigation/Sheet/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/navigation/Sheet/sheet.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,KAAK,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,WAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,UAAU,qBAoB/F;AAID,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,YAAY,6FAgBjB,CAAC;AAKF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,2FAgBf,CAAC;AAKF,QAAA,MAAM,YAAY;;;;;CAKR,CAAC;AAEX,KAAK,SAAS,GAAG,MAAM,OAAO,YAAY,CAAC;AAE3C,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,YAAY;WAHT,SAAS;wCA6DjB,CAAC;AAKF,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAExE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAEtE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAExE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAMtE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW3E;AAED,OAAO,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,GACb,CAAC"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/navigation/Sheet/sheet.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,KAAK,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,WAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,UAAU,qBAoB/F;AAID,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,YAAY,6FAgBjB,CAAC;AAKF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,2FAgBf,CAAC;AAKF,QAAA,MAAM,YAAY;;;;;CAKR,CAAC;AAEX,KAAK,SAAS,GAAG,MAAM,OAAO,YAAY,CAAC;AAE3C,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,YAAY;WAdT,SAAS;IAChB;;;;OAIG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;;OAGG;YACK,OAAO;wCAmEhB,CAAC;AAKF,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAExE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAEtE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAExE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAMtE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW3E;AAED,OAAO,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,GACb,CAAC"}

package/dist/navigation/Sheet/sheet.js

@@ -1,39 +1,14 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import '../../ui/Alert/alert.js';
-import * as React from 'react';
-import { createPortal } from 'react-dom';
-import '../../ui/Alert/alert-context.js';
-import '../../ui/Alert/alert.css';
-import '../../ui/Avatar/avatar.js';
-import { Button } from '../../ui/Button/button.js';
-import '../../ui/Chip/chip.js';
-import '../../ui/CodeBlock/code-block.js';
 import cn from 'clsx';
-import '../../ui/DevIndicator/dev-indicator.css';
-import '../../ui/Dialog/dialog.js';
-import '../../ui/EmptyState/empty-state.js';
-import '../../ui/Icon/icon.js';
-import '../../ui/List/list.js';
-import '../../ui/Pagination/pagination.js';
-import '../../ui/ProgressBar/progress-bar.js';
-import '../../ui/Separator/separator.js';
-import '../../ui/StatCard/stat-card.js';
-import '../../ui/StatusDot/status-dot.js';
-import '../../ui/StatusDot/status-dot-variants.js';
-import '../../ui/StepProgress/step-progress.js';
-import '../../ui/Switch/switch.js';
-import '../../ui/Table/table.js';
-import '../../ui/TableActionCell/table-action-cell.js';
-import '../../ui/TableToolbar/table-toolbar.js';
-import '../../ui/Toggle/toggle.js';
-import '../../ui/ToggleGroup/toggle-group.js';
-import '../../ui/Tooltip/tooltip.js';
 import { XIcon } from 'lucide-react';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
 import { Slot } from '../../internal/slot.js';
 import { useAnimationState } from '../../internal/use-animation-state.js';
 import { useFocusTrap } from '../../internal/use-focus-trap.js';
 import { useScrollLock } from '../../internal/use-scroll-lock.js';
 import s from './sheet.module.scss.js';
+import { Button } from '../../ui/Button/button.js';
 
 const SheetContext = React.createContext(null);
 function useSheet() {
@@ -82,7 +57,7 @@ const sideClassMap = {
     top: s['content-top'],
     bottom: s['content-bottom'],
 };
-const SheetContent = React.forwardRef(({ className, children, side = 'right', ...props }, ref) => {
+const SheetContent = React.forwardRef(({ className, children, side = 'right', size = 'md', inset = false, ...props }, ref) => {
     const { open, onOpenChange, titleId, descriptionId } = useSheet();
     const { mounted, state } = useAnimationState(open, 250);
     const focusTrapRef = useFocusTrap(open);
@@ -103,7 +78,7 @@ const SheetContent = React.forwardRef(({ className, children, side = 'right', ..
     }, [open, onOpenChange]);
     if (!mounted || state === 'idle')
         return null;
-    return createPortal(jsxs("div", { ref: focusTrapRef, children: [jsx("div", { "data-slot": 'sheet-overlay', "data-state": state, className: s.overlay, onClick: () => onOpenChange(false), "aria-hidden": 'true' }), jsxs("div", { ref: ref, "data-slot": 'sheet-content', "data-state": state, role: 'dialog', "aria-modal": 'true', "aria-labelledby": titleId, "aria-describedby": descriptionId, className: cn(s['sheet-content'], sideClassMap[side], className), onClick: e => e.stopPropagation(), ...props, children: [children, jsx(SheetClose, { className: s['close-button'], asChild: true, children: jsxs(Button, { variant: 'ghost', theme: 'inherit', iconOnly: true, size: 'sm', children: [jsx(XIcon, {}), jsx("span", { className: 'srOnly', children: "Close" })] }) })] })] }), document.body);
+    return createPortal(jsxs("div", { "data-constellation-portal": '', ref: focusTrapRef, children: [jsx("div", { "data-slot": 'sheet-overlay', "data-state": state, className: s.overlay, onClick: () => onOpenChange(false), "aria-hidden": 'true' }), jsxs("div", { ref: ref, "data-slot": 'sheet-content', "data-state": state, role: 'dialog', "aria-modal": 'true', "aria-labelledby": titleId, "aria-describedby": descriptionId, className: cn(s['sheet-content'], sideClassMap[side], s[`size-${size}`], inset && s['content-inset'], className), onClick: e => e.stopPropagation(), ...props, children: [children, jsx(SheetClose, { className: s['close-button'], asChild: true, children: jsxs(Button, { variant: 'ghost', theme: 'inherit', iconOnly: true, size: 'sm', children: [jsx(XIcon, {}), jsx("span", { className: 'srOnly', children: "Close" })] }) })] })] }), document.body);
 });
 SheetContent.displayName = 'SheetContent';
 // ── Semantic sub-components ──────────────────────────────

package/dist/navigation/Sheet/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sources":["../../../src/navigation/Sheet/sheet.tsx"],"sourcesContent":["import { Button } from '@constellation/ui';\nimport cn from 'clsx';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { Slot } from '../../internal/slot';\nimport { useAnimationState } from '../../internal/use-animation-state';\nimport { useFocusTrap } from '../../internal/use-focus-trap';\nimport { useScrollLock } from '../../internal/use-scroll-lock';\nimport s from './sheet.module.scss';\n\n// ── Context ──────────────────────────────────────────────\n\ntype SheetContextValue = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n};\n\nconst SheetContext = React.createContext<SheetContextValue | null>(null);\n\nfunction useSheet() {\n  const ctx = React.useContext(SheetContext);\n  if (!ctx) throw new Error('Sheet compound components must be used within <Sheet>');\n  return ctx;\n}\n\n// ── Root ─────────────────────────────────────────────────\n\nexport interface SheetProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction Sheet({ open: controlledOpen, defaultOpen = false, onOpenChange, children }: SheetProps) {\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n  const titleId = React.useId();\n  const descriptionId = React.useId();\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return (\n    <SheetContext.Provider value={{ open, onOpenChange: handleOpenChange, titleId, descriptionId }}>\n      {children}\n    </SheetContext.Provider>\n  );\n}\n\n// ── Trigger ──────────────────────────────────────────────\n\nexport interface SheetTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst SheetTrigger = React.forwardRef<HTMLButtonElement, SheetTriggerProps>(\n  ({ asChild, onClick, children, ...props }, ref) => {\n    const { onOpenChange } = useSheet();\n    const Comp = asChild ? Slot : 'button';\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      onOpenChange(true);\n    };\n\n    return (\n      <Comp ref={ref} data-slot={'sheet-trigger'} onClick={handleClick} {...props}>\n        {children}\n      </Comp>\n    );\n  },\n);\nSheetTrigger.displayName = 'SheetTrigger';\n\n// ── Close ────────────────────────────────────────────────\n\nexport interface SheetCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst SheetClose = React.forwardRef<HTMLButtonElement, SheetCloseProps>(\n  ({ asChild, onClick, children, ...props }, ref) => {\n    const { onOpenChange } = useSheet();\n    const Comp = asChild ? Slot : 'button';\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      onOpenChange(false);\n    };\n\n    return (\n      <Comp ref={ref} data-slot={'sheet-close'} onClick={handleClick} {...props}>\n        {children}\n      </Comp>\n    );\n  },\n);\nSheetClose.displayName = 'SheetClose';\n\n// ── Content ──────────────────────────────────────────────\n\nconst sideClassMap = {\n  right: s['content-right'],\n  left: s['content-left'],\n  top: s['content-top'],\n  bottom: s['content-bottom'],\n} as const;\n\ntype SheetSide = keyof typeof sideClassMap;\n\nexport type SheetContentProps = React.HTMLAttributes<HTMLDivElement> & {\n  side?: SheetSide;\n};\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ className, children, side = 'right', ...props }, ref) => {\n    const { open, onOpenChange, titleId, descriptionId } = useSheet();\n    const { mounted, state } = useAnimationState(open, 250);\n    const focusTrapRef = useFocusTrap(open);\n    useScrollLock(mounted);\n\n    React.useEffect(() => {\n      if (!open) return;\n\n      const handleKeyDown = (e: KeyboardEvent) => {\n        // A nested layer (an open Select, DatePicker or menu) marks Escape as\n        // handled with preventDefault. Escape should dismiss the topmost layer\n        // only, so the modal ignores an event something inside it already took.\n        if (e.key === 'Escape' && !e.defaultPrevented) {\n          onOpenChange(false);\n        }\n      };\n\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [open, onOpenChange]);\n\n    if (!mounted || state === 'idle') return null;\n\n    return createPortal(\n      <div ref={focusTrapRef}>\n        <div\n          data-slot={'sheet-overlay'}\n          data-state={state}\n          className={s.overlay}\n          onClick={() => onOpenChange(false)}\n          aria-hidden={'true'}\n        />\n        <div\n          ref={ref}\n          data-slot={'sheet-content'}\n          data-state={state}\n          role={'dialog'}\n          aria-modal={'true'}\n          aria-labelledby={titleId}\n          aria-describedby={descriptionId}\n          className={cn(s['sheet-content'], sideClassMap[side], className)}\n          onClick={e => e.stopPropagation()}\n          {...props}\n        >\n          {children}\n          <SheetClose className={s['close-button']} asChild>\n            <Button variant={'ghost'} theme={'inherit'} iconOnly size={'sm'}>\n              <XIcon />\n              <span className={'srOnly'}>Close</span>\n            </Button>\n          </SheetClose>\n        </div>\n      </div>,\n      document.body,\n    );\n  },\n);\nSheetContent.displayName = 'SheetContent';\n\n// ── Semantic sub-components ──────────────────────────────\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-header'} className={cn(s.header, className)} {...props} />;\n}\n\nfunction SheetBody({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-body'} className={cn(s.body, className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-footer'} className={cn(s.footer, className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<'h2'>) {\n  const { titleId } = useSheet();\n\n  return (\n    <h2 id={titleId} data-slot={'sheet-title'} className={cn(s.title, className)} {...props} />\n  );\n}\n\nfunction SheetDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  const { descriptionId } = useSheet();\n\n  return (\n    <p\n      id={descriptionId}\n      data-slot={'sheet-description'}\n      className={cn(s.description, className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetBody,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"sheet.js","sources":["../../../src/navigation/Sheet/sheet.tsx"],"sourcesContent":["import { Button } from '@constellation/ui';\nimport cn from 'clsx';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { Slot } from '../../internal/slot';\nimport { useAnimationState } from '../../internal/use-animation-state';\nimport { useFocusTrap } from '../../internal/use-focus-trap';\nimport { useScrollLock } from '../../internal/use-scroll-lock';\nimport s from './sheet.module.scss';\n\n// ── Context ──────────────────────────────────────────────\n\ntype SheetContextValue = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n};\n\nconst SheetContext = React.createContext<SheetContextValue | null>(null);\n\nfunction useSheet() {\n  const ctx = React.useContext(SheetContext);\n  if (!ctx) throw new Error('Sheet compound components must be used within <Sheet>');\n  return ctx;\n}\n\n// ── Root ─────────────────────────────────────────────────\n\nexport interface SheetProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction Sheet({ open: controlledOpen, defaultOpen = false, onOpenChange, children }: SheetProps) {\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n  const titleId = React.useId();\n  const descriptionId = React.useId();\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return (\n    <SheetContext.Provider value={{ open, onOpenChange: handleOpenChange, titleId, descriptionId }}>\n      {children}\n    </SheetContext.Provider>\n  );\n}\n\n// ── Trigger ──────────────────────────────────────────────\n\nexport interface SheetTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst SheetTrigger = React.forwardRef<HTMLButtonElement, SheetTriggerProps>(\n  ({ asChild, onClick, children, ...props }, ref) => {\n    const { onOpenChange } = useSheet();\n    const Comp = asChild ? Slot : 'button';\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      onOpenChange(true);\n    };\n\n    return (\n      <Comp ref={ref} data-slot={'sheet-trigger'} onClick={handleClick} {...props}>\n        {children}\n      </Comp>\n    );\n  },\n);\nSheetTrigger.displayName = 'SheetTrigger';\n\n// ── Close ────────────────────────────────────────────────\n\nexport interface SheetCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst SheetClose = React.forwardRef<HTMLButtonElement, SheetCloseProps>(\n  ({ asChild, onClick, children, ...props }, ref) => {\n    const { onOpenChange } = useSheet();\n    const Comp = asChild ? Slot : 'button';\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      onOpenChange(false);\n    };\n\n    return (\n      <Comp ref={ref} data-slot={'sheet-close'} onClick={handleClick} {...props}>\n        {children}\n      </Comp>\n    );\n  },\n);\nSheetClose.displayName = 'SheetClose';\n\n// ── Content ──────────────────────────────────────────────\n\nconst sideClassMap = {\n  right: s['content-right'],\n  left: s['content-left'],\n  top: s['content-top'],\n  bottom: s['content-bottom'],\n} as const;\n\ntype SheetSide = keyof typeof sideClassMap;\n\nexport type SheetContentProps = React.HTMLAttributes<HTMLDivElement> & {\n  side?: SheetSide;\n  /**\n   * How much room the panel gets. `sm` suits a confirm or a short form; `lg`\n   * is for a working surface — a queue of editable cards needs the width or\n   * its own content starts scrolling sideways.\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Float the panel off the viewport edge instead of sitting flush to it.\n   * Reads as a card over the page rather than a second wall of it.\n   */\n  inset?: boolean;\n};\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ className, children, side = 'right', size = 'md', inset = false, ...props }, ref) => {\n    const { open, onOpenChange, titleId, descriptionId } = useSheet();\n    const { mounted, state } = useAnimationState(open, 250);\n    const focusTrapRef = useFocusTrap(open);\n    useScrollLock(mounted);\n\n    React.useEffect(() => {\n      if (!open) return;\n\n      const handleKeyDown = (e: KeyboardEvent) => {\n        // A nested layer (an open Select, DatePicker or menu) marks Escape as\n        // handled with preventDefault. Escape should dismiss the topmost layer\n        // only, so the modal ignores an event something inside it already took.\n        if (e.key === 'Escape' && !e.defaultPrevented) {\n          onOpenChange(false);\n        }\n      };\n\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [open, onOpenChange]);\n\n    if (!mounted || state === 'idle') return null;\n\n    return createPortal(\n      <div data-constellation-portal={''} ref={focusTrapRef}>\n        <div\n          data-slot={'sheet-overlay'}\n          data-state={state}\n          className={s.overlay}\n          onClick={() => onOpenChange(false)}\n          aria-hidden={'true'}\n        />\n        <div\n          ref={ref}\n          data-slot={'sheet-content'}\n          data-state={state}\n          role={'dialog'}\n          aria-modal={'true'}\n          aria-labelledby={titleId}\n          aria-describedby={descriptionId}\n          className={cn(\n            s['sheet-content'],\n            sideClassMap[side],\n            s[`size-${size}`],\n            inset && s['content-inset'],\n            className,\n          )}\n          onClick={e => e.stopPropagation()}\n          {...props}\n        >\n          {children}\n          <SheetClose className={s['close-button']} asChild>\n            <Button variant={'ghost'} theme={'inherit'} iconOnly size={'sm'}>\n              <XIcon />\n              <span className={'srOnly'}>Close</span>\n            </Button>\n          </SheetClose>\n        </div>\n      </div>,\n      document.body,\n    );\n  },\n);\nSheetContent.displayName = 'SheetContent';\n\n// ── Semantic sub-components ──────────────────────────────\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-header'} className={cn(s.header, className)} {...props} />;\n}\n\nfunction SheetBody({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-body'} className={cn(s.body, className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-footer'} className={cn(s.footer, className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<'h2'>) {\n  const { titleId } = useSheet();\n\n  return (\n    <h2 id={titleId} data-slot={'sheet-title'} className={cn(s.title, className)} {...props} />\n  );\n}\n\nfunction SheetDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  const { descriptionId } = useSheet();\n\n  return (\n    <p\n      id={descriptionId}\n      data-slot={'sheet-description'}\n      className={cn(s.description, className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetBody,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/navigation/Sheet/sheet.module.scss.js

@@ -1,6 +1,6 @@
 import './sheet.css';
 
-var s = {"overlay":"sheet-module_overlay__N_s9c","sheet-content":"sheet-module_sheet-content__rmqhO","body":"sheet-module_body__b91LM","content-right":"sheet-module_content-right__pLrfN","content-left":"sheet-module_content-left__WOAFT","content-top":"sheet-module_content-top__25rD3","content-bottom":"sheet-module_content-bottom__CvZa0","close-button":"sheet-module_close-button__4bKaj","header":"sheet-module_header__osC7Z","footer":"sheet-module_footer__Rq8Np","title":"sheet-module_title__V_OG1","description":"sheet-module_description__soWUb"};
+var s = {"overlay":"sheet-module_overlay__N_s9c","sheetFadeIn":"sheet-module_sheetFadeIn__CfuP8","sheetFadeOut":"sheet-module_sheetFadeOut__MgkWQ","sheet-content":"sheet-module_sheet-content__rmqhO","body":"sheet-module_body__b91LM","content-right":"sheet-module_content-right__pLrfN","size-sm":"sheet-module_size-sm__wt-eg","size-md":"sheet-module_size-md__xteJX","size-lg":"sheet-module_size-lg__v34pX","content-inset":"sheet-module_content-inset__Ha1dT","content-left":"sheet-module_content-left__WOAFT","content-top":"sheet-module_content-top__25rD3","content-bottom":"sheet-module_content-bottom__CvZa0","sheetEnterRight":"sheet-module_sheetEnterRight__YkSOJ","sheetExitRight":"sheet-module_sheetExitRight__lDfss","sheetEnterLeft":"sheet-module_sheetEnterLeft__nayE9","sheetExitLeft":"sheet-module_sheetExitLeft__IUiqZ","sheetEnterTop":"sheet-module_sheetEnterTop__Czk6-","sheetExitTop":"sheet-module_sheetExitTop__ZtNE9","sheetEnterBottom":"sheet-module_sheetEnterBottom__4Bwq6","sheetExitBottom":"sheet-module_sheetExitBottom__SgI6R","close-button":"sheet-module_close-button__4bKaj","header":"sheet-module_header__osC7Z","footer":"sheet-module_footer__Rq8Np","title":"sheet-module_title__V_OG1","description":"sheet-module_description__soWUb"};
 
 export { s as default };
 //# sourceMappingURL=sheet.module.scss.js.map

package/dist/navigation.d.ts

@@ -146,9 +146,31 @@ declare const sideClassMap: {
 type SheetSide = keyof typeof sideClassMap;
 type SheetContentProps = React.HTMLAttributes<HTMLDivElement> & {
     side?: SheetSide;
+    /**
+     * How much room the panel gets. `sm` suits a confirm or a short form; `lg`
+     * is for a working surface — a queue of editable cards needs the width or
+     * its own content starts scrolling sideways.
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Float the panel off the viewport edge instead of sitting flush to it.
+     * Reads as a card over the page rather than a second wall of it.
+     */
+    inset?: boolean;
 };
 declare const SheetContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     side?: SheetSide;
+    /**
+     * How much room the panel gets. `sm` suits a confirm or a short form; `lg`
+     * is for a working surface — a queue of editable cards needs the width or
+     * its own content starts scrolling sideways.
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Float the panel off the viewport edge instead of sitting flush to it.
+     * Reads as a card over the page rather than a second wall of it.
+     */
+    inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 declare function SheetBody({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;

package/dist/row-CuhTBQhK.d.ts

@@ -0,0 +1,21 @@
+import React__default from 'react';
+
+interface RowProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children?: React__default.ReactNode;
+    el?: React__default.ElementType<React__default.HTMLAttributes<HTMLDivElement>>;
+    gap?: number;
+    breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    justify?: 'space-between' | 'space-around' | 'space-evenly' | 'center' | 'start' | 'end';
+    full?: boolean;
+    wrap?: boolean | number;
+    /**
+     * Grow to fill the remaining space of a flex parent, as `Column` does.
+     *
+     * Use it where a row of content should push whatever follows to the far
+     * edge; without it the caller reaches for an inline `flex: 1`.
+     */
+    flex?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+}
+
+export type { RowProps as R };

package/dist/settings/AppearanceDropdown/appearance-dropdown.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import '../../layout/Sidebar/sidebar-context.js';
 import 'react';
+import '../../layout/Sidebar/sidebar-context.js';
 import '../../ui/Alert/alert-context.js';
 import '../../ui/Table/table-sort-context.js';
 import { useAppearance } from '../../hooks/use-appearance.js';

package/dist/settings/AppearanceTabs/appearance-tabs.js

@@ -1,38 +1,13 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import '../../layout/Sidebar/sidebar-context.js';
 import 'react';
+import '../../layout/Sidebar/sidebar-context.js';
 import '../../ui/Alert/alert-context.js';
 import '../../ui/Table/table-sort-context.js';
 import { useAppearance } from '../../hooks/use-appearance.js';
-import '../../ui/Alert/alert.js';
-import 'react-dom';
-import '../../ui/Alert/alert.css';
-import '../../ui/Avatar/avatar.js';
-import { Button } from '../../ui/Button/button.js';
-import '../../ui/Chip/chip.js';
-import '../../ui/CodeBlock/code-block.js';
 import cn from 'clsx';
-import '../../ui/DevIndicator/dev-indicator.css';
-import '../../ui/Dialog/dialog.js';
-import '../../ui/EmptyState/empty-state.js';
-import '../../ui/Icon/icon.js';
-import '../../ui/List/list.js';
-import '../../ui/Pagination/pagination.js';
-import '../../ui/ProgressBar/progress-bar.js';
-import '../../ui/Separator/separator.js';
-import '../../ui/StatCard/stat-card.js';
-import '../../ui/StatusDot/status-dot.js';
-import '../../ui/StatusDot/status-dot-variants.js';
-import '../../ui/StepProgress/step-progress.js';
-import '../../ui/Switch/switch.js';
-import '../../ui/Table/table.js';
-import '../../ui/TableActionCell/table-action-cell.js';
-import '../../ui/TableToolbar/table-toolbar.js';
-import '../../ui/Toggle/toggle.js';
-import '../../ui/ToggleGroup/toggle-group.js';
-import '../../ui/Tooltip/tooltip.js';
 import { SunIcon, MoonIcon, MonitorIcon } from 'lucide-react';
 import s from './appearance-tabs.module.scss.js';
+import { Button } from '../../ui/Button/button.js';
 
 function AppearanceTabs({ className = '', iconOnly = false, ...props }) {
     const { appearance, updateAppearance } = useAppearance();

package/dist/settings/AppearanceTabs/appearance-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"appearance-tabs.js","sources":["../../../src/settings/AppearanceTabs/appearance-tabs.tsx"],"sourcesContent":["import { type Appearance, useAppearance } from '@constellation/hooks';\nimport { Button } from '@constellation/ui';\nimport cn from 'clsx';\nimport { type LucideIcon, MonitorIcon, MoonIcon, SunIcon } from 'lucide-react';\nimport * as React from 'react';\nimport s from './appearance-tabs.module.scss';\n\ntype AppearanceTabsProps = React.HTMLAttributes<HTMLDivElement> & {\n  iconOnly?: boolean;\n};\n\nexport function AppearanceTabs({\n  className = '',\n  iconOnly = false,\n  ...props\n}: AppearanceTabsProps) {\n  const { appearance, updateAppearance } = useAppearance();\n\n  const tabs: { value: Appearance; icon: LucideIcon; label: string }[] = [\n    { value: 'light', icon: SunIcon, label: 'Light' },\n    { value: 'dark', icon: MoonIcon, label: 'Dark' },\n    { value: 'system', icon: MonitorIcon, label: 'System' },\n  ];\n\n  return (\n    <div data-slot={'appearance-tabs'} className={cn(s['tabs-root'], className)} {...props}>\n      {tabs.map(({ value, icon: Icon, label }) => (\n        <Button\n          key={value}\n          variant={'ghost'}\n          theme={'inherit'}\n          rounded\n          onClick={() => updateAppearance(value)}\n          aria-label={label}\n          iconOnly={iconOnly}\n          aria-pressed={appearance === value}\n          className={cn(s['tab-button'], appearance === value && s['tab-button-active'])}\n          title={iconOnly ? label : undefined}\n        >\n          <Icon />\n          {!iconOnly && <span>{label}</span>}\n        </Button>\n      ))}\n    </div>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM,SAAU,cAAc,CAAC,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACY,EAAA;IACpB,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE;AAExD,IAAA,MAAM,IAAI,GAA6D;QACrE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QACjD,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAChD,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;KACxD;IAED,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EAAgB,iBAAiB,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,QAAA,EACnF,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MACrCC,IAAA,CAAC,MAAM,EAAA,EAEL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,OAAO,EAAA,IAAA,EACP,OAAO,EAAE,MAAM,gBAAgB,CAAC,KAAK,CAAC,gBAC1B,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,UAAU,KAAK,KAAK,EAClC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU,KAAK,KAAK,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC,EAC9E,KAAK,EAAE,QAAQ,GAAG,KAAK,GAAG,SAAS,EAAA,QAAA,EAAA,CAEnCD,GAAA,CAAC,IAAI,EAAA,EAAA,CAAG,EACP,CAAC,QAAQ,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,EAAA,CAAQ,CAAA,EAAA,EAZ7B,KAAK,CAaH,CACV,CAAC,EAAA,CACE;AAEV;;"}
+{"version":3,"file":"appearance-tabs.js","sources":["../../../src/settings/AppearanceTabs/appearance-tabs.tsx"],"sourcesContent":["import { type Appearance, useAppearance } from '@constellation/hooks';\nimport { Button } from '@constellation/ui';\nimport cn from 'clsx';\nimport { type LucideIcon, MonitorIcon, MoonIcon, SunIcon } from 'lucide-react';\nimport * as React from 'react';\nimport s from './appearance-tabs.module.scss';\n\ntype AppearanceTabsProps = React.HTMLAttributes<HTMLDivElement> & {\n  iconOnly?: boolean;\n};\n\nexport function AppearanceTabs({\n  className = '',\n  iconOnly = false,\n  ...props\n}: AppearanceTabsProps) {\n  const { appearance, updateAppearance } = useAppearance();\n\n  const tabs: { value: Appearance; icon: LucideIcon; label: string }[] = [\n    { value: 'light', icon: SunIcon, label: 'Light' },\n    { value: 'dark', icon: MoonIcon, label: 'Dark' },\n    { value: 'system', icon: MonitorIcon, label: 'System' },\n  ];\n\n  return (\n    <div data-slot={'appearance-tabs'} className={cn(s['tabs-root'], className)} {...props}>\n      {tabs.map(({ value, icon: Icon, label }) => (\n        <Button\n          key={value}\n          variant={'ghost'}\n          theme={'inherit'}\n          rounded\n          onClick={() => updateAppearance(value)}\n          aria-label={label}\n          iconOnly={iconOnly}\n          aria-pressed={appearance === value}\n          className={cn(s['tab-button'], appearance === value && s['tab-button-active'])}\n          title={iconOnly ? label : undefined}\n        >\n          <Icon />\n          {!iconOnly && <span>{label}</span>}\n        </Button>\n      ))}\n    </div>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;AAWM,SAAU,cAAc,CAAC,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACY,EAAA;IACpB,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE;AAExD,IAAA,MAAM,IAAI,GAA6D;QACrE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QACjD,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAChD,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;KACxD;IAED,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EAAgB,iBAAiB,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,QAAA,EACnF,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MACrCC,IAAA,CAAC,MAAM,EAAA,EAEL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,OAAO,EAAA,IAAA,EACP,OAAO,EAAE,MAAM,gBAAgB,CAAC,KAAK,CAAC,gBAC1B,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,UAAU,KAAK,KAAK,EAClC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU,KAAK,KAAK,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC,EAC9E,KAAK,EAAE,QAAQ,GAAG,KAAK,GAAG,SAAS,EAAA,QAAA,EAAA,CAEnCD,GAAA,CAAC,IAAI,EAAA,EAAA,CAAG,EACP,CAAC,QAAQ,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,EAAA,CAAQ,CAAA,EAAA,EAZ7B,KAAK,CAaH,CACV,CAAC,EAAA,CACE;AAEV;;"}