@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/navigation-menu-viewport-MCTpmOhX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu-viewport-MCTpmOhX.js","names":["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"],"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","import { 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","import { 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"],"mappings":"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"}

package/dist/navigation-menu.d.ts

@@ -1,13 +1,79 @@
-import { a as NavigationMenuItem, i as NavigationMenuLink, n as NavigationMenuPositioner, o as NavigationMenuIndicator, r as NavigationMenuList, s as NavigationMenuContent, t as NavigationMenuTrigger } from "./navigation-menu-trigger-ryYftbUl.js";
+import { InputSize } from "./input.js";
+import { C as NavigationMenuArrow, S as NavigationMenuBackdropProps, _ as NavigationMenuIndicator, a as NavigationMenuPositioner, b as NavigationMenuContentProps, c as NavigationMenuPortalProps, d as NavigationMenuList, f as NavigationMenuListProps, g as NavigationMenuItemProps, h as NavigationMenuItem, i as NavigationMenuTriggerProps, l as NavigationMenuPopup, m as NavigationMenuLinkProps, n as NavigationMenuViewportProps, o as NavigationMenuPositionerProps, p as NavigationMenuLink, r as NavigationMenuTrigger, s as NavigationMenuPortal, t as NavigationMenuViewport, u as NavigationMenuPopupProps, v as NavigationMenuIndicatorProps, w as NavigationMenuArrowProps, x as NavigationMenuBackdrop, y as NavigationMenuContent } from "./navigation-menu-viewport-B1zGz9H_.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
 
 //#region src/ui/navigation-menu/navigation-menu.d.ts
-declare const NavigationMenu: ({
-  className,
-  children,
-  ...props
-}: NavigationMenu$1.Root.Props) => react_jsx_runtime0.JSX.Element;
+type NavigationMenuProps = NavigationMenu$1.Root.Props & {
+  size?: InputSize;
+};
+declare const NavigationMenu: {
+  ({
+    className,
+    children,
+    size: providedSize,
+    ...props
+  }: NavigationMenuProps): react_jsx_runtime0.JSX.Element;
+  Arrow: ({
+    className,
+    ...props
+  }: NavigationMenuArrowProps) => react_jsx_runtime0.JSX.Element;
+  Backdrop: ({
+    className,
+    ...props
+  }: NavigationMenuBackdropProps) => react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    size,
+    ...props
+  }: NavigationMenuContentProps) => react_jsx_runtime0.JSX.Element;
+  Indicator: ({
+    className,
+    size,
+    ...props
+  }: NavigationMenuIndicatorProps) => react_jsx_runtime0.JSX.Element;
+  Item: ({
+    className,
+    size,
+    ...props
+  }: NavigationMenuItemProps) => react_jsx_runtime0.JSX.Element;
+  Link: ({
+    className,
+    size,
+    ...props
+  }: NavigationMenuLinkProps) => react_jsx_runtime0.JSX.Element;
+  List: ({
+    className,
+    size,
+    ...props
+  }: NavigationMenuListProps) => react_jsx_runtime0.JSX.Element;
+  Popup: ({
+    className,
+    size,
+    ...props
+  }: NavigationMenuPopupProps) => react_jsx_runtime0.JSX.Element;
+  Portal: ({
+    ...props
+  }: NavigationMenuPortalProps) => react_jsx_runtime0.JSX.Element;
+  Positioner: ({
+    className,
+    side,
+    sideOffset,
+    align,
+    alignOffset,
+    ...props
+  }: NavigationMenuPositionerProps) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    children,
+    size,
+    ...props
+  }: NavigationMenuTriggerProps) => react_jsx_runtime0.JSX.Element;
+  Viewport: ({
+    className,
+    ...props
+  }: NavigationMenuViewportProps) => react_jsx_runtime0.JSX.Element;
+};
 //#endregion
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger };
+export { NavigationMenu, NavigationMenuArrow, type NavigationMenuArrowProps, NavigationMenuBackdrop, type NavigationMenuBackdropProps, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, NavigationMenuPopup, type NavigationMenuPopupProps, NavigationMenuPortal, type NavigationMenuPortalProps, NavigationMenuPositioner, type NavigationMenuPositionerProps, NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps };
 //# sourceMappingURL=navigation-menu.d.ts.map

package/dist/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../src/ui/navigation-menu/navigation-menu.tsx"],"mappings":";;;;;cAKM,cAAA;EAAkB,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAIrB,gBAAA,CAAwB,IAAA,CAAK,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../src/ui/navigation-menu/navigation-menu.tsx"],"mappings":";;;;;;KAoBY,mBAAA,GAAsB,gBAAA,CAAwB,IAAA,CAAK,KAAA;EAC7D,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,cAAA;EAAA;;;;;KAKH,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/navigation-menu.js

@@ -1,16 +1,42 @@
-import { a as NavigationMenuIndicator, i as NavigationMenuItem, n as NavigationMenuList, o as NavigationMenuContent, r as NavigationMenuLink, s as NavigationMenuPositioner, t as NavigationMenuTrigger } from "./navigation-menu-trigger-DG0JCv-9.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { a as NavigationMenuPopup, c as NavigationMenuItem, d as NavigationMenuOverlayContext, f as NavigationMenuContext, i as NavigationMenuPortal, l as NavigationMenuIndicator, m as NavigationMenuArrow, n as NavigationMenuTrigger, o as NavigationMenuList, p as NavigationMenuBackdrop, r as NavigationMenuPositioner, s as NavigationMenuLink, t as NavigationMenuViewport, u as NavigationMenuContent } from "./navigation-menu-viewport-MCTpmOhX.js";
 import { cn } from "tailwind-variants";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
 
 //#region src/ui/navigation-menu/navigation-menu.tsx
-const NavigationMenu = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(NavigationMenu$1.Root, {
-	className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
-	"data-slot": "navigation-menu",
-	...props,
-	children: [children, /* @__PURE__ */ jsx(NavigationMenuPositioner, {})]
-});
+const NavigationMenu = ({ className, children, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(NavigationMenuContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx(NavigationMenu$1.Root, {
+			className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+			"data-size": size,
+			"data-slot": "navigation-menu",
+			...props,
+			children: /* @__PURE__ */ jsxs(NavigationMenuOverlayContext.Provider, {
+				value: { size },
+				children: [children, /* @__PURE__ */ jsx(NavigationMenuPortal, { children: /* @__PURE__ */ jsx(NavigationMenuPositioner, { children: /* @__PURE__ */ jsx(NavigationMenuPopup, {
+					size,
+					children: /* @__PURE__ */ jsx(NavigationMenuViewport, {})
+				}) }) })]
+			})
+		})
+	});
+};
+NavigationMenu.Arrow = NavigationMenuArrow;
+NavigationMenu.Backdrop = NavigationMenuBackdrop;
+NavigationMenu.Content = NavigationMenuContent;
+NavigationMenu.Indicator = NavigationMenuIndicator;
+NavigationMenu.Item = NavigationMenuItem;
+NavigationMenu.Link = NavigationMenuLink;
+NavigationMenu.List = NavigationMenuList;
+NavigationMenu.Popup = NavigationMenuPopup;
+NavigationMenu.Portal = NavigationMenuPortal;
+NavigationMenu.Positioner = NavigationMenuPositioner;
+NavigationMenu.Trigger = NavigationMenuTrigger;
+NavigationMenu.Viewport = NavigationMenuViewport;
 
 //#endregion
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger };
+export { NavigationMenu, NavigationMenuArrow, NavigationMenuBackdrop, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPopup, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuTrigger, NavigationMenuViewport };
 //# sourceMappingURL=navigation-menu.js.map

package/dist/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","names":["NavigationMenuPrimitive"],"sources":["../src/ui/navigation-menu/navigation-menu.tsx"],"sourcesContent":["import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { cn } from \"tailwind-variants\";\n\nimport { NavigationMenuPositioner } from \"./navigation-menu-positioner\";\n\nconst NavigationMenu = ({\n  className,\n  children,\n  ...props\n}: NavigationMenuPrimitive.Root.Props) => (\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-slot=\"navigation-menu\"\n    {...props}\n  >\n    {children}\n    <NavigationMenuPositioner />\n  </NavigationMenuPrimitive.Root>\n);\n\nexport { NavigationMenuContent } from \"./navigation-menu-content\";\nexport { NavigationMenuIndicator } from \"./navigation-menu-indicator\";\nexport { NavigationMenuItem } from \"./navigation-menu-item\";\nexport { NavigationMenuLink } from \"./navigation-menu-link\";\nexport { NavigationMenuList } from \"./navigation-menu-list\";\nexport { NavigationMenuPositioner } from \"./navigation-menu-positioner\";\nexport { NavigationMenuTrigger } from \"./navigation-menu-trigger\";\nexport { NavigationMenu };\n"],"mappings":";;;;;;AAKA,MAAM,kBAAkB,EACtB,WACA,UACA,GAAG,YAEH,qBAACA,iBAAwB;CACvB,WAAW,GACT,oFACA,UACD;CACD,aAAU;CACV,GAAI;YAEH,UACD,oBAAC,6BAA2B;EACC"}
+{"version":3,"file":"navigation-menu.js","names":["NavigationMenuPrimitive"],"sources":["../src/ui/navigation-menu/navigation-menu.tsx"],"sourcesContent":["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":";;;;;;;AAwBA,MAAM,kBAAkB,EACtB,WACA,UACA,MAAM,cACN,GAAG,YACsB;CACzB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,sBAAsB;EAAS,OAAO,EAAE,MAAM;YAC7C,oBAACA,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"}

package/dist/number-field-scrub-area-cursor-DJPffFNk.d.ts

@@ -0,0 +1,137 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { NumberField } from "@base-ui/react/number-field";
+
+//#region src/ui/number-field/number-field-decrement.d.ts
+type NumberFieldDecrementProps = ComponentProps<typeof NumberField.Decrement> & VariantProps<typeof numberFieldDecrementVariants>;
+declare const numberFieldDecrementVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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>>;
+declare const NumberFieldDecrement: ({
+  className,
+  children,
+  size,
+  ...props
+}: NumberFieldDecrementProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/number-field/number-field-group.d.ts
+type NumberFieldGroupProps = ComponentProps<typeof NumberField.Group>;
+declare const NumberFieldGroup: ({
+  className,
+  ...props
+}: NumberFieldGroupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/number-field/number-field-increment.d.ts
+type NumberFieldIncrementProps = ComponentProps<typeof NumberField.Increment> & VariantProps<typeof numberFieldIncrementVariants>;
+declare const numberFieldIncrementVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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>>;
+declare const NumberFieldIncrement: ({
+  className,
+  children,
+  size,
+  ...props
+}: NumberFieldIncrementProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#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;
+    xl: 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", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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>>;
+type NativeNumberFieldInputProps = ComponentProps<typeof NumberField.Input>;
+type NativeNumberFieldInputSize = NativeNumberFieldInputProps["size"];
+type NumberFieldInputProps = Omit<NativeNumberFieldInputProps, "size"> & VariantProps<typeof numberFieldInputVariants> & {
+  htmlSize?: NativeNumberFieldInputSize;
+};
+declare const NumberFieldInput: ({
+  className,
+  htmlSize,
+  size,
+  ...props
+}: NumberFieldInputProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/number-field/number-field-scrub-area.d.ts
+type NumberFieldScrubAreaProps = ComponentProps<typeof NumberField.ScrubArea>;
+declare const NumberFieldScrubArea: ({
+  className,
+  children,
+  ...props
+}: NumberFieldScrubAreaProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/number-field/number-field-scrub-area-cursor.d.ts
+type NumberFieldScrubAreaCursorProps = ComponentProps<typeof NumberField.ScrubAreaCursor>;
+declare const NumberFieldScrubAreaCursor: ({
+  className,
+  children,
+  ...props
+}: NumberFieldScrubAreaCursorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NumberFieldInput as a, NumberFieldIncrementProps as c, NumberFieldDecrement as d, NumberFieldDecrementProps as f, NumberFieldScrubAreaProps as i, NumberFieldGroup as l, NumberFieldScrubAreaCursorProps as n, NumberFieldInputProps as o, NumberFieldScrubArea as r, NumberFieldIncrement as s, NumberFieldScrubAreaCursor as t, NumberFieldGroupProps as u };
+//# sourceMappingURL=number-field-scrub-area-cursor-DJPffFNk.d.ts.map

package/dist/number-field-scrub-area-cursor-DJPffFNk.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field-scrub-area-cursor-DJPffFNk.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"],"mappings":";;;;;;;KAaY,yBAAA,GAA4B,cAAA,QAC/B,WAAA,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,WAAA,CAAgB,KAAA;AAAA,cAGZ,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAG9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCAZ,yBAAA,GAA4B,cAAA,QAC/B,WAAA,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,WAAA,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,WAAA,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,WAAA,CAAgB,eAAA;AAAA,cAGZ,0BAAA;EAA8B,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAIxC,+BAAA,KAA+B,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/number-field-scrub-area-cursor-h-iB-JHz.js

@@ -0,0 +1,136 @@
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { tv } from "tailwind-variants";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Add01Icon, ArrowHorizontalIcon, MinusSignIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { NumberField } from "@base-ui/react/number-field";
+
+//#region src/ui/number-field/number-field-context.tsx
+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",
+	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" }
+});
+const getNumberFieldStepperIconSize$1 = (size) => {
+	if (size === "xs") return 12;
+	if (size === "lg") return 15;
+	if (size === "xl") return 16;
+	return 14;
+};
+const NumberFieldDecrement = ({ className, children, size, ...props }) => {
+	const { size: contextSize } = useContext(NumberFieldContext);
+	const resolvedSize = size ?? contextSize ?? "md";
+	return /* @__PURE__ */ jsx(NumberField.Decrement, {
+		className: mergeBaseUIClassName(numberFieldDecrementVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "number-field-decrement",
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(HugeiconsIcon, {
+			size: getNumberFieldStepperIconSize$1(resolvedSize),
+			icon: MinusSignIcon
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/number-field/number-field-group.tsx
+const NumberFieldGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(NumberField.Group, {
+	className: mergeBaseUIClassName("flex rounded-md text-foreground shadow-xs transition-shadow focus-within:ring-[3px] focus-within:ring-ring/30", className),
+	"data-slot": "number-field-group",
+	...props
+});
+
+//#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",
+	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" }
+});
+const getNumberFieldStepperIconSize = (size) => {
+	if (size === "xs") return 12;
+	if (size === "lg") return 15;
+	if (size === "xl") return 16;
+	return 14;
+};
+const NumberFieldIncrement = ({ className, children, size, ...props }) => {
+	const { size: contextSize } = useContext(NumberFieldContext);
+	const resolvedSize = size ?? contextSize ?? "md";
+	return /* @__PURE__ */ jsx(NumberField.Increment, {
+		className: mergeBaseUIClassName(numberFieldIncrementVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "number-field-increment",
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(HugeiconsIcon, {
+			size: getNumberFieldStepperIconSize(resolvedSize),
+			icon: Add01Icon
+		})
+	});
+};
+
+//#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",
+	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" }
+});
+const NumberFieldInput = ({ className, htmlSize, size, ...props }) => {
+	const { size: contextSize } = useContext(NumberFieldContext);
+	const resolvedSize = size ?? contextSize ?? "md";
+	return /* @__PURE__ */ jsx(NumberField.Input, {
+		className: mergeBaseUIClassName(numberFieldInputVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "number-field-input",
+		size: htmlSize,
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/number-field/number-field-scrub-area.tsx
+const NumberFieldScrubArea = ({ className, children, ...props }) => /* @__PURE__ */ jsx(NumberField.ScrubArea, {
+	className: mergeBaseUIClassName("cursor-ew-resize", className),
+	"data-slot": "number-field-scrub-area",
+	...props,
+	children
+});
+
+//#endregion
+//#region src/ui/number-field/number-field-scrub-area-cursor.tsx
+const NumberFieldScrubAreaCursor = ({ className, children, ...props }) => /* @__PURE__ */ jsx(NumberField.ScrubAreaCursor, {
+	className: mergeBaseUIClassName("drop-shadow-sm filter", className),
+	"data-slot": "number-field-scrub-area-cursor",
+	...props,
+	children: children ?? /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: "size-4.5",
+		icon: ArrowHorizontalIcon
+	})
+});
+
+//#endregion
+export { NumberFieldGroup as a, NumberFieldIncrement as i, NumberFieldScrubArea as n, NumberFieldDecrement as o, NumberFieldInput as r, NumberFieldContext as s, NumberFieldScrubAreaCursor as t };
+//# sourceMappingURL=number-field-scrub-area-cursor-h-iB-JHz.js.map

package/dist/number-field-scrub-area-cursor-h-iB-JHz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field-scrub-area-cursor-h-iB-JHz.js","names":["getNumberFieldStepperIconSize","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"],"sourcesContent":["import { 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"],"mappings":";;;;;;;;;AAQA,MAAM,qBAAqB,cAAuC,EAChE,MAAM,MACP,CAAC;;;;ACQF,MAAM,+BAA+B,GAAG;CACtC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAEF,MAAMA,mCAAiC,SAAoB;AACzD,KAAI,SAAS,KACX,QAAO;AAGT,KAAI,SAAS,KACX,QAAO;AAGT,KAAI,SAAS,KACX,QAAO;AAGT,QAAO;;AAGT,MAAa,wBAAwB,EACnC,WACA,UACA,MACA,GAAG,YAC4B;CAC/B,MAAM,EAAE,MAAM,gBAAgB,WAAW,mBAAmB;CAC5D,MAAM,eAAe,QAAQ,eAAe;AAE5C,QACE,oBAACC,YAAgB;EACf,WAAW,qBACT,6BAA6B,EAAE,MAAM,cAAc,CAAC,EACpD,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;YAEH,YACC,oBAAC;GACC,MAAMD,gCAA8B,aAAa;GACjD,MAAM;IACN;GAEsB;;;;;ACjEhC,MAAa,oBAAoB,EAC/B,WACA,GAAG,YAEH,oBAACE,YAAgB;CACf,WAAW,qBACT,iHACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACHJ,MAAM,+BAA+B,GAAG;CACtC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAEF,MAAM,iCAAiC,SAAoB;AACzD,KAAI,SAAS,KACX,QAAO;AAGT,KAAI,SAAS,KACX,QAAO;AAGT,KAAI,SAAS,KACX,QAAO;AAGT,QAAO;;AAGT,MAAa,wBAAwB,EACnC,WACA,UACA,MACA,GAAG,YAC4B;CAC/B,MAAM,EAAE,MAAM,gBAAgB,WAAW,mBAAmB;CAC5D,MAAM,eAAe,QAAQ,eAAe;AAE5C,QACE,oBAACC,YAAgB;EACf,WAAW,qBACT,6BAA6B,EAAE,MAAM,cAAc,CAAC,EACpD,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;YAEH,YACC,oBAAC;GACC,MAAM,8BAA8B,aAAa;GACjD,MAAM;IACN;GAEsB;;;;;AClEhC,MAAM,2BAA2B,GAAG;CAClC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAUF,MAAa,oBAAoB,EAC/B,WACA,UACA,MACA,GAAG,YACwB;CAC3B,MAAM,EAAE,MAAM,gBAAgB,WAAW,mBAAmB;CAC5D,MAAM,eAAe,QAAQ,eAAe;AAE5C,QACE,oBAACC,YAAgB;EACf,WAAW,qBACT,yBAAyB,EAAE,MAAM,cAAc,CAAC,EAChD,UACD;EACD,aAAW;EACX,aAAU;EACV,MAAM;EACN,GAAI;GACJ;;;;;AC1CN,MAAa,wBAAwB,EACnC,WACA,UACA,GAAG,YAEH,oBAACC,YAAgB;CACf,WAAW,qBAAqB,oBAAoB,UAAU;CAC9D,aAAU;CACV,GAAI;CAEH;EACyB;;;;ACT9B,MAAa,8BAA8B,EACzC,WACA,UACA,GAAG,YAEH,oBAACC,YAAgB;CACf,WAAW,qBAAqB,yBAAyB,UAAU;CACnE,aAAU;CACV,GAAI;WAEH,YACC,oBAAC;EAAc,WAAU;EAAW,MAAM;GAAuB;EAEnC"}

package/dist/number-field.d.ts

@@ -1,19 +1,24 @@
-import { a as NumberFieldInput, c as NumberFieldIncrementProps, d as NumberFieldDecrement, f as NumberFieldDecrementProps, i as NumberFieldScrubAreaProps, l as NumberFieldGroup, n as NumberFieldScrubAreaCursorProps, o as NumberFieldInputProps, r as NumberFieldScrubArea, s as NumberFieldIncrement, t as NumberFieldScrubAreaCursor, u as NumberFieldGroupProps } from "./number-field-scrub-area-cursor-BIS4ObSL.js";
+import { InputSize } from "./input.js";
+import { a as NumberFieldInput, c as NumberFieldIncrementProps, d as NumberFieldDecrement, f as NumberFieldDecrementProps, i as NumberFieldScrubAreaProps, l as NumberFieldGroup, n as NumberFieldScrubAreaCursorProps, o as NumberFieldInputProps, r as NumberFieldScrubArea, s as NumberFieldIncrement, t as NumberFieldScrubAreaCursor, u as NumberFieldGroupProps } from "./number-field-scrub-area-cursor-DJPffFNk.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { NumberField as NumberField$1 } from "@base-ui/react/number-field";
 
 //#region src/ui/number-field/number-field.d.ts
-type NumberFieldProps = ComponentProps<typeof NumberField$1.Root>;
+type NumberFieldProps = ComponentProps<typeof NumberField$1.Root> & {
+  size?: InputSize;
+};
 declare const NumberField: {
   ({
     className,
     children,
+    size: providedSize,
     ...props
   }: NumberFieldProps): react_jsx_runtime0.JSX.Element;
   Decrement: ({
     className,
     children,
+    size,
     ...props
   }: NumberFieldDecrementProps) => react_jsx_runtime0.JSX.Element;
   Group: ({
@@ -23,10 +28,13 @@ declare const NumberField: {
   Increment: ({
     className,
     children,
+    size,
     ...props
   }: NumberFieldIncrementProps) => react_jsx_runtime0.JSX.Element;
   Input: ({
     className,
+    htmlSize,
+    size,
     ...props
   }: NumberFieldInputProps) => react_jsx_runtime0.JSX.Element;
   ScrubArea: ({

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

@@ -1 +1 @@
-{"version":3,"file":"number-field.d.ts","names":[],"sources":["../src/ui/number-field/number-field.tsx"],"mappings":";;;;;;KAYY,gBAAA,GAAmB,cAAA,QAAsB,aAAA,CAAgB,IAAA;AAAA,cAE/D,WAAA;EAAA;;;;KAAkD,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"number-field.d.ts","names":[],"sources":["../src/ui/number-field/number-field.tsx"],"mappings":";;;;;;;KAgBY,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/number-field.js

@@ -1,15 +1,23 @@
-import { a as NumberFieldGroup, i as NumberFieldIncrement, n as NumberFieldScrubArea, o as NumberFieldDecrement, r as NumberFieldInput, t as NumberFieldScrubAreaCursor } from "./number-field-scrub-area-cursor-6AFnR-wB.js";
-import { cn } from "tailwind-variants";
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { a as NumberFieldGroup, i as NumberFieldIncrement, n as NumberFieldScrubArea, o as NumberFieldDecrement, r as NumberFieldInput, s as NumberFieldContext, t as NumberFieldScrubAreaCursor } from "./number-field-scrub-area-cursor-h-iB-JHz.js";
 import { jsx } from "react/jsx-runtime";
 import { NumberField as NumberField$1 } from "@base-ui/react/number-field";
 
 //#region src/ui/number-field/number-field.tsx
-const NumberField = ({ className, children, ...props }) => /* @__PURE__ */ jsx(NumberField$1.Root, {
-	className: cn("flex flex-col items-start gap-1", className),
-	"data-slot": "number-field",
-	...props,
-	children
-});
+const NumberField = ({ className, children, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(NumberFieldContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx(NumberField$1.Root, {
+			className: mergeBaseUIClassName("flex flex-col items-start gap-1", className),
+			"data-size": size,
+			"data-slot": "number-field",
+			...props,
+			children
+		})
+	});
+};
 NumberField.Decrement = NumberFieldDecrement;
 NumberField.Group = NumberFieldGroup;
 NumberField.Increment = NumberFieldIncrement;

package/dist/number-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.js","names":["BaseNumberField"],"sources":["../src/ui/number-field/number-field.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { cn } from \"tailwind-variants\";\n\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\nconst NumberField = ({ className, children, ...props }: NumberFieldProps) => (\n  <BaseNumberField.Root\n    className={cn(\"flex flex-col items-start gap-1\", className)}\n    data-slot=\"number-field\"\n    {...props}\n  >\n    {children}\n  </BaseNumberField.Root>\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":";;;;;;AAcA,MAAM,eAAe,EAAE,WAAW,UAAU,GAAG,YAC7C,oBAACA,cAAgB;CACf,WAAW,GAAG,mCAAmC,UAAU;CAC3D,aAAU;CACV,GAAI;CAEH;EACoB;AAGzB,YAAY,YAAY;AACxB,YAAY,QAAQ;AACpB,YAAY,YAAY;AACxB,YAAY,QAAQ;AACpB,YAAY,YAAY;AACxB,YAAY,kBAAkB"}
+{"version":3,"file":"number-field.js","names":["BaseNumberField"],"sources":["../src/ui/number-field/number-field.tsx"],"sourcesContent":["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":";;;;;;;AAoBA,MAAM,eAAe,EACnB,WACA,UACA,MAAM,cACN,GAAG,YACmB;CACtB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,mBAAmB;EAAS,OAAO,EAAE,MAAM;YAC1C,oBAACA,cAAgB;GACf,WAAW,qBACT,mCACA,UACD;GACD,aAAW;GACX,aAAU;GACV,GAAI;GAEH;IACoB;GACK;;AAIlC,YAAY,YAAY;AACxB,YAAY,QAAQ;AACpB,YAAY,YAAY;AACxB,YAAY,QAAQ;AACpB,YAAY,YAAY;AACxB,YAAY,kBAAkB"}