@nexub/react 3.0.0 → 3.2.0

package/dist/components/Motion/Slide.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useMotion } from "./useMotion.js";
+const directionTransform = {
+  up: { from: "translateY(12px)", to: "translateY(0)" },
+  down: { from: "translateY(-12px)", to: "translateY(0)" },
+  left: { from: "translateX(12px)", to: "translateX(0)" },
+  right: { from: "translateX(-12px)", to: "translateX(0)" }
+};
+const Slide = React.forwardRef(function Slide2({
+  in: visible,
+  duration = "normal",
+  easing,
+  unmountOnExit = false,
+  direction = "up",
+  distance,
+  children,
+  style,
+  as: Tag = "div",
+  ...rest
+}, ref) {
+  const { phase, mounted, reduced, transitionStyle, handleTransitionEnd } = useMotion({
+    visible,
+    duration,
+    easing,
+    unmountOnExit
+  });
+  if (!mounted) return null;
+  const isEntered = phase === "entered";
+  const dt = directionTransform[direction];
+  let fromTransform = dt.from;
+  if (distance) {
+    if (direction === "up") fromTransform = `translateY(${distance})`;
+    if (direction === "down") fromTransform = `translateY(-${distance})`;
+    if (direction === "left") fromTransform = `translateX(${distance})`;
+    if (direction === "right") fromTransform = `translateX(-${distance})`;
+  }
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      onTransitionEnd: handleTransitionEnd,
+      style: {
+        opacity: isEntered ? 1 : 0,
+        transform: isEntered || reduced ? dt.to : fromTransform,
+        willChange: "opacity, transform",
+        ...transitionStyle,
+        ...style
+      },
+      ...rest,
+      children
+    }
+  );
+});
+Slide.displayName = "Slide";
+export {
+  Slide
+};

package/dist/components/Motion/index.d.ts

@@ -0,0 +1,18 @@
+export { Fade } from './Fade.js';
+export type { FadeProps } from './Fade.js';
+export { Slide } from './Slide.js';
+export type { SlideProps, SlideDirection } from './Slide.js';
+export { Scale } from './Scale.js';
+export type { ScaleProps } from './Scale.js';
+export { Collapse } from './Collapse.js';
+export type { CollapseProps } from './Collapse.js';
+export { ListTransition, SkeletonSwap } from './ListTransition.js';
+export type { ListTransitionProps, SkeletonSwapProps } from './ListTransition.js';
+export { usePrefersReducedMotion } from './useMotion.js';
+export type { MotionDuration, MotionEasing, MotionBaseProps } from './motion.types.js';
+export { Reveal } from './Reveal.js';
+export type { RevealProps } from './Reveal.js';
+export { Float } from './Float.js';
+export type { FloatProps } from './Float.js';
+export { Marquee } from './Marquee.js';
+export type { MarqueeProps } from './Marquee.js';

package/dist/components/Motion/index.js

@@ -1,17 +1,19 @@
-'use client';
-import {
-  Collapse,
-  Fade,
-  ListTransition,
-  Scale,
-  SkeletonSwap,
-  Slide,
-  usePrefersReducedMotion
-} from "../../chunk-4GVGS5N4.js";
+import { Fade } from "./Fade.js";
+import { Slide } from "./Slide.js";
+import { Scale } from "./Scale.js";
+import { Collapse } from "./Collapse.js";
+import { ListTransition, SkeletonSwap } from "./ListTransition.js";
+import { usePrefersReducedMotion } from "./useMotion.js";
+import { Reveal } from "./Reveal.js";
+import { Float } from "./Float.js";
+import { Marquee } from "./Marquee.js";
 export {
   Collapse,
   Fade,
+  Float,
   ListTransition,
+  Marquee,
+  Reveal,
   Scale,
   SkeletonSwap,
   Slide,

package/dist/components/Motion/motion.types.d.ts

@@ -0,0 +1,25 @@
+export type MotionDuration = 'instant' | 'fast' | 'normal' | 'slow' | 'slower';
+export type MotionEasing = 'linear' | 'in' | 'out' | 'in-out' | 'out-expo' | 'spring';
+export interface MotionBaseProps {
+    /** Whether the component is visible / mounted. */
+    in: boolean;
+    /**
+     * Speed on the spring tokens: `fast` → fast, `normal` → default,
+     * `slow`/`slower` → slow springs. `instant` turns motion off.
+     * @default 'normal'
+     */
+    duration?: MotionDuration;
+    /**
+     * Legacy: set it to use the old `--duration-*` + `--ease-{value}` tokens
+     * instead of springs. Omit it to ride the spring tokens.
+     */
+    easing?: MotionEasing;
+    /**
+     * Remove the element from the DOM when `in` becomes false
+     * (after the exit transition completes).
+     * @default false
+     */
+    unmountOnExit?: boolean;
+    children?: React.ReactNode;
+}
+import * as React from 'react';

package/dist/components/Motion/motion.types.js

@@ -0,0 +1 @@
+import * as React from "react";

package/dist/components/Motion/useMotion.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import type { MotionDuration, MotionEasing } from './motion.types.js';
+export declare const DURATION_MS: Record<MotionDuration, number>;
+export type SpringSpeed = 'fast' | 'default' | 'slow';
+export type SpringFamily = 'spatial' | 'effects' | 'expressive';
+/** `duration` → spring speed. `instant` is handled separately (no motion). */
+export declare const SPRING_SPEED: Record<Exclude<MotionDuration, 'instant'>, SpringSpeed>;
+export declare const SPRING_MS: Record<SpringFamily, Record<SpringSpeed, number>>;
+/** One `transition` entry riding a spring token. */
+export declare const spring: (property: string, family: SpringFamily, speed: SpringSpeed) => string;
+/** True when the user asked the OS for reduced motion. False during SSR. */
+export declare function usePrefersReducedMotion(): boolean;
+export type TransitionPhase = 'exited' | 'entering' | 'entered' | 'exiting';
+export interface UseMotionReturn {
+    phase: TransitionPhase;
+    mounted: boolean;
+    /** Reduced motion is on: keep the crossfade, drop travel and scale. */
+    reduced: boolean;
+    transitionStyle: React.CSSProperties;
+    /** Attach to onTransitionEnd so the hook can move exiting → exited. */
+    handleTransitionEnd: (e?: React.TransitionEvent) => void;
+}
+/**
+ * Lightweight hook that drives a 4-phase CSS transition state machine.
+ *
+ *   exited ─► entering ─► entered
+ *                              │
+ *                           (in=false)
+ *                              ▼
+ *                           exiting ─► (onTransitionEnd) ─► exited
+ *
+ * Enter rides the springs (opacity on `effects`, transform on `spatial`).
+ * Exit is quicker and never overshoots (`effects` fast for both).
+ * Passing `easing` opts back into the legacy duration + easing tokens.
+ */
+export declare function useMotion({ visible, duration, easing, unmountOnExit, }: {
+    visible: boolean;
+    duration?: MotionDuration;
+    easing?: MotionEasing;
+    unmountOnExit?: boolean;
+}): UseMotionReturn;

package/dist/components/Motion/useMotion.js

@@ -0,0 +1,102 @@
+"use client";
+import * as React from "react";
+import { useMediaQuery } from "../../hooks/useMediaQuery.js";
+const DURATION_MS = {
+  instant: 0,
+  fast: 150,
+  normal: 200,
+  slow: 300,
+  slower: 500
+};
+const SPRING_SPEED = {
+  fast: "fast",
+  normal: "default",
+  slow: "slow",
+  slower: "slow"
+};
+const SPRING_MS = {
+  spatial: { fast: 224, default: 317, slow: 484 },
+  effects: { fast: 150, default: 231, slow: 327 },
+  expressive: { fast: 364, default: 435, slow: 600 }
+};
+const FALLBACK_MARGIN_MS = 50;
+const spring = (property, family, speed) => `${property} var(--motion-spring-${family}-${speed}-duration) var(--motion-spring-${family}-${speed}-easing)`;
+function usePrefersReducedMotion() {
+  return useMediaQuery("(prefers-reduced-motion: reduce)");
+}
+function useMotion({
+  visible,
+  duration = "normal",
+  easing,
+  unmountOnExit = false
+}) {
+  const [phase, setPhase] = React.useState(
+    visible ? "entered" : "exited"
+  );
+  const reduced = usePrefersReducedMotion();
+  const rafRef = React.useRef(null);
+  const isMounted = React.useRef(true);
+  React.useEffect(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+      if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
+    };
+  }, []);
+  const prevVisible = React.useRef(visible);
+  React.useEffect(() => {
+    if (prevVisible.current === visible) return;
+    prevVisible.current = visible;
+    if (visible) {
+      setPhase("entering");
+      rafRef.current = requestAnimationFrame(() => {
+        rafRef.current = requestAnimationFrame(() => {
+          if (isMounted.current) setPhase("entered");
+        });
+      });
+    } else {
+      setPhase("exiting");
+    }
+  }, [visible]);
+  const legacy = easing !== void 0;
+  const exitMs = duration === "instant" ? 0 : legacy ? DURATION_MS[duration] : SPRING_MS.effects.fast;
+  React.useEffect(() => {
+    if (phase !== "exiting") return;
+    const t = setTimeout(() => setPhase("exited"), exitMs + FALLBACK_MARGIN_MS);
+    return () => clearTimeout(t);
+  }, [phase, exitMs]);
+  const handleTransitionEnd = React.useCallback((e) => {
+    if (!isMounted.current) return;
+    if (e && e.target !== e.currentTarget) return;
+    setPhase((prev) => prev === "exiting" ? "exited" : prev);
+  }, []);
+  const mounted = unmountOnExit ? phase !== "exited" : true;
+  let transitionStyle;
+  if (duration === "instant") {
+    transitionStyle = { transition: "none" };
+  } else if (legacy) {
+    transitionStyle = {
+      transitionDuration: `var(--duration-${duration})`,
+      transitionTimingFunction: `var(--ease-${easing})`,
+      transitionProperty: "opacity, transform"
+    };
+  } else if (phase === "exiting" || phase === "exited") {
+    transitionStyle = {
+      transition: [spring("opacity", "effects", "fast"), spring("transform", "effects", "fast")].join(", ")
+    };
+  } else {
+    const speed = SPRING_SPEED[duration];
+    transitionStyle = {
+      transition: [spring("opacity", "effects", speed), spring("transform", "spatial", speed)].join(", ")
+    };
+  }
+  return { phase, mounted, reduced, transitionStyle, handleTransitionEnd };
+}
+export {
+  DURATION_MS,
+  SPRING_MS,
+  SPRING_SPEED,
+  spring,
+  useMotion,
+  usePrefersReducedMotion
+};

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import * as RadixNav from '@radix-ui/react-navigation-menu';
+export declare const NavigationMenu: {
+    Root: React.ForwardRefExoticComponent<RadixNav.NavigationMenuProps & React.RefAttributes<HTMLElement>>;
+    List: React.ForwardRefExoticComponent<RadixNav.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;
+    Item: React.ForwardRefExoticComponent<RadixNav.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+    Trigger: React.ForwardRefExoticComponent<RadixNav.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<RadixNav.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+    Link: React.ForwardRefExoticComponent<RadixNav.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+    Viewport: React.ForwardRefExoticComponent<RadixNav.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>>;
+    Indicator: React.ForwardRefExoticComponent<RadixNav.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/{chunk-FXVI4RCJ.js → components/NavigationMenu/NavigationMenu.js}

@@ -1,17 +1,11 @@
-'use client';
-import {
-  floatingSurface
-} from "./chunk-5FWJXSXT.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/NavigationMenu/NavigationMenu.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixNav from "@radix-ui/react-navigation-menu";
 import { ChevronDown } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Root2 = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { floatingSurface } from "../../utils/surface.js";
+const Root = React.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     RadixNav.Root,
     {
@@ -20,13 +14,13 @@ var Root2 = React.forwardRef(
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx(Viewport2, {})
+        /* @__PURE__ */ jsx(Viewport, {})
       ]
     }
   )
 );
-Root2.displayName = "NavigationMenu.Root";
-var List2 = React.forwardRef(
+Root.displayName = "NavigationMenu.Root";
+const List = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixNav.List,
     {
@@ -36,9 +30,9 @@ var List2 = React.forwardRef(
     }
   )
 );
-List2.displayName = "NavigationMenu.List";
-var Item2 = RadixNav.Item;
-var Trigger2 = React.forwardRef(
+List.displayName = "NavigationMenu.List";
+const Item = RadixNav.Item;
+const Trigger = React.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     RadixNav.Trigger,
     {
@@ -64,8 +58,8 @@ var Trigger2 = React.forwardRef(
     }
   )
 );
-Trigger2.displayName = "NavigationMenu.Trigger";
-var Content2 = React.forwardRef(
+Trigger.displayName = "NavigationMenu.Trigger";
+const Content = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixNav.Content,
     {
@@ -78,8 +72,8 @@ var Content2 = React.forwardRef(
     }
   )
 );
-Content2.displayName = "NavigationMenu.Content";
-var Link2 = React.forwardRef(
+Content.displayName = "NavigationMenu.Content";
+const Link = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixNav.Link,
     {
@@ -92,8 +86,8 @@ var Link2 = React.forwardRef(
     }
   )
 );
-Link2.displayName = "NavigationMenu.Link";
-var Viewport2 = React.forwardRef(
+Link.displayName = "NavigationMenu.Link";
+const Viewport = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "absolute start-0 top-full flex justify-center", children: /* @__PURE__ */ jsx(
     RadixNav.Viewport,
     {
@@ -108,8 +102,8 @@ var Viewport2 = React.forwardRef(
     }
   ) })
 );
-Viewport2.displayName = "NavigationMenu.Viewport";
-var Indicator2 = React.forwardRef(
+Viewport.displayName = "NavigationMenu.Viewport";
+const Indicator = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixNav.Indicator,
     {
@@ -123,9 +117,8 @@ var Indicator2 = React.forwardRef(
     }
   )
 );
-Indicator2.displayName = "NavigationMenu.Indicator";
-var NavigationMenu = { Root: Root2, List: List2, Item: Item2, Trigger: Trigger2, Content: Content2, Link: Link2, Viewport: Viewport2, Indicator: Indicator2 };
-
+Indicator.displayName = "NavigationMenu.Indicator";
+const NavigationMenu = { Root, List, Item, Trigger, Content, Link, Viewport, Indicator };
 export {
   NavigationMenu
 };

package/dist/components/NavigationMenu/index.d.ts

@@ -0,0 +1 @@
+export { NavigationMenu } from './NavigationMenu.js';

package/dist/components/NavigationMenu/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  NavigationMenu
-} from "../../chunk-FXVI4RCJ.js";
-import "../../chunk-5FWJXSXT.js";
-import "../../chunk-WRVFNYO3.js";
+import { NavigationMenu } from "./NavigationMenu.js";
 export {
   NavigationMenu
 };

package/dist/components/NavigationRail/NavigationRail.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface NavigationRailRootProps extends React.HTMLAttributes<HTMLElement> {
+    /** Accessible name for the landmark. @default 'Main' */
+    'aria-label'?: string;
+    /** Optional slot above the items, e.g. a primary action or logo. */
+    header?: React.ReactNode;
+}
+export interface NavigationRailItemProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
+    icon: React.ReactNode;
+    label: React.ReactNode;
+    active?: boolean;
+    /** Render your link (e.g. a router `<Link>`) as the item: pass it as the only child. */
+    asChild?: boolean;
+    children?: React.ReactElement;
+}
+export declare const NavigationRail: {
+    Root: React.ForwardRefExoticComponent<NavigationRailRootProps & React.RefAttributes<HTMLElement>>;
+    Item: React.ForwardRefExoticComponent<NavigationRailItemProps & React.RefAttributes<HTMLAnchorElement>>;
+};

package/dist/{chunk-5MGCYR4G.js → components/NavigationRail/NavigationRail.js}

@@ -1,16 +1,10 @@
-'use client';
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/NavigationRail/NavigationRail.tsx
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Root = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+const Root = React.forwardRef(
   ({ className, header, children, "aria-label": ariaLabel, ...props }, ref) => {
     const messages = useNexubMessages();
     return /* @__PURE__ */ jsxs(
@@ -29,7 +23,7 @@ var Root = React.forwardRef(
   }
 );
 Root.displayName = "NavigationRail.Root";
-var Item = React.forwardRef(
+const Item = React.forwardRef(
   ({ className, icon, label, active, asChild, children, ...props }, ref) => {
     const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
@@ -69,8 +63,7 @@ var Item = React.forwardRef(
   }
 );
 Item.displayName = "NavigationRail.Item";
-var NavigationRail = { Root, Item };
-
+const NavigationRail = { Root, Item };
 export {
   NavigationRail
 };

package/dist/components/NavigationRail/index.d.ts

@@ -0,0 +1,2 @@
+export { NavigationRail } from './NavigationRail.js';
+export type { NavigationRailRootProps, NavigationRailItemProps } from './NavigationRail.js';

package/dist/components/NavigationRail/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  NavigationRail
-} from "../../chunk-5MGCYR4G.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { NavigationRail } from "./NavigationRail.js";
 export {
   NavigationRail
 };

package/dist/components/NexubProvider/NexubProvider.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import type { Locale } from 'date-fns';
+import { defaultMessages, directionOf, type Direction, type NexubMessages } from '@nexub/core';
+export { defaultMessages, directionOf, type Direction, type NexubMessages };
+export interface NexubProviderProps {
+    /** BCP 47 locale for Intl formatting. @default 'en' */
+    locale?: string;
+    /** Text direction for Radix primitives. @default derived from `locale` */
+    dir?: Direction;
+    /**
+     * date-fns Locale for calendars (month/weekday names, week start, trigger text).
+     * Import only the one you need, e.g. `import { fr } from 'date-fns/locale/fr'`.
+     */
+    dateLocale?: Locale;
+    /** Overrides for the default English strings. */
+    messages?: Partial<NexubMessages>;
+    children?: React.ReactNode;
+}
+/**
+ * Locale, direction and translated strings for every @nexub/react component.
+ * It does not set `dir`/`lang` on <html> — the app does that (as it renders
+ * <html>), so the page and CSS `rtl:` variants agree with this provider.
+ */
+export declare function NexubProvider({ locale, dir, dateLocale, messages, children }: NexubProviderProps): React.JSX.Element;
+/** The active strings: defaults merged with the nearest NexubProvider's overrides. */
+export declare function useNexubMessages(): NexubMessages;
+/** The active locale (default 'en'), direction and optional date-fns Locale. */
+export declare function useLocale(): {
+    locale: string;
+    dir: Direction;
+    dateLocale?: Locale;
+};
+/** Internal: the provider's locale, or undefined (= the user's) without one. */
+export declare function useIntlLocale(explicit?: string): string | undefined;

package/dist/{chunk-VMSWIC3O.js → components/NexubProvider/NexubProvider.js}

@@ -1,11 +1,9 @@
-'use client';
-
-// src/components/NexubProvider/NexubProvider.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { DirectionProvider } from "@radix-ui/react-direction";
 import { defaultMessages, directionOf } from "@nexub/core";
-import { jsx } from "react/jsx-runtime";
-var NexubContext = React.createContext({
+const NexubContext = React.createContext({
   locale: void 0,
   dir: "ltr",
   dateLocale: void 0,
@@ -30,11 +28,11 @@ function useIntlLocale(explicit) {
   const ctx = React.useContext(NexubContext).locale;
   return explicit ?? ctx;
 }
-
 export {
-  defaultMessages,
   NexubProvider,
-  useNexubMessages,
+  defaultMessages,
+  directionOf,
+  useIntlLocale,
   useLocale,
-  useIntlLocale
+  useNexubMessages
 };

package/dist/components/NexubProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { NexubProvider, useNexubMessages, useLocale, defaultMessages } from './NexubProvider.js';
+export type { NexubProviderProps, NexubMessages, Direction } from './NexubProvider.js';

package/dist/components/NexubProvider/index.js

@@ -1,11 +1,4 @@
-'use client';
-import "../../chunk-A3O23F2B.js";
-import {
-  NexubProvider,
-  defaultMessages,
-  useLocale,
-  useNexubMessages
-} from "../../chunk-VMSWIC3O.js";
+import { NexubProvider, useNexubMessages, useLocale, defaultMessages } from "./NexubProvider.js";
 export {
   NexubProvider,
   defaultMessages,

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type Size } from '../../utils/control.js';
+export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'type' | 'size'> {
+    size?: Size;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: number;
+    showSteppers?: boolean;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    invalid?: boolean;
+}
+export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/{chunk-V3EWVSVI.js → components/NumberInput/NumberInput.js}

@@ -1,31 +1,21 @@
-'use client';
-import {
-  inputWrapperVariants
-} from "./chunk-G7VMAWAX.js";
-import {
-  disabledText
-} from "./chunk-VALIDQXU.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/NumberInput/NumberInput.tsx
-import * as React from "react";
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-var formatValue = (v, precision) => {
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { disabledText } from "../../utils/control.js";
+import { inputWrapperVariants } from "../Input/Input.js";
+const formatValue = (v, precision) => {
   if (precision !== void 0) return v.toFixed(precision);
   return String(v);
 };
-var clampValue = (v, min, max) => {
+const clampValue = (v, min, max) => {
   let result = v;
   if (min !== void 0 && result < min) result = min;
   if (max !== void 0 && result > max) result = max;
   return result;
 };
-var NumberInput = React.forwardRef(
+const NumberInput = React.forwardRef(
   ({
     className,
     size = "md",
@@ -119,7 +109,6 @@ var NumberInput = React.forwardRef(
   }
 );
 NumberInput.displayName = "NumberInput";
-
 export {
   NumberInput
 };

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

@@ -0,0 +1,2 @@
+export { NumberInput } from './NumberInput.js';
+export type { NumberInputProps } from './NumberInput.js';

package/dist/components/NumberInput/index.js

@@ -1,11 +1,4 @@
-'use client';
-import {
-  NumberInput
-} from "../../chunk-V3EWVSVI.js";
-import "../../chunk-G7VMAWAX.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { NumberInput } from "./NumberInput.js";
 export {
   NumberInput
 };