@kuzenbo/core 0.0.3 → 0.0.5

package/dist/ui/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","names":["NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive"],"sources":["../../src/ui/navigation-menu/navigation-menu-arrow.tsx","../../src/ui/navigation-menu/navigation-menu-backdrop.tsx","../../src/ui/navigation-menu/navigation-menu-context.tsx","../../src/ui/navigation-menu/navigation-menu-overlay-context.tsx","../../src/ui/navigation-menu/navigation-menu-content.tsx","../../src/ui/navigation-menu/navigation-menu-indicator.tsx","../../src/ui/navigation-menu/navigation-menu-item.tsx","../../src/ui/navigation-menu/navigation-menu-link.tsx","../../src/ui/navigation-menu/navigation-menu-list.tsx","../../src/ui/navigation-menu/navigation-menu-popup.tsx","../../src/ui/navigation-menu/navigation-menu-portal.tsx","../../src/ui/navigation-menu/navigation-menu-positioner.tsx","../../src/ui/navigation-menu/navigation-menu-trigger.tsx","../../src/ui/navigation-menu/navigation-menu-viewport.tsx","../../src/ui/navigation-menu/navigation-menu.tsx"],"sourcesContent":["import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { cn } from \"tailwind-variants\";\nexport type NavigationMenuArrowProps = NavigationMenuPrimitive.Arrow.Props;\n\nconst NavigationMenuArrow = ({\n  className,\n  ...props\n}: NavigationMenuArrowProps) => (\n  <NavigationMenuPrimitive.Arrow\n    className={cn(\"fill-popover stroke-border\", className)}\n    data-slot=\"navigation-menu-arrow\"\n    {...props}\n  />\n);\n\nexport { NavigationMenuArrow };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { cn } from \"tailwind-variants\";\nexport type NavigationMenuBackdropProps =\n  NavigationMenuPrimitive.Backdrop.Props;\n\nconst NavigationMenuBackdrop = ({\n  className,\n  ...props\n}: NavigationMenuBackdropProps) => (\n  <NavigationMenuPrimitive.Backdrop\n    className={cn(className)}\n    data-slot=\"navigation-menu-backdrop\"\n    {...props}\n  />\n);\n\nexport { NavigationMenuBackdrop };\n","\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface NavigationMenuContextValue {\n  size?: InputSize;\n}\n\nconst NavigationMenuContext = createContext<NavigationMenuContextValue>({\n  size: \"md\",\n});\n\nexport { NavigationMenuContext };\n","\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface NavigationMenuOverlayContextValue {\n  size?: InputSize;\n}\n\nconst NavigationMenuOverlayContext =\n  createContext<NavigationMenuOverlayContextValue>({});\n\nexport { NavigationMenuOverlayContext };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\nimport { NavigationMenuOverlayContext } from \"./navigation-menu-overlay-context\";\n\nconst navigationMenuContentVariants = tv({\n  base: \"h-full w-auto ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n  variants: {\n    size: {\n      xs: \"p-0.5\",\n      sm: \"p-1\",\n      md: \"p-1\",\n      lg: \"p-1.5\",\n      xl: \"p-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type NavigationMenuContentProps = NavigationMenuPrimitive.Content.Props &\n  VariantProps<typeof navigationMenuContentVariants> & {\n    size?: InputSize;\n  };\n\nconst NavigationMenuContent = ({\n  className,\n  size,\n  ...props\n}: NavigationMenuContentProps) => {\n  const { size: rootSize } = useContext(NavigationMenuContext);\n  const { size: overlaySize } = useContext(NavigationMenuOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n\n  return (\n    <NavigationMenuOverlayContext.Provider value={{ size: resolvedSize }}>\n      <NavigationMenuPrimitive.Content\n        className={cn(\n          navigationMenuContentVariants({ size: resolvedSize }),\n          className\n        )}\n        data-size={resolvedSize}\n        data-slot=\"navigation-menu-content\"\n        {...props}\n      />\n    </NavigationMenuOverlayContext.Provider>\n  );\n};\n\nexport { NavigationMenuContent };\n","import type { ComponentProps } from \"react\";\n\nimport { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\n\nconst navigationMenuIndicatorVariants = tv({\n  slots: {\n    arrow: \"relative rotate-45 bg-border shadow-md\",\n    root: \"top-full z-[1] flex items-end justify-center overflow-hidden opacity-0 transition-opacity duration-200 data-popup-open:opacity-100\",\n  },\n  variants: {\n    size: {\n      xs: {\n        arrow: \"top-[55%] h-1.5 w-1.5 rounded-tl-[2px]\",\n        root: \"h-1\",\n      },\n      sm: {\n        arrow: \"top-[58%] h-2 w-2 rounded-tl-sm\",\n        root: \"h-1.5\",\n      },\n      md: {\n        arrow: \"top-[60%] h-2 w-2 rounded-tl-sm\",\n        root: \"h-1.5\",\n      },\n      lg: {\n        arrow: \"top-[62%] h-2.5 w-2.5 rounded-tl-sm\",\n        root: \"h-2\",\n      },\n      xl: {\n        arrow: \"top-[64%] h-3 w-3 rounded-tl-sm\",\n        root: \"h-2.5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type NavigationMenuIndicatorProps = ComponentProps<\n  typeof NavigationMenuPrimitive.Icon\n> &\n  VariantProps<typeof navigationMenuIndicatorVariants> & {\n    size?: InputSize;\n  };\n\nconst NavigationMenuIndicator = ({\n  className,\n  size,\n  ...props\n}: NavigationMenuIndicatorProps) => {\n  const { size: rootSize } = useContext(NavigationMenuContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n  const { arrow, root } = navigationMenuIndicatorVariants({\n    size: resolvedSize,\n  });\n\n  return (\n    <NavigationMenuPrimitive.Icon\n      className={mergeBaseUIClassName<NavigationMenuPrimitive.Icon.State>(\n        cn(root()),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"navigation-menu-indicator\"\n      {...props}\n    >\n      <div className={arrow()} />\n    </NavigationMenuPrimitive.Icon>\n  );\n};\n\nexport { NavigationMenuIndicator };\n","import type { ComponentProps } from \"react\";\n\nimport { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\n\nconst navigationMenuItemVariants = tv({\n  base: \"relative\",\n  variants: {\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n      lg: \"\",\n      xl: \"\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type NavigationMenuItemProps = ComponentProps<\n  typeof NavigationMenuPrimitive.Item\n> &\n  VariantProps<typeof navigationMenuItemVariants> & {\n    size?: InputSize;\n  };\n\nconst NavigationMenuItem = ({\n  className,\n  size,\n  ...props\n}: NavigationMenuItemProps) => {\n  const { size: rootSize } = useContext(NavigationMenuContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <NavigationMenuPrimitive.Item\n      className={cn(\n        navigationMenuItemVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"navigation-menu-item\"\n      {...props}\n    />\n  );\n};\n\nexport { NavigationMenuItem };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\nimport { NavigationMenuOverlayContext } from \"./navigation-menu-overlay-context\";\n\nconst navigationMenuLinkVariants = tv({\n  base: \"flex flex-col transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted\",\n  variants: {\n    size: {\n      xs: \"gap-1 rounded-[min(var(--radius-md),8px)] p-1.5 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"gap-1.5 rounded-[min(var(--radius-md),10px)] p-2 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"gap-2 rounded-lg p-2 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      lg: \"gap-2 rounded-lg p-2.5 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      xl: \"gap-2.5 rounded-lg p-3 text-base [&_svg:not([class*='size-'])]:size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type NavigationMenuLinkProps = NavigationMenuPrimitive.Link.Props &\n  VariantProps<typeof navigationMenuLinkVariants> & {\n    size?: InputSize;\n  };\n\nconst NavigationMenuLink = ({\n  className,\n  size,\n  ...props\n}: NavigationMenuLinkProps) => {\n  const { size: rootSize } = useContext(NavigationMenuContext);\n  const { size: overlaySize } = useContext(NavigationMenuOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n\n  return (\n    <NavigationMenuPrimitive.Link\n      className={cn(\n        navigationMenuLinkVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"navigation-menu-link\"\n      {...props}\n    />\n  );\n};\n\nexport { NavigationMenuLink };\n","import type { ComponentProps } from \"react\";\n\nimport { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\n\nconst navigationMenuListVariants = tv({\n  base: \"group flex flex-1 list-none items-center justify-center\",\n  variants: {\n    size: {\n      xs: \"gap-0.5\",\n      sm: \"gap-0.5\",\n      md: \"gap-0\",\n      lg: \"gap-0.5\",\n      xl: \"gap-1\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type NavigationMenuListProps = ComponentProps<\n  typeof NavigationMenuPrimitive.List\n> &\n  VariantProps<typeof navigationMenuListVariants> & {\n    size?: InputSize;\n  };\n\nconst NavigationMenuList = ({\n  className,\n  size,\n  ...props\n}: NavigationMenuListProps) => {\n  const { size: rootSize } = useContext(NavigationMenuContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <NavigationMenuPrimitive.List\n      className={cn(\n        navigationMenuListVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"navigation-menu-list\"\n      {...props}\n    />\n  );\n};\n\nexport { NavigationMenuList };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\nimport { NavigationMenuOverlayContext } from \"./navigation-menu-overlay-context\";\n\nconst navigationMenuPopupVariants = tv({\n  base: \"xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 transition-all ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:scale-90 data-[starting-style]:opacity-0\",\n  variants: {\n    size: {\n      xs: \"rounded-[min(var(--radius-md),8px)]\",\n      sm: \"rounded-[min(var(--radius-md),10px)]\",\n      md: \"rounded-lg\",\n      lg: \"rounded-xl\",\n      xl: \"rounded-xl\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type NavigationMenuPopupProps = NavigationMenuPrimitive.Popup.Props &\n  VariantProps<typeof navigationMenuPopupVariants> & {\n    size?: InputSize;\n  };\n\nconst NavigationMenuPopup = ({\n  className,\n  size,\n  ...props\n}: NavigationMenuPopupProps) => {\n  const { size: rootSize } = useContext(NavigationMenuContext);\n  const { size: overlaySize } = useContext(NavigationMenuOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n\n  return (\n    <NavigationMenuPrimitive.Popup\n      className={cn(\n        navigationMenuPopupVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"navigation-menu-popup\"\n      {...props}\n    />\n  );\n};\n\nexport { NavigationMenuPopup };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nexport type NavigationMenuPortalProps = NavigationMenuPrimitive.Portal.Props;\n\nconst NavigationMenuPortal = ({ ...props }: NavigationMenuPortalProps) => (\n  <NavigationMenuPrimitive.Portal\n    data-slot=\"navigation-menu-portal\"\n    {...props}\n  />\n);\n\nexport { NavigationMenuPortal };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { cn } from \"tailwind-variants\";\nexport type NavigationMenuPositionerProps =\n  NavigationMenuPrimitive.Positioner.Props;\n\nconst NavigationMenuPositioner = ({\n  className,\n  side = \"bottom\",\n  sideOffset = 8,\n  align = \"start\",\n  alignOffset = 0,\n  ...props\n}: NavigationMenuPositionerProps) => (\n  <NavigationMenuPrimitive.Positioner\n    align={align}\n    alignOffset={alignOffset}\n    className={cn(\n      \"isolate z-50 h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)] transition-[top,left,right,bottom] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] data-[instant]:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0\",\n      className\n    )}\n    data-slot=\"navigation-menu-positioner\"\n    side={side}\n    sideOffset={sideOffset}\n    {...props}\n  />\n);\n\nexport { NavigationMenuPositioner };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { ArrowDown01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\n\nconst navigationMenuTriggerStyle = tv({\n  slots: {\n    icon: \"relative top-[1px] ml-1 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180 group-data-popup-open/navigation-menu-trigger:rotate-180\",\n    root: \"group/navigation-menu-trigger inline-flex w-max cursor-pointer items-center justify-center bg-background font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted\",\n  },\n  variants: {\n    size: {\n      xs: {\n        icon: \"size-3\",\n        root: \"h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs\",\n      },\n      sm: {\n        icon: \"size-3.5\",\n        root: \"h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm\",\n      },\n      md: {\n        icon: \"size-3\",\n        root: \"h-9 rounded-lg px-2.5 py-1.5 text-sm\",\n      },\n      lg: {\n        icon: \"size-4\",\n        root: \"h-10 rounded-lg px-3 py-1.5 text-sm\",\n      },\n      xl: {\n        icon: \"size-5\",\n        root: \"h-11 rounded-lg px-4 py-1.5 text-base\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type NavigationMenuTriggerProps = NavigationMenuPrimitive.Trigger.Props &\n  VariantProps<typeof navigationMenuTriggerStyle> & {\n    size?: InputSize;\n  };\n\nconst NavigationMenuTrigger = ({\n  className,\n  children,\n  size,\n  ...props\n}: NavigationMenuTriggerProps) => {\n  const { size: rootSize } = useContext(NavigationMenuContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n  const { icon, root } = navigationMenuTriggerStyle({ size: resolvedSize });\n\n  return (\n    <NavigationMenuPrimitive.Trigger\n      className={cn(root(), \"group\", className)}\n      data-size={resolvedSize}\n      data-slot=\"navigation-menu-trigger\"\n      {...props}\n    >\n      {children}{\" \"}\n      <HugeiconsIcon\n        aria-hidden=\"true\"\n        className={icon()}\n        icon={ArrowDown01Icon}\n        strokeWidth={2}\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n};\n\nexport { NavigationMenuTrigger, navigationMenuTriggerStyle };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { cn } from \"tailwind-variants\";\nexport type NavigationMenuViewportProps =\n  NavigationMenuPrimitive.Viewport.Props;\n\nconst NavigationMenuViewport = ({\n  className,\n  ...props\n}: NavigationMenuViewportProps) => (\n  <NavigationMenuPrimitive.Viewport\n    className={cn(\"relative size-full overflow-hidden\", className)}\n    data-slot=\"navigation-menu-viewport\"\n    {...props}\n  />\n);\n\nexport { NavigationMenuViewport };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { NavigationMenuArrow } from \"./navigation-menu-arrow\";\nimport { NavigationMenuBackdrop } from \"./navigation-menu-backdrop\";\nimport { NavigationMenuContent } from \"./navigation-menu-content\";\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\nimport { NavigationMenuIndicator } from \"./navigation-menu-indicator\";\nimport { NavigationMenuItem } from \"./navigation-menu-item\";\nimport { NavigationMenuLink } from \"./navigation-menu-link\";\nimport { NavigationMenuList } from \"./navigation-menu-list\";\nimport { NavigationMenuOverlayContext } from \"./navigation-menu-overlay-context\";\nimport { NavigationMenuPopup } from \"./navigation-menu-popup\";\nimport { NavigationMenuPortal } from \"./navigation-menu-portal\";\nimport { NavigationMenuPositioner } from \"./navigation-menu-positioner\";\nimport { NavigationMenuTrigger } from \"./navigation-menu-trigger\";\nimport { NavigationMenuViewport } from \"./navigation-menu-viewport\";\nexport type NavigationMenuProps = NavigationMenuPrimitive.Root.Props & {\n  size?: InputSize;\n};\n\nconst NavigationMenu = ({\n  className,\n  children,\n  size: providedSize,\n  ...props\n}: NavigationMenuProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <NavigationMenuContext.Provider value={{ size }}>\n      <NavigationMenuPrimitive.Root\n        className={cn(\n          \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n          className\n        )}\n        data-size={size}\n        data-slot=\"navigation-menu\"\n        {...props}\n      >\n        <NavigationMenuOverlayContext.Provider value={{ size }}>\n          {children}\n          <NavigationMenuPortal>\n            <NavigationMenuPositioner>\n              <NavigationMenuPopup size={size}>\n                <NavigationMenuViewport />\n              </NavigationMenuPopup>\n            </NavigationMenuPositioner>\n          </NavigationMenuPortal>\n        </NavigationMenuOverlayContext.Provider>\n      </NavigationMenuPrimitive.Root>\n    </NavigationMenuContext.Provider>\n  );\n};\n\nNavigationMenu.Arrow = NavigationMenuArrow;\nNavigationMenu.Backdrop = NavigationMenuBackdrop;\nNavigationMenu.Content = NavigationMenuContent;\nNavigationMenu.Indicator = NavigationMenuIndicator;\nNavigationMenu.Item = NavigationMenuItem;\nNavigationMenu.Link = NavigationMenuLink;\nNavigationMenu.List = NavigationMenuList;\nNavigationMenu.Popup = NavigationMenuPopup;\nNavigationMenu.Portal = NavigationMenuPortal;\nNavigationMenu.Positioner = NavigationMenuPositioner;\nNavigationMenu.Trigger = NavigationMenuTrigger;\nNavigationMenu.Viewport = NavigationMenuViewport;\n\nexport {\n  NavigationMenu,\n  NavigationMenuArrow,\n  NavigationMenuBackdrop,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuPopup,\n  NavigationMenuPortal,\n  NavigationMenuPositioner,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\n};\n\nexport type { NavigationMenuArrowProps } from \"./navigation-menu-arrow\";\nexport type { NavigationMenuBackdropProps } from \"./navigation-menu-backdrop\";\nexport type { NavigationMenuContentProps } from \"./navigation-menu-content\";\nexport type { NavigationMenuIndicatorProps } from \"./navigation-menu-indicator\";\nexport type { NavigationMenuItemProps } from \"./navigation-menu-item\";\nexport type { NavigationMenuLinkProps } from \"./navigation-menu-link\";\nexport type { NavigationMenuListProps } from \"./navigation-menu-list\";\nexport type { NavigationMenuPopupProps } from \"./navigation-menu-popup\";\nexport type { NavigationMenuPortalProps } from \"./navigation-menu-portal\";\nexport type { NavigationMenuPositionerProps } from \"./navigation-menu-positioner\";\nexport type { NavigationMenuTriggerProps } from \"./navigation-menu-trigger\";\nexport type { NavigationMenuViewportProps } from \"./navigation-menu-viewport\";\n"],"mappings":";;;;;;;;;;AAIA,MAAM,uBAAuB,EAC3B,WACA,GAAG,YAEH,oBAACA,iBAAwB;CACvB,WAAW,GAAG,8BAA8B,UAAU;CACtD,aAAU;CACV,GAAI;EACJ;;;;ACPJ,MAAM,0BAA0B,EAC9B,WACA,GAAG,YAEH,oBAACC,iBAAwB;CACvB,WAAW,GAAG,UAAU;CACxB,aAAU;CACV,GAAI;EACJ;;;;ACHJ,MAAM,wBAAwB,cAA0C,EACtE,MAAM,MACP,CAAC;;;;ACFF,MAAM,+BACJ,cAAiD,EAAE,CAAC;;;;ACFtD,MAAM,gCAAgC,GAAG;CACvC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAOF,MAAM,yBAAyB,EAC7B,WACA,MACA,GAAG,YAC6B;CAChC,MAAM,EAAE,MAAM,aAAa,WAAW,sBAAsB;CAC5D,MAAM,EAAE,MAAM,gBAAgB,WAAW,6BAA6B;CACtE,MAAM,eAA0B,QAAQ,eAAe,YAAY;AAEnE,QACE,oBAAC,6BAA6B;EAAS,OAAO,EAAE,MAAM,cAAc;YAClE,oBAACC,iBAAwB;GACvB,WAAW,GACT,8BAA8B,EAAE,MAAM,cAAc,CAAC,EACrD,UACD;GACD,aAAW;GACX,aAAU;GACV,GAAI;IACJ;GACoC;;;;;ACvC5C,MAAM,kCAAkC,GAAG;CACzC,OAAO;EACL,OAAO;EACP,MAAM;EACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AASF,MAAM,2BAA2B,EAC/B,WACA,MACA,GAAG,YAC+B;CAClC,MAAM,EAAE,MAAM,aAAa,WAAW,sBAAsB;CAC5D,MAAM,eAA0B,QAAQ,YAAY;CACpD,MAAM,EAAE,OAAO,SAAS,gCAAgC,EACtD,MAAM,cACP,CAAC;AAEF,QACE,oBAACC,iBAAwB;EACvB,WAAW,qBACT,GAAG,MAAM,CAAC,EACV,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;YAEJ,oBAAC,SAAI,WAAW,OAAO,GAAI;GACE;;;;;AChEnC,MAAM,6BAA6B,GAAG;CACpC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AASF,MAAM,sBAAsB,EAC1B,WACA,MACA,GAAG,YAC0B;CAC7B,MAAM,EAAE,MAAM,aAAa,WAAW,sBAAsB;CAC5D,MAAM,eAA0B,QAAQ,YAAY;AAEpD,QACE,oBAACC,iBAAwB;EACvB,WAAW,GACT,2BAA2B,EAAE,MAAM,cAAc,CAAC,EAClD,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACzCN,MAAM,6BAA6B,GAAG;CACpC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAOF,MAAM,sBAAsB,EAC1B,WACA,MACA,GAAG,YAC0B;CAC7B,MAAM,EAAE,MAAM,aAAa,WAAW,sBAAsB;CAC5D,MAAM,EAAE,MAAM,gBAAgB,WAAW,6BAA6B;CACtE,MAAM,eAA0B,QAAQ,eAAe,YAAY;AAEnE,QACE,oBAACC,iBAAwB;EACvB,WAAW,GACT,2BAA2B,EAAE,MAAM,cAAc,CAAC,EAClD,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACtCN,MAAM,6BAA6B,GAAG;CACpC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AASF,MAAM,sBAAsB,EAC1B,WACA,MACA,GAAG,YAC0B;CAC7B,MAAM,EAAE,MAAM,aAAa,WAAW,sBAAsB;CAC5D,MAAM,eAA0B,QAAQ,YAAY;AAEpD,QACE,oBAACC,iBAAwB;EACvB,WAAW,GACT,2BAA2B,EAAE,MAAM,cAAc,CAAC,EAClD,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACzCN,MAAM,8BAA8B,GAAG;CACrC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAOF,MAAM,uBAAuB,EAC3B,WACA,MACA,GAAG,YAC2B;CAC9B,MAAM,EAAE,MAAM,aAAa,WAAW,sBAAsB;CAC5D,MAAM,EAAE,MAAM,gBAAgB,WAAW,6BAA6B;CACtE,MAAM,eAA0B,QAAQ,eAAe,YAAY;AAEnE,QACE,oBAACC,iBAAwB;EACvB,WAAW,GACT,4BAA4B,EAAE,MAAM,cAAc,CAAC,EACnD,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;AC7CN,MAAM,wBAAwB,EAAE,GAAG,YACjC,oBAACC,iBAAwB;CACvB,aAAU;CACV,GAAI;EACJ;;;;ACFJ,MAAM,4BAA4B,EAChC,WACA,OAAO,UACP,aAAa,GACb,QAAQ,SACR,cAAc,GACd,GAAG,YAEH,oBAACC,iBAAwB;CAChB;CACM;CACb,WAAW,GACT,mUACA,UACD;CACD,aAAU;CACJ;CACM;CACZ,GAAI;EACJ;;;;ACdJ,MAAM,6BAA6B,GAAG;CACpC,OAAO;EACL,MAAM;EACN,MAAM;EACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;GACN,MAAM;GACP;EACD,IAAI;GACF,MAAM;GACN,MAAM;GACP;EACD,IAAI;GACF,MAAM;GACN,MAAM;GACP;EACD,IAAI;GACF,MAAM;GACN,MAAM;GACP;EACD,IAAI;GACF,MAAM;GACN,MAAM;GACP;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAOF,MAAM,yBAAyB,EAC7B,WACA,UACA,MACA,GAAG,YAC6B;CAChC,MAAM,EAAE,MAAM,aAAa,WAAW,sBAAsB;CAC5D,MAAM,eAA0B,QAAQ,YAAY;CACpD,MAAM,EAAE,MAAM,SAAS,2BAA2B,EAAE,MAAM,cAAc,CAAC;AAEzE,QACE,qBAACC,iBAAwB;EACvB,WAAW,GAAG,MAAM,EAAE,SAAS,UAAU;EACzC,aAAW;EACX,aAAU;EACV,GAAI;;GAEH;GAAU;GACX,oBAAC;IACC,eAAY;IACZ,WAAW,MAAM;IACjB,MAAM;IACN,aAAa;KACb;;GAC8B;;;;;ACpEtC,MAAM,0BAA0B,EAC9B,WACA,GAAG,YAEH,oBAACC,iBAAwB;CACvB,WAAW,GAAG,sCAAsC,UAAU;CAC9D,aAAU;CACV,GAAI;EACJ;;;;ACWJ,MAAM,kBAAkB,EACtB,WACA,UACA,MAAM,cACN,GAAG,YACsB;CACzB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,sBAAsB;EAAS,OAAO,EAAE,MAAM;YAC7C,oBAACC,iBAAwB;GACvB,WAAW,GACT,oFACA,UACD;GACD,aAAW;GACX,aAAU;GACV,GAAI;aAEJ,qBAAC,6BAA6B;IAAS,OAAO,EAAE,MAAM;eACnD,UACD,oBAAC,kCACC,oBAAC,sCACC,oBAAC;KAA0B;eACzB,oBAAC,2BAAyB;MACN,GACG,GACN;KACe;IACX;GACA;;AAIrC,eAAe,QAAQ;AACvB,eAAe,WAAW;AAC1B,eAAe,UAAU;AACzB,eAAe,YAAY;AAC3B,eAAe,OAAO;AACtB,eAAe,OAAO;AACtB,eAAe,OAAO;AACtB,eAAe,QAAQ;AACvB,eAAe,SAAS;AACxB,eAAe,aAAa;AAC5B,eAAe,UAAU;AACzB,eAAe,WAAW"}
+{"version":3,"file":"navigation-menu.js","names":["NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive","NavigationMenuPrimitive"],"sources":["../../src/ui/navigation-menu/navigation-menu-arrow.tsx","../../src/ui/navigation-menu/navigation-menu-backdrop.tsx","../../src/ui/navigation-menu/navigation-menu-context.tsx","../../src/ui/navigation-menu/navigation-menu-overlay-context.tsx","../../src/ui/navigation-menu/navigation-menu-content.tsx","../../src/ui/navigation-menu/navigation-menu-indicator.tsx","../../src/ui/navigation-menu/navigation-menu-item.tsx","../../src/ui/navigation-menu/navigation-menu-link.tsx","../../src/ui/navigation-menu/navigation-menu-list.tsx","../../src/ui/navigation-menu/navigation-menu-popup.tsx","../../src/ui/navigation-menu/navigation-menu-portal.tsx","../../src/ui/navigation-menu/navigation-menu-positioner.tsx","../../src/ui/navigation-menu/navigation-menu-trigger.tsx","../../src/ui/navigation-menu/navigation-menu-viewport.tsx","../../src/ui/navigation-menu/navigation-menu.tsx"],"sourcesContent":["import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { cn } from \"tailwind-variants\";\nexport type NavigationMenuArrowProps = NavigationMenuPrimitive.Arrow.Props;\n\nconst NavigationMenuArrow = ({\n  className,\n  ...props\n}: NavigationMenuArrowProps) => (\n  <NavigationMenuPrimitive.Arrow\n    className={cn(\"fill-popover stroke-border\", className)}\n    data-slot=\"navigation-menu-arrow\"\n    {...props}\n  />\n);\n\nexport { NavigationMenuArrow };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { cn } from \"tailwind-variants\";\nexport type NavigationMenuBackdropProps =\n  NavigationMenuPrimitive.Backdrop.Props;\n\nconst NavigationMenuBackdrop = ({\n  className,\n  ...props\n}: NavigationMenuBackdropProps) => (\n  <NavigationMenuPrimitive.Backdrop\n    className={cn(className)}\n    data-slot=\"navigation-menu-backdrop\"\n    {...props}\n  />\n);\n\nexport { NavigationMenuBackdrop };\n","\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface NavigationMenuContextValue {\n  size?: InputSize;\n}\n\nconst NavigationMenuContext = createContext<NavigationMenuContextValue>({\n  size: \"md\",\n});\n\nexport { NavigationMenuContext };\n","\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface NavigationMenuOverlayContextValue {\n  size?: InputSize;\n}\n\nconst NavigationMenuOverlayContext =\n  createContext<NavigationMenuOverlayContextValue>({});\n\nexport { NavigationMenuOverlayContext };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { useContext, useMemo } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\nimport { NavigationMenuOverlayContext } from \"./navigation-menu-overlay-context\";\n\nconst navigationMenuContentVariants = tv({\n  base: \"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out h-full w-auto ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"p-2\",\n      md: \"p-1.5\",\n      sm: \"p-1\",\n      xl: \"p-2.5\",\n      xs: \"p-0.5\",\n    },\n  },\n});\n\nexport type NavigationMenuContentProps = NavigationMenuPrimitive.Content.Props &\n  VariantProps<typeof navigationMenuContentVariants> & {\n    size?: InputSize;\n  };\n\nconst NavigationMenuContent = ({\n  className,\n  size,\n  ...props\n}: NavigationMenuContentProps) => {\n  const { size: rootSize } = useContext(NavigationMenuContext);\n  const { size: overlaySize } = useContext(NavigationMenuOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n  const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);\n\n  return (\n    <NavigationMenuOverlayContext.Provider value={contextValue}>\n      <NavigationMenuPrimitive.Content\n        className={cn(\n          navigationMenuContentVariants({ size: resolvedSize }),\n          className\n        )}\n        data-size={resolvedSize}\n        data-slot=\"navigation-menu-content\"\n        {...props}\n      />\n    </NavigationMenuOverlayContext.Provider>\n  );\n};\n\nexport { NavigationMenuContent };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport type { InputSize } from \"../input/input\";\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\n\nconst navigationMenuIndicatorVariants = tv({\n  defaultVariants: {\n    size: \"md\",\n  },\n  slots: {\n    arrow: \"bg-border relative rotate-45 shadow-md\",\n    root: \"z-inline top-full flex items-end justify-center overflow-hidden opacity-0 transition-opacity duration-200 data-popup-open:opacity-100\",\n  },\n  variants: {\n    size: {\n      lg: {\n        arrow: \"top-[62%] h-2.5 w-2.5 rounded-tl-sm\",\n        root: \"h-2\",\n      },\n      md: {\n        arrow: \"top-[60%] h-2 w-2 rounded-tl-sm\",\n        root: \"h-1.5\",\n      },\n      sm: {\n        arrow: \"top-[58%] h-1.5 w-1.5 rounded-tl-[2px]\",\n        root: \"h-1\",\n      },\n      xl: {\n        arrow: \"top-[64%] h-3 w-3 rounded-tl-sm\",\n        root: \"h-2.5\",\n      },\n      xs: {\n        arrow: \"top-[55%] h-1.5 w-1.5 rounded-tl-[2px]\",\n        root: \"h-1\",\n      },\n    },\n  },\n});\n\nexport type NavigationMenuIndicatorProps = ComponentProps<\n  typeof NavigationMenuPrimitive.Icon\n> &\n  VariantProps<typeof navigationMenuIndicatorVariants> & {\n    size?: InputSize;\n  };\n\nconst NavigationMenuIndicator = ({\n  className,\n  size,\n  ...props\n}: NavigationMenuIndicatorProps) => {\n  const { size: rootSize } = useContext(NavigationMenuContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n  const { arrow, root } = navigationMenuIndicatorVariants({\n    size: resolvedSize,\n  });\n\n  return (\n    <NavigationMenuPrimitive.Icon\n      className={mergeBaseUIClassName<NavigationMenuPrimitive.Icon.State>(\n        cn(root()),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"navigation-menu-indicator\"\n      {...props}\n    >\n      <div className={arrow()} />\n    </NavigationMenuPrimitive.Icon>\n  );\n};\n\nexport { NavigationMenuIndicator };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\n\nconst navigationMenuItemVariants = tv({\n  base: \"relative\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"\",\n      md: \"\",\n      sm: \"\",\n      xl: \"\",\n      xs: \"\",\n    },\n  },\n});\n\nexport type NavigationMenuItemProps = ComponentProps<\n  typeof NavigationMenuPrimitive.Item\n> &\n  VariantProps<typeof navigationMenuItemVariants> & {\n    size?: InputSize;\n  };\n\nconst NavigationMenuItem = ({\n  className,\n  size,\n  ...props\n}: NavigationMenuItemProps) => {\n  const { size: rootSize } = useContext(NavigationMenuContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <NavigationMenuPrimitive.Item\n      className={cn(\n        navigationMenuItemVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"navigation-menu-item\"\n      {...props}\n    />\n  );\n};\n\nexport { NavigationMenuItem };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\nimport { NavigationMenuOverlayContext } from \"./navigation-menu-overlay-context\";\n\nconst navigationMenuLinkVariants = tv({\n  base: \"cursor-clickable hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted flex flex-col transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"gap-2 rounded-lg p-2.5 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      md: \"gap-2 rounded-lg p-2 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      sm: \"gap-1.5 rounded-[min(var(--radius-md),10px)] p-1.5 text-xs [&_svg:not([class*='size-'])]:size-3.5\",\n      xl: \"gap-2.5 rounded-lg p-3 text-base [&_svg:not([class*='size-'])]:size-5\",\n      xs: \"gap-1 rounded-[min(var(--radius-md),8px)] p-1.5 text-xs [&_svg:not([class*='size-'])]:size-3\",\n    },\n  },\n});\n\nexport type NavigationMenuLinkProps = NavigationMenuPrimitive.Link.Props &\n  VariantProps<typeof navigationMenuLinkVariants> & {\n    size?: InputSize;\n  };\n\nconst NavigationMenuLink = ({\n  className,\n  size,\n  ...props\n}: NavigationMenuLinkProps) => {\n  const { size: rootSize } = useContext(NavigationMenuContext);\n  const { size: overlaySize } = useContext(NavigationMenuOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n\n  return (\n    <NavigationMenuPrimitive.Link\n      className={cn(\n        navigationMenuLinkVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"navigation-menu-link\"\n      {...props}\n    />\n  );\n};\n\nexport { NavigationMenuLink };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\n\nconst navigationMenuListVariants = tv({\n  base: \"group flex flex-1 list-none items-center justify-center\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"gap-2\",\n      md: \"gap-1.5\",\n      sm: \"gap-1\",\n      xl: \"gap-2.5\",\n      xs: \"gap-0.5\",\n    },\n  },\n});\n\nexport type NavigationMenuListProps = ComponentProps<\n  typeof NavigationMenuPrimitive.List\n> &\n  VariantProps<typeof navigationMenuListVariants> & {\n    size?: InputSize;\n  };\n\nconst NavigationMenuList = ({\n  className,\n  size,\n  ...props\n}: NavigationMenuListProps) => {\n  const { size: rootSize } = useContext(NavigationMenuContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <NavigationMenuPrimitive.List\n      className={cn(\n        navigationMenuListVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"navigation-menu-list\"\n      {...props}\n    />\n  );\n};\n\nexport { NavigationMenuList };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\nimport { NavigationMenuOverlayContext } from \"./navigation-menu-overlay-context\";\n\nconst navigationMenuPopupVariants = tv({\n  base: \"xs:w-(--popup-width) bg-popover text-popover-foreground ring-foreground/10 relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) shadow ring-1 transition-all ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:scale-90 data-[starting-style]:opacity-0\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"rounded-xl\",\n      md: \"rounded-lg\",\n      sm: \"rounded-[min(var(--radius-md),10px)]\",\n      xl: \"rounded-xl\",\n      xs: \"rounded-[min(var(--radius-md),8px)]\",\n    },\n  },\n});\n\nexport type NavigationMenuPopupProps = NavigationMenuPrimitive.Popup.Props &\n  VariantProps<typeof navigationMenuPopupVariants> & {\n    size?: InputSize;\n  };\n\nconst NavigationMenuPopup = ({\n  className,\n  size,\n  ...props\n}: NavigationMenuPopupProps) => {\n  const { size: rootSize } = useContext(NavigationMenuContext);\n  const { size: overlaySize } = useContext(NavigationMenuOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? rootSize ?? \"md\";\n\n  return (\n    <NavigationMenuPrimitive.Popup\n      className={cn(\n        navigationMenuPopupVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"navigation-menu-popup\"\n      {...props}\n    />\n  );\n};\n\nexport { NavigationMenuPopup };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nexport type NavigationMenuPortalProps = NavigationMenuPrimitive.Portal.Props;\n\nconst NavigationMenuPortal = ({ ...props }: NavigationMenuPortalProps) => (\n  <NavigationMenuPrimitive.Portal\n    data-slot=\"navigation-menu-portal\"\n    {...props}\n  />\n);\n\nexport { NavigationMenuPortal };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { cn } from \"tailwind-variants\";\nexport type NavigationMenuPositionerProps =\n  NavigationMenuPrimitive.Positioner.Props;\n\nconst NavigationMenuPositioner = ({\n  className,\n  side = \"bottom\",\n  sideOffset = 8,\n  align = \"start\",\n  alignOffset = 0,\n  ...props\n}: NavigationMenuPositionerProps) => (\n  <NavigationMenuPrimitive.Positioner\n    align={align}\n    alignOffset={alignOffset}\n    className={cn(\n      \"z-overlay isolate h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)] transition-[top,left,right,bottom] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] data-[instant]:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0\",\n      className\n    )}\n    data-slot=\"navigation-menu-positioner\"\n    side={side}\n    sideOffset={sideOffset}\n    {...props}\n  />\n);\n\nexport { NavigationMenuPositioner };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { ArrowDown01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\n\nconst navigationMenuTriggerStyle = tv({\n  defaultVariants: {\n    size: \"md\",\n  },\n  slots: {\n    icon: \"relative top-[1px] ml-1 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180 group-data-popup-open/navigation-menu-trigger:rotate-180\",\n    root: \"group/navigation-menu-trigger cursor-clickable bg-background hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted inline-flex w-max items-center justify-center font-medium transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n  },\n  variants: {\n    size: {\n      lg: {\n        icon: \"size-4\",\n        root: \"h-10 rounded-lg px-3 py-1.5 text-sm\",\n      },\n      md: {\n        icon: \"size-4\",\n        root: \"h-9 rounded-lg px-2.5 py-1.5 text-sm\",\n      },\n      sm: {\n        icon: \"size-3.5\",\n        root: \"h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-xs\",\n      },\n      xl: {\n        icon: \"size-5\",\n        root: \"h-11 rounded-lg px-4 py-1.5 text-base\",\n      },\n      xs: {\n        icon: \"size-3\",\n        root: \"h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs\",\n      },\n    },\n  },\n});\n\nexport type NavigationMenuTriggerProps = NavigationMenuPrimitive.Trigger.Props &\n  VariantProps<typeof navigationMenuTriggerStyle> & {\n    size?: InputSize;\n  };\n\nconst NavigationMenuTrigger = ({\n  className,\n  children,\n  size,\n  ...props\n}: NavigationMenuTriggerProps) => {\n  const { size: rootSize } = useContext(NavigationMenuContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n  const { icon, root } = navigationMenuTriggerStyle({ size: resolvedSize });\n\n  return (\n    <NavigationMenuPrimitive.Trigger\n      className={cn(root(), \"group\", className)}\n      data-size={resolvedSize}\n      data-slot=\"navigation-menu-trigger\"\n      {...props}\n    >\n      {children}{\" \"}\n      <HugeiconsIcon\n        aria-hidden=\"true\"\n        className={icon()}\n        icon={ArrowDown01Icon}\n        strokeWidth={2}\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n};\n\nexport { NavigationMenuTrigger, navigationMenuTriggerStyle };\n","import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { cn } from \"tailwind-variants\";\nexport type NavigationMenuViewportProps =\n  NavigationMenuPrimitive.Viewport.Props;\n\nconst NavigationMenuViewport = ({\n  className,\n  ...props\n}: NavigationMenuViewportProps) => (\n  <NavigationMenuPrimitive.Viewport\n    className={cn(\"relative size-full overflow-hidden\", className)}\n    data-slot=\"navigation-menu-viewport\"\n    {...props}\n  />\n);\n\nexport { NavigationMenuViewport };\n","\"use client\";\n\nimport { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { NavigationMenuArrow } from \"./navigation-menu-arrow\";\nimport { NavigationMenuBackdrop } from \"./navigation-menu-backdrop\";\nimport { NavigationMenuContent } from \"./navigation-menu-content\";\nimport { NavigationMenuContext } from \"./navigation-menu-context\";\nimport { NavigationMenuIndicator } from \"./navigation-menu-indicator\";\nimport { NavigationMenuItem } from \"./navigation-menu-item\";\nimport { NavigationMenuLink } from \"./navigation-menu-link\";\nimport { NavigationMenuList } from \"./navigation-menu-list\";\nimport { NavigationMenuOverlayContext } from \"./navigation-menu-overlay-context\";\nimport { NavigationMenuPopup } from \"./navigation-menu-popup\";\nimport { NavigationMenuPortal } from \"./navigation-menu-portal\";\nimport { NavigationMenuPositioner } from \"./navigation-menu-positioner\";\nimport { NavigationMenuTrigger } from \"./navigation-menu-trigger\";\nimport { NavigationMenuViewport } from \"./navigation-menu-viewport\";\nexport type NavigationMenuProps = NavigationMenuPrimitive.Root.Props & {\n  size?: InputSize;\n};\n\nconst NavigationMenu = ({\n  className,\n  children,\n  size: providedSize,\n  ...props\n}: NavigationMenuProps) => {\n  const size = useComponentSize(providedSize);\n  const rootContextValue = useMemo(() => ({ size }), [size]);\n  const overlayContextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <NavigationMenuContext.Provider value={rootContextValue}>\n      <NavigationMenuPrimitive.Root\n        className={cn(\n          \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n          className\n        )}\n        data-size={size}\n        data-slot=\"navigation-menu\"\n        {...props}\n      >\n        <NavigationMenuOverlayContext.Provider value={overlayContextValue}>\n          {children}\n          <NavigationMenuPortal>\n            <NavigationMenuPositioner>\n              <NavigationMenuPopup size={size}>\n                <NavigationMenuViewport />\n              </NavigationMenuPopup>\n            </NavigationMenuPositioner>\n          </NavigationMenuPortal>\n        </NavigationMenuOverlayContext.Provider>\n      </NavigationMenuPrimitive.Root>\n    </NavigationMenuContext.Provider>\n  );\n};\n\nNavigationMenu.Arrow = NavigationMenuArrow;\nNavigationMenu.Backdrop = NavigationMenuBackdrop;\nNavigationMenu.Content = NavigationMenuContent;\nNavigationMenu.Indicator = NavigationMenuIndicator;\nNavigationMenu.Item = NavigationMenuItem;\nNavigationMenu.Link = NavigationMenuLink;\nNavigationMenu.List = NavigationMenuList;\nNavigationMenu.Popup = NavigationMenuPopup;\nNavigationMenu.Portal = NavigationMenuPortal;\nNavigationMenu.Positioner = NavigationMenuPositioner;\nNavigationMenu.Trigger = NavigationMenuTrigger;\nNavigationMenu.Viewport = NavigationMenuViewport;\n\nexport {\n  NavigationMenu,\n  NavigationMenuArrow,\n  NavigationMenuBackdrop,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuPopup,\n  NavigationMenuPortal,\n  NavigationMenuPositioner,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\n};\n\nexport type { NavigationMenuArrowProps } from \"./navigation-menu-arrow\";\nexport type { NavigationMenuBackdropProps } from \"./navigation-menu-backdrop\";\nexport type { NavigationMenuContentProps } from \"./navigation-menu-content\";\nexport type { NavigationMenuIndicatorProps } from \"./navigation-menu-indicator\";\nexport type { NavigationMenuItemProps } from \"./navigation-menu-item\";\nexport type { NavigationMenuLinkProps } from \"./navigation-menu-link\";\nexport type { NavigationMenuListProps } from \"./navigation-menu-list\";\nexport type { NavigationMenuPopupProps } from \"./navigation-menu-popup\";\nexport type { NavigationMenuPortalProps } from \"./navigation-menu-portal\";\nexport type { NavigationMenuPositionerProps } from \"./navigation-menu-positioner\";\nexport type { NavigationMenuTriggerProps } from \"./navigation-menu-trigger\";\nexport type { NavigationMenuViewportProps } from \"./navigation-menu-viewport\";\n"],"mappings":"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"}

package/dist/ui/number-field.d.ts

@@ -1,4 +1,4 @@
-import { InputSize } from "./input.js";
+import { r as InputSize } from "../input-WWoBCgxe.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as tailwind_variants0 from "tailwind-variants";
@@ -9,29 +9,29 @@ import { NumberField as NumberField$1 } from "@base-ui/react/number-field";
 type NumberFieldDecrementProps = ComponentProps<typeof NumberField$1.Decrement> & VariantProps<typeof numberFieldDecrementVariants>;
 declare const numberFieldDecrementVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "flex cursor-pointer items-center justify-center border border-input bg-muted text-foreground transition-colors select-none hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50", {
+}, undefined, "cursor-clickable border-input bg-muted text-foreground hover:border-ring/70 flex items-center justify-center border transition-colors select-none disabled:pointer-events-none disabled:opacity-50", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "flex cursor-pointer items-center justify-center border border-input bg-muted text-foreground transition-colors select-none hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
+}, undefined, "cursor-clickable border-input bg-muted text-foreground hover:border-ring/70 flex items-center justify-center border transition-colors select-none disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
 declare const NumberFieldDecrement: ({
   className,
   children,
@@ -50,29 +50,29 @@ declare const NumberFieldGroup: ({
 type NumberFieldIncrementProps = ComponentProps<typeof NumberField$1.Increment> & VariantProps<typeof numberFieldIncrementVariants>;
 declare const numberFieldIncrementVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "flex cursor-pointer items-center justify-center border border-input bg-muted text-foreground transition-colors select-none hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50", {
+}, undefined, "cursor-clickable border-input bg-muted text-foreground hover:border-ring/70 flex items-center justify-center border transition-colors select-none disabled:pointer-events-none disabled:opacity-50", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "flex cursor-pointer items-center justify-center border border-input bg-muted text-foreground transition-colors select-none hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
+}, undefined, "cursor-clickable border-input bg-muted text-foreground hover:border-ring/70 flex items-center justify-center border transition-colors select-none disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
 declare const NumberFieldIncrement: ({
   className,
   children,
@@ -83,29 +83,29 @@ declare const NumberFieldIncrement: ({
 //#region src/ui/number-field/number-field-input.d.ts
 declare const numberFieldInputVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "w-20 border-y border-input bg-background text-center tabular-nums text-foreground transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50", {
+}, undefined, "border-input bg-background text-foreground w-20 border-y text-center tabular-nums transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "w-20 border-y border-input bg-background text-center tabular-nums text-foreground transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
+}, undefined, "border-input bg-background text-foreground w-20 border-y text-center tabular-nums transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
 type NativeNumberFieldInputProps = ComponentProps<typeof NumberField$1.Input>;
 type NativeNumberFieldInputSize = NativeNumberFieldInputProps["size"];
 type NumberFieldInputProps = Omit<NativeNumberFieldInputProps, "size"> & VariantProps<typeof numberFieldInputVariants> & {

package/dist/ui/number-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.d.ts","names":[],"sources":["../../src/ui/number-field/number-field-decrement.tsx","../../src/ui/number-field/number-field-group.tsx","../../src/ui/number-field/number-field-increment.tsx","../../src/ui/number-field/number-field-input.tsx","../../src/ui/number-field/number-field-scrub-area.tsx","../../src/ui/number-field/number-field-scrub-area-cursor.tsx","../../src/ui/number-field/number-field.tsx"],"mappings":";;;;;;;;KAaY,yBAAA,GAA4B,cAAA,QAC/B,aAAA,CAAgB,SAAA,IAEvB,YAAA,QAAoB,4BAAA;AAAA,cAEhB,4BAAA,EAcJ,kBAAA,CAdgC,YAAA;;;;;;;;;;;;;;;;cAchC,kBAAA,CAAA,YAAA;;;;;;;;;cAkBW,oBAAA;EAAwB,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKlC,yBAAA,KAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCjDhB,qBAAA,GAAwB,cAAA,QAC3B,aAAA,CAAgB,KAAA;AAAA,cAGZ,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAG9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCAZ,yBAAA,GAA4B,cAAA,QAC/B,aAAA,CAAgB,SAAA,IAEvB,YAAA,QAAoB,4BAAA;AAAA,cAEhB,4BAAA,EAcJ,kBAAA,CAdgC,YAAA;;;;;;;;;;;;;;;;cAchC,kBAAA,CAAA,YAAA;;;;;;;;;cAkBW,oBAAA;EAAwB,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKlC,yBAAA,KAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC9CtB,wBAAA,EAcJ,kBAAA,CAd4B,YAAA;;;;;;;;;;;;;;;;cAc5B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,2BAAA,GAA8B,cAAA,QAAsB,aAAA,CAAgB,KAAA;AAAA,KACpE,0BAAA,GAA6B,2BAAA;AAAA,KAEtB,qBAAA,GAAwB,IAAA,CAAK,2BAAA,YACvC,YAAA,QAAoB,wBAAA;EAClB,QAAA,GAAW,0BAAA;AAAA;AAAA,cAGF,gBAAA;EAAoB,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAK9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KChCZ,yBAAA,GAA4B,cAAA,QAC/B,aAAA,CAAgB,SAAA;AAAA,cAGZ,oBAAA;EAAwB,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAIlC,yBAAA,KAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCNhB,+BAAA,GAAkC,cAAA,QACrC,aAAA,CAAgB,eAAA;AAAA,cAGZ,0BAAA;EAA8B,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAIxC,+BAAA,KAA+B,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCAtB,gBAAA,GAAmB,cAAA,QAAsB,aAAA,CAAgB,IAAA;EACnE,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,WAAA;EAAA;;;;;KAKH,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"number-field.d.ts","names":[],"sources":["../../src/ui/number-field/number-field-decrement.tsx","../../src/ui/number-field/number-field-group.tsx","../../src/ui/number-field/number-field-increment.tsx","../../src/ui/number-field/number-field-input.tsx","../../src/ui/number-field/number-field-scrub-area.tsx","../../src/ui/number-field/number-field-scrub-area-cursor.tsx","../../src/ui/number-field/number-field.tsx"],"mappings":";;;;;;;;KAYY,yBAAA,GAA4B,cAAA,QAC/B,aAAA,CAAgB,SAAA,IAEvB,YAAA,QAAoB,4BAAA;AAAA,cAEhB,4BAAA,EAcJ,kBAAA,CAdgC,YAAA;;;;;;;;;;;;;;;;cAchC,kBAAA,CAAA,YAAA;;;;;;;;;cAkBW,oBAAA;EAAwB,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKlC,yBAAA,KAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCjDhB,qBAAA,GAAwB,cAAA,QAC3B,aAAA,CAAgB,KAAA;AAAA,cAGZ,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAG9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCAZ,yBAAA,GAA4B,cAAA,QAC/B,aAAA,CAAgB,SAAA,IAEvB,YAAA,QAAoB,4BAAA;AAAA,cAEhB,4BAAA,EAcJ,kBAAA,CAdgC,YAAA;;;;;;;;;;;;;;;;cAchC,kBAAA,CAAA,YAAA;;;;;;;;;cAkBW,oBAAA;EAAwB,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKlC,yBAAA,KAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC7CtB,wBAAA,EAcJ,kBAAA,CAd4B,YAAA;;;;;;;;;;;;;;;;cAc5B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,2BAAA,GAA8B,cAAA,QAAsB,aAAA,CAAgB,KAAA;AAAA,KACpE,0BAAA,GAA6B,2BAAA;AAAA,KAEtB,qBAAA,GAAwB,IAAA,CAAK,2BAAA,YACvC,YAAA,QAAoB,wBAAA;EAClB,QAAA,GAAW,0BAAA;AAAA;AAAA,cAGF,gBAAA;EAAoB,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAK9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCjCZ,yBAAA,GAA4B,cAAA,QAC/B,aAAA,CAAgB,SAAA;AAAA,cAGZ,oBAAA;EAAwB,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAIlC,yBAAA,KAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCNhB,+BAAA,GAAkC,cAAA,QACrC,aAAA,CAAgB,eAAA;AAAA,cAGZ,0BAAA;EAA8B,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAIxC,+BAAA,KAA+B,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCEtB,gBAAA,GAAmB,cAAA,QAAsB,aAAA,CAAgB,IAAA;EACnE,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,WAAA;EAAA;;;;;KAKH,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/number-field.js

@@ -1,6 +1,8 @@
+"use client";
+
 import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
 import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
-import { createContext, useContext } from "react";
+import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { tv } from "tailwind-variants";
 import { Add01Icon, ArrowHorizontalIcon, MinusSignIcon } from "@hugeicons/core-free-icons";
@@ -13,15 +15,15 @@ const NumberFieldContext = createContext({ size: "md" });
 //#endregion
 //#region src/ui/number-field/number-field-decrement.tsx
 const numberFieldDecrementVariants = tv({
-	base: "flex cursor-pointer items-center justify-center border border-input bg-muted text-foreground transition-colors select-none hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50",
+	base: "cursor-clickable border-input bg-muted text-foreground hover:border-ring/70 flex items-center justify-center border transition-colors select-none disabled:pointer-events-none disabled:opacity-50",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "size-6 rounded-l-[min(var(--radius-md),8px)]",
-		sm: "size-8 rounded-l-[min(var(--radius-md),10px)]",
-		md: "size-9 rounded-l-md",
 		lg: "size-10 rounded-l-md",
-		xl: "size-11 rounded-l-md"
-	} },
-	defaultVariants: { size: "md" }
+		md: "size-9 rounded-l-md",
+		sm: "size-8 rounded-l-[min(var(--radius-md),10px)]",
+		xl: "size-11 rounded-l-md",
+		xs: "size-6 rounded-l-[min(var(--radius-md),8px)]"
+	} }
 });
 const getNumberFieldStepperIconSize$1 = (size) => {
 	if (size === "xs") return 12;
@@ -55,15 +57,15 @@ const NumberFieldGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(Number
 //#endregion
 //#region src/ui/number-field/number-field-increment.tsx
 const numberFieldIncrementVariants = tv({
-	base: "flex cursor-pointer items-center justify-center border border-input bg-muted text-foreground transition-colors select-none hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50",
+	base: "cursor-clickable border-input bg-muted text-foreground hover:border-ring/70 flex items-center justify-center border transition-colors select-none disabled:pointer-events-none disabled:opacity-50",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "size-6 rounded-r-[min(var(--radius-md),8px)]",
-		sm: "size-8 rounded-r-[min(var(--radius-md),10px)]",
-		md: "size-9 rounded-r-md",
 		lg: "size-10 rounded-r-md",
-		xl: "size-11 rounded-r-md"
-	} },
-	defaultVariants: { size: "md" }
+		md: "size-9 rounded-r-md",
+		sm: "size-8 rounded-r-[min(var(--radius-md),10px)]",
+		xl: "size-11 rounded-r-md",
+		xs: "size-6 rounded-r-[min(var(--radius-md),8px)]"
+	} }
 });
 const getNumberFieldStepperIconSize = (size) => {
 	if (size === "xs") return 12;
@@ -89,15 +91,15 @@ const NumberFieldIncrement = ({ className, children, size, ...props }) => {
 //#endregion
 //#region src/ui/number-field/number-field-input.tsx
 const numberFieldInputVariants = tv({
-	base: "w-20 border-y border-input bg-background text-center tabular-nums text-foreground transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
+	base: "border-input bg-background text-foreground w-20 border-y text-center tabular-nums transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "h-6 text-xs",
-		sm: "h-8 text-sm",
-		md: "h-9 text-sm",
 		lg: "h-10 text-sm",
-		xl: "h-11 text-base"
-	} },
-	defaultVariants: { size: "md" }
+		md: "h-9 text-sm",
+		sm: "h-8 text-sm",
+		xl: "h-11 text-base",
+		xs: "h-6 text-xs"
+	} }
 });
 const NumberFieldInput = ({ className, htmlSize, size, ...props }) => {
 	const { size: contextSize } = useContext(NumberFieldContext);
@@ -136,8 +138,9 @@ const NumberFieldScrubAreaCursor = ({ className, children, ...props }) => /* @__
 //#region src/ui/number-field/number-field.tsx
 const NumberField = ({ className, children, size: providedSize, ...props }) => {
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
 	return /* @__PURE__ */ jsx(NumberFieldContext.Provider, {
-		value: { size },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(NumberField$1.Root, {
 			className: mergeBaseUIClassName("flex flex-col items-start gap-1", className),
 			"data-size": size,

package/dist/ui/number-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.js","names":["getNumberFieldStepperIconSize","BaseNumberField","BaseNumberField","BaseNumberField","BaseNumberField","BaseNumberField","BaseNumberField","BaseNumberField"],"sources":["../../src/ui/number-field/number-field-context.tsx","../../src/ui/number-field/number-field-decrement.tsx","../../src/ui/number-field/number-field-group.tsx","../../src/ui/number-field/number-field-increment.tsx","../../src/ui/number-field/number-field-input.tsx","../../src/ui/number-field/number-field-scrub-area.tsx","../../src/ui/number-field/number-field-scrub-area-cursor.tsx","../../src/ui/number-field/number-field.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface NumberFieldContextValue {\n  size?: InputSize;\n}\n\nconst NumberFieldContext = createContext<NumberFieldContextValue>({\n  size: \"md\",\n});\n\nexport { NumberFieldContext };\n","import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { MinusSignIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { NumberFieldContext } from \"./number-field-context\";\n\nexport type NumberFieldDecrementProps = ComponentProps<\n  typeof BaseNumberField.Decrement\n> &\n  VariantProps<typeof numberFieldDecrementVariants>;\n\nconst numberFieldDecrementVariants = tv({\n  base: \"flex cursor-pointer items-center justify-center border border-input bg-muted text-foreground transition-colors select-none hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50\",\n  variants: {\n    size: {\n      xs: \"size-6 rounded-l-[min(var(--radius-md),8px)]\",\n      sm: \"size-8 rounded-l-[min(var(--radius-md),10px)]\",\n      md: \"size-9 rounded-l-md\",\n      lg: \"size-10 rounded-l-md\",\n      xl: \"size-11 rounded-l-md\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst getNumberFieldStepperIconSize = (size: InputSize) => {\n  if (size === \"xs\") {\n    return 12;\n  }\n\n  if (size === \"lg\") {\n    return 15;\n  }\n\n  if (size === \"xl\") {\n    return 16;\n  }\n\n  return 14;\n};\n\nexport const NumberFieldDecrement = ({\n  className,\n  children,\n  size,\n  ...props\n}: NumberFieldDecrementProps) => {\n  const { size: contextSize } = useContext(NumberFieldContext);\n  const resolvedSize = size ?? contextSize ?? \"md\";\n\n  return (\n    <BaseNumberField.Decrement\n      className={mergeBaseUIClassName(\n        numberFieldDecrementVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"number-field-decrement\"\n      {...props}\n    >\n      {children ?? (\n        <HugeiconsIcon\n          size={getNumberFieldStepperIconSize(resolvedSize)}\n          icon={MinusSignIcon}\n        />\n      )}\n    </BaseNumberField.Decrement>\n  );\n};\n","import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type NumberFieldGroupProps = ComponentProps<\n  typeof BaseNumberField.Group\n>;\n\nexport const NumberFieldGroup = ({\n  className,\n  ...props\n}: NumberFieldGroupProps) => (\n  <BaseNumberField.Group\n    className={mergeBaseUIClassName(\n      \"flex rounded-md text-foreground shadow-xs transition-shadow focus-within:ring-[3px] focus-within:ring-ring/30\",\n      className\n    )}\n    data-slot=\"number-field-group\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { Add01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { NumberFieldContext } from \"./number-field-context\";\n\nexport type NumberFieldIncrementProps = ComponentProps<\n  typeof BaseNumberField.Increment\n> &\n  VariantProps<typeof numberFieldIncrementVariants>;\n\nconst numberFieldIncrementVariants = tv({\n  base: \"flex cursor-pointer items-center justify-center border border-input bg-muted text-foreground transition-colors select-none hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50\",\n  variants: {\n    size: {\n      xs: \"size-6 rounded-r-[min(var(--radius-md),8px)]\",\n      sm: \"size-8 rounded-r-[min(var(--radius-md),10px)]\",\n      md: \"size-9 rounded-r-md\",\n      lg: \"size-10 rounded-r-md\",\n      xl: \"size-11 rounded-r-md\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst getNumberFieldStepperIconSize = (size: InputSize) => {\n  if (size === \"xs\") {\n    return 12;\n  }\n\n  if (size === \"lg\") {\n    return 15;\n  }\n\n  if (size === \"xl\") {\n    return 16;\n  }\n\n  return 14;\n};\n\nexport const NumberFieldIncrement = ({\n  className,\n  children,\n  size,\n  ...props\n}: NumberFieldIncrementProps) => {\n  const { size: contextSize } = useContext(NumberFieldContext);\n  const resolvedSize = size ?? contextSize ?? \"md\";\n\n  return (\n    <BaseNumberField.Increment\n      className={mergeBaseUIClassName(\n        numberFieldIncrementVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"number-field-increment\"\n      {...props}\n    >\n      {children ?? (\n        <HugeiconsIcon\n          size={getNumberFieldStepperIconSize(resolvedSize)}\n          icon={Add01Icon}\n        />\n      )}\n    </BaseNumberField.Increment>\n  );\n};\n","import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { NumberFieldContext } from \"./number-field-context\";\n\nconst numberFieldInputVariants = tv({\n  base: \"w-20 border-y border-input bg-background text-center tabular-nums text-foreground transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50\",\n  variants: {\n    size: {\n      xs: \"h-6 text-xs\",\n      sm: \"h-8 text-sm\",\n      md: \"h-9 text-sm\",\n      lg: \"h-10 text-sm\",\n      xl: \"h-11 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype NativeNumberFieldInputProps = ComponentProps<typeof BaseNumberField.Input>;\ntype NativeNumberFieldInputSize = NativeNumberFieldInputProps[\"size\"];\n\nexport type NumberFieldInputProps = Omit<NativeNumberFieldInputProps, \"size\"> &\n  VariantProps<typeof numberFieldInputVariants> & {\n    htmlSize?: NativeNumberFieldInputSize;\n  };\n\nexport const NumberFieldInput = ({\n  className,\n  htmlSize,\n  size,\n  ...props\n}: NumberFieldInputProps) => {\n  const { size: contextSize } = useContext(NumberFieldContext);\n  const resolvedSize = size ?? contextSize ?? \"md\";\n\n  return (\n    <BaseNumberField.Input\n      className={mergeBaseUIClassName(\n        numberFieldInputVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"number-field-input\"\n      size={htmlSize}\n      {...props}\n    />\n  );\n};\n","import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type NumberFieldScrubAreaProps = ComponentProps<\n  typeof BaseNumberField.ScrubArea\n>;\n\nexport const NumberFieldScrubArea = ({\n  className,\n  children,\n  ...props\n}: NumberFieldScrubAreaProps) => (\n  <BaseNumberField.ScrubArea\n    className={mergeBaseUIClassName(\"cursor-ew-resize\", className)}\n    data-slot=\"number-field-scrub-area\"\n    {...props}\n  >\n    {children}\n  </BaseNumberField.ScrubArea>\n);\n","import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { ArrowHorizontalIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type NumberFieldScrubAreaCursorProps = ComponentProps<\n  typeof BaseNumberField.ScrubAreaCursor\n>;\n\nexport const NumberFieldScrubAreaCursor = ({\n  className,\n  children,\n  ...props\n}: NumberFieldScrubAreaCursorProps) => (\n  <BaseNumberField.ScrubAreaCursor\n    className={mergeBaseUIClassName(\"drop-shadow-sm filter\", className)}\n    data-slot=\"number-field-scrub-area-cursor\"\n    {...props}\n  >\n    {children ?? (\n      <HugeiconsIcon className=\"size-4.5\" icon={ArrowHorizontalIcon} />\n    )}\n  </BaseNumberField.ScrubAreaCursor>\n);\n","import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { NumberFieldContext } from \"./number-field-context\";\nimport { NumberFieldDecrement } from \"./number-field-decrement\";\nimport { NumberFieldGroup } from \"./number-field-group\";\nimport { NumberFieldIncrement } from \"./number-field-increment\";\nimport { NumberFieldInput } from \"./number-field-input\";\nimport { NumberFieldScrubArea } from \"./number-field-scrub-area\";\nimport { NumberFieldScrubAreaCursor } from \"./number-field-scrub-area-cursor\";\n\nexport type NumberFieldProps = ComponentProps<typeof BaseNumberField.Root> & {\n  size?: InputSize;\n};\n\nconst NumberField = ({\n  className,\n  children,\n  size: providedSize,\n  ...props\n}: NumberFieldProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <NumberFieldContext.Provider value={{ size }}>\n      <BaseNumberField.Root\n        className={mergeBaseUIClassName(\n          \"flex flex-col items-start gap-1\",\n          className\n        )}\n        data-size={size}\n        data-slot=\"number-field\"\n        {...props}\n      >\n        {children}\n      </BaseNumberField.Root>\n    </NumberFieldContext.Provider>\n  );\n};\n\nNumberField.Decrement = NumberFieldDecrement;\nNumberField.Group = NumberFieldGroup;\nNumberField.Increment = NumberFieldIncrement;\nNumberField.Input = NumberFieldInput;\nNumberField.ScrubArea = NumberFieldScrubArea;\nNumberField.ScrubAreaCursor = NumberFieldScrubAreaCursor;\n\nexport type { NumberFieldDecrementProps } from \"./number-field-decrement\";\nexport type { NumberFieldGroupProps } from \"./number-field-group\";\nexport type { NumberFieldIncrementProps } from \"./number-field-increment\";\nexport type { NumberFieldInputProps } from \"./number-field-input\";\nexport type { NumberFieldScrubAreaProps } from \"./number-field-scrub-area\";\nexport type { NumberFieldScrubAreaCursorProps } from \"./number-field-scrub-area-cursor\";\n\nexport {\n  NumberField,\n  NumberFieldDecrement,\n  NumberFieldGroup,\n  NumberFieldIncrement,\n  NumberFieldInput,\n  NumberFieldScrubArea,\n  NumberFieldScrubAreaCursor,\n};\n"],"mappings":"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"}
+{"version":3,"file":"number-field.js","names":["getNumberFieldStepperIconSize","BaseNumberField","BaseNumberField","BaseNumberField","BaseNumberField","BaseNumberField","BaseNumberField","BaseNumberField"],"sources":["../../src/ui/number-field/number-field-context.tsx","../../src/ui/number-field/number-field-decrement.tsx","../../src/ui/number-field/number-field-group.tsx","../../src/ui/number-field/number-field-increment.tsx","../../src/ui/number-field/number-field-input.tsx","../../src/ui/number-field/number-field-scrub-area.tsx","../../src/ui/number-field/number-field-scrub-area-cursor.tsx","../../src/ui/number-field/number-field.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface NumberFieldContextValue {\n  size?: InputSize;\n}\n\nconst NumberFieldContext = createContext<NumberFieldContextValue>({\n  size: \"md\",\n});\n\nexport { NumberFieldContext };\n","import { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { MinusSignIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport type { InputSize } from \"../input/input\";\nimport { NumberFieldContext } from \"./number-field-context\";\n\nexport type NumberFieldDecrementProps = ComponentProps<\n  typeof BaseNumberField.Decrement\n> &\n  VariantProps<typeof numberFieldDecrementVariants>;\n\nconst numberFieldDecrementVariants = tv({\n  base: \"cursor-clickable border-input bg-muted text-foreground hover:border-ring/70 flex items-center justify-center border transition-colors select-none disabled:pointer-events-none disabled:opacity-50\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"size-10 rounded-l-md\",\n      md: \"size-9 rounded-l-md\",\n      sm: \"size-8 rounded-l-[min(var(--radius-md),10px)]\",\n      xl: \"size-11 rounded-l-md\",\n      xs: \"size-6 rounded-l-[min(var(--radius-md),8px)]\",\n    },\n  },\n});\n\nconst getNumberFieldStepperIconSize = (size: InputSize) => {\n  if (size === \"xs\") {\n    return 12;\n  }\n\n  if (size === \"lg\") {\n    return 15;\n  }\n\n  if (size === \"xl\") {\n    return 16;\n  }\n\n  return 14;\n};\n\nexport const NumberFieldDecrement = ({\n  className,\n  children,\n  size,\n  ...props\n}: NumberFieldDecrementProps) => {\n  const { size: contextSize } = useContext(NumberFieldContext);\n  const resolvedSize = size ?? contextSize ?? \"md\";\n\n  return (\n    <BaseNumberField.Decrement\n      className={mergeBaseUIClassName(\n        numberFieldDecrementVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"number-field-decrement\"\n      {...props}\n    >\n      {children ?? (\n        <HugeiconsIcon\n          size={getNumberFieldStepperIconSize(resolvedSize)}\n          icon={MinusSignIcon}\n        />\n      )}\n    </BaseNumberField.Decrement>\n  );\n};\n","import { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type NumberFieldGroupProps = ComponentProps<\n  typeof BaseNumberField.Group\n>;\n\nexport const NumberFieldGroup = ({\n  className,\n  ...props\n}: NumberFieldGroupProps) => (\n  <BaseNumberField.Group\n    className={mergeBaseUIClassName(\n      \"flex rounded-md text-foreground shadow-xs transition-shadow focus-within:ring-[3px] focus-within:ring-ring/30\",\n      className\n    )}\n    data-slot=\"number-field-group\"\n    {...props}\n  />\n);\n","import { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { Add01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport type { InputSize } from \"../input/input\";\nimport { NumberFieldContext } from \"./number-field-context\";\n\nexport type NumberFieldIncrementProps = ComponentProps<\n  typeof BaseNumberField.Increment\n> &\n  VariantProps<typeof numberFieldIncrementVariants>;\n\nconst numberFieldIncrementVariants = tv({\n  base: \"cursor-clickable border-input bg-muted text-foreground hover:border-ring/70 flex items-center justify-center border transition-colors select-none disabled:pointer-events-none disabled:opacity-50\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"size-10 rounded-r-md\",\n      md: \"size-9 rounded-r-md\",\n      sm: \"size-8 rounded-r-[min(var(--radius-md),10px)]\",\n      xl: \"size-11 rounded-r-md\",\n      xs: \"size-6 rounded-r-[min(var(--radius-md),8px)]\",\n    },\n  },\n});\n\nconst getNumberFieldStepperIconSize = (size: InputSize) => {\n  if (size === \"xs\") {\n    return 12;\n  }\n\n  if (size === \"lg\") {\n    return 15;\n  }\n\n  if (size === \"xl\") {\n    return 16;\n  }\n\n  return 14;\n};\n\nexport const NumberFieldIncrement = ({\n  className,\n  children,\n  size,\n  ...props\n}: NumberFieldIncrementProps) => {\n  const { size: contextSize } = useContext(NumberFieldContext);\n  const resolvedSize = size ?? contextSize ?? \"md\";\n\n  return (\n    <BaseNumberField.Increment\n      className={mergeBaseUIClassName(\n        numberFieldIncrementVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"number-field-increment\"\n      {...props}\n    >\n      {children ?? (\n        <HugeiconsIcon\n          size={getNumberFieldStepperIconSize(resolvedSize)}\n          icon={Add01Icon}\n        />\n      )}\n    </BaseNumberField.Increment>\n  );\n};\n","import { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { NumberFieldContext } from \"./number-field-context\";\n\nconst numberFieldInputVariants = tv({\n  base: \"border-input bg-background text-foreground w-20 border-y text-center tabular-nums transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"h-10 text-sm\",\n      md: \"h-9 text-sm\",\n      sm: \"h-8 text-sm\",\n      xl: \"h-11 text-base\",\n      xs: \"h-6 text-xs\",\n    },\n  },\n});\n\ntype NativeNumberFieldInputProps = ComponentProps<typeof BaseNumberField.Input>;\ntype NativeNumberFieldInputSize = NativeNumberFieldInputProps[\"size\"];\n\nexport type NumberFieldInputProps = Omit<NativeNumberFieldInputProps, \"size\"> &\n  VariantProps<typeof numberFieldInputVariants> & {\n    htmlSize?: NativeNumberFieldInputSize;\n  };\n\nexport const NumberFieldInput = ({\n  className,\n  htmlSize,\n  size,\n  ...props\n}: NumberFieldInputProps) => {\n  const { size: contextSize } = useContext(NumberFieldContext);\n  const resolvedSize = size ?? contextSize ?? \"md\";\n\n  return (\n    <BaseNumberField.Input\n      className={mergeBaseUIClassName(\n        numberFieldInputVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"number-field-input\"\n      size={htmlSize}\n      {...props}\n    />\n  );\n};\n","import { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type NumberFieldScrubAreaProps = ComponentProps<\n  typeof BaseNumberField.ScrubArea\n>;\n\nexport const NumberFieldScrubArea = ({\n  className,\n  children,\n  ...props\n}: NumberFieldScrubAreaProps) => (\n  <BaseNumberField.ScrubArea\n    className={mergeBaseUIClassName(\"cursor-ew-resize\", className)}\n    data-slot=\"number-field-scrub-area\"\n    {...props}\n  >\n    {children}\n  </BaseNumberField.ScrubArea>\n);\n","import { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { ArrowHorizontalIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport type { ComponentProps } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type NumberFieldScrubAreaCursorProps = ComponentProps<\n  typeof BaseNumberField.ScrubAreaCursor\n>;\n\nexport const NumberFieldScrubAreaCursor = ({\n  className,\n  children,\n  ...props\n}: NumberFieldScrubAreaCursorProps) => (\n  <BaseNumberField.ScrubAreaCursor\n    className={mergeBaseUIClassName(\"drop-shadow-sm filter\", className)}\n    data-slot=\"number-field-scrub-area-cursor\"\n    {...props}\n  >\n    {children ?? (\n      <HugeiconsIcon className=\"size-4.5\" icon={ArrowHorizontalIcon} />\n    )}\n  </BaseNumberField.ScrubAreaCursor>\n);\n","\"use client\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport type { InputSize } from \"../input/input\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { NumberFieldContext } from \"./number-field-context\";\nimport { NumberFieldDecrement } from \"./number-field-decrement\";\nimport { NumberFieldGroup } from \"./number-field-group\";\nimport { NumberFieldIncrement } from \"./number-field-increment\";\nimport { NumberFieldInput } from \"./number-field-input\";\nimport { NumberFieldScrubArea } from \"./number-field-scrub-area\";\nimport { NumberFieldScrubAreaCursor } from \"./number-field-scrub-area-cursor\";\n\nexport type NumberFieldProps = ComponentProps<typeof BaseNumberField.Root> & {\n  size?: InputSize;\n};\n\nconst NumberField = ({\n  className,\n  children,\n  size: providedSize,\n  ...props\n}: NumberFieldProps) => {\n  const size = useComponentSize(providedSize);\n  const contextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <NumberFieldContext.Provider value={contextValue}>\n      <BaseNumberField.Root\n        className={mergeBaseUIClassName(\n          \"flex flex-col items-start gap-1\",\n          className\n        )}\n        data-size={size}\n        data-slot=\"number-field\"\n        {...props}\n      >\n        {children}\n      </BaseNumberField.Root>\n    </NumberFieldContext.Provider>\n  );\n};\n\nNumberField.Decrement = NumberFieldDecrement;\nNumberField.Group = NumberFieldGroup;\nNumberField.Increment = NumberFieldIncrement;\nNumberField.Input = NumberFieldInput;\nNumberField.ScrubArea = NumberFieldScrubArea;\nNumberField.ScrubAreaCursor = NumberFieldScrubAreaCursor;\n\nexport type { NumberFieldDecrementProps } from \"./number-field-decrement\";\nexport type { NumberFieldGroupProps } from \"./number-field-group\";\nexport type { NumberFieldIncrementProps } from \"./number-field-increment\";\nexport type { NumberFieldInputProps } from \"./number-field-input\";\nexport type { NumberFieldScrubAreaProps } from \"./number-field-scrub-area\";\nexport type { NumberFieldScrubAreaCursorProps } from \"./number-field-scrub-area-cursor\";\n\nexport {\n  NumberField,\n  NumberFieldDecrement,\n  NumberFieldGroup,\n  NumberFieldIncrement,\n  NumberFieldInput,\n  NumberFieldScrubArea,\n  NumberFieldScrubAreaCursor,\n};\n"],"mappings":"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"}