@d4gger/design-system 2.7.0 → 3.0.1

package/dist/components/navigationMenu/NavigationMenu.cjs

@@ -45,12 +45,94 @@ var import_extractProps = require("../../_internal/helpers/extractProps");
 var import_Icon = require("../icon/Icon");
 var import_navigationMenu = require("./navigationMenu.props");
 var import_jsx_runtime = require("react/jsx-runtime");
+function composeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (!ref) continue;
+      if (typeof ref === "function") {
+        ref(node);
+        continue;
+      }
+      ;
+      ref.current = node;
+    }
+  };
+}
+const useIsomorphicLayoutEffect = typeof window === "undefined" ? React.useEffect : React.useLayoutEffect;
 const NavigationMenuRoot = React.forwardRef(
-  ({ className, children, size = "md", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(NavigationMenuPrimitive.Root, { ...props, ref: forwardedRef, className: (0, import_classnames.default)("dsx-navigation-menu", className), "data-size": size, children: [
-      children,
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationMenuViewport, {})
-    ] });
+  ({ className, children, size = "md", value, defaultValue, onValueChange, ...props }, forwardedRef) => {
+    const innerRootRef = React.useRef(null);
+    const mergedRef = composeRefs(forwardedRef, innerRootRef);
+    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
+    const resolvedValue = value ?? uncontrolledValue;
+    const [viewportPlacement, setViewportPlacement] = React.useState({ left: 0, side: "bottom" });
+    const measureViewport = React.useCallback((root) => {
+      const trigger = root.querySelector('.dsx-navigation-menu__trigger[data-state="open"]');
+      const viewport = root.querySelector(".dsx-navigation-menu__viewport");
+      if (!trigger || !viewport) return;
+      const rootStyle = getComputedStyle(root);
+      const rootRect = root.getBoundingClientRect();
+      const triggerRect = trigger.getBoundingClientRect();
+      const viewportRect = viewport.getBoundingClientRect();
+      const viewportGap = Number.parseFloat(rootStyle.getPropertyValue("--dsx-dialog-viewport-gap")) || 0;
+      const submenuGap = Number.parseFloat(rootStyle.getPropertyValue("--dsx-space-sm")) || 0;
+      const targetStart = rootStyle.direction === "rtl" ? triggerRect.right - viewportRect.width : triggerRect.left;
+      const boundedTargetStart = Math.min(
+        Math.max(targetStart, viewportGap),
+        window.innerWidth - viewportGap - viewportRect.width
+      );
+      const left = viewport.offsetLeft + boundedTargetStart - viewportRect.left;
+      const availableBelow = window.innerHeight - rootRect.bottom - viewportGap - submenuGap;
+      const availableAbove = rootRect.top - viewportGap - submenuGap;
+      const side = viewportRect.height > availableBelow && availableAbove > availableBelow ? "top" : "bottom";
+      setViewportPlacement((current) => current.left === left && current.side === side ? current : { left, side });
+    }, []);
+    useIsomorphicLayoutEffect(() => {
+      const root = innerRootRef.current;
+      if (!root || !resolvedValue) return void 0;
+      const measure = () => measureViewport(root);
+      measure();
+      window.addEventListener("resize", measure);
+      if (typeof ResizeObserver === "undefined") {
+        return () => window.removeEventListener("resize", measure);
+      }
+      const observer = new ResizeObserver(measure);
+      observer.observe(root);
+      const trigger = root.querySelector('.dsx-navigation-menu__trigger[data-state="open"]');
+      const viewport = root.querySelector(".dsx-navigation-menu__viewport");
+      if (trigger) observer.observe(trigger);
+      if (viewport) observer.observe(viewport);
+      return () => {
+        window.removeEventListener("resize", measure);
+        observer.disconnect();
+      };
+    }, [measureViewport, resolvedValue]);
+    const handleValueChange = (nextValue) => {
+      if (value === void 0) setUncontrolledValue(nextValue);
+      onValueChange?.(nextValue);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      NavigationMenuPrimitive.Root,
+      {
+        ...props,
+        ref: mergedRef,
+        className: (0, import_classnames.default)("dsx-navigation-menu", className),
+        value,
+        defaultValue,
+        onValueChange: handleValueChange,
+        "data-size": size,
+        children: [
+          children,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            NavigationMenuViewport,
+            {
+              "data-position": viewportPlacement.side,
+              style: { left: viewportPlacement.left }
+            }
+          )
+        ]
+      }
+    );
   }
 );
 NavigationMenuRoot.displayName = "NavigationMenu";

package/dist/components/navigationMenu/NavigationMenu.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/navigationMenu/NavigationMenu.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { navigationMenuLinkPropDefs } from './navigationMenu.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype NavigationMenuLinkOwnProps = GetPropDefTypes<typeof navigationMenuLinkPropDefs>\n\ntype NavigationMenuRootProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & { size?: 'sm' | 'md' | 'lg' }\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n\ninterface NavigationMenuLinkProps\n  extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>,\n    NavigationMenuLinkOwnProps {}\n\nconst NavigationMenuRoot = React.forwardRef<React.ComponentRef<typeof NavigationMenuPrimitive.Root>, NavigationMenuRootProps>(\n  ({ className, children, size = 'md', ...props }, forwardedRef) => {\n    return (\n      <NavigationMenuPrimitive.Root {...props} ref={forwardedRef} className={classNames('dsx-navigation-menu', className)} data-size={size}>\n        {children}\n        <NavigationMenuViewport />\n      </NavigationMenuPrimitive.Root>\n    )\n  },\n)\nNavigationMenuRoot.displayName = 'NavigationMenu'\n\nconst NavigationMenuList = React.forwardRef<React.ComponentRef<typeof NavigationMenuPrimitive.List>, NavigationMenuListProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return <NavigationMenuPrimitive.List {...props} ref={forwardedRef} className={classNames('dsx-navigation-menu__list', className)} />\n  },\n)\nNavigationMenuList.displayName = 'NavigationMenuList'\n\nconst NavigationMenuItem: typeof NavigationMenuPrimitive.Item = NavigationMenuPrimitive.Item\n\nconst NavigationMenuTrigger = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Trigger>,\n  NavigationMenuTriggerProps\n>(({ className, children, ...props }, forwardedRef) => {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-navigation-menu__trigger', className)}\n    >\n      {children}\n      <Icon name=\"chevron-down\" size=\"sm\" className=\"dsx-navigation-menu__chevron\" />\n    </NavigationMenuPrimitive.Trigger>\n  )\n})\nNavigationMenuTrigger.displayName = 'NavigationMenuTrigger'\n\nconst NavigationMenuContent = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Content>,\n  NavigationMenuContentProps\n>(({ className, ...props }, forwardedRef) => {\n  return <NavigationMenuPrimitive.Content {...props} ref={forwardedRef} className={classNames('dsx-navigation-menu__content', className)} />\n})\nNavigationMenuContent.displayName = 'NavigationMenuContent'\n\nconst NavigationMenuLink = React.forwardRef<React.ComponentRef<typeof NavigationMenuPrimitive.Link>, NavigationMenuLinkProps>(\n  ({ className: propClassName, active = false, ...props }, forwardedRef) => {\n    const { className, ...linkProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        active,\n      },\n      navigationMenuLinkPropDefs,\n    )\n\n    return (\n      <NavigationMenuPrimitive.Link\n        {...linkProps}\n        ref={forwardedRef}\n        data-active={active ? 'true' : undefined}\n        className={classNames('dsx-navigation-menu__link', className)}\n      />\n    )\n  },\n)\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n\nconst NavigationMenuIndicator = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Indicator>,\n  NavigationMenuIndicatorProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-navigation-menu__indicator', className)}\n    />\n  )\n})\nNavigationMenuIndicator.displayName = 'NavigationMenuIndicator'\n\nconst NavigationMenuViewport = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Viewport>,\n  NavigationMenuViewportProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <NavigationMenuPrimitive.Viewport\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-navigation-menu__viewport', className)}\n    />\n  )\n})\nNavigationMenuViewport.displayName = 'NavigationMenuViewport'\n\nconst NavigationMenu: typeof NavigationMenuRoot & {\n  List: typeof NavigationMenuList\n  Item: typeof NavigationMenuItem\n  Trigger: typeof NavigationMenuTrigger\n  Content: typeof NavigationMenuContent\n  Link: typeof NavigationMenuLink\n  Indicator: typeof NavigationMenuIndicator\n  Viewport: typeof NavigationMenuViewport\n} = Object.assign(NavigationMenuRoot, {\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Indicator: NavigationMenuIndicator,\n  Viewport: NavigationMenuViewport,\n})\nNavigationMenu.displayName = 'NavigationMenu'\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\n}\nexport type {\n  NavigationMenuContentProps,\n  NavigationMenuIndicatorProps,\n  NavigationMenuLinkProps,\n  NavigationMenuListProps,\n  NavigationMenuRootProps,\n  NavigationMenuTriggerProps,\n  NavigationMenuViewportProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { navigationMenuLinkPropDefs } from './navigationMenu.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype NavigationMenuLinkOwnProps = GetPropDefTypes<typeof navigationMenuLinkPropDefs>\ntype NavigationMenuRootElement = React.ComponentRef<typeof NavigationMenuPrimitive.Root>\n\ntype NavigationMenuRootProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & { size?: 'sm' | 'md' | 'lg' }\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n\ninterface NavigationMenuLinkProps\n  extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>,\n    NavigationMenuLinkOwnProps {}\n\nfunction composeRefs<T>(...refs: Array<React.Ref<T> | undefined>) {\n  return (node: T | null) => {\n    for (const ref of refs) {\n      if (!ref) continue\n\n      if (typeof ref === 'function') {\n        ref(node)\n        continue\n      }\n\n      ;(ref as { current: T | null }).current = node\n    }\n  }\n}\n\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nconst NavigationMenuRoot = React.forwardRef<React.ComponentRef<typeof NavigationMenuPrimitive.Root>, NavigationMenuRootProps>(\n  ({ className, children, size = 'md', value, defaultValue, onValueChange, ...props }, forwardedRef) => {\n    const innerRootRef = React.useRef<NavigationMenuRootElement | null>(null)\n    const mergedRef = composeRefs(forwardedRef, innerRootRef)\n    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue)\n    const resolvedValue = value ?? uncontrolledValue\n    const [viewportPlacement, setViewportPlacement] = React.useState({ left: 0, side: 'bottom' as 'bottom' | 'top' })\n\n    const measureViewport = React.useCallback((root: HTMLElement) => {\n      const trigger = root.querySelector<HTMLElement>('.dsx-navigation-menu__trigger[data-state=\"open\"]')\n      const viewport = root.querySelector<HTMLElement>('.dsx-navigation-menu__viewport')\n\n      if (!trigger || !viewport) return\n\n      const rootStyle = getComputedStyle(root)\n      const rootRect = root.getBoundingClientRect()\n      const triggerRect = trigger.getBoundingClientRect()\n      const viewportRect = viewport.getBoundingClientRect()\n      const viewportGap = Number.parseFloat(rootStyle.getPropertyValue('--dsx-dialog-viewport-gap')) || 0\n      const submenuGap = Number.parseFloat(rootStyle.getPropertyValue('--dsx-space-sm')) || 0\n      const targetStart = rootStyle.direction === 'rtl'\n        ? triggerRect.right - viewportRect.width\n        : triggerRect.left\n      const boundedTargetStart = Math.min(\n        Math.max(targetStart, viewportGap),\n        window.innerWidth - viewportGap - viewportRect.width,\n      )\n      const left = viewport.offsetLeft + boundedTargetStart - viewportRect.left\n      const availableBelow = window.innerHeight - rootRect.bottom - viewportGap - submenuGap\n      const availableAbove = rootRect.top - viewportGap - submenuGap\n      const side = viewportRect.height > availableBelow && availableAbove > availableBelow ? 'top' : 'bottom'\n\n      setViewportPlacement((current) => (\n        current.left === left && current.side === side ? current : { left, side }\n      ))\n    }, [])\n\n    useIsomorphicLayoutEffect(() => {\n      const root = innerRootRef.current\n\n      if (!root || !resolvedValue) return undefined\n\n      const measure = () => measureViewport(root)\n      measure()\n      window.addEventListener('resize', measure)\n\n      if (typeof ResizeObserver === 'undefined') {\n        return () => window.removeEventListener('resize', measure)\n      }\n\n      const observer = new ResizeObserver(measure)\n      observer.observe(root)\n\n      const trigger = root.querySelector('.dsx-navigation-menu__trigger[data-state=\"open\"]')\n      const viewport = root.querySelector('.dsx-navigation-menu__viewport')\n      if (trigger) observer.observe(trigger)\n      if (viewport) observer.observe(viewport)\n\n      return () => {\n        window.removeEventListener('resize', measure)\n        observer.disconnect()\n      }\n    }, [measureViewport, resolvedValue])\n\n    const handleValueChange = (nextValue: string) => {\n      if (value === undefined) setUncontrolledValue(nextValue)\n      onValueChange?.(nextValue)\n    }\n\n    return (\n      <NavigationMenuPrimitive.Root\n        {...props}\n        ref={mergedRef}\n        className={classNames('dsx-navigation-menu', className)}\n        value={value}\n        defaultValue={defaultValue}\n        onValueChange={handleValueChange}\n        data-size={size}\n      >\n        {children}\n        <NavigationMenuViewport\n          data-position={viewportPlacement.side}\n          style={{ left: viewportPlacement.left }}\n        />\n      </NavigationMenuPrimitive.Root>\n    )\n  },\n)\nNavigationMenuRoot.displayName = 'NavigationMenu'\n\nconst NavigationMenuList = React.forwardRef<React.ComponentRef<typeof NavigationMenuPrimitive.List>, NavigationMenuListProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return <NavigationMenuPrimitive.List {...props} ref={forwardedRef} className={classNames('dsx-navigation-menu__list', className)} />\n  },\n)\nNavigationMenuList.displayName = 'NavigationMenuList'\n\nconst NavigationMenuItem: typeof NavigationMenuPrimitive.Item = NavigationMenuPrimitive.Item\n\nconst NavigationMenuTrigger = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Trigger>,\n  NavigationMenuTriggerProps\n>(({ className, children, ...props }, forwardedRef) => {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-navigation-menu__trigger', className)}\n    >\n      {children}\n      <Icon name=\"chevron-down\" size=\"sm\" className=\"dsx-navigation-menu__chevron\" />\n    </NavigationMenuPrimitive.Trigger>\n  )\n})\nNavigationMenuTrigger.displayName = 'NavigationMenuTrigger'\n\nconst NavigationMenuContent = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Content>,\n  NavigationMenuContentProps\n>(({ className, ...props }, forwardedRef) => {\n  return <NavigationMenuPrimitive.Content {...props} ref={forwardedRef} className={classNames('dsx-navigation-menu__content', className)} />\n})\nNavigationMenuContent.displayName = 'NavigationMenuContent'\n\nconst NavigationMenuLink = React.forwardRef<React.ComponentRef<typeof NavigationMenuPrimitive.Link>, NavigationMenuLinkProps>(\n  ({ className: propClassName, active = false, ...props }, forwardedRef) => {\n    const { className, ...linkProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        active,\n      },\n      navigationMenuLinkPropDefs,\n    )\n\n    return (\n      <NavigationMenuPrimitive.Link\n        {...linkProps}\n        ref={forwardedRef}\n        data-active={active ? 'true' : undefined}\n        className={classNames('dsx-navigation-menu__link', className)}\n      />\n    )\n  },\n)\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n\nconst NavigationMenuIndicator = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Indicator>,\n  NavigationMenuIndicatorProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-navigation-menu__indicator', className)}\n    />\n  )\n})\nNavigationMenuIndicator.displayName = 'NavigationMenuIndicator'\n\nconst NavigationMenuViewport = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Viewport>,\n  NavigationMenuViewportProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <NavigationMenuPrimitive.Viewport\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-navigation-menu__viewport', className)}\n    />\n  )\n})\nNavigationMenuViewport.displayName = 'NavigationMenuViewport'\n\nconst NavigationMenu: typeof NavigationMenuRoot & {\n  List: typeof NavigationMenuList\n  Item: typeof NavigationMenuItem\n  Trigger: typeof NavigationMenuTrigger\n  Content: typeof NavigationMenuContent\n  Link: typeof NavigationMenuLink\n  Indicator: typeof NavigationMenuIndicator\n  Viewport: typeof NavigationMenuViewport\n} = Object.assign(NavigationMenuRoot, {\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Indicator: NavigationMenuIndicator,\n  Viewport: NavigationMenuViewport,\n})\nNavigationMenu.displayName = 'NavigationMenu'\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\n}\nexport type {\n  NavigationMenuContentProps,\n  NavigationMenuIndicatorProps,\n  NavigationMenuLinkProps,\n  NavigationMenuListProps,\n  NavigationMenuRootProps,\n  NavigationMenuTriggerProps,\n  NavigationMenuViewportProps,\n}\n"],
+  "mappings": "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",
   "names": ["classNames"]
 }

package/dist/components/navigationMenu/NavigationMenu.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.d.cts","sourceRoot":"","sources":["../../../src/components/navigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAA;AAI1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAEpF,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,CAAA;AAClI,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,CAAA;AAClG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AACxG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AACxG,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,CAAA;AAC5G,KAAK,2BAA2B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,CAAA;AAE1G,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,EACzE,0BAA0B;CAAG;AAEjC,QAAA,MAAM,kBAAkB;WAXsF,IAAI,GAAG,IAAI,GAAG,IAAI;qCAoB/H,CAAA;AAGD,QAAA,MAAM,kBAAkB,+KAIvB,CAAA;AAGD,QAAA,MAAM,kBAAkB,EAAE,OAAO,uBAAuB,CAAC,IAAmC,CAAA;AAE5F,QAAA,MAAM,qBAAqB,oLAczB,CAAA;AAGF,QAAA,MAAM,qBAAqB,8KAKzB,CAAA;AAGF,QAAA,MAAM,kBAAkB,mGAoBvB,CAAA;AAGD,QAAA,MAAM,uBAAuB,gLAW3B,CAAA;AAGF,QAAA,MAAM,sBAAsB,+KAW1B,CAAA;AAGF,QAAA,MAAM,cAAc,EAAE,OAAO,kBAAkB,GAAG;IAChD,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,OAAO,EAAE,OAAO,qBAAqB,CAAA;IACrC,OAAO,EAAE,OAAO,qBAAqB,CAAA;IACrC,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,SAAS,EAAE,OAAO,uBAAuB,CAAA;IACzC,QAAQ,EAAE,OAAO,sBAAsB,CAAA;CASvC,CAAA;AAGF,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,GACvB,CAAA;AACD,YAAY,EACV,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,0BAA0B,EAC1B,2BAA2B,GAC5B,CAAA"}
+{"version":3,"file":"NavigationMenu.d.cts","sourceRoot":"","sources":["../../../src/components/navigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAA;AAI1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAGpF,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,CAAA;AAClI,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,CAAA;AAClG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AACxG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AACxG,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,CAAA;AAC5G,KAAK,2BAA2B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,CAAA;AAE1G,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,EACzE,0BAA0B;CAAG;AAmBjC,QAAA,MAAM,kBAAkB;WA5BsF,IAAI,GAAG,IAAI,GAAG,IAAI;qCAmH/H,CAAA;AAGD,QAAA,MAAM,kBAAkB,+KAIvB,CAAA;AAGD,QAAA,MAAM,kBAAkB,EAAE,OAAO,uBAAuB,CAAC,IAAmC,CAAA;AAE5F,QAAA,MAAM,qBAAqB,oLAczB,CAAA;AAGF,QAAA,MAAM,qBAAqB,8KAKzB,CAAA;AAGF,QAAA,MAAM,kBAAkB,mGAoBvB,CAAA;AAGD,QAAA,MAAM,uBAAuB,gLAW3B,CAAA;AAGF,QAAA,MAAM,sBAAsB,+KAW1B,CAAA;AAGF,QAAA,MAAM,cAAc,EAAE,OAAO,kBAAkB,GAAG;IAChD,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,OAAO,EAAE,OAAO,qBAAqB,CAAA;IACrC,OAAO,EAAE,OAAO,qBAAqB,CAAA;IACrC,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,SAAS,EAAE,OAAO,uBAAuB,CAAA;IACzC,QAAQ,EAAE,OAAO,sBAAsB,CAAA;CASvC,CAAA;AAGF,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,GACvB,CAAA;AACD,YAAY,EACV,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,0BAA0B,EAC1B,2BAA2B,GAC5B,CAAA"}

package/dist/components/navigationMenu/NavigationMenu.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.d.mts","sourceRoot":"","sources":["../../../src/components/navigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAA;AAI1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAEpF,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,CAAA;AAClI,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,CAAA;AAClG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AACxG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AACxG,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,CAAA;AAC5G,KAAK,2BAA2B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,CAAA;AAE1G,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,EACzE,0BAA0B;CAAG;AAEjC,QAAA,MAAM,kBAAkB;WAXsF,IAAI,GAAG,IAAI,GAAG,IAAI;qCAoB/H,CAAA;AAGD,QAAA,MAAM,kBAAkB,+KAIvB,CAAA;AAGD,QAAA,MAAM,kBAAkB,EAAE,OAAO,uBAAuB,CAAC,IAAmC,CAAA;AAE5F,QAAA,MAAM,qBAAqB,oLAczB,CAAA;AAGF,QAAA,MAAM,qBAAqB,8KAKzB,CAAA;AAGF,QAAA,MAAM,kBAAkB,mGAoBvB,CAAA;AAGD,QAAA,MAAM,uBAAuB,gLAW3B,CAAA;AAGF,QAAA,MAAM,sBAAsB,+KAW1B,CAAA;AAGF,QAAA,MAAM,cAAc,EAAE,OAAO,kBAAkB,GAAG;IAChD,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,OAAO,EAAE,OAAO,qBAAqB,CAAA;IACrC,OAAO,EAAE,OAAO,qBAAqB,CAAA;IACrC,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,SAAS,EAAE,OAAO,uBAAuB,CAAA;IACzC,QAAQ,EAAE,OAAO,sBAAsB,CAAA;CASvC,CAAA;AAGF,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,GACvB,CAAA;AACD,YAAY,EACV,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,0BAA0B,EAC1B,2BAA2B,GAC5B,CAAA"}
+{"version":3,"file":"NavigationMenu.d.mts","sourceRoot":"","sources":["../../../src/components/navigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAA;AAI1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAGpF,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,CAAA;AAClI,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,CAAA;AAClG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AACxG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AACxG,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,CAAA;AAC5G,KAAK,2BAA2B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,CAAA;AAE1G,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,EACzE,0BAA0B;CAAG;AAmBjC,QAAA,MAAM,kBAAkB;WA5BsF,IAAI,GAAG,IAAI,GAAG,IAAI;qCAmH/H,CAAA;AAGD,QAAA,MAAM,kBAAkB,+KAIvB,CAAA;AAGD,QAAA,MAAM,kBAAkB,EAAE,OAAO,uBAAuB,CAAC,IAAmC,CAAA;AAE5F,QAAA,MAAM,qBAAqB,oLAczB,CAAA;AAGF,QAAA,MAAM,qBAAqB,8KAKzB,CAAA;AAGF,QAAA,MAAM,kBAAkB,mGAoBvB,CAAA;AAGD,QAAA,MAAM,uBAAuB,gLAW3B,CAAA;AAGF,QAAA,MAAM,sBAAsB,+KAW1B,CAAA;AAGF,QAAA,MAAM,cAAc,EAAE,OAAO,kBAAkB,GAAG;IAChD,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,OAAO,EAAE,OAAO,qBAAqB,CAAA;IACrC,OAAO,EAAE,OAAO,qBAAqB,CAAA;IACrC,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,SAAS,EAAE,OAAO,uBAAuB,CAAA;IACzC,QAAQ,EAAE,OAAO,sBAAsB,CAAA;CASvC,CAAA;AAGF,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,GACvB,CAAA;AACD,YAAY,EACV,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,0BAA0B,EAC1B,2BAA2B,GAC5B,CAAA"}

package/dist/components/navigationMenu/NavigationMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../src/components/navigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAA;AAI1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAEpF,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,CAAA;AAClI,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,CAAA;AAClG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AACxG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AACxG,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,CAAA;AAC5G,KAAK,2BAA2B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,CAAA;AAE1G,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,EACzE,0BAA0B;CAAG;AAEjC,QAAA,MAAM,kBAAkB;WAXsF,IAAI,GAAG,IAAI,GAAG,IAAI;qCAoB/H,CAAA;AAGD,QAAA,MAAM,kBAAkB,+KAIvB,CAAA;AAGD,QAAA,MAAM,kBAAkB,EAAE,OAAO,uBAAuB,CAAC,IAAmC,CAAA;AAE5F,QAAA,MAAM,qBAAqB,oLAczB,CAAA;AAGF,QAAA,MAAM,qBAAqB,8KAKzB,CAAA;AAGF,QAAA,MAAM,kBAAkB,mGAoBvB,CAAA;AAGD,QAAA,MAAM,uBAAuB,gLAW3B,CAAA;AAGF,QAAA,MAAM,sBAAsB,+KAW1B,CAAA;AAGF,QAAA,MAAM,cAAc,EAAE,OAAO,kBAAkB,GAAG;IAChD,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,OAAO,EAAE,OAAO,qBAAqB,CAAA;IACrC,OAAO,EAAE,OAAO,qBAAqB,CAAA;IACrC,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,SAAS,EAAE,OAAO,uBAAuB,CAAA;IACzC,QAAQ,EAAE,OAAO,sBAAsB,CAAA;CASvC,CAAA;AAGF,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,GACvB,CAAA;AACD,YAAY,EACV,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,0BAA0B,EAC1B,2BAA2B,GAC5B,CAAA"}
+{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../src/components/navigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAA;AAI1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAGpF,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,CAAA;AAClI,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,CAAA;AAClG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AACxG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AACxG,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,CAAA;AAC5G,KAAK,2BAA2B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,CAAA;AAE1G,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,EACzE,0BAA0B;CAAG;AAmBjC,QAAA,MAAM,kBAAkB;WA5BsF,IAAI,GAAG,IAAI,GAAG,IAAI;qCAmH/H,CAAA;AAGD,QAAA,MAAM,kBAAkB,+KAIvB,CAAA;AAGD,QAAA,MAAM,kBAAkB,EAAE,OAAO,uBAAuB,CAAC,IAAmC,CAAA;AAE5F,QAAA,MAAM,qBAAqB,oLAczB,CAAA;AAGF,QAAA,MAAM,qBAAqB,8KAKzB,CAAA;AAGF,QAAA,MAAM,kBAAkB,mGAoBvB,CAAA;AAGD,QAAA,MAAM,uBAAuB,gLAW3B,CAAA;AAGF,QAAA,MAAM,sBAAsB,+KAW1B,CAAA;AAGF,QAAA,MAAM,cAAc,EAAE,OAAO,kBAAkB,GAAG;IAChD,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,OAAO,EAAE,OAAO,qBAAqB,CAAA;IACrC,OAAO,EAAE,OAAO,qBAAqB,CAAA;IACrC,IAAI,EAAE,OAAO,kBAAkB,CAAA;IAC/B,SAAS,EAAE,OAAO,uBAAuB,CAAA;IACzC,QAAQ,EAAE,OAAO,sBAAsB,CAAA;CASvC,CAAA;AAGF,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,GACvB,CAAA;AACD,YAAY,EACV,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,0BAA0B,EAC1B,2BAA2B,GAC5B,CAAA"}

package/dist/components/navigationMenu/NavigationMenu.js

@@ -5,12 +5,94 @@ import { extractProps } from "../../_internal/helpers/extractProps.js";
 import { Icon } from "../icon/Icon.js";
 import { navigationMenuLinkPropDefs } from "./navigationMenu.props.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+function composeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (!ref) continue;
+      if (typeof ref === "function") {
+        ref(node);
+        continue;
+      }
+      ;
+      ref.current = node;
+    }
+  };
+}
+const useIsomorphicLayoutEffect = typeof window === "undefined" ? React.useEffect : React.useLayoutEffect;
 const NavigationMenuRoot = React.forwardRef(
-  ({ className, children, size = "md", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Root, { ...props, ref: forwardedRef, className: classNames("dsx-navigation-menu", className), "data-size": size, children: [
-      children,
-      /* @__PURE__ */ jsx(NavigationMenuViewport, {})
-    ] });
+  ({ className, children, size = "md", value, defaultValue, onValueChange, ...props }, forwardedRef) => {
+    const innerRootRef = React.useRef(null);
+    const mergedRef = composeRefs(forwardedRef, innerRootRef);
+    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
+    const resolvedValue = value ?? uncontrolledValue;
+    const [viewportPlacement, setViewportPlacement] = React.useState({ left: 0, side: "bottom" });
+    const measureViewport = React.useCallback((root) => {
+      const trigger = root.querySelector('.dsx-navigation-menu__trigger[data-state="open"]');
+      const viewport = root.querySelector(".dsx-navigation-menu__viewport");
+      if (!trigger || !viewport) return;
+      const rootStyle = getComputedStyle(root);
+      const rootRect = root.getBoundingClientRect();
+      const triggerRect = trigger.getBoundingClientRect();
+      const viewportRect = viewport.getBoundingClientRect();
+      const viewportGap = Number.parseFloat(rootStyle.getPropertyValue("--dsx-dialog-viewport-gap")) || 0;
+      const submenuGap = Number.parseFloat(rootStyle.getPropertyValue("--dsx-space-sm")) || 0;
+      const targetStart = rootStyle.direction === "rtl" ? triggerRect.right - viewportRect.width : triggerRect.left;
+      const boundedTargetStart = Math.min(
+        Math.max(targetStart, viewportGap),
+        window.innerWidth - viewportGap - viewportRect.width
+      );
+      const left = viewport.offsetLeft + boundedTargetStart - viewportRect.left;
+      const availableBelow = window.innerHeight - rootRect.bottom - viewportGap - submenuGap;
+      const availableAbove = rootRect.top - viewportGap - submenuGap;
+      const side = viewportRect.height > availableBelow && availableAbove > availableBelow ? "top" : "bottom";
+      setViewportPlacement((current) => current.left === left && current.side === side ? current : { left, side });
+    }, []);
+    useIsomorphicLayoutEffect(() => {
+      const root = innerRootRef.current;
+      if (!root || !resolvedValue) return void 0;
+      const measure = () => measureViewport(root);
+      measure();
+      window.addEventListener("resize", measure);
+      if (typeof ResizeObserver === "undefined") {
+        return () => window.removeEventListener("resize", measure);
+      }
+      const observer = new ResizeObserver(measure);
+      observer.observe(root);
+      const trigger = root.querySelector('.dsx-navigation-menu__trigger[data-state="open"]');
+      const viewport = root.querySelector(".dsx-navigation-menu__viewport");
+      if (trigger) observer.observe(trigger);
+      if (viewport) observer.observe(viewport);
+      return () => {
+        window.removeEventListener("resize", measure);
+        observer.disconnect();
+      };
+    }, [measureViewport, resolvedValue]);
+    const handleValueChange = (nextValue) => {
+      if (value === void 0) setUncontrolledValue(nextValue);
+      onValueChange?.(nextValue);
+    };
+    return /* @__PURE__ */ jsxs(
+      NavigationMenuPrimitive.Root,
+      {
+        ...props,
+        ref: mergedRef,
+        className: classNames("dsx-navigation-menu", className),
+        value,
+        defaultValue,
+        onValueChange: handleValueChange,
+        "data-size": size,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            NavigationMenuViewport,
+            {
+              "data-position": viewportPlacement.side,
+              style: { left: viewportPlacement.left }
+            }
+          )
+        ]
+      }
+    );
   }
 );
 NavigationMenuRoot.displayName = "NavigationMenu";

package/dist/components/navigationMenu/NavigationMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/navigationMenu/NavigationMenu.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { navigationMenuLinkPropDefs } from './navigationMenu.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype NavigationMenuLinkOwnProps = GetPropDefTypes<typeof navigationMenuLinkPropDefs>\n\ntype NavigationMenuRootProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & { size?: 'sm' | 'md' | 'lg' }\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n\ninterface NavigationMenuLinkProps\n  extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>,\n    NavigationMenuLinkOwnProps {}\n\nconst NavigationMenuRoot = React.forwardRef<React.ComponentRef<typeof NavigationMenuPrimitive.Root>, NavigationMenuRootProps>(\n  ({ className, children, size = 'md', ...props }, forwardedRef) => {\n    return (\n      <NavigationMenuPrimitive.Root {...props} ref={forwardedRef} className={classNames('dsx-navigation-menu', className)} data-size={size}>\n        {children}\n        <NavigationMenuViewport />\n      </NavigationMenuPrimitive.Root>\n    )\n  },\n)\nNavigationMenuRoot.displayName = 'NavigationMenu'\n\nconst NavigationMenuList = React.forwardRef<React.ComponentRef<typeof NavigationMenuPrimitive.List>, NavigationMenuListProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return <NavigationMenuPrimitive.List {...props} ref={forwardedRef} className={classNames('dsx-navigation-menu__list', className)} />\n  },\n)\nNavigationMenuList.displayName = 'NavigationMenuList'\n\nconst NavigationMenuItem: typeof NavigationMenuPrimitive.Item = NavigationMenuPrimitive.Item\n\nconst NavigationMenuTrigger = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Trigger>,\n  NavigationMenuTriggerProps\n>(({ className, children, ...props }, forwardedRef) => {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-navigation-menu__trigger', className)}\n    >\n      {children}\n      <Icon name=\"chevron-down\" size=\"sm\" className=\"dsx-navigation-menu__chevron\" />\n    </NavigationMenuPrimitive.Trigger>\n  )\n})\nNavigationMenuTrigger.displayName = 'NavigationMenuTrigger'\n\nconst NavigationMenuContent = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Content>,\n  NavigationMenuContentProps\n>(({ className, ...props }, forwardedRef) => {\n  return <NavigationMenuPrimitive.Content {...props} ref={forwardedRef} className={classNames('dsx-navigation-menu__content', className)} />\n})\nNavigationMenuContent.displayName = 'NavigationMenuContent'\n\nconst NavigationMenuLink = React.forwardRef<React.ComponentRef<typeof NavigationMenuPrimitive.Link>, NavigationMenuLinkProps>(\n  ({ className: propClassName, active = false, ...props }, forwardedRef) => {\n    const { className, ...linkProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        active,\n      },\n      navigationMenuLinkPropDefs,\n    )\n\n    return (\n      <NavigationMenuPrimitive.Link\n        {...linkProps}\n        ref={forwardedRef}\n        data-active={active ? 'true' : undefined}\n        className={classNames('dsx-navigation-menu__link', className)}\n      />\n    )\n  },\n)\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n\nconst NavigationMenuIndicator = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Indicator>,\n  NavigationMenuIndicatorProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-navigation-menu__indicator', className)}\n    />\n  )\n})\nNavigationMenuIndicator.displayName = 'NavigationMenuIndicator'\n\nconst NavigationMenuViewport = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Viewport>,\n  NavigationMenuViewportProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <NavigationMenuPrimitive.Viewport\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-navigation-menu__viewport', className)}\n    />\n  )\n})\nNavigationMenuViewport.displayName = 'NavigationMenuViewport'\n\nconst NavigationMenu: typeof NavigationMenuRoot & {\n  List: typeof NavigationMenuList\n  Item: typeof NavigationMenuItem\n  Trigger: typeof NavigationMenuTrigger\n  Content: typeof NavigationMenuContent\n  Link: typeof NavigationMenuLink\n  Indicator: typeof NavigationMenuIndicator\n  Viewport: typeof NavigationMenuViewport\n} = Object.assign(NavigationMenuRoot, {\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Indicator: NavigationMenuIndicator,\n  Viewport: NavigationMenuViewport,\n})\nNavigationMenu.displayName = 'NavigationMenu'\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\n}\nexport type {\n  NavigationMenuContentProps,\n  NavigationMenuIndicatorProps,\n  NavigationMenuLinkProps,\n  NavigationMenuListProps,\n  NavigationMenuRootProps,\n  NavigationMenuTriggerProps,\n  NavigationMenuViewportProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { navigationMenuLinkPropDefs } from './navigationMenu.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype NavigationMenuLinkOwnProps = GetPropDefTypes<typeof navigationMenuLinkPropDefs>\ntype NavigationMenuRootElement = React.ComponentRef<typeof NavigationMenuPrimitive.Root>\n\ntype NavigationMenuRootProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & { size?: 'sm' | 'md' | 'lg' }\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n\ninterface NavigationMenuLinkProps\n  extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>,\n    NavigationMenuLinkOwnProps {}\n\nfunction composeRefs<T>(...refs: Array<React.Ref<T> | undefined>) {\n  return (node: T | null) => {\n    for (const ref of refs) {\n      if (!ref) continue\n\n      if (typeof ref === 'function') {\n        ref(node)\n        continue\n      }\n\n      ;(ref as { current: T | null }).current = node\n    }\n  }\n}\n\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nconst NavigationMenuRoot = React.forwardRef<React.ComponentRef<typeof NavigationMenuPrimitive.Root>, NavigationMenuRootProps>(\n  ({ className, children, size = 'md', value, defaultValue, onValueChange, ...props }, forwardedRef) => {\n    const innerRootRef = React.useRef<NavigationMenuRootElement | null>(null)\n    const mergedRef = composeRefs(forwardedRef, innerRootRef)\n    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue)\n    const resolvedValue = value ?? uncontrolledValue\n    const [viewportPlacement, setViewportPlacement] = React.useState({ left: 0, side: 'bottom' as 'bottom' | 'top' })\n\n    const measureViewport = React.useCallback((root: HTMLElement) => {\n      const trigger = root.querySelector<HTMLElement>('.dsx-navigation-menu__trigger[data-state=\"open\"]')\n      const viewport = root.querySelector<HTMLElement>('.dsx-navigation-menu__viewport')\n\n      if (!trigger || !viewport) return\n\n      const rootStyle = getComputedStyle(root)\n      const rootRect = root.getBoundingClientRect()\n      const triggerRect = trigger.getBoundingClientRect()\n      const viewportRect = viewport.getBoundingClientRect()\n      const viewportGap = Number.parseFloat(rootStyle.getPropertyValue('--dsx-dialog-viewport-gap')) || 0\n      const submenuGap = Number.parseFloat(rootStyle.getPropertyValue('--dsx-space-sm')) || 0\n      const targetStart = rootStyle.direction === 'rtl'\n        ? triggerRect.right - viewportRect.width\n        : triggerRect.left\n      const boundedTargetStart = Math.min(\n        Math.max(targetStart, viewportGap),\n        window.innerWidth - viewportGap - viewportRect.width,\n      )\n      const left = viewport.offsetLeft + boundedTargetStart - viewportRect.left\n      const availableBelow = window.innerHeight - rootRect.bottom - viewportGap - submenuGap\n      const availableAbove = rootRect.top - viewportGap - submenuGap\n      const side = viewportRect.height > availableBelow && availableAbove > availableBelow ? 'top' : 'bottom'\n\n      setViewportPlacement((current) => (\n        current.left === left && current.side === side ? current : { left, side }\n      ))\n    }, [])\n\n    useIsomorphicLayoutEffect(() => {\n      const root = innerRootRef.current\n\n      if (!root || !resolvedValue) return undefined\n\n      const measure = () => measureViewport(root)\n      measure()\n      window.addEventListener('resize', measure)\n\n      if (typeof ResizeObserver === 'undefined') {\n        return () => window.removeEventListener('resize', measure)\n      }\n\n      const observer = new ResizeObserver(measure)\n      observer.observe(root)\n\n      const trigger = root.querySelector('.dsx-navigation-menu__trigger[data-state=\"open\"]')\n      const viewport = root.querySelector('.dsx-navigation-menu__viewport')\n      if (trigger) observer.observe(trigger)\n      if (viewport) observer.observe(viewport)\n\n      return () => {\n        window.removeEventListener('resize', measure)\n        observer.disconnect()\n      }\n    }, [measureViewport, resolvedValue])\n\n    const handleValueChange = (nextValue: string) => {\n      if (value === undefined) setUncontrolledValue(nextValue)\n      onValueChange?.(nextValue)\n    }\n\n    return (\n      <NavigationMenuPrimitive.Root\n        {...props}\n        ref={mergedRef}\n        className={classNames('dsx-navigation-menu', className)}\n        value={value}\n        defaultValue={defaultValue}\n        onValueChange={handleValueChange}\n        data-size={size}\n      >\n        {children}\n        <NavigationMenuViewport\n          data-position={viewportPlacement.side}\n          style={{ left: viewportPlacement.left }}\n        />\n      </NavigationMenuPrimitive.Root>\n    )\n  },\n)\nNavigationMenuRoot.displayName = 'NavigationMenu'\n\nconst NavigationMenuList = React.forwardRef<React.ComponentRef<typeof NavigationMenuPrimitive.List>, NavigationMenuListProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return <NavigationMenuPrimitive.List {...props} ref={forwardedRef} className={classNames('dsx-navigation-menu__list', className)} />\n  },\n)\nNavigationMenuList.displayName = 'NavigationMenuList'\n\nconst NavigationMenuItem: typeof NavigationMenuPrimitive.Item = NavigationMenuPrimitive.Item\n\nconst NavigationMenuTrigger = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Trigger>,\n  NavigationMenuTriggerProps\n>(({ className, children, ...props }, forwardedRef) => {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-navigation-menu__trigger', className)}\n    >\n      {children}\n      <Icon name=\"chevron-down\" size=\"sm\" className=\"dsx-navigation-menu__chevron\" />\n    </NavigationMenuPrimitive.Trigger>\n  )\n})\nNavigationMenuTrigger.displayName = 'NavigationMenuTrigger'\n\nconst NavigationMenuContent = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Content>,\n  NavigationMenuContentProps\n>(({ className, ...props }, forwardedRef) => {\n  return <NavigationMenuPrimitive.Content {...props} ref={forwardedRef} className={classNames('dsx-navigation-menu__content', className)} />\n})\nNavigationMenuContent.displayName = 'NavigationMenuContent'\n\nconst NavigationMenuLink = React.forwardRef<React.ComponentRef<typeof NavigationMenuPrimitive.Link>, NavigationMenuLinkProps>(\n  ({ className: propClassName, active = false, ...props }, forwardedRef) => {\n    const { className, ...linkProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        active,\n      },\n      navigationMenuLinkPropDefs,\n    )\n\n    return (\n      <NavigationMenuPrimitive.Link\n        {...linkProps}\n        ref={forwardedRef}\n        data-active={active ? 'true' : undefined}\n        className={classNames('dsx-navigation-menu__link', className)}\n      />\n    )\n  },\n)\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n\nconst NavigationMenuIndicator = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Indicator>,\n  NavigationMenuIndicatorProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-navigation-menu__indicator', className)}\n    />\n  )\n})\nNavigationMenuIndicator.displayName = 'NavigationMenuIndicator'\n\nconst NavigationMenuViewport = React.forwardRef<\n  React.ComponentRef<typeof NavigationMenuPrimitive.Viewport>,\n  NavigationMenuViewportProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <NavigationMenuPrimitive.Viewport\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-navigation-menu__viewport', className)}\n    />\n  )\n})\nNavigationMenuViewport.displayName = 'NavigationMenuViewport'\n\nconst NavigationMenu: typeof NavigationMenuRoot & {\n  List: typeof NavigationMenuList\n  Item: typeof NavigationMenuItem\n  Trigger: typeof NavigationMenuTrigger\n  Content: typeof NavigationMenuContent\n  Link: typeof NavigationMenuLink\n  Indicator: typeof NavigationMenuIndicator\n  Viewport: typeof NavigationMenuViewport\n} = Object.assign(NavigationMenuRoot, {\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Indicator: NavigationMenuIndicator,\n  Viewport: NavigationMenuViewport,\n})\nNavigationMenu.displayName = 'NavigationMenu'\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\n}\nexport type {\n  NavigationMenuContentProps,\n  NavigationMenuIndicatorProps,\n  NavigationMenuLinkProps,\n  NavigationMenuListProps,\n  NavigationMenuRootProps,\n  NavigationMenuTriggerProps,\n  NavigationMenuViewportProps,\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/notification-center.css

@@ -7,8 +7,9 @@
 .dsx-notification-center--popover {
   width: 320px;
   border-radius: var(--dsx-rounded-lg);
-  border: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-  background: var(--dsx-color-surface-overlay);
+  border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
+  background: var(--dsx-color-panel-translucent);
+  backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
   box-shadow: var(--dsx-shadow-card-md);
 }
 

package/dist/components/number-input.css

@@ -39,7 +39,7 @@
 .dsx-number-input__input:disabled {
   cursor: var(--dsx-cursor-disabled, not-allowed);
   opacity: 1;
-  color: var(--dsx-color-text-disabled);
+  color: var(--dsx-color-disabled-text);
 }
 
 .dsx-number-input__input::-webkit-outer-spin-button,
@@ -124,9 +124,50 @@
 .dsx-number-input[data-radius='lg']   .dsx-number-input__shell { border-radius: var(--dsx-rounded-lg); }
 .dsx-number-input[data-radius='full'] .dsx-number-input__shell { border-radius: var(--dsx-rounded-full); }
 
-/* Variant — classic: elevated shadow */
+/* Full radius trailing-control geometry (F4 sentinel, 2026-09-06). The pill end
+   curves inward by up to half the shell height, so the stepper's flat-edge
+   offset (right: --dsx-space-xs) puts its top/bottom corners inside the arc and
+   crowds the chevrons against the curve. At `full`: push the stepper clear of
+   the arc, drop the seam divider (a square hairline against a pill end reads as
+   a notch, not a separator), and widen the shell end padding so the value never
+   runs under the moved stepper. This is the pattern for every `radius="full"`
+   control with a trailing affordance (InputGroup, CopyField, SearchBar). */
+.dsx-number-input[data-radius='full'] .dsx-number-input__shell {
+  padding-inline-end: var(--dsx-space-xl);
+}
+
+.dsx-number-input[data-radius='full'] .dsx-number-input__stepper {
+  right: var(--dsx-space-sm);
+  padding-inline-start: 0;
+  border-inline-start: 0;
+}
+
+/* Stepper layout — split: decrement left, value centered, increment right.
+   Touch-friendly flanking buttons instead of the stacked trailing column. */
+.dsx-number-input--split .dsx-number-input__shell {
+  gap: var(--dsx-space-xs);
+  padding-inline: var(--dsx-space-xs);
+}
+
+.dsx-number-input--split .dsx-number-input__input {
+  text-align: center;
+  padding-right: 0;
+}
+
+.dsx-number-input--split .dsx-number-input__step-up,
+.dsx-number-input--split .dsx-number-input__step-down {
+  flex: none;
+  width: var(--dsx-space-xl);
+  height: var(--dsx-space-xl);
+  min-width: 44px;
+  min-height: 44px;
+}
+
+/* Variant — classic: raised fill + elevation over the default surface shell, so it
+   reads distinct from the default surface shell on both themes. */
 .dsx-number-input[data-variant='classic'] .dsx-number-input__shell {
-  box-shadow: var(--dsx-effect-shadow-1);
+  background: var(--dsx-color-surface-raised);
+  box-shadow: var(--dsx-shadow-elevation-2);
 }
 
 /* Variant — ghost: no border or background until focused */

package/dist/components/numberInput/NumberInput.cjs

@@ -39,6 +39,11 @@ var import_lucide_react = require("lucide-react");
 var import_extractProps = require("../../_internal/helpers/extractProps");
 var import_numberInput = require("./numberInput.props");
 var import_jsx_runtime = require("react/jsx-runtime");
+function decimalPlaces(nextValue) {
+  if (!Number.isFinite(nextValue)) return 0;
+  const [, fraction = ""] = String(nextValue).split(".");
+  return fraction.length;
+}
 const NumberInput = React.forwardRef((props, forwardedRef) => {
   const {
     asChild,
@@ -48,6 +53,10 @@ const NumberInput = React.forwardRef((props, forwardedRef) => {
     radius,
     size = "md",
     step = 1,
+    largeStep = step * 10,
+    smallStep = step / 10,
+    stepperLayout = "stacked",
+    stepperIcon = "chevrons",
     variant = "surface",
     value: controlledValue,
     defaultValue,
@@ -55,6 +64,8 @@ const NumberInput = React.forwardRef((props, forwardedRef) => {
     ...inputProps
   } = (0, import_extractProps.extractProps)(props, import_numberInput.numberInputPropDefs);
   const Comp = asChild ? import_react_slot.Slot : "input";
+  const StepUpIcon = stepperIcon === "minus-plus" ? import_lucide_react.Plus : import_lucide_react.ChevronUp;
+  const StepDownIcon = stepperIcon === "minus-plus" ? import_lucide_react.Minus : import_lucide_react.ChevronDown;
   const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
   const isControlled = controlledValue !== void 0;
   const value = isControlled ? controlledValue : uncontrolledValue;
@@ -64,18 +75,67 @@ const NumberInput = React.forwardRef((props, forwardedRef) => {
     }
     onChange?.(nextValue);
   }, [isControlled, onChange]);
-  const increment = React.useCallback(() => {
+  const roundStep = React.useCallback((nextValue) => {
+    const precision = Math.max(decimalPlaces(step), decimalPlaces(largeStep), decimalPlaces(smallStep));
+    return Number(nextValue.toFixed(Math.min(precision, 12)));
+  }, [step, largeStep, smallStep]);
+  const clampValue = React.useCallback((nextValue) => {
+    if (nextValue === void 0) return nextValue;
+    if (min !== void 0 && nextValue < min) return min;
+    if (max !== void 0 && nextValue > max) return max;
+    return nextValue;
+  }, [min, max]);
+  const increment = React.useCallback((by = step) => {
     const current = value ?? 0;
-    const next = current + step;
-    if (max !== void 0 && next > max) return;
+    const next = roundStep(current + by);
+    if (max !== void 0 && next > max) {
+      setValue(max);
+      return;
+    }
     setValue(next);
-  }, [value, step, max, setValue]);
-  const decrement = React.useCallback(() => {
+  }, [value, step, max, roundStep, setValue]);
+  const decrement = React.useCallback((by = step) => {
     const current = value ?? 0;
-    const next = current - step;
-    if (min !== void 0 && next < min) return;
+    const next = roundStep(current - by);
+    if (min !== void 0 && next < min) {
+      setValue(min);
+      return;
+    }
     setValue(next);
-  }, [value, step, min, setValue]);
+  }, [value, step, min, roundStep, setValue]);
+  const handleBlur = React.useCallback((e) => {
+    setValue(clampValue(value));
+    inputProps.onBlur?.(e);
+  }, [clampValue, setValue, value]);
+  const stepBy = React.useCallback((e, direction) => {
+    const by = e.shiftKey ? largeStep : e.altKey ? smallStep : step;
+    if (direction === "up") {
+      increment(by);
+    } else {
+      decrement(by);
+    }
+  }, [decrement, increment, largeStep, smallStep, step]);
+  const handleKeyDown = React.useCallback((e) => {
+    if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+      e.preventDefault();
+      const by = e.shiftKey ? largeStep : e.altKey ? smallStep : step;
+      if (e.key === "ArrowUp") {
+        increment(by);
+      } else {
+        decrement(by);
+      }
+    } else if (e.key === "PageUp" || e.key === "PageDown") {
+      e.preventDefault();
+      if (e.key === "PageUp") {
+        increment(largeStep);
+      } else {
+        decrement(largeStep);
+      }
+    } else if (e.key === "Enter") {
+      setValue(clampValue(value));
+    }
+    inputProps.onKeyDown?.(e);
+  }, [clampValue, decrement, increment, largeStep, setValue, smallStep, step, value]);
   const handleChange = React.useCallback((e) => {
     const raw = e.target.value;
     if (raw === "" || raw === "-") {
@@ -90,11 +150,26 @@ const NumberInput = React.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
-      className: "dsx-number-input",
+      className: (0, import_classnames.default)("dsx-number-input", stepperLayout === "split" && "dsx-number-input--split"),
       "data-radius": radius,
       "data-size": size,
+      "data-stepper-layout": stepperLayout,
       "data-variant": variant,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-input-shell dsx-number-input__shell", children: [
+        stepperLayout === "split" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            tabIndex: -1,
+            className: "dsx-number-input__step-down",
+            onClick: (e) => stepBy(e, "down"),
+            "aria-label": "Decrease value",
+            title: `Decrease value (Shift+click: -${largeStep}, Alt+click: -${smallStep})`,
+            disabled: min !== void 0 && value !== void 0 && value <= min,
+            "data-slot": "number-input-step-down",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StepDownIcon, { size: 16 })
+          }
+        ) : null,
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           Comp,
           {
@@ -104,22 +179,38 @@ const NumberInput = React.forwardRef((props, forwardedRef) => {
             inputMode: "decimal",
             value: value ?? "",
             onChange: handleChange,
+            onBlur: handleBlur,
+            onKeyDown: handleKeyDown,
             className: (0, import_classnames.default)("dsx-number-input__input", className),
             "data-slot": "number-input"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-number-input__stepper", children: [
+        stepperLayout === "split" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            tabIndex: -1,
+            className: "dsx-number-input__step-up",
+            onClick: (e) => stepBy(e, "up"),
+            "aria-label": "Increase value",
+            title: `Increase value (Shift+click: +${largeStep}, Alt+click: +${smallStep})`,
+            disabled: max !== void 0 && value !== void 0 && value >= max,
+            "data-slot": "number-input-step-up",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StepUpIcon, { size: 16 })
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-number-input__stepper", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "button",
             {
               type: "button",
               tabIndex: -1,
               className: "dsx-number-input__step-up",
-              onClick: increment,
+              onClick: (e) => stepBy(e, "up"),
               "aria-label": "Increase value",
+              title: `Increase value (Shift+click: +${largeStep}, Alt+click: +${smallStep})`,
               disabled: max !== void 0 && value !== void 0 && value >= max,
               "data-slot": "number-input-step-up",
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronUp, { size: 14 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StepUpIcon, { size: 14 })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -128,11 +219,12 @@ const NumberInput = React.forwardRef((props, forwardedRef) => {
               type: "button",
               tabIndex: -1,
               className: "dsx-number-input__step-down",
-              onClick: decrement,
+              onClick: (e) => stepBy(e, "down"),
               "aria-label": "Decrease value",
+              title: `Decrease value (Shift+click: -${largeStep}, Alt+click: -${smallStep})`,
               disabled: min !== void 0 && value !== void 0 && value <= min,
               "data-slot": "number-input-step-down",
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { size: 14 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StepDownIcon, { size: 14 })
             }
           )
         ] })