@d4gger/design-system 2.7.0 → 3.0.0

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 })
             }
           )
         ] })

package/dist/components/numberInput/NumberInput.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/numberInput/NumberInput.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronUp, ChevronDown } from 'lucide-react'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { numberInputPropDefs } from './numberInput.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype NumberInputOwnProps = GetPropDefTypes<typeof numberInputPropDefs> & {\n  min?: number\n  max?: number\n  step?: number\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number | undefined) => void\n}\n\ninterface NumberInputProps\n  extends Omit<React.ComponentPropsWithoutRef<'input'>, 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step' | 'size'>,\n    NumberInputOwnProps {}\n\nconst NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    min,\n    max,\n    radius,\n    size = 'md',\n    step = 1,\n    variant = 'surface',\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    ...inputProps\n  } = extractProps(props, numberInputPropDefs)\n  const Comp = asChild ? Slot : 'input'\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<number | undefined>(defaultValue)\n  const isControlled = controlledValue !== undefined\n  const value = isControlled ? controlledValue : uncontrolledValue\n\n  const setValue = React.useCallback((nextValue: number | undefined) => {\n    if (!isControlled) {\n      setUncontrolledValue(nextValue)\n    }\n    onChange?.(nextValue)\n  }, [isControlled, onChange])\n\n  const increment = React.useCallback(() => {\n    const current = value ?? 0\n    const next = current + step\n    if (max !== undefined && next > max) return\n    setValue(next)\n  }, [value, step, max, setValue])\n\n  const decrement = React.useCallback(() => {\n    const current = value ?? 0\n    const next = current - step\n    if (min !== undefined && next < min) return\n    setValue(next)\n  }, [value, step, min, setValue])\n\n  const handleChange = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value\n    if (raw === '' || raw === '-') {\n      setValue(undefined)\n      return\n    }\n    const parsed = parseFloat(raw)\n    if (!isNaN(parsed)) {\n      setValue(parsed)\n    }\n  }, [setValue])\n\n  return (\n    <div\n      className=\"dsx-number-input\"\n      data-radius={radius}\n      data-size={size}\n      data-variant={variant}\n    >\n      <div className=\"dsx-input-shell dsx-number-input__shell\">\n        <Comp\n          {...inputProps}\n          ref={forwardedRef}\n          type=\"text\"\n          inputMode=\"decimal\"\n          value={value ?? ''}\n          onChange={handleChange}\n          className={classNames('dsx-number-input__input', className)}\n          data-slot=\"number-input\"\n        />\n        <div className=\"dsx-number-input__stepper\">\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            className=\"dsx-number-input__step-up\"\n            onClick={increment}\n            aria-label=\"Increase value\"\n            disabled={max !== undefined && value !== undefined && value >= max}\n            data-slot=\"number-input-step-up\"\n          >\n            <ChevronUp size={14} />\n          </button>\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            className=\"dsx-number-input__step-down\"\n            onClick={decrement}\n            aria-label=\"Decrease value\"\n            disabled={min !== undefined && value !== undefined && value <= min}\n            data-slot=\"number-input-step-down\"\n          >\n            <ChevronDown size={14} />\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n})\nNumberInput.displayName = 'NumberInput'\n\nexport { NumberInput }\nexport type { NumberInputOwnProps, NumberInputProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronUp, ChevronDown, Minus, Plus } from 'lucide-react'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { numberInputPropDefs } from './numberInput.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype NumberInputOwnProps = GetPropDefTypes<typeof numberInputPropDefs> & {\n  min?: number\n  max?: number\n  step?: number\n  largeStep?: number\n  smallStep?: number\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number | undefined) => void\n}\n\ninterface NumberInputProps\n  extends Omit<React.ComponentPropsWithoutRef<'input'>, 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step' | 'size'>,\n    NumberInputOwnProps {}\n\nfunction decimalPlaces(nextValue: number) {\n  if (!Number.isFinite(nextValue)) return 0\n  const [, fraction = ''] = String(nextValue).split('.')\n  return fraction.length\n}\n\nconst NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    min,\n    max,\n    radius,\n    size = 'md',\n    step = 1,\n    largeStep = step * 10,\n    smallStep = step / 10,\n    stepperLayout = 'stacked',\n    stepperIcon = 'chevrons',\n    variant = 'surface',\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    ...inputProps\n  } = extractProps(props, numberInputPropDefs)\n  const Comp = asChild ? Slot : 'input'\n\n  const StepUpIcon = stepperIcon === 'minus-plus' ? Plus : ChevronUp\n  const StepDownIcon = stepperIcon === 'minus-plus' ? Minus : ChevronDown\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<number | undefined>(defaultValue)\n  const isControlled = controlledValue !== undefined\n  const value = isControlled ? controlledValue : uncontrolledValue\n\n  const setValue = React.useCallback((nextValue: number | undefined) => {\n    if (!isControlled) {\n      setUncontrolledValue(nextValue)\n    }\n    onChange?.(nextValue)\n  }, [isControlled, onChange])\n\n  const roundStep = React.useCallback((nextValue: number) => {\n    const precision = Math.max(decimalPlaces(step), decimalPlaces(largeStep), decimalPlaces(smallStep))\n    return Number(nextValue.toFixed(Math.min(precision, 12)))\n  }, [step, largeStep, smallStep])\n\n  const clampValue = React.useCallback((nextValue: number | undefined) => {\n    if (nextValue === undefined) return nextValue\n    if (min !== undefined && nextValue < min) return min\n    if (max !== undefined && nextValue > max) return max\n    return nextValue\n  }, [min, max])\n\n  const increment = React.useCallback((by: number = step) => {\n    const current = value ?? 0\n    const next = roundStep(current + by)\n    if (max !== undefined && next > max) {\n      setValue(max)\n      return\n    }\n    setValue(next)\n  }, [value, step, max, roundStep, setValue])\n\n  const decrement = React.useCallback((by: number = step) => {\n    const current = value ?? 0\n    const next = roundStep(current - by)\n    if (min !== undefined && next < min) {\n      setValue(min)\n      return\n    }\n    setValue(next)\n  }, [value, step, min, roundStep, setValue])\n\n  const handleBlur = React.useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n    setValue(clampValue(value))\n    inputProps.onBlur?.(e)\n  }, [clampValue, setValue, value])\n\n  const stepBy = React.useCallback((e: React.MouseEvent, direction: 'up' | 'down') => {\n    const by = e.shiftKey ? largeStep : e.altKey ? smallStep : step\n    if (direction === 'up') {\n      increment(by)\n    } else {\n      decrement(by)\n    }\n  }, [decrement, increment, largeStep, smallStep, step])\n\n  const handleKeyDown = React.useCallback((e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n      e.preventDefault()\n      const by = e.shiftKey ? largeStep : e.altKey ? smallStep : step\n      if (e.key === 'ArrowUp') {\n        increment(by)\n      } else {\n        decrement(by)\n      }\n    } else if (e.key === 'PageUp' || e.key === 'PageDown') {\n      e.preventDefault()\n      if (e.key === 'PageUp') {\n        increment(largeStep)\n      } else {\n        decrement(largeStep)\n      }\n    } else if (e.key === 'Enter') {\n      setValue(clampValue(value))\n    }\n    inputProps.onKeyDown?.(e)\n  }, [clampValue, decrement, increment, largeStep, setValue, smallStep, step, value])\n\n  const handleChange = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value\n    if (raw === '' || raw === '-') {\n      setValue(undefined)\n      return\n    }\n    const parsed = parseFloat(raw)\n    if (!isNaN(parsed)) {\n      setValue(parsed)\n    }\n  }, [setValue])\n\n  return (\n    <div\n      className={classNames('dsx-number-input', stepperLayout === 'split' && 'dsx-number-input--split')}\n      data-radius={radius}\n      data-size={size}\n      data-stepper-layout={stepperLayout}\n      data-variant={variant}\n    >\n      <div className=\"dsx-input-shell dsx-number-input__shell\">\n        {stepperLayout === 'split' ? (\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            className=\"dsx-number-input__step-down\"\n            onClick={(e) => stepBy(e, 'down')}\n            aria-label=\"Decrease value\"\n            title={`Decrease value (Shift+click: -${largeStep}, Alt+click: -${smallStep})`}\n            disabled={min !== undefined && value !== undefined && value <= min}\n            data-slot=\"number-input-step-down\"\n          >\n            <StepDownIcon size={16} />\n          </button>\n        ) : null}\n        <Comp\n          {...inputProps}\n          ref={forwardedRef}\n          type=\"text\"\n          inputMode=\"decimal\"\n          value={value ?? ''}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          className={classNames('dsx-number-input__input', className)}\n          data-slot=\"number-input\"\n        />\n        {stepperLayout === 'split' ? (\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            className=\"dsx-number-input__step-up\"\n            onClick={(e) => stepBy(e, 'up')}\n            aria-label=\"Increase value\"\n            title={`Increase value (Shift+click: +${largeStep}, Alt+click: +${smallStep})`}\n            disabled={max !== undefined && value !== undefined && value >= max}\n            data-slot=\"number-input-step-up\"\n          >\n            <StepUpIcon size={16} />\n          </button>\n        ) : (\n        <div className=\"dsx-number-input__stepper\">\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            className=\"dsx-number-input__step-up\"\n            onClick={(e) => stepBy(e, 'up')}\n            aria-label=\"Increase value\"\n            title={`Increase value (Shift+click: +${largeStep}, Alt+click: +${smallStep})`}\n            disabled={max !== undefined && value !== undefined && value >= max}\n            data-slot=\"number-input-step-up\"\n          >\n            <StepUpIcon size={14} />\n          </button>\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            className=\"dsx-number-input__step-down\"\n            onClick={(e) => stepBy(e, 'down')}\n            aria-label=\"Decrease value\"\n            title={`Decrease value (Shift+click: -${largeStep}, Alt+click: -${smallStep})`}\n            disabled={min !== undefined && value !== undefined && value <= min}\n            data-slot=\"number-input-step-down\"\n          >\n            <StepDownIcon size={14} />\n          </button>\n        </div>\n        )}\n      </div>\n    </div>\n  )\n})\nNumberInput.displayName = 'NumberInput'\n\nexport { NumberInput }\nexport type { NumberInputOwnProps, NumberInputProps }\n"],
+  "mappings": "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",
   "names": ["classNames"]
 }

package/dist/components/numberInput/NumberInput.d.cts

@@ -5,6 +5,8 @@ type NumberInputOwnProps = GetPropDefTypes<typeof numberInputPropDefs> & {
     min?: number;
     max?: number;
     step?: number;
+    largeStep?: number;
+    smallStep?: number;
     value?: number;
     defaultValue?: number;
     onChange?: (value: number | undefined) => void;

package/dist/components/numberInput/NumberInput.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.cts","sourceRoot":"","sources":["../../../src/components/numberInput/NumberInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACvE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,UAAU,gBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,EACrI,mBAAmB;CAAG;AAE1B,QAAA,MAAM,WAAW,2FAmGf,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"NumberInput.d.cts","sourceRoot":"","sources":["../../../src/components/numberInput/NumberInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACvE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,UAAU,gBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,EACrI,mBAAmB;CAAG;AAQ1B,QAAA,MAAM,WAAW,2FAkMf,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/numberInput/NumberInput.d.mts

@@ -5,6 +5,8 @@ type NumberInputOwnProps = GetPropDefTypes<typeof numberInputPropDefs> & {
     min?: number;
     max?: number;
     step?: number;
+    largeStep?: number;
+    smallStep?: number;
     value?: number;
     defaultValue?: number;
     onChange?: (value: number | undefined) => void;

package/dist/components/numberInput/NumberInput.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.mts","sourceRoot":"","sources":["../../../src/components/numberInput/NumberInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACvE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,UAAU,gBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,EACrI,mBAAmB;CAAG;AAE1B,QAAA,MAAM,WAAW,2FAmGf,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"NumberInput.d.mts","sourceRoot":"","sources":["../../../src/components/numberInput/NumberInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACvE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,UAAU,gBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,EACrI,mBAAmB;CAAG;AAQ1B,QAAA,MAAM,WAAW,2FAkMf,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/numberInput/NumberInput.d.ts

@@ -5,6 +5,8 @@ type NumberInputOwnProps = GetPropDefTypes<typeof numberInputPropDefs> & {
     min?: number;
     max?: number;
     step?: number;
+    largeStep?: number;
+    smallStep?: number;
     value?: number;
     defaultValue?: number;
     onChange?: (value: number | undefined) => void;

package/dist/components/numberInput/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/numberInput/NumberInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACvE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,UAAU,gBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,EACrI,mBAAmB;CAAG;AAE1B,QAAA,MAAM,WAAW,2FAmGf,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/numberInput/NumberInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACvE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,UAAU,gBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,EACrI,mBAAmB;CAAG;AAQ1B,QAAA,MAAM,WAAW,2FAkMf,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,CAAA"}