@kuzenbo/core 0.0.1 → 0.0.3

package/dist/ui/navigation-menu.js

@@ -0,0 +1,319 @@
+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 { jsx, jsxs } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+import { ArrowDown01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
+
+//#region src/ui/navigation-menu/navigation-menu-arrow.tsx
+const NavigationMenuArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(NavigationMenu$1.Arrow, {
+	className: cn("fill-popover stroke-border", className),
+	"data-slot": "navigation-menu-arrow",
+	...props
+});
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-backdrop.tsx
+const NavigationMenuBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(NavigationMenu$1.Backdrop, {
+	className: cn(className),
+	"data-slot": "navigation-menu-backdrop",
+	...props
+});
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-context.tsx
+const NavigationMenuContext = createContext({ size: "md" });
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-overlay-context.tsx
+const NavigationMenuOverlayContext = createContext({});
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-content.tsx
+const navigationMenuContentVariants = tv({
+	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",
+	variants: { size: {
+		xs: "p-0.5",
+		sm: "p-1",
+		md: "p-1",
+		lg: "p-1.5",
+		xl: "p-2"
+	} },
+	defaultVariants: { size: "md" }
+});
+const NavigationMenuContent = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(NavigationMenuContext);
+	const { size: overlaySize } = useContext(NavigationMenuOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(NavigationMenuOverlayContext.Provider, {
+		value: { size: resolvedSize },
+		children: /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
+			className: cn(navigationMenuContentVariants({ size: resolvedSize }), className),
+			"data-size": resolvedSize,
+			"data-slot": "navigation-menu-content",
+			...props
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-indicator.tsx
+const navigationMenuIndicatorVariants = tv({
+	slots: {
+		arrow: "relative rotate-45 bg-border shadow-md",
+		root: "top-full z-[1] flex items-end justify-center overflow-hidden opacity-0 transition-opacity duration-200 data-popup-open:opacity-100"
+	},
+	variants: { size: {
+		xs: {
+			arrow: "top-[55%] h-1.5 w-1.5 rounded-tl-[2px]",
+			root: "h-1"
+		},
+		sm: {
+			arrow: "top-[58%] h-2 w-2 rounded-tl-sm",
+			root: "h-1.5"
+		},
+		md: {
+			arrow: "top-[60%] h-2 w-2 rounded-tl-sm",
+			root: "h-1.5"
+		},
+		lg: {
+			arrow: "top-[62%] h-2.5 w-2.5 rounded-tl-sm",
+			root: "h-2"
+		},
+		xl: {
+			arrow: "top-[64%] h-3 w-3 rounded-tl-sm",
+			root: "h-2.5"
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+const NavigationMenuIndicator = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(NavigationMenuContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	const { arrow, root } = navigationMenuIndicatorVariants({ size: resolvedSize });
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Icon, {
+		className: mergeBaseUIClassName(cn(root()), className),
+		"data-size": resolvedSize,
+		"data-slot": "navigation-menu-indicator",
+		...props,
+		children: /* @__PURE__ */ jsx("div", { className: arrow() })
+	});
+};
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-item.tsx
+const navigationMenuItemVariants = tv({
+	base: "relative",
+	variants: { size: {
+		xs: "",
+		sm: "",
+		md: "",
+		lg: "",
+		xl: ""
+	} },
+	defaultVariants: { size: "md" }
+});
+const NavigationMenuItem = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(NavigationMenuContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Item, {
+		className: cn(navigationMenuItemVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "navigation-menu-item",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-link.tsx
+const navigationMenuLinkVariants = tv({
+	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",
+	variants: { size: {
+		xs: "gap-1 rounded-[min(var(--radius-md),8px)] p-1.5 text-xs [&_svg:not([class*='size-'])]:size-3",
+		sm: "gap-1.5 rounded-[min(var(--radius-md),10px)] p-2 text-sm [&_svg:not([class*='size-'])]:size-3.5",
+		md: "gap-2 rounded-lg p-2 text-sm [&_svg:not([class*='size-'])]:size-4",
+		lg: "gap-2 rounded-lg p-2.5 text-sm [&_svg:not([class*='size-'])]:size-4",
+		xl: "gap-2.5 rounded-lg p-3 text-base [&_svg:not([class*='size-'])]:size-5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const NavigationMenuLink = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(NavigationMenuContext);
+	const { size: overlaySize } = useContext(NavigationMenuOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Link, {
+		className: cn(navigationMenuLinkVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "navigation-menu-link",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-list.tsx
+const navigationMenuListVariants = tv({
+	base: "group flex flex-1 list-none items-center justify-center",
+	variants: { size: {
+		xs: "gap-0.5",
+		sm: "gap-0.5",
+		md: "gap-0",
+		lg: "gap-0.5",
+		xl: "gap-1"
+	} },
+	defaultVariants: { size: "md" }
+});
+const NavigationMenuList = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(NavigationMenuContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(NavigationMenu$1.List, {
+		className: cn(navigationMenuListVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "navigation-menu-list",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-popup.tsx
+const navigationMenuPopupVariants = tv({
+	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",
+	variants: { size: {
+		xs: "rounded-[min(var(--radius-md),8px)]",
+		sm: "rounded-[min(var(--radius-md),10px)]",
+		md: "rounded-lg",
+		lg: "rounded-xl",
+		xl: "rounded-xl"
+	} },
+	defaultVariants: { size: "md" }
+});
+const NavigationMenuPopup = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(NavigationMenuContext);
+	const { size: overlaySize } = useContext(NavigationMenuOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Popup, {
+		className: cn(navigationMenuPopupVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "navigation-menu-popup",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-portal.tsx
+const NavigationMenuPortal = ({ ...props }) => /* @__PURE__ */ jsx(NavigationMenu$1.Portal, {
+	"data-slot": "navigation-menu-portal",
+	...props
+});
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-positioner.tsx
+const NavigationMenuPositioner = ({ className, side = "bottom", sideOffset = 8, align = "start", alignOffset = 0, ...props }) => /* @__PURE__ */ jsx(NavigationMenu$1.Positioner, {
+	align,
+	alignOffset,
+	className: cn("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", className),
+	"data-slot": "navigation-menu-positioner",
+	side,
+	sideOffset,
+	...props
+});
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-trigger.tsx
+const navigationMenuTriggerStyle = tv({
+	slots: {
+		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",
+		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"
+	},
+	variants: { size: {
+		xs: {
+			icon: "size-3",
+			root: "h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs"
+		},
+		sm: {
+			icon: "size-3.5",
+			root: "h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm"
+		},
+		md: {
+			icon: "size-3",
+			root: "h-9 rounded-lg px-2.5 py-1.5 text-sm"
+		},
+		lg: {
+			icon: "size-4",
+			root: "h-10 rounded-lg px-3 py-1.5 text-sm"
+		},
+		xl: {
+			icon: "size-5",
+			root: "h-11 rounded-lg px-4 py-1.5 text-base"
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+const NavigationMenuTrigger = ({ className, children, size, ...props }) => {
+	const { size: rootSize } = useContext(NavigationMenuContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	const { icon, root } = navigationMenuTriggerStyle({ size: resolvedSize });
+	return /* @__PURE__ */ jsxs(NavigationMenu$1.Trigger, {
+		className: cn(root(), "group", className),
+		"data-size": resolvedSize,
+		"data-slot": "navigation-menu-trigger",
+		...props,
+		children: [
+			children,
+			" ",
+			/* @__PURE__ */ jsx(HugeiconsIcon, {
+				"aria-hidden": "true",
+				className: icon(),
+				icon: ArrowDown01Icon,
+				strokeWidth: 2
+			})
+		]
+	});
+};
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu-viewport.tsx
+const NavigationMenuViewport = ({ className, ...props }) => /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, {
+	className: cn("relative size-full overflow-hidden", className),
+	"data-slot": "navigation-menu-viewport",
+	...props
+});
+
+//#endregion
+//#region src/ui/navigation-menu/navigation-menu.tsx
+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, NavigationMenuArrow, NavigationMenuBackdrop, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPopup, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuTrigger, NavigationMenuViewport };
+//# sourceMappingURL=navigation-menu.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,183 @@
+import { InputSize } from "./input.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { NumberField as NumberField$1 } from "@base-ui/react/number-field";
+
+//#region src/ui/number-field/number-field-decrement.d.ts
+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;
+    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$1.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$1.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$1.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$1.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$1.ScrubAreaCursor>;
+declare const NumberFieldScrubAreaCursor: ({
+  className,
+  children,
+  ...props
+}: NumberFieldScrubAreaCursorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/number-field/number-field.d.ts
+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: ({
+    className,
+    ...props
+  }: NumberFieldGroupProps) => react_jsx_runtime0.JSX.Element;
+  Increment: ({
+    className,
+    children,
+    size,
+    ...props
+  }: NumberFieldIncrementProps) => react_jsx_runtime0.JSX.Element;
+  Input: ({
+    className,
+    htmlSize,
+    size,
+    ...props
+  }: NumberFieldInputProps) => react_jsx_runtime0.JSX.Element;
+  ScrubArea: ({
+    className,
+    children,
+    ...props
+  }: NumberFieldScrubAreaProps) => react_jsx_runtime0.JSX.Element;
+  ScrubAreaCursor: ({
+    className,
+    children,
+    ...props
+  }: NumberFieldScrubAreaCursorProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { NumberField, NumberFieldDecrement, type NumberFieldDecrementProps, NumberFieldGroup, type NumberFieldGroupProps, NumberFieldIncrement, type NumberFieldIncrementProps, NumberFieldInput, type NumberFieldInputProps, NumberFieldProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, type NumberFieldScrubAreaCursorProps, type NumberFieldScrubAreaProps };
+//# sourceMappingURL=number-field.d.ts.map

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

@@ -0,0 +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"}