@7onic-ui/react 0.3.13 → 0.3.15

package/dist/index.mjs

@@ -96,7 +96,7 @@ import {
 import {
   IconButton,
   iconButtonVariants
-} from "./chunk-ZDRUTJ4T.mjs";
+} from "./chunk-CAKZAZRW.mjs";
 import {
   Input,
   inputVariants
@@ -149,7 +149,7 @@ import {
   NavigationMenuTrigger,
   NavigationMenuViewport,
   navigationMenuSizeMap
-} from "./chunk-C5D3VRNJ.mjs";
+} from "./chunk-4ATPYNTP.mjs";
 import {
   Pagination,
   PaginationContent,
@@ -178,7 +178,7 @@ import {
 import {
   Button,
   buttonVariants
-} from "./chunk-IPCIC2BI.mjs";
+} from "./chunk-YJFM5CG5.mjs";
 import {
   Card,
   CardAction,
@@ -279,7 +279,7 @@ import {
 import {
   Badge,
   badgeVariants
-} from "./chunk-W6YNEU53.mjs";
+} from "./chunk-HPADZWZ6.mjs";
 import {
   Breadcrumb,
   BreadcrumbEllipsis,
@@ -289,7 +289,7 @@ import {
   BreadcrumbPage,
   BreadcrumbSeparator,
   breadcrumbSizeMap
-} from "./chunk-ZN7DBSKH.mjs";
+} from "./chunk-MUAIQGMU.mjs";
 import {
   ButtonGroup,
   useButtonGroup

package/llms.txt

@@ -838,7 +838,7 @@ import { Badge } from '@7onic-ui/react'
 | radius | `'sm' \| 'base' \| 'md' \| 'lg' \| 'full'` | `'full'` | Border radius |
 | icon | `ReactNode` | — | Leading icon |
 | dot | `boolean` | `false` | Status dot indicator |
-| removable | `boolean` | `false` | Shows remove button |
+| removable | `boolean` | `false` | Shows remove button (not rendered with `asChild` — a button inside a link is invalid HTML) |
 | onRemove | `() => void` | — | Remove handler |
 | asChild | `boolean` | `false` | Slot pattern |
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@7onic-ui/react",
-  "version": "0.3.13",
+  "version": "0.3.15",
   "private": false,
   "sideEffects": [
     "*.css"

package/dist/chunk-C5D3VRNJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '@/lib/utils'\n\n// ─── Built-in Icons ───────────────────────────────────────\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  )\n}\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n    </svg>\n  )\n}\n\n// ─── Radius Configuration ─────────────────────────────────\n\ntype NavigationMenuRadius = 'sm' | 'md' | 'lg' | 'xl'\n\nconst contentRadiusMap: Record<NavigationMenuRadius, string> = {\n  sm: 'rounded',        // 4px\n  md: 'rounded-md',     // 6px\n  lg: 'rounded-lg',     // 8px\n  xl: 'rounded-xl',     // 12px\n}\n\nconst itemRadiusMap: Record<NavigationMenuRadius, string> = {\n  sm: 'rounded-sm',     // 2px\n  md: 'rounded',        // 4px\n  lg: 'rounded-md',     // 6px\n  xl: 'rounded-lg',     // 8px\n}\n\n// ─── Contexts ─────────────────────────────────────────────\n\ntype NavigationMenuContextValue = {\n  orientation: 'horizontal' | 'vertical'\n  size: 'sm' | 'md' | 'default' | 'lg'\n  collapsed: boolean\n  radius: NavigationMenuRadius\n  fontWeight: 'normal' | 'semibold'\n}\n\nconst NavigationMenuContext = React.createContext<NavigationMenuContextValue>({\n  orientation: 'horizontal',\n  size: 'default',\n  collapsed: false,\n  radius: 'lg',\n  fontWeight: 'normal',\n})\nconst useNavigationMenuContext = () => React.useContext(NavigationMenuContext)\n\n// Whether we're inside NavigationMenuContent (affects link styling)\nconst ContentLevelContext = React.createContext(false)\n\n// ─── Size Configuration ───────────────────────────────────\n\nconst navigationMenuSizeMap = {\n  sm: {\n    trigger: 'h-8 text-sm px-3 gap-2',\n    link: 'h-8 text-sm px-3 gap-2',\n    icon: 'icon-xs',\n    collapsedSquare: 'size-8', collapsedWidth: 56,\n    dropdownLink: 'px-3 py-1.5 text-sm gap-2',\n    subLink: 'h-8 text-sm pl-8 pr-3 gap-2',\n    groupLabel: 'text-2xs px-3 mb-1', groupMargin: 'mt-4 first:mt-0',\n  },\n  md: {\n    trigger: 'h-9 text-md px-3.5 gap-2',\n    link: 'h-9 text-md px-3.5 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-9', collapsedWidth: 60,\n    dropdownLink: 'px-3 py-1.5 text-md gap-2',\n    subLink: 'h-9 text-md pl-9 pr-3.5 gap-2',\n    groupLabel: 'text-xs px-3.5 mb-1', groupMargin: 'mt-4 first:mt-0',\n  },\n  default: {\n    trigger: 'h-10 text-md px-4 gap-2',\n    link: 'h-10 text-md px-4 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-10', collapsedWidth: 64,\n    dropdownLink: 'px-3 py-2 text-md gap-2',\n    subLink: 'h-10 text-md pl-10 pr-4 gap-2',\n    groupLabel: 'text-xs px-4 mb-1.5', groupMargin: 'mt-5 first:mt-0',\n  },\n  lg: {\n    trigger: 'h-12 text-base px-6 gap-2',\n    link: 'h-12 text-base px-6 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-12', collapsedWidth: 72,\n    dropdownLink: 'px-3 py-2.5 text-base gap-2',\n    subLink: 'h-12 text-base pl-12 pr-6 gap-2',\n    groupLabel: 'text-xs px-4 mb-2', groupMargin: 'mt-6 first:mt-0',\n  },\n} as const\n\n// ─── NavigationMenu (Root) ────────────────────────────────\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n  /** Layout orientation */\n  orientation?: 'horizontal' | 'vertical'\n  /** Size of the menu items */\n  size?: 'sm' | 'md' | 'default' | 'lg'\n  /** Vertical only: show icons only (collapsed sidebar) */\n  collapsed?: boolean\n  /** Vertical only: sidebar width (default: 256px / 16rem) */\n  width?: number | string\n  /** Vertical only: collapsed sidebar width (default: 64px / 4rem) */\n  collapsedWidth?: number | string\n  /** Border radius for dropdown content and items */\n  radius?: NavigationMenuRadius\n  /** Font weight for menu items (default: normal, active items always use semibold) */\n  fontWeight?: 'normal' | 'semibold'\n  /** Horizontal only: delay before hover opens in ms */\n  delayDuration?: number\n  /** Horizontal only: skip delay when moving between triggers */\n  skipDelayDuration?: number\n  /** Controlled active menu item value */\n  value?: string\n  /** Default active menu item value (uncontrolled) */\n  defaultValue?: string\n  /** Callback when active item changes */\n  onValueChange?: (value: string) => void\n}\n\nconst NavigationMenu = React.forwardRef<HTMLElement, NavigationMenuProps>(\n  ({\n    className,\n    orientation = 'horizontal',\n    size = 'default',\n    collapsed = false,\n    width,\n    collapsedWidth,\n    radius = 'lg',\n    fontWeight = 'normal',\n    delayDuration = 200,\n    skipDelayDuration = 300,\n    value,\n    defaultValue,\n    onValueChange,\n    children,\n    style,\n    ...props\n  }, ref) => {\n    const contextValue = React.useMemo(\n      () => ({ orientation, size, collapsed: orientation === 'vertical' ? collapsed : false, radius, fontWeight }),\n      [orientation, size, collapsed, radius, fontWeight]\n    )\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuContext.Provider value={contextValue}>\n          <NavigationMenuPrimitive.Root\n            ref={ref as React.Ref<HTMLDivElement>}\n            className={cn('relative', className)}\n            delayDuration={delayDuration}\n            skipDelayDuration={skipDelayDuration}\n            value={value}\n            defaultValue={defaultValue ?? ''}\n            onValueChange={onValueChange}\n          >\n            {children}\n          </NavigationMenuPrimitive.Root>\n        </NavigationMenuContext.Provider>\n      )\n    }\n\n    // Vertical mode\n    const resolvedWidth = collapsed\n      ? (collapsedWidth ?? navigationMenuSizeMap[size].collapsedWidth)\n      : (width ?? 256)\n    const widthValue = typeof resolvedWidth === 'number' ? `${resolvedWidth}px` : resolvedWidth\n\n    return (\n      <NavigationMenuContext.Provider value={contextValue}>\n        <nav\n          ref={ref}\n          aria-label=\"navigation\"\n          className={cn(\n            'flex flex-col',\n            'transition-[width] duration-normal ease-out',\n            className\n          )}\n          style={{ width: widthValue, ...style }}\n          {...props}\n        >\n          {children}\n        </nav>\n      </NavigationMenuContext.Provider>\n    )\n  }\n)\nNavigationMenu.displayName = 'NavigationMenu'\n\n// ─── NavigationMenuList ───────────────────────────────────\n\nexport interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {}\n\nconst NavigationMenuList = React.forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.List\n          ref={ref}\n          className={cn('flex items-center gap-1', className)}\n          {...props}\n        >\n          {children}\n        </NavigationMenuPrimitive.List>\n      )\n    }\n\n    return (\n      <ul\n        ref={ref}\n        className={cn('flex flex-col gap-0.5', className)}\n        {...props}\n      >\n        {children}\n      </ul>\n    )\n  }\n)\nNavigationMenuList.displayName = 'NavigationMenuList'\n\n// ─── NavigationMenuItem ───────────────────────────────────\n\nexport interface NavigationMenuItemProps extends React.HTMLAttributes<HTMLLIElement> {\n  /** Value identifier for Radix (horizontal mode) */\n  value?: string\n  /** Vertical only: default open state for sub-menu */\n  defaultOpen?: boolean\n}\n\nconst NavigationMenuItem = React.forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  ({ className, value, defaultOpen = false, children, ...props }, ref) => {\n    const { orientation, collapsed } = useNavigationMenuContext()\n    const [open, setOpen] = React.useState(defaultOpen)\n\n    // Auto-close sub-menus when collapsed. Adjusted during render (React's pattern for\n    // state that follows a prop) instead of in an effect, which re-rendered once more.\n    const [prevCollapsed, setPrevCollapsed] = React.useState(collapsed)\n    if (collapsed !== prevCollapsed) {\n      setPrevCollapsed(collapsed)\n      if (collapsed) setOpen(false)\n    }\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.Item\n          ref={ref}\n          className={cn('relative', className)}\n          value={value}\n          {...props}\n        >\n          {children}\n        </NavigationMenuPrimitive.Item>\n      )\n    }\n\n    // Vertical: wrap in Collapsible.Root for sub-menu support\n    return (\n      <CollapsiblePrimitive.Root\n        open={collapsed ? false : open}\n        onOpenChange={collapsed ? undefined : setOpen}\n        asChild\n      >\n        <li ref={ref} className={cn('', className)} {...props}>\n          {children}\n        </li>\n      </CollapsiblePrimitive.Root>\n    )\n  }\n)\nNavigationMenuItem.displayName = 'NavigationMenuItem'\n\n// ─── NavigationMenuTrigger ────────────────────────────────\n\nexport interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Icon displayed before the label */\n  icon?: React.ReactNode\n  /** Custom chevron icon (default: built-in ChevronDown for horizontal, ChevronRight for vertical) */\n  chevronIcon?: React.ReactNode\n}\n\nconst NavigationMenuTrigger = React.forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  ({ className, children, icon, chevronIcon, ...props }, ref) => {\n    const { orientation, size, collapsed, radius, fontWeight: fw } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n    const fwClass = fw === 'semibold' ? 'font-semibold' : 'font-normal'\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.Trigger\n          ref={ref}\n          className={cn(\n            'group inline-flex items-center justify-center',\n            s.trigger,\n            'gap-0',\n            fwClass, 'text-text-muted',\n            'transition-colors duration-fast',\n            'hover:text-foreground',\n            'data-[state=open]:text-foreground',\n            'focus-visible:focus-ring',\n            'disabled:pointer-events-none disabled:opacity-50',\n            className\n          )}\n          {...props}\n        >\n          {icon && <span className={cn('shrink-0 mr-2', s.icon)}>{icon}</span>}\n          {children}\n          <span className={cn('shrink-0 ml-1 text-text-subtle transition-transform duration-fast group-data-[state=open]:rotate-180', s.icon)}>\n            {chevronIcon ?? <ChevronDownIcon className=\"size-full\" />}\n          </span>\n        </NavigationMenuPrimitive.Trigger>\n      )\n    }\n\n    // Vertical: Collapsible trigger\n    return (\n      <CollapsiblePrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group flex items-center cursor-pointer',\n          contentRadiusMap[radius],\n          collapsed\n            ? [s.collapsedSquare, 'justify-center mx-auto']\n            : ['w-full', s.trigger],\n          fwClass, 'text-text-muted transition-colors duration-fast',\n          'hover:text-foreground hover:bg-background-muted',\n          !collapsed && 'data-[state=open]:text-foreground',\n          'focus-visible:focus-ring',\n          'disabled:pointer-events-none disabled:opacity-50',\n          className\n        )}\n        {...(collapsed && typeof children === 'string' ? { title: children } : {})}\n        {...props}\n      >\n        {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n        {!collapsed && (\n          <>\n            <span className=\"flex-1 text-left truncate\">{children}</span>\n            <span\n              className={cn(\n                'shrink-0 text-text-subtle transition-transform duration-normal',\n                s.icon,\n                'group-data-[state=open]:rotate-90'\n              )}\n            >\n              {chevronIcon ?? <ChevronRightIcon className=\"size-full\" />}\n            </span>\n          </>\n        )}\n      </CollapsiblePrimitive.Trigger>\n    )\n  }\n)\nNavigationMenuTrigger.displayName = 'NavigationMenuTrigger'\n\n// ─── NavigationMenuContent ────────────────────────────────\n\nexport interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst NavigationMenuContent = React.forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation, collapsed, radius } = useNavigationMenuContext()\n\n    if (orientation === 'horizontal') {\n      return (\n        <ContentLevelContext.Provider value={true}>\n          <NavigationMenuPrimitive.Content\n            ref={ref}\n            className={cn(\n              'absolute left-0 top-full z-dropdown pt-1',\n              'data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out',\n              className\n            )}\n            {...props}\n          >\n            <div className={cn('min-w-[180px] border border-border bg-background shadow-lg p-1.5 grid gap-0.5', contentRadiusMap[radius])}>\n              {children}\n            </div>\n          </NavigationMenuPrimitive.Content>\n        </ContentLevelContext.Provider>\n      )\n    }\n\n    // Vertical: Collapsible content (hidden when collapsed)\n    if (collapsed) return null\n\n    return (\n      <ContentLevelContext.Provider value={true}>\n        <CollapsiblePrimitive.Content\n          ref={ref}\n          className={cn(\n            'overflow-hidden',\n            'data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up',\n          )}\n          {...props}\n        >\n          <div className={cn(\n            'flex flex-col gap-0.5 py-1',\n            className\n          )}>\n            {children}\n          </div>\n        </CollapsiblePrimitive.Content>\n      </ContentLevelContext.Provider>\n    )\n  }\n)\nNavigationMenuContent.displayName = 'NavigationMenuContent'\n\n// ─── NavigationMenuLink ───────────────────────────────────\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Whether the link represents the current page */\n  active?: boolean\n  /** Compose with custom link component (Radix Slot) */\n  asChild?: boolean\n  /** Icon displayed before the label */\n  icon?: React.ReactNode\n}\n\nconst NavigationMenuLink = React.forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  ({ className, active, asChild, icon, children, ...props }, ref) => {\n    const { orientation, size, collapsed, radius, fontWeight: fw } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n    const fwClass = fw === 'semibold' ? 'font-semibold' : 'font-normal'\n    const inContent = React.useContext(ContentLevelContext)\n\n    if (orientation === 'horizontal') {\n      // Exclude onSelect to avoid React vs Radix type conflict\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const { onSelect, ...radixSafeProps } = props as any\n\n      // Content-level links (inside dropdown): block style with hover bg\n      if (inContent) {\n        return (\n          <NavigationMenuPrimitive.Link\n            ref={ref}\n            className={cn(\n              'flex items-center w-full',\n              s.dropdownLink,\n              itemRadiusMap[radius],\n              'text-text-muted transition-colors duration-fast',\n              'hover:text-foreground hover:bg-background-muted',\n              active && 'text-foreground bg-background-muted font-semibold',\n              'focus-visible:focus-ring',\n              className\n            )}\n            active={active}\n            asChild={asChild}\n            onSelect={onSelect}\n            {...radixSafeProps}\n          >\n            {asChild ? children : (\n              <>\n                {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n                {children}\n              </>\n            )}\n          </NavigationMenuPrimitive.Link>\n        )\n      }\n\n      // Top-level horizontal links: text only, no hover bg\n      return (\n        <NavigationMenuPrimitive.Link\n          ref={ref}\n          className={cn(\n            'inline-flex items-center justify-center',\n            s.link,\n            fwClass, 'text-text-muted',\n            'transition-colors duration-fast',\n            'hover:text-foreground',\n            active && 'text-foreground font-semibold',\n            'focus-visible:focus-ring',\n            className\n          )}\n          active={active}\n          asChild={asChild}\n          onSelect={onSelect}\n          {...radixSafeProps}\n        >\n          {asChild ? children : (\n            <>\n              {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n              {children}\n            </>\n          )}\n        </NavigationMenuPrimitive.Link>\n      )\n    }\n\n    // ── Vertical mode ──\n\n    const Comp = asChild ? Slot : 'a'\n\n    // Content-level links (sub-menu items): compact, indented\n    if (inContent) {\n      return (\n        <Comp\n          ref={ref}\n          className={cn(\n            'flex items-center w-full cursor-pointer',\n            contentRadiusMap[radius],\n            s.subLink,\n            'text-text-muted transition-colors duration-fast',\n            'hover:text-foreground hover:bg-background-muted',\n            active && 'text-foreground bg-background-muted font-semibold',\n            'focus-visible:focus-ring',\n            className\n          )}\n          {...(active ? { 'aria-current': 'page' as const } : {})}\n          {...props}\n        >\n          {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n          {!collapsed && children}\n        </Comp>\n      )\n    }\n\n    // Top-level vertical links\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          'relative flex items-center cursor-pointer',\n          contentRadiusMap[radius],\n          collapsed\n            ? [s.collapsedSquare, 'justify-center mx-auto']\n            : ['w-full', s.link],\n          'text-text-muted transition-colors duration-fast',\n          'hover:text-foreground hover:bg-background-muted',\n          active && 'text-foreground bg-background-muted font-semibold',\n          'focus-visible:focus-ring',\n          className\n        )}\n        {...(active ? { 'aria-current': 'page' as const } : {})}\n        {...(collapsed && typeof children === 'string' ? { title: children } : {})}\n        {...props}\n      >\n        {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n        {!collapsed && <span className=\"truncate\">{children}</span>}\n      </Comp>\n    )\n  }\n)\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n\n// ─── NavigationMenuGroup (vertical only) ──────────────────\n\nexport interface NavigationMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Group header label */\n  label?: string\n}\n\nconst NavigationMenuGroup = React.forwardRef<HTMLDivElement, NavigationMenuGroupProps>(\n  ({ className, label, children, ...props }, ref) => {\n    const { size, collapsed } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n\n    const labelId = React.useId()\n    const showLabel = Boolean(label) && !collapsed\n\n    // Groups sit inside NavigationMenuList's <ul>, so the group is wrapped in an <li> to\n    // keep the list structure valid. The spacing class stays on that <li>: it relies on\n    // :first-child among the list's children.\n    return (\n      <li className={cn(showLabel && s.groupMargin)}>\n        <div\n          ref={ref}\n          role=\"group\"\n          aria-labelledby={showLabel && !props['aria-label'] ? labelId : undefined}\n          className={className}\n          {...props}\n        >\n          {showLabel && (\n            <div\n              id={labelId}\n              className={cn(\n                'font-semibold text-text-subtle uppercase tracking-wider select-none',\n                s.groupLabel,\n              )}\n            >\n              {label}\n            </div>\n          )}\n          <ul className=\"flex flex-col gap-0.5\">\n            {children}\n          </ul>\n        </div>\n      </li>\n    )\n  }\n)\nNavigationMenuGroup.displayName = 'NavigationMenuGroup'\n\n// ─── NavigationMenuIndicator ──────────────────────────────\n\nexport interface NavigationMenuIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Active indicator dot color (default: dark/foreground, primary: brand color) */\n  color?: 'default' | 'primary'\n}\n\nconst NavigationMenuIndicator = React.forwardRef<HTMLDivElement, NavigationMenuIndicatorProps>(\n  ({ className, color = 'default', ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    // Vertical: active indicator is built into NavigationMenuLink styling\n    if (orientation === 'vertical') return null\n\n    return (\n      <NavigationMenuPrimitive.Indicator\n        ref={ref}\n        className={cn(\n          'z-10 flex h-[3px] items-end justify-center overflow-hidden',\n          'transition-[width,transform] duration-normal ease-out',\n          'data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out',\n          className\n        )}\n        {...props}\n      >\n        <div className={cn(\n          'relative h-full w-full rounded-full',\n          color === 'default' ? 'bg-foreground' : 'bg-primary'\n        )} />\n      </NavigationMenuPrimitive.Indicator>\n    )\n  }\n)\nNavigationMenuIndicator.displayName = 'NavigationMenuIndicator'\n\n// ─── NavigationMenuViewport ───────────────────────────────\n\nexport interface NavigationMenuViewportProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst NavigationMenuViewport = React.forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  ({ className, ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    // Vertical mode does not use a viewport\n    if (orientation === 'vertical') return null\n\n    return (\n      <div className=\"absolute left-0 top-full z-dropdown w-auto pt-1\">\n        <NavigationMenuPrimitive.Viewport\n          ref={ref}\n          className={cn(\n            'relative overflow-hidden',\n            'border border-border bg-background rounded-xl shadow-lg',\n            'h-[var(--radix-navigation-menu-viewport-height)]',\n            'w-[var(--radix-navigation-menu-viewport-width)]',\n            'transition-[width,height] duration-fast ease-out',\n            'data-[state=open]:animate-nav-viewport-enter',\n            'data-[state=closed]:animate-nav-viewport-exit',\n            className\n          )}\n          {...props}\n        />\n      </div>\n    )\n  }\n)\nNavigationMenuViewport.displayName = 'NavigationMenuViewport'\n\n// ─── Exports ──────────────────────────────────────────────\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n  NavigationMenuGroup,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuSizeMap,\n  type NavigationMenuRadius,\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-IPCIC2BI.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/button.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\nimport { useButtonGroup } from './button-group'\n\n// Solid color maps (applied when variant=\"solid\")\nconst solidColorMap = {\n  default: 'bg-foreground text-background hover:bg-foreground/90 active:bg-foreground/80',\n  primary: 'bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active',\n  secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary-hover active:bg-secondary-active',\n  destructive: 'bg-error text-error-foreground hover:bg-error-hover active:bg-error-active',\n} as const\n\nexport type ButtonColor = keyof typeof solidColorMap\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center whitespace-nowrap transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        solid: 'font-semibold',\n        outline: 'border border-border bg-background text-foreground hover:bg-background-muted font-normal',\n        ghost: 'text-foreground hover:bg-background-muted font-normal',\n        link: 'text-text-link underline-offset-4 hover:underline font-normal',\n      },\n      size: {\n        xs: 'h-7 px-2.5 text-xs gap-1',     // 28px height, 10px paddingX, 12px font\n        sm: 'h-8 px-3 text-sm gap-2',       // 32px height, 12px paddingX, 13px font\n        md: 'h-9 px-3.5 text-md gap-2',     // 36px height, 14px paddingX, 14px font\n        default: 'h-10 px-4 text-md gap-2', // 40px height, 16px paddingX, 14px font\n        lg: 'h-12 px-6 text-base gap-2',    // 48px height, 24px paddingX, 16px font\n        icon: 'h-10 w-10',\n      },\n      radius: {\n        none: 'rounded-none',      // 0px - primitive.borderRadius.none\n        sm: 'rounded-sm',          // 2px - primitive.borderRadius.sm\n        base: 'rounded',           // 4px - primitive.borderRadius.base\n        default: 'rounded-md',     // 6px - primitive.borderRadius.md (Figma button default)\n        lg: 'rounded-lg',          // 8px - primitive.borderRadius.lg\n        xl: 'rounded-xl',          // 12px - primitive.borderRadius.xl\n        '2xl': 'rounded-2xl',      // 16px - primitive.borderRadius.2xl\n        '3xl': 'rounded-3xl',      // 24px - primitive.borderRadius.3xl\n        full: 'rounded-full',      // 9999px - primitive.borderRadius.full\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: 'w-auto',\n      },\n    },\n    defaultVariants: {\n      variant: 'solid',\n      size: 'default',\n      radius: 'default',\n      fullWidth: false,\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** Solid variant color */\n  color?: ButtonColor\n  asChild?: boolean\n  loading?: boolean\n  leftIcon?: React.ReactNode\n  rightIcon?: React.ReactNode\n  selected?: boolean\n  fontWeight?: 'normal' | 'semibold'\n  pressEffect?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({\n    className,\n    variant: variantProp,\n    color: colorProp,\n    size: sizeProp,\n    radius: radiusProp,\n    fullWidth,\n    asChild = false,\n    loading = false,\n    disabled: disabledProp,\n    leftIcon,\n    rightIcon,\n    selected = false,\n    fontWeight: fontWeightProp,\n    pressEffect,\n    children,\n    ...props\n  }, ref) => {\n    const Comp = asChild ? Slot : 'button'\n    const groupContext = useButtonGroup()\n\n    // Use context values as fallback, individual props take precedence\n    const variant = variantProp ?? groupContext?.variant ?? 'solid'\n    const color = colorProp ?? 'default'\n    const size = sizeProp ?? groupContext?.size\n    const radius = radiusProp ?? groupContext?.radius\n    const disabled = disabledProp ?? groupContext?.disabled\n\n    // Priority: direct prop > ButtonGroup context > variant default (no class)\n    const fontWeight = fontWeightProp ?? groupContext?.fontWeight\n\n    // FontWeight class (overrides variant default)\n    const fontWeightClass = fontWeight === 'normal' ? 'font-normal' : fontWeight === 'semibold' ? 'font-semibold' : ''\n\n    // Icon size for button with text (5-step scale)\n    // xs~sm: 14px, md~default~lg: 16px\n    const iconSizeClass = {\n      xs: 'icon-xs',      // 14px\n      sm: 'icon-xs',      // 14px\n      md: 'icon-sm',      // 16px\n      default: 'icon-sm', // 16px\n      lg: 'icon-sm',      // 16px\n      icon: 'icon-md',    // icon-only → 20px\n    }[size || 'default']\n\n    // Selected styles by variant (used in ButtonGroup)\n    const selectedStyles = selected ? (\n      variant === 'outline' ? 'bg-background-muted' :\n      variant === 'ghost' ? 'font-semibold' : ''\n    ) : ''\n\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, radius, fullWidth }), variant === 'solid' && solidColorMap[color], pressEffect !== false && 'active:scale-pressed', fontWeightClass, selectedStyles, className)}\n        ref={ref}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        aria-pressed={selected || undefined}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <svg\n              className={cn(iconSizeClass, 'animate-spin')}\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              aria-hidden=\"true\"\n            >\n              <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n              <path className=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\" />\n            </svg>\n            <span>{children}</span>\n          </>\n        ) : (\n          <>\n            {leftIcon && <span className={cn(iconSizeClass, '[&>svg]:w-full [&>svg]:h-full')} aria-hidden=\"true\">{leftIcon}</span>}\n            {children}\n            {rightIcon && <span className={cn(iconSizeClass, '[&>svg]:w-full [&>svg]:h-full')} aria-hidden=\"true\">{rightIcon}</span>}\n          </>\n        )}\n      </Comp>\n    )\n  }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],"mappings":"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","names":[]}

package/dist/chunk-W6YNEU53.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/badge.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\n// Badge color maps for variant × color combinations\n// Uses semantic tokens (*.tint, text-text-*) for v4 dark mode compatibility\nconst colorMap = {\n  default: {\n    solid: 'bg-foreground text-background',\n    subtle: 'bg-background-muted text-foreground',\n    outline: 'border-border text-foreground',\n  },\n  primary: {\n    solid: 'bg-primary text-primary-foreground',\n    subtle: 'bg-primary-tint text-text-primary',\n    outline: 'border-primary text-text-primary',\n  },\n  success: {\n    solid: 'bg-success text-success-foreground',\n    subtle: 'bg-success-tint text-text-success',\n    outline: 'border-success text-text-success',\n  },\n  warning: {\n    solid: 'bg-warning text-warning-foreground',\n    subtle: 'bg-warning-tint text-text-warning',\n    outline: 'border-warning text-text-warning',\n  },\n  error: {\n    solid: 'bg-error text-error-foreground',\n    subtle: 'bg-error-tint text-text-error',\n    outline: 'border-error text-text-error',\n  },\n  info: {\n    solid: 'bg-info text-info-foreground',\n    subtle: 'bg-info-tint text-text-info',\n    outline: 'border-info text-text-info',\n  },\n} as const\n\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center whitespace-nowrap font-semibold transition-colors select-none',\n  {\n    variants: {\n      size: {\n        sm: 'h-5 min-w-5 px-1.5 text-2xs gap-1',       // 20px height, 6px paddingX, 11px font\n        default: 'h-6 min-w-6 px-2 text-xs gap-1',      // 24px height, 8px paddingX, 12px font\n        lg: 'h-7 min-w-7 px-2.5 text-sm gap-1.5',       // 28px height, 10px paddingX, 13px font\n      },\n      radius: {\n        sm: 'rounded-sm',       // 2px\n        base: 'rounded',        // 4px\n        md: 'rounded-md',       // 6px\n        lg: 'rounded-lg',       // 8px\n        full: 'rounded-full',   // 9999px\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      radius: 'full',\n    },\n  }\n)\n\n// Icon sizes per badge size\nconst badgeIconSizes = {\n  sm: 'icon-2xs',      // 12px\n  default: 'icon-2xs', // 12px\n  lg: 'icon-xs',       // 14px\n} as const\n\n// Dot sizes per badge size\nconst badgeDotSizes = {\n  sm: 'w-1 h-1',\n  default: 'w-1.5 h-1.5',\n  lg: 'w-1.5 h-1.5',\n} as const\n\n// Dot colors per color (matches the solid background)\nconst dotColorMap = {\n  default: 'bg-foreground',\n  primary: 'bg-primary',\n  success: 'bg-success',\n  warning: 'bg-warning',\n  error: 'bg-error',\n  info: 'bg-info',\n} as const\n\nexport type BadgeVariant = 'solid' | 'subtle' | 'outline'\nexport type BadgeColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info'\nexport type BadgeSize = 'sm' | 'default' | 'lg'\nexport type BadgeRadius = 'sm' | 'base' | 'md' | 'lg' | 'full'\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {\n  /** Visual style */\n  variant?: BadgeVariant\n  /** Semantic color */\n  color?: BadgeColor\n  /** Leading icon slot */\n  icon?: React.ReactNode\n  /** Show a status dot before text */\n  dot?: boolean\n  /** Show a remove button */\n  removable?: boolean\n  /** Callback when remove button is clicked */\n  onRemove?: () => void\n  /** Render as child element (Slot pattern) */\n  asChild?: boolean\n}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({\n    className,\n    variant = 'subtle',\n    color = 'default',\n    size,\n    radius,\n    icon,\n    dot = false,\n    removable = false,\n    onRemove,\n    asChild = false,\n    children,\n    ...props\n  }, ref) => {\n    const Comp = asChild ? Slot : 'span'\n    const resolvedSize = size || 'default'\n\n    // Color classes from variant × color map\n    const colorClasses = colorMap[color][variant]\n    // Outline variant needs border\n    const outlineClasses = variant === 'outline' ? 'border bg-transparent' : ''\n\n    // Dot color: in solid variant use currentColor (white/foreground), otherwise use semantic color\n    const dotColor = variant === 'solid' ? 'bg-current' : dotColorMap[color]\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          badgeVariants({ size, radius }),\n          colorClasses,\n          outlineClasses,\n          className\n        )}\n        {...props}\n      >\n        {dot && (\n          <span\n            className={cn('shrink-0 rounded-full', badgeDotSizes[resolvedSize], dotColor)}\n            aria-hidden=\"true\"\n          />\n        )}\n        {icon && (\n          <span\n            className={cn('shrink-0 [&>svg]:w-full [&>svg]:h-full', badgeIconSizes[resolvedSize])}\n            aria-hidden=\"true\"\n          >\n            {icon}\n          </span>\n        )}\n        {children}\n        {removable && (\n          <button\n            type=\"button\"\n            className=\"shrink-0 -mr-0.5 ml-0.5 rounded-full p-0.5 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring\"\n            onClick={(e) => {\n              e.stopPropagation()\n              onRemove?.()\n            }}\n            aria-label=\"Remove\"\n          >\n            <svg\n              className=\"w-3 h-3\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n              strokeWidth={2}\n              aria-hidden=\"true\"\n            >\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        )}\n      </Comp>\n    )\n  }\n)\nBadge.displayName = 'Badge'\n\nexport { Badge, badgeVariants }\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,WAA8B;AAKvC,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAEA,IAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,SAAS;AAAA;AAAA,QACT,IAAI;AAAA;AAAA,MACN;AAAA,MACA,QAAQ;AAAA,QACN,IAAI;AAAA;AAAA,QACJ,MAAM;AAAA;AAAA,QACN,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,MAAM;AAAA;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA,IACV;AAAA,EACF;AACF;AAGA,IAAM,iBAAiB;AAAA,EACrB,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAGA,IAAM,gBAAgB;AAAA,EACpB,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AACN;AAGA,IAAM,cAAc;AAAA,EAClB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AACR;AA0BA,IAAM,QAAc;AAAA,EAClB,CAAC;AAAA,IACC;AAAA,IACA,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,YAAY;AAAA,IACZ;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,GAAG,QAAQ;AACT,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,eAAe,QAAQ;AAG7B,UAAM,eAAe,SAAS,KAAK,EAAE,OAAO;AAE5C,UAAM,iBAAiB,YAAY,YAAY,0BAA0B;AAGzE,UAAM,WAAW,YAAY,UAAU,eAAe,YAAY,KAAK;AAEvE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,cAAc,EAAE,MAAM,OAAO,CAAC;AAAA,UAC9B;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,MAEH,OACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,GAAG,yBAAyB,cAAc,YAAY,GAAG,QAAQ;AAAA,UAC5E,eAAY;AAAA;AAAA,MACd;AAAA,MAED,QACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,GAAG,0CAA0C,eAAe,YAAY,CAAC;AAAA,UACpF,eAAY;AAAA;AAAA,QAEX;AAAA,MACH;AAAA,MAED;AAAA,MACA,aACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,CAAC,MAAM;AACd,cAAE,gBAAgB;AAClB,uBAAW;AAAA,UACb;AAAA,UACA,cAAW;AAAA;AAAA,QAEX;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,QAAO;AAAA,YACP,aAAa;AAAA,YACb,eAAY;AAAA;AAAA,UAEZ,oCAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,wBAAuB;AAAA,QAC9E;AAAA,MACF;AAAA,IAEJ;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":[]}

package/dist/chunk-ZDRUTJ4T.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/icon-button.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\nimport { useButtonGroup } from './button-group'\n\nimport { type ButtonColor } from './button'\n\n// Solid color maps (same as Button)\nconst solidColorMap = {\n  default: 'bg-foreground text-background hover:bg-foreground/90 active:bg-foreground/80',\n  primary: 'bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active',\n  secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary-hover active:bg-secondary-active',\n  destructive: 'bg-error text-error-foreground hover:bg-error-hover active:bg-error-active',\n} as const\n\nconst iconButtonVariants = cva(\n  'inline-flex items-center justify-center transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        solid: '',\n        outline: 'border border-border bg-background text-foreground hover:bg-background-muted',\n        ghost: 'text-foreground hover:bg-background-muted',\n        subtle: 'text-text-muted hover:text-foreground',\n      },\n      size: {\n        xs: 'h-7 w-7',      // 28px - spacing.7\n        sm: 'h-8 w-8',      // 32px - spacing.8\n        md: 'h-9 w-9',      // 36px - spacing.9\n        default: 'h-10 w-10', // 40px - spacing.10\n        lg: 'h-12 w-12',    // 48px - spacing.12\n      },\n      radius: {\n        none: 'rounded-none',      // 0px - primitive.borderRadius.none\n        sm: 'rounded-sm',          // 2px - primitive.borderRadius.sm\n        base: 'rounded',           // 4px - primitive.borderRadius.base\n        default: 'rounded-md',     // 6px - primitive.borderRadius.md (Figma button default)\n        lg: 'rounded-lg',          // 8px - primitive.borderRadius.lg\n        xl: 'rounded-xl',          // 12px - primitive.borderRadius.xl\n        '2xl': 'rounded-2xl',      // 16px - primitive.borderRadius.2xl\n        '3xl': 'rounded-3xl',      // 24px - primitive.borderRadius.3xl\n        full: 'rounded-full',      // 9999px - primitive.borderRadius.full\n      },\n    },\n    defaultVariants: {\n      variant: 'solid',\n      size: 'default',\n      radius: 'default',\n    },\n  }\n)\n\nexport interface IconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconButtonVariants> {\n  /** Solid variant color */\n  color?: ButtonColor\n  asChild?: boolean\n  loading?: boolean\n  pressEffect?: boolean\n}\n\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ className, variant: variantProp, color: colorProp, size: sizeProp, radius: radiusProp, asChild = false, loading, pressEffect, children, disabled: disabledProp, ...props }, ref) => {\n    const groupContext = useButtonGroup()\n\n    // Priority: direct prop > ButtonGroup context > variant default\n    const variant = variantProp ?? groupContext?.variant ?? 'solid'\n    const color = colorProp ?? 'default'\n    const size = sizeProp ?? groupContext?.size\n    const radius = radiusProp ?? groupContext?.radius\n    const disabled = disabledProp ?? groupContext?.disabled\n\n    const Comp = asChild ? Slot : 'button'\n\n    // Icon size for icon-only button (5-step scale)\n    // XS: 14px, SM~MD: 16px, Default: 20px, LG: 24px\n    const iconSize = {\n      xs: 'icon-xs',      // 14px\n      sm: 'icon-sm',      // 16px\n      md: 'icon-sm',      // 16px\n      default: 'icon-md', // 20px\n      lg: 'icon-lg',      // 24px\n    }[size || 'default']\n\n    return (\n      <Comp\n        className={cn(iconButtonVariants({ variant, size, radius }), variant === 'solid' && solidColorMap[color], pressEffect !== false && 'active:scale-pressed', className)}\n        ref={ref}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        {...props}\n      >\n        {loading ? (\n          <svg\n            className={cn(iconSize, 'animate-spin')}\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n          >\n            <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n            <path className=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\" />\n          </svg>\n        ) : (\n          <span className={cn(iconSize, '[&>svg]:w-full [&>svg]:h-full')} aria-hidden=\"true\">\n            {children}\n          </span>\n        )}\n      </Comp>\n    )\n  }\n)\nIconButton.displayName = 'IconButton'\n\nexport { IconButton, iconButtonVariants }\n"],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,WAA8B;AAOvC,IAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AACf;AAEA,IAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,SAAS;AAAA;AAAA,QACT,IAAI;AAAA;AAAA,MACN;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA;AAAA,QACN,IAAI;AAAA;AAAA,QACJ,MAAM;AAAA;AAAA,QACN,SAAS;AAAA;AAAA,QACT,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,OAAO;AAAA;AAAA,QACP,OAAO;AAAA;AAAA,QACP,MAAM;AAAA;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,IACV;AAAA,EACF;AACF;AAYA,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,WAAW,SAAS,aAAa,OAAO,WAAW,MAAM,UAAU,QAAQ,YAAY,UAAU,OAAO,SAAS,aAAa,UAAU,UAAU,cAAc,GAAG,MAAM,GAAG,QAAQ;AACrL,UAAM,eAAe,eAAe;AAGpC,UAAM,UAAU,eAAe,cAAc,WAAW;AACxD,UAAM,QAAQ,aAAa;AAC3B,UAAM,OAAO,YAAY,cAAc;AACvC,UAAM,SAAS,cAAc,cAAc;AAC3C,UAAM,WAAW,gBAAgB,cAAc;AAE/C,UAAM,OAAO,UAAU,OAAO;AAI9B,UAAM,WAAW;AAAA,MACf,IAAI;AAAA;AAAA,MACJ,IAAI;AAAA;AAAA,MACJ,IAAI;AAAA;AAAA,MACJ,SAAS;AAAA;AAAA,MACT,IAAI;AAAA;AAAA,IACN,EAAE,QAAQ,SAAS;AAEnB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,mBAAmB,EAAE,SAAS,MAAM,OAAO,CAAC,GAAG,YAAY,WAAW,cAAc,KAAK,GAAG,gBAAgB,SAAS,wBAAwB,SAAS;AAAA,QACpK;AAAA,QACA,UAAU,YAAY;AAAA,QACtB,aAAW,WAAW;AAAA,QACrB,GAAG;AAAA;AAAA,MAEH,UACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,GAAG,UAAU,cAAc;AAAA,UACtC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,eAAY;AAAA;AAAA,QAEZ,oCAAC,YAAO,WAAU,cAAa,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,QAAO,gBAAe,aAAY,KAAI;AAAA,QAC5F,oCAAC,UAAK,WAAU,cAAa,MAAK,gBAAe,GAAE,mHAAkH;AAAA,MACvK,IAEA,oCAAC,UAAK,WAAW,GAAG,UAAU,+BAA+B,GAAG,eAAY,UACzE,QACH;AAAA,IAEJ;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;","names":[]}