@arolariu/components 0.5.0 → 1.0.0

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

@@ -1,66 +1,152 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Content, Indicator, Item, Link, List, Root, Trigger, Viewport } from "@radix-ui/react-navigation-menu";
-import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { NavigationMenu } from "@base-ui/react/navigation-menu";
+import { useRender } from "@base-ui/react/use-render";
 import { ChevronDown } from "lucide-react";
-import { forwardRef } from "react";
+import { isValidElement } from "react";
 import { cn } from "../../lib/utilities.js";
-const NavigationMenu = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Root, {
-        ref: ref,
-        className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
-        ...props,
+import navigation_menu_module from "./navigation-menu.module.js";
+function navigationMenuTriggerStyle(className) {
+    return cn(navigation_menu_module.trigger, className);
+}
+function navigation_menu_NavigationMenu(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(NavigationMenu.Root, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "nav",
+            render: render,
+            props: mergeProps({
+                className: cn(navigation_menu_module.root, className)
+            }, {})
+        }),
         children: [
             children,
             /*#__PURE__*/ jsx(NavigationMenuViewport, {})
         ]
-    }));
-NavigationMenu.displayName = Root.displayName;
-const NavigationMenuList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(List, {
-        ref: ref,
-        className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className),
-        ...props
-    }));
-NavigationMenuList.displayName = List.displayName;
-const NavigationMenuItem = Item;
-const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium transition-colors hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-neutral-900 data-[state=open]:bg-neutral-100/50 data-[state=open]:hover:bg-neutral-100 data-[state=open]:focus:bg-neutral-100 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:text-neutral-50 dark:data-[state=open]:bg-neutral-800/50 dark:data-[state=open]:hover:bg-neutral-800 dark:data-[state=open]:focus:bg-neutral-800");
-const NavigationMenuTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Trigger, {
-        ref: ref,
-        className: cn(navigationMenuTriggerStyle(), "group", className),
-        ...props,
+    });
+}
+function NavigationMenuList(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(NavigationMenu.List, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "ul",
+            render: render,
+            props: mergeProps({
+                className: cn(navigation_menu_module.list, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+const NavigationMenuItem = NavigationMenu.Item;
+function NavigationMenuTrigger(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(NavigationMenu.Trigger, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "button",
+            render: render,
+            props: mergeProps({
+                className: cn(navigation_menu_module.trigger, className)
+            }, {})
+        }),
         children: [
             children,
             /*#__PURE__*/ jsx(ChevronDown, {
-                className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
-                "aria-hidden": "true"
+                className: navigation_menu_module.triggerIcon
             })
         ]
-    }));
-NavigationMenuTrigger.displayName = Trigger.displayName;
-const NavigationMenuContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
-        ref: ref,
-        className: cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out 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 top-0 left-0 w-full md:absolute md:w-auto", className),
-        ...props
-    }));
-NavigationMenuContent.displayName = Content.displayName;
-const NavigationMenuLink = Link;
-const NavigationMenuViewport = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
-        className: cn("absolute top-full left-0 flex justify-center"),
-        children: /*#__PURE__*/ jsx(Viewport, {
-            className: cn("origin-top-center data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-neutral-200 bg-white text-neutral-950 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", className),
-            ref: ref,
-            ...props
+    });
+}
+function NavigationMenuContent(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(NavigationMenu.Content, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(navigation_menu_module.content, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+function NavigationMenuLink(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(NavigationMenu.Link, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "a",
+            render: render,
+            props: mergeProps({
+                className: cn(navigation_menu_module.link, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+function NavigationMenuViewport(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx("div", {
+        className: navigation_menu_module.viewportWrapper,
+        children: /*#__PURE__*/ jsx(NavigationMenu.Portal, {
+            children: /*#__PURE__*/ jsx(NavigationMenu.Positioner, {
+                render: useRender({
+                    defaultTagName: "div",
+                    props: mergeProps({
+                        className: navigation_menu_module.positioner
+                    }, {})
+                }),
+                children: /*#__PURE__*/ jsx(NavigationMenu.Popup, {
+                    render: useRender({
+                        defaultTagName: "div",
+                        props: mergeProps({
+                            className: navigation_menu_module.popup
+                        }, {})
+                    }),
+                    children: /*#__PURE__*/ jsx(NavigationMenu.Viewport, {
+                        ...otherProps,
+                        render: useRender({
+                            defaultTagName: "div",
+                            render: render,
+                            props: mergeProps({
+                                className: cn(navigation_menu_module.viewport, className)
+                            }, {})
+                        }),
+                        children: children
+                    })
+                })
+            })
         })
-    }));
-NavigationMenuViewport.displayName = Viewport.displayName;
-const NavigationMenuIndicator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Indicator, {
-        ref: ref,
-        className: cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden", className),
-        ...props,
-        children: /*#__PURE__*/ jsx("div", {
-            className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-neutral-200 shadow-md dark:bg-neutral-800"
+    });
+}
+function NavigationMenuIndicator(props) {
+    const { asChild = false, children, className, render, ...otherProps } = props;
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    return useRender({
+        defaultTagName: "div",
+        render: renderProp,
+        props: mergeProps({
+            className: cn(navigation_menu_module.indicator, className)
+        }, otherProps, {
+            children: renderProp ? void 0 : children ?? /*#__PURE__*/ jsx("div", {
+                className: navigation_menu_module.indicatorInner
+            })
         })
-    }));
-NavigationMenuIndicator.displayName = Indicator.displayName;
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+    });
+}
+navigation_menu_NavigationMenu.displayName = "NavigationMenu";
+NavigationMenuList.displayName = "NavigationMenuList";
+NavigationMenuItem.displayName = "NavigationMenuItem";
+NavigationMenuTrigger.displayName = "NavigationMenuTrigger";
+NavigationMenuContent.displayName = "NavigationMenuContent";
+NavigationMenuLink.displayName = "NavigationMenuLink";
+NavigationMenuViewport.displayName = "NavigationMenuViewport";
+NavigationMenuIndicator.displayName = "NavigationMenuIndicator";
+export { NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle, navigation_menu_NavigationMenu as NavigationMenu };
 
 //# sourceMappingURL=navigation-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/navigation-menu.js","sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\r\nimport {cva} from \"class-variance-authority\";\r\nimport {ChevronDown} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst NavigationMenu = React.forwardRef<\r\n  React.ComponentRef<typeof NavigationMenuPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\r\n>(({className, children, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\r\n    {...props}>\r\n    {children}\r\n    <NavigationMenuViewport />\r\n  </NavigationMenuPrimitive.Root>\r\n));\r\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\r\n\r\nconst NavigationMenuList = React.forwardRef<\r\n  React.ComponentRef<typeof NavigationMenuPrimitive.List>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\r\n>(({className, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.List\r\n    ref={ref}\r\n    className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\r\n    {...props}\r\n  />\r\n));\r\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\r\n\r\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\r\n\r\nconst navigationMenuTriggerStyle = cva(\r\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium transition-colors hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-neutral-900 data-[state=open]:bg-neutral-100/50 data-[state=open]:hover:bg-neutral-100 data-[state=open]:focus:bg-neutral-100 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:text-neutral-50 dark:data-[state=open]:bg-neutral-800/50 dark:data-[state=open]:hover:bg-neutral-800 dark:data-[state=open]:focus:bg-neutral-800\",\r\n);\r\n\r\nconst NavigationMenuTrigger = React.forwardRef<\r\n  React.ComponentRef<typeof NavigationMenuPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\r\n>(({className, children, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(navigationMenuTriggerStyle(), \"group\", className)}\r\n    {...props}>\r\n    {children}\r\n    <ChevronDown\r\n      className='relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180'\r\n      aria-hidden='true'\r\n    />\r\n  </NavigationMenuPrimitive.Trigger>\r\n));\r\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\r\n\r\nconst NavigationMenuContent = React.forwardRef<\r\n  React.ComponentRef<typeof NavigationMenuPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\r\n>(({className, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.Content\r\n    ref={ref}\r\n    className={cn(\r\n      \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out 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 top-0 left-0 w-full md:absolute md:w-auto\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\r\n\r\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\r\n\r\nconst NavigationMenuViewport = React.forwardRef<\r\n  React.ComponentRef<typeof NavigationMenuPrimitive.Viewport>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\r\n>(({className, ...props}, ref) => (\r\n  <div className={cn(\"absolute top-full left-0 flex justify-center\")}>\r\n    <NavigationMenuPrimitive.Viewport\r\n      className={cn(\r\n        \"origin-top-center data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-neutral-200 bg-white text-neutral-950 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n        className,\r\n      )}\r\n      ref={ref}\r\n      {...props}\r\n    />\r\n  </div>\r\n));\r\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\r\n\r\nconst NavigationMenuIndicator = React.forwardRef<\r\n  React.ComponentRef<typeof NavigationMenuPrimitive.Indicator>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\r\n>(({className, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.Indicator\r\n    ref={ref}\r\n    className={cn(\r\n      \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    <div className='relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-neutral-200 shadow-md dark:bg-neutral-800' />\r\n  </NavigationMenuPrimitive.Indicator>\r\n));\r\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\r\n\r\nexport {\r\n  NavigationMenu,\r\n  NavigationMenuContent,\r\n  NavigationMenuIndicator,\r\n  NavigationMenuItem,\r\n  NavigationMenuLink,\r\n  NavigationMenuList,\r\n  NavigationMenuTrigger,\r\n  navigationMenuTriggerStyle,\r\n  NavigationMenuViewport,\r\n};\r\n"],"names":["NavigationMenu","React","className","children","props","ref","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":";;;;;;;AASA,MAAMA,iBAAiB,WAAjBA,GAAiBC,WAGrB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACC,MAA4B;QAC3B,KAAKD;QACL,WAAWE,GAAG,mEAAmEL;QAChF,GAAGE,KAAK;;YACRD;0BACD,IAACK,wBAAAA,CAAAA;;;AAGLR,eAAe,WAAW,GAAGM,KAAAA,WAAwC;AAErE,MAAMG,qBAAqB,WAArBA,GAAqBR,WAGzB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAA4B;QAC3B,KAAKD;QACL,WAAWE,GAAG,qEAAqEL;QAClF,GAAGE,KAAK;;AAGbK,mBAAmB,WAAW,GAAGH,KAAAA,WAAwC;AAEzE,MAAMI,qBAAqBJ;AAE3B,MAAMK,6BAA6BC,IACjC;AAGF,MAAMC,wBAAwB,WAAxBA,GAAwBZ,WAG5B,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACC,SAA+B;QAC9B,KAAKD;QACL,WAAWE,GAAGI,8BAA8B,SAAST;QACpD,GAAGE,KAAK;;YACRD;0BACD,IAACW,aAAWA;gBACV,WAAU;gBACV,eAAY;;;;AAIlBD,sBAAsB,WAAW,GAAGP,QAAAA,WAA2C;AAE/E,MAAMS,wBAAwB,WAAxBA,GAAwBd,WAG5B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,SAA+B;QAC9B,KAAKD;QACL,WAAWE,GACT,yVACAL;QAED,GAAGE,KAAK;;AAGbW,sBAAsB,WAAW,GAAGT,QAAAA,WAA2C;AAE/E,MAAMU,qBAAqBV;AAE3B,MAAME,yBAAyB,WAAzBA,GAAyBP,WAG7B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAAC;QAAI,WAAWE,GAAG;kBACjB,kBAACD,UAAgC;YAC/B,WAAWC,GACT,iaACAL;YAEF,KAAKG;YACJ,GAAGD,KAAK;;;AAIfI,uBAAuB,WAAW,GAAGF,SAAAA,WAA4C;AAEjF,MAAMW,0BAA0B,WAA1BA,GAA0BhB,WAG9B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,WAAiC;QAChC,KAAKD;QACL,WAAWE,GACT,gMACAL;QAED,GAAGE,KAAK;kBACT,kBAAC;YAAI,WAAU;;;AAGnBa,wBAAwB,WAAW,GAAGX,UAAAA,WAA6C"}
+{"version":3,"file":"components/ui/navigation-menu.js","sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {NavigationMenu as BaseNavigationMenu} from \"@base-ui/react/navigation-menu\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {ChevronDown} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./navigation-menu.module.css\";\r\n\r\n/** Returns the CSS classes used by the navigation menu trigger wrapper. */\r\nexport function navigationMenuTriggerStyle(className?: string): string {\r\n  return cn(styles.trigger, className);\r\n}\r\n\r\ninterface NavigationMenuProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Root>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuListProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.List>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Trigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Content>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuLinkProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Link>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuViewportProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Viewport>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuIndicatorProps extends React.ComponentPropsWithRef<\"div\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Coordinates navigation menu state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Renders a `<nav>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenu>Content</NavigationMenu>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenu(props: Readonly<NavigationMenu.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNavigationMenu.Root\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"nav\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n      <NavigationMenuViewport />\r\n    </BaseNavigationMenu.Root>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu list.\r\n *\r\n * @remarks\r\n * - Renders a `<ul>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuList>Content</NavigationMenuList>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuList(props: Readonly<NavigationMenuList.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNavigationMenu.List\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"ul\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.list, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseNavigationMenu.List>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu item.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuItem>Content</NavigationMenuItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nconst NavigationMenuItem = BaseNavigationMenu.Item;\r\n\r\n/**\r\n * Renders the navigation menu trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuTrigger>Content</NavigationMenuTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuTrigger(props: Readonly<NavigationMenuTrigger.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNavigationMenu.Trigger\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"button\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.trigger, className)}, {}),\r\n      })}>\r\n      {children}\r\n      <ChevronDown className={styles.triggerIcon} />\r\n    </BaseNavigationMenu.Trigger>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuContent>Content</NavigationMenuContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuContent(props: Readonly<NavigationMenuContent.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNavigationMenu.Content\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.content, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseNavigationMenu.Content>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu link.\r\n *\r\n * @remarks\r\n * - Renders a `<a>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuLink>Content</NavigationMenuLink>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuLink(props: Readonly<NavigationMenuLink.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNavigationMenu.Link\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"a\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.link, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseNavigationMenu.Link>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu viewport.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuViewport>Content</NavigationMenuViewport>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuViewport(props: Readonly<NavigationMenuViewport.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <div className={styles.viewportWrapper}>\r\n      <BaseNavigationMenu.Portal>\r\n        <BaseNavigationMenu.Positioner\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            props: mergeProps({className: styles.positioner}, {}),\r\n          })}>\r\n          <BaseNavigationMenu.Popup\r\n            render={useRender({\r\n              defaultTagName: \"div\",\r\n              props: mergeProps({className: styles.popup}, {}),\r\n            })}>\r\n            <BaseNavigationMenu.Viewport\r\n              {...otherProps}\r\n              render={useRender({\r\n                defaultTagName: \"div\",\r\n                render: render as never,\r\n                props: mergeProps({className: cn(styles.viewport, className)}, {}),\r\n              })}>\r\n              {children}\r\n            </BaseNavigationMenu.Viewport>\r\n          </BaseNavigationMenu.Popup>\r\n        </BaseNavigationMenu.Positioner>\r\n      </BaseNavigationMenu.Portal>\r\n    </div>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu indicator.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuIndicator>Content</NavigationMenuIndicator>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuIndicator(props: Readonly<NavigationMenuIndicator.Props>): React.ReactElement {\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"div\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.indicator, className)}, otherProps, {\r\n      children: renderProp ? undefined : (children ?? <div className={styles.indicatorInner} />),\r\n    }),\r\n  });\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenu {\r\n  export type Props = NavigationMenuProps;\r\n  export type State = BaseNavigationMenu.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuList {\r\n  export type Props = NavigationMenuListProps;\r\n  export type State = BaseNavigationMenu.List.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuTrigger {\r\n  export type Props = NavigationMenuTriggerProps;\r\n  export type State = BaseNavigationMenu.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuContent {\r\n  export type Props = NavigationMenuContentProps;\r\n  export type State = BaseNavigationMenu.Content.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuLink {\r\n  export type Props = NavigationMenuLinkProps;\r\n  export type State = BaseNavigationMenu.Link.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuViewport {\r\n  export type Props = NavigationMenuViewportProps;\r\n  export type State = BaseNavigationMenu.Viewport.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuIndicator {\r\n  export type Props = NavigationMenuIndicatorProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\nNavigationMenu.displayName = \"NavigationMenu\";\r\nNavigationMenuList.displayName = \"NavigationMenuList\";\r\nNavigationMenuItem.displayName = \"NavigationMenuItem\";\r\nNavigationMenuTrigger.displayName = \"NavigationMenuTrigger\";\r\nNavigationMenuContent.displayName = \"NavigationMenuContent\";\r\nNavigationMenuLink.displayName = \"NavigationMenuLink\";\r\nNavigationMenuViewport.displayName = \"NavigationMenuViewport\";\r\nNavigationMenuIndicator.displayName = \"NavigationMenuIndicator\";\r\n\r\nexport {\r\n  NavigationMenu,\r\n  NavigationMenuContent,\r\n  NavigationMenuIndicator,\r\n  NavigationMenuItem,\r\n  NavigationMenuLink,\r\n  NavigationMenuList,\r\n  NavigationMenuTrigger,\r\n  NavigationMenuViewport,\r\n};\r\n"],"names":["navigationMenuTriggerStyle","className","cn","styles","NavigationMenu","props","children","render","otherProps","BaseNavigationMenu","useRender","mergeProps","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator","asChild","renderProp","React","undefined"],"mappings":"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"}

package/dist/components/ui/navigation-menu.module.js

@@ -0,0 +1,18 @@
+import "./navigation-menu_module.css";
+const navigation_menu_module = {
+    root: "root-XuRdZ3",
+    list: "list-oLnecT",
+    trigger: "trigger-IlBfd4",
+    triggerIcon: "triggerIcon-rf7WA5",
+    content: "content-gqSIwl",
+    link: "link-m1U2bs",
+    viewportWrapper: "viewportWrapper-Ex_oZL",
+    positioner: "positioner-vZJww_",
+    popup: "popup-c24GGR",
+    viewport: "viewport-dvAbfx",
+    indicator: "indicator-x_jsY0",
+    indicatorInner: "indicatorInner-YraP1O"
+};
+export default navigation_menu_module;
+
+//# sourceMappingURL=navigation-menu.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/navigation-menu.module.js","sources":["../../../src/components/ui/navigation-menu.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./navigation-menu_module.css\"\nexport default {\"root\":\"root-XuRdZ3\",\"list\":\"list-oLnecT\",\"trigger\":\"trigger-IlBfd4\",\"triggerIcon\":\"triggerIcon-rf7WA5\",\"content\":\"content-gqSIwl\",\"link\":\"link-m1U2bs\",\"viewportWrapper\":\"viewportWrapper-Ex_oZL\",\"positioner\":\"positioner-vZJww_\",\"popup\":\"popup-c24GGR\",\"viewport\":\"viewport-dvAbfx\",\"indicator\":\"indicator-x_jsY0\",\"indicatorInner\":\"indicatorInner-YraP1O\"};"],"names":[],"mappings":";AAEA,+BAAe;IAAC,MAAO;IAAc,MAAO;IAAc,SAAU;IAAiB,aAAc;IAAqB,SAAU;IAAiB,MAAO;IAAc,iBAAkB;IAAyB,YAAa;IAAoB,OAAQ;IAAe,UAAW;IAAkB,WAAY;IAAmB,gBAAiB;AAAuB"}

package/dist/components/ui/navigation-menu_module.css

@@ -0,0 +1,112 @@
+.root-XuRdZ3 {
+  justify-content: center;
+  display: flex;
+  position: relative;
+}
+
+.list-oLnecT {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+}
+
+.list-oLnecT, .trigger-IlBfd4 {
+  align-items: center;
+  gap: var(--ac-space-1);
+}
+
+.trigger-IlBfd4 {
+  background-color: var(--ac-background);
+  border-radius: var(--ac-radius-md);
+  color: var(--ac-foreground);
+  cursor: pointer;
+  font-size: var(--ac-text-sm);
+  min-height: var(--ac-size-default);
+  padding: 0 var(--ac-space-3);
+  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast);
+  border: none;
+  outline: none;
+  justify-content: center;
+  font-weight: 500;
+  display: inline-flex;
+}
+
+.trigger-IlBfd4:focus-visible, .trigger-IlBfd4:hover, .trigger-IlBfd4[data-open] {
+  background-color: var(--ac-accent);
+  color: var(--ac-accent-foreground);
+}
+
+.triggerIcon-rf7WA5 {
+  height: .875rem;
+  transition: transform var(--ac-transition-normal);
+  width: .875rem;
+}
+
+.trigger-IlBfd4[data-open] .triggerIcon-rf7WA5 {
+  transform: rotate(180deg);
+}
+
+.content-gqSIwl {
+  width: 100%;
+}
+
+.link-m1U2bs {
+  border-radius: var(--ac-radius-sm);
+  color: inherit;
+  outline: none;
+  align-items: center;
+  text-decoration: none;
+  display: inline-flex;
+}
+
+.link-m1U2bs:focus-visible {
+  outline: 2px solid var(--ac-ring);
+  outline-offset: 2px;
+}
+
+.viewportWrapper-Ex_oZL {
+  padding-top: var(--ac-space-2);
+  justify-content: center;
+  width: 100%;
+  display: flex;
+  position: absolute;
+  top: 100%;
+  left: 0;
+}
+
+.positioner-vZJww_ {
+  z-index: 40;
+}
+
+.popup-c24GGR {
+  background-color: var(--ac-popover);
+  border: 1px solid var(--ac-border);
+  border-radius: var(--ac-radius-md);
+  overflow: hidden;
+  box-shadow: 0 16px 40px -16px #00000040;
+}
+
+.viewport-dvAbfx {
+  height: var(--ac-nav-content-height);
+  transition: width var(--ac-transition-normal),height var(--ac-transition-normal);
+  width: min(100vw - 2rem,var(--ac-nav-content-width, 20rem));
+}
+
+.indicator-x_jsY0 {
+  justify-content: center;
+  width: 100%;
+  height: .5rem;
+  display: flex;
+}
+
+.indicatorInner-YraP1O {
+  background-color: var(--ac-border);
+  border-top-left-radius: var(--ac-radius-xs);
+  width: .625rem;
+  height: .625rem;
+  transform: translateY(.125rem)rotate(45deg);
+}
+
+
+/*# sourceMappingURL=navigation-menu_module.css.map */

package/dist/components/ui/navigation-menu_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/navigation-menu.module.css","webpack://./src/components/ui/navigation-menu.module.css"],"names":[],"mappings":"AADA;ECEE,uBAAuB;EACvB,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,SAAS;EACT,UAAU;EACV,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;AACxB;;AAEA;EACE,sCAAsC;EACtC,kCAAkC;EAClC,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;EAC5B,kCAAkC;EAClC,4BAA4B;EAC5B,sFAAsF;EACtF,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,eAAe;EACf,iDAAiD;EACjD,cAAc;AAChB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kCAAkC;EAClC,cAAc;EACd,aAAa;EACb,mBAAmB;EACnB,qBAAqB;EACrB,oBAAoB;AACtB;;AAEA;EACE,iCAAiC;EACjC,mBAAmB;AACrB;;AAEA;EACE,8BAA8B;EAC9B,uBAAuB;EACvB,WAAW;EACX,aAAa;EACb,kBAAkB;EAClB,SAAS;EACT,OAAO;AACT;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,mCAAmC;EACnC,kCAAkC;EAClC,kCAAkC;EAClC,gBAAgB;EAChB,uCAAuC;AACzC;;AAEA;EACE,oCAAoC;EACpC,gFAAgF;EAChF,2DAA2D;AAC7D;;AAEA;EACE,uBAAuB;EACvB,WAAW;EACX,aAAa;EACb,aAAa;AACf;;AAEA;EACE,kCAAkC;EAClC,2CAA2C;EAC3C,cAAc;EACd,eAAe;EACf,2CAA2C;AAC7C","sourcesContent":[".root{display:flex;justify-content:center;position:relative}.list{display:flex;list-style:none;margin:0;padding:0}.list,.trigger{align-items:center;gap:var(--ac-space-1)}.trigger{background-color:var(--ac-background);border:none;border-radius:var(--ac-radius-md);color:var(--ac-foreground);cursor:pointer;display:inline-flex;font-size:var(--ac-text-sm);font-weight:500;justify-content:center;min-height:var(--ac-size-default);outline:none;padding:0 var(--ac-space-3);transition:background-color var(--ac-transition-fast),color var(--ac-transition-fast)}.trigger:focus-visible,.trigger:hover,.trigger[data-open]{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}.triggerIcon{height:.875rem;transition:transform var(--ac-transition-normal);width:.875rem}.trigger[data-open] .triggerIcon{transform:rotate(180deg)}.content{width:100%}.link{align-items:center;border-radius:var(--ac-radius-sm);color:inherit;display:inline-flex;outline:none;text-decoration:none}.link:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.viewportWrapper{display:flex;justify-content:center;left:0;padding-top:var(--ac-space-2);position:absolute;top:100%;width:100%}.positioner{z-index:40}.popup{background-color:var(--ac-popover);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);box-shadow:0 16px 40px -16px rgba(0,0,0,.25);overflow:hidden}.viewport{height:var(--ac-nav-content-height);transition:width var(--ac-transition-normal),height var(--ac-transition-normal);width:min(100vw - 2rem,var(--ac-nav-content-width,20rem))}.indicator{display:flex;height:.5rem;justify-content:center;width:100%}.indicatorInner{background-color:var(--ac-border);border-top-left-radius:var(--ac-radius-xs);height:.625rem;transform:translateY(.125rem) rotate(45deg);width:.625rem}",".root {\n  justify-content: center;\n  display: flex;\n  position: relative;\n}\n\n.list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n}\n\n.list, .trigger {\n  align-items: center;\n  gap: var(--ac-space-1);\n}\n\n.trigger {\n  background-color: var(--ac-background);\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-foreground);\n  cursor: pointer;\n  font-size: var(--ac-text-sm);\n  min-height: var(--ac-size-default);\n  padding: 0 var(--ac-space-3);\n  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast);\n  border: none;\n  outline: none;\n  justify-content: center;\n  font-weight: 500;\n  display: inline-flex;\n}\n\n.trigger:focus-visible, .trigger:hover, .trigger[data-open] {\n  background-color: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.triggerIcon {\n  height: .875rem;\n  transition: transform var(--ac-transition-normal);\n  width: .875rem;\n}\n\n.trigger[data-open] .triggerIcon {\n  transform: rotate(180deg);\n}\n\n.content {\n  width: 100%;\n}\n\n.link {\n  border-radius: var(--ac-radius-sm);\n  color: inherit;\n  outline: none;\n  align-items: center;\n  text-decoration: none;\n  display: inline-flex;\n}\n\n.link:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.viewportWrapper {\n  padding-top: var(--ac-space-2);\n  justify-content: center;\n  width: 100%;\n  display: flex;\n  position: absolute;\n  top: 100%;\n  left: 0;\n}\n\n.positioner {\n  z-index: 40;\n}\n\n.popup {\n  background-color: var(--ac-popover);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  overflow: hidden;\n  box-shadow: 0 16px 40px -16px #00000040;\n}\n\n.viewport {\n  height: var(--ac-nav-content-height);\n  transition: width var(--ac-transition-normal),height var(--ac-transition-normal);\n  width: min(100vw - 2rem,var(--ac-nav-content-width, 20rem));\n}\n\n.indicator {\n  justify-content: center;\n  width: 100%;\n  height: .5rem;\n  display: flex;\n}\n\n.indicatorInner {\n  background-color: var(--ac-border);\n  border-top-left-radius: var(--ac-radius-xs);\n  width: .625rem;\n  height: .625rem;\n  transform: translateY(.125rem)rotate(45deg);\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,144 @@
+import { NumberField as BaseNumberField } from "@base-ui/react/number-field";
+import * as React from "react";
+type NumberFieldProps = React.ComponentPropsWithRef<typeof BaseNumberField.Root>;
+type NumberFieldGroupProps = React.ComponentPropsWithRef<typeof BaseNumberField.Group>;
+type NumberFieldInputProps = React.ComponentPropsWithRef<typeof BaseNumberField.Input>;
+type NumberFieldIncrementProps = React.ComponentPropsWithRef<typeof BaseNumberField.Increment>;
+type NumberFieldDecrementProps = React.ComponentPropsWithRef<typeof BaseNumberField.Decrement>;
+type NumberFieldScrubAreaProps = React.ComponentPropsWithRef<typeof BaseNumberField.ScrubArea>;
+/**
+ * Provides a styled numeric input with optional steppers and scrub support.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on Base UI Number Field primitives
+ *
+ * @example
+ * ```tsx
+ * <NumberField defaultValue={2}>
+ *   <NumberFieldGroup>
+ *     <NumberFieldDecrement />
+ *     <NumberFieldInput />
+ *     <NumberFieldIncrement />
+ *   </NumberFieldGroup>
+ * </NumberField>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}
+ */
+declare function NumberField(props: Readonly<NumberField.Props>): React.ReactElement;
+declare namespace NumberField {
+    var displayName: string;
+}
+/**
+ * Wraps the interactive number-field controls in a shared container.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on Base UI Number Field group primitives
+ *
+ * @example
+ * ```tsx
+ * <NumberFieldGroup>
+ *   <NumberFieldInput />
+ * </NumberFieldGroup>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}
+ */
+declare const NumberFieldGroup: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NumberFieldGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Renders the text input used for numeric entry.
+ *
+ * @remarks
+ * - Renders an `<input>` element by default
+ * - Built on Base UI Number Field input primitives
+ *
+ * @example
+ * ```tsx
+ * <NumberFieldInput aria-label='Quantity' />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}
+ */
+declare const NumberFieldInput: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NumberFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Renders the increment control for a number field.
+ *
+ * @remarks
+ * - Renders a `<button>` element by default
+ * - Built on Base UI Number Field increment primitives
+ *
+ * @example
+ * ```tsx
+ * <NumberFieldIncrement />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}
+ */
+declare function NumberFieldIncrement(props: Readonly<NumberFieldIncrement.Props>): React.ReactElement;
+declare namespace NumberFieldIncrement {
+    var displayName: string;
+}
+/**
+ * Renders the decrement control for a number field.
+ *
+ * @remarks
+ * - Renders a `<button>` element by default
+ * - Built on Base UI Number Field decrement primitives
+ *
+ * @example
+ * ```tsx
+ * <NumberFieldDecrement />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}
+ */
+declare function NumberFieldDecrement(props: Readonly<NumberFieldDecrement.Props>): React.ReactElement;
+declare namespace NumberFieldDecrement {
+    var displayName: string;
+}
+/**
+ * Renders the scrub handle used for drag-to-adjust interactions.
+ *
+ * @remarks
+ * - Renders a `<span>` element by default
+ * - Built on Base UI Number Field scrub-area primitives
+ *
+ * @example
+ * ```tsx
+ * <NumberFieldScrubArea />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}
+ */
+declare function NumberFieldScrubArea(props: Readonly<NumberFieldScrubArea.Props>): React.ReactElement;
+declare namespace NumberFieldScrubArea {
+    var displayName: string;
+}
+declare namespace NumberField {
+    type Props = NumberFieldProps;
+    type State = BaseNumberField.Root.State;
+}
+declare namespace NumberFieldGroup {
+    type Props = NumberFieldGroupProps;
+    type State = BaseNumberField.Group.State;
+}
+declare namespace NumberFieldInput {
+    type Props = NumberFieldInputProps;
+    type State = BaseNumberField.Input.State;
+}
+declare namespace NumberFieldIncrement {
+    type Props = NumberFieldIncrementProps;
+    type State = BaseNumberField.Increment.State;
+}
+declare namespace NumberFieldDecrement {
+    type Props = NumberFieldDecrementProps;
+    type State = BaseNumberField.Decrement.State;
+}
+declare namespace NumberFieldScrubArea {
+    type Props = NumberFieldScrubAreaProps;
+    type State = BaseNumberField.ScrubArea.State;
+}
+export { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea };
+//# sourceMappingURL=number-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../src/components/ui/number-field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,IAAI,eAAe,EAAC,MAAM,6BAA6B,CAAC;AAE3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AACjF,KAAK,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACvF,KAAK,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACvF,KAAK,yBAAyB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;AAC/F,KAAK,yBAAyB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;AAC/F,KAAK,yBAAyB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;AAE/F;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc3E;kBAdQ,WAAW;;;AAgBpB;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,gBAAgB,uLAiBrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,gBAAgB,2LAgBrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc7F;kBAdQ,oBAAoB;;;AAgB7B;;;;;;;;;;;;;GAaG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc7F;kBAdQ,oBAAoB;;;AAgB7B;;;;;;;;;;;;;GAaG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc7F;kBAdQ,oBAAoB;;;AAiB7B,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;CAChD;AAGD,kBAAU,gBAAgB,CAAC;IACzB,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;CACjD;AAGD,kBAAU,gBAAgB,CAAC;IACzB,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;CACjD;AAGD,kBAAU,oBAAoB,CAAC;IAC7B,KAAY,KAAK,GAAG,yBAAyB,CAAC;IAC9C,KAAY,KAAK,GAAG,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC;CACrD;AAGD,kBAAU,oBAAoB,CAAC;IAC7B,KAAY,KAAK,GAAG,yBAAyB,CAAC;IAC9C,KAAY,KAAK,GAAG,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC;CACrD;AAGD,kBAAU,oBAAoB,CAAC;IAC7B,KAAY,KAAK,GAAG,yBAAyB,CAAC;IAC9C,KAAY,KAAK,GAAG,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC;CACrD;AASD,OAAO,EAAC,WAAW,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,oBAAoB,EAAC,CAAC"}