@nexub/react 1.3.0 → 1.5.0

package/dist/chunk-YPHNHQYQ.js

@@ -0,0 +1,61 @@
+'use client';
+import {
+  useControllableState
+} from "./chunk-JLUCMNVS.js";
+import {
+  Input
+} from "./chunk-IK23Q2OF.js";
+import {
+  currencySymbol,
+  formatForDisplay,
+  formatForEditing,
+  parseMoney
+} from "./chunk-CIQHFMF6.js";
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/MoneyInput/MoneyInput.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var MoneyInput = React.forwardRef(
+  ({ value: valueProp, defaultValue = null, onValueChange, currency, locale, onFocus, onBlur, className, ...props }, ref) => {
+    const [value, setValue] = useControllableState({
+      value: valueProp,
+      defaultValue,
+      onChange: onValueChange
+    });
+    const [draft, setDraft] = React.useState(null);
+    const shown = draft ?? (value == null ? "" : formatForDisplay(value, currency, locale));
+    return /* @__PURE__ */ jsx(
+      Input,
+      {
+        ref,
+        inputMode: "decimal",
+        autoComplete: "off",
+        leadingIcon: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-body-md", children: currencySymbol(currency, locale) }),
+        className: cn("tabular-nums", className),
+        value: shown,
+        onFocus: (e) => {
+          setDraft(value == null ? "" : formatForEditing(value, currency, locale));
+          onFocus?.(e);
+        },
+        onChange: (e) => {
+          setDraft(e.target.value);
+          const next = parseMoney(e.target.value, currency, locale);
+          if (next !== value) setValue(next);
+        },
+        onBlur: (e) => {
+          setDraft(null);
+          onBlur?.(e);
+        },
+        ...props
+      }
+    );
+  }
+);
+MoneyInput.displayName = "MoneyInput";
+
+export {
+  MoneyInput
+};

package/dist/chunk-YRDCY6BI.js

@@ -0,0 +1,55 @@
+'use client';
+import {
+  useIsomorphicLayoutEffect
+} from "./chunk-NHUQLIHL.js";
+
+// src/hooks/useMergedRefs.ts
+import { useCallback, useRef } from "react";
+function setRef(ref, value) {
+  if (!ref) return;
+  if (typeof ref === "function") {
+    ref(value);
+  } else {
+    ref.current = value;
+  }
+}
+function useMergedRefs(...refs) {
+  const refsRef = useRef(refs);
+  refsRef.current = refs;
+  return useCallback((node) => {
+    for (const ref of refsRef.current) setRef(ref, node);
+  }, []);
+}
+
+// src/hooks/useSlidingIndicator.ts
+function useSlidingIndicator(ref, activeSelector) {
+  useIsomorphicLayoutEffect(() => {
+    const root = ref.current;
+    if (!root) return;
+    const update = () => {
+      const el = root.querySelector(activeSelector);
+      root.style.setProperty("--nx-ind-o", el ? "1" : "0");
+      if (!el) return;
+      root.style.setProperty("--nx-ind-x", `${el.offsetLeft}px`);
+      root.style.setProperty("--nx-ind-w", `${el.offsetWidth}px`);
+    };
+    update();
+    const frame = requestAnimationFrame(() => root.dataset.nxIndicator = "ready");
+    const mo = new MutationObserver(update);
+    mo.observe(root, { subtree: true, attributes: true, attributeFilter: ["data-state"] });
+    const ro = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(update);
+    ro?.observe(root);
+    for (const child of Array.from(root.children)) ro?.observe(child);
+    void document.fonts?.ready.then(update);
+    return () => {
+      cancelAnimationFrame(frame);
+      mo.disconnect();
+      ro?.disconnect();
+    };
+  }, [ref, activeSelector]);
+}
+
+export {
+  useMergedRefs,
+  useSlidingIndicator
+};

package/dist/{chunk-2VDP2ML4.js → chunk-Z3IG5WRA.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/Combobox/Combobox.tsx
 import * as React from "react";
@@ -13,7 +13,7 @@ var Root = React.forwardRef(
     {
       ref,
       className: cn(
-        "flex h-full w-full flex-col overflow-hidden rounded-lg bg-[var(--color-bg-default)] text-[var(--color-text-primary)]",
+        "flex h-full w-full flex-col overflow-hidden rounded-shape-container bg-[var(--color-surface-container-lowest)] text-[var(--color-on-surface)]",
         className
       ),
       ...props
@@ -22,12 +22,12 @@ var Root = React.forwardRef(
 );
 Root.displayName = "Combobox.Root";
 var Input = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "flex items-center border-b border-[var(--color-border-default)] px-3", children: /* @__PURE__ */ jsx(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "flex items-center border-b border-[var(--color-outline-variant)] px-3.5", children: /* @__PURE__ */ jsx(
     Command.Input,
     {
       ref,
       className: cn(
-        "flex h-10 w-full bg-transparent py-3 text-sm outline-none placeholder:text-[var(--color-text-muted)] disabled:cursor-not-allowed disabled:opacity-50",
+        "flex h-control-md w-full bg-transparent text-body-md outline-none placeholder:text-[var(--color-text-placeholder)] disabled:cursor-not-allowed disabled:text-[var(--color-text-disabled)]",
         className
       ),
       ...props
@@ -51,7 +51,7 @@ var Empty = React.forwardRef(
     Command.Empty,
     {
       ref,
-      className: cn("py-6 text-center text-sm text-[var(--color-text-muted)]", className),
+      className: cn("py-6 text-center text-body-sm text-[var(--color-on-surface-muted)]", className),
       ...props
     }
   )
@@ -77,9 +77,10 @@ var Item = React.forwardRef(
     {
       ref,
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none",
-        "aria-selected:bg-[var(--color-bg-subtle)] aria-selected:text-[var(--color-text-primary)]",
-        "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+        "relative flex cursor-default select-none items-center rounded-lg px-2.5 py-2 text-body-sm outline-none",
+        // Highlight = the on-surface state layer at hover opacity.
+        "aria-selected:bg-[color-mix(in_srgb,var(--color-on-surface)_8%,transparent)]",
+        "data-[disabled=true]:pointer-events-none data-[disabled=true]:text-[var(--color-text-disabled)]",
         className
       ),
       ...props
@@ -92,7 +93,7 @@ var Separator = React.forwardRef(
     Command.Separator,
     {
       ref,
-      className: cn("-mx-1 my-1 h-px bg-[var(--color-border-default)]", className),
+      className: cn("-mx-1 my-1 h-px bg-[var(--color-outline-variant)]", className),
       ...props
     }
   )

package/dist/{chunk-YUFCNHZF.js → chunk-ZV3AF5CL.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/AspectRatio/AspectRatio.tsx
 import * as React from "react";

package/dist/components/Accordion/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   Accordion
-} from "../../chunk-JQDLCN5D.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-W2NEXOTG.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Accordion
 };

package/dist/components/Alert/index.js

@@ -2,8 +2,8 @@
 import {
   Alert,
   alertVariants
-} from "../../chunk-24CZFBTG.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-IIPYF6ZQ.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Alert,
   alertVariants

package/dist/components/AlertDialog/index.js

@@ -1,8 +1,12 @@
 'use client';
 import {
   AlertDialog
-} from "../../chunk-ZLSUVZM2.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-RHOYF7MO.js";
+import "../../chunk-KQPLFVFR.js";
+import "../../chunk-LMPGHWUA.js";
+import "../../chunk-7SXR4PGO.js";
+import "../../chunk-DEIBF3P7.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   AlertDialog
 };

package/dist/components/Amount/index.js

@@ -0,0 +1,9 @@
+'use client';
+import {
+  Amount
+} from "../../chunk-AXOKFS4K.js";
+import "../../chunk-CIQHFMF6.js";
+import "../../chunk-Q7G5WGYV.js";
+export {
+  Amount
+};

package/dist/components/AppShell/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   AppShell
-} from "../../chunk-KZW37FQZ.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-56FERRWW.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   AppShell
 };

package/dist/components/AspectRatio/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   AspectRatio
-} from "../../chunk-YUFCNHZF.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-ZV3AF5CL.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   AspectRatio
 };

package/dist/components/Autocomplete/index.js

@@ -1,9 +1,9 @@
 'use client';
 import {
   Autocomplete
-} from "../../chunk-VT7RKY46.js";
-import "../../chunk-2VDP2ML4.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-TEOLG3N2.js";
+import "../../chunk-Z3IG5WRA.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Autocomplete
 };

package/dist/components/Avatar/index.js

@@ -3,8 +3,8 @@ import "../../chunk-IZ6ZPEZ2.js";
 import {
   Avatar,
   avatarVariants
-} from "../../chunk-CPV367VS.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-FHFVBOF3.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Avatar,
   avatarVariants

package/dist/components/AvatarGroup/index.js

@@ -2,9 +2,9 @@
 import {
   AvatarGroup,
   avatarGroupVariants
-} from "../../chunk-BYCTJHXY.js";
-import "../../chunk-CPV367VS.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-QCNLE27O.js";
+import "../../chunk-FHFVBOF3.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   AvatarGroup,
   avatarGroupVariants

package/dist/components/Badge/index.js

@@ -2,8 +2,8 @@
 import {
   Badge,
   badgeVariants
-} from "../../chunk-BGY23Y5O.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-B54WADL4.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Badge,
   badgeVariants

package/dist/components/Banner/index.js

@@ -2,8 +2,8 @@
 import {
   Banner,
   bannerVariants
-} from "../../chunk-ZFVBFCYV.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-NQVRF4RB.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Banner,
   bannerVariants

package/dist/components/Box/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   Box
-} from "../../chunk-BUBYXAJK.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-M7YB3MSW.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Box
 };

package/dist/components/Breadcrumb/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   Breadcrumb
-} from "../../chunk-3U54QLYB.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-4SSUM4CL.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Breadcrumb
 };

package/dist/components/Button/index.js

@@ -1,9 +1,12 @@
 'use client';
+import "../../chunk-P26VJEIW.js";
 import {
   Button,
   buttonVariants
-} from "../../chunk-N2GIMMTF.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-LMPGHWUA.js";
+import "../../chunk-7SXR4PGO.js";
+import "../../chunk-DEIBF3P7.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Button,
   buttonVariants

package/dist/components/ButtonGroup/index.js

@@ -1,8 +1,9 @@
 'use client';
+import "../../chunk-LVPU7455.js";
 import {
   ButtonGroup
-} from "../../chunk-QURKXXNS.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-LGQ737BP.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   ButtonGroup
 };

package/dist/components/Callout/index.js

@@ -2,8 +2,8 @@
 import {
   Callout,
   calloutVariants
-} from "../../chunk-DD6XCW6R.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-XR4NBY54.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Callout,
   calloutVariants

package/dist/components/Card/index.js

@@ -2,9 +2,9 @@
 import {
   Card,
   cardVariants
-} from "../../chunk-PBLEGOLM.js";
-import "../../chunk-ROZVVWPV.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-NMH5WSZG.js";
+import "../../chunk-DEIBF3P7.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Card,
   cardVariants

package/dist/components/CheckList/index.js

@@ -2,8 +2,8 @@
 import {
   CheckList,
   CheckListItem
-} from "../../chunk-PANDAMD2.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-4I5ULCYG.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   CheckList,
   CheckListItem

package/dist/components/Checkbox/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   Checkbox
-} from "../../chunk-VPZCQFVY.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-GUB7YKG2.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Checkbox
 };

package/dist/components/Chip/index.js

@@ -2,8 +2,8 @@
 import {
   Chip,
   chipVariants
-} from "../../chunk-DAXDAFNG.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-AHT35UWY.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Chip,
   chipVariants

package/dist/components/Code/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   Code
-} from "../../chunk-DEH2Z27F.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-HJERFB7J.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Code
 };

package/dist/components/Collapsible/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   Collapsible
-} from "../../chunk-H4MXRAXP.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-3LP2CR7F.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Collapsible
 };

package/dist/components/Combobox/index.js

@@ -2,8 +2,8 @@
 import "../../chunk-HY3JWSG4.js";
 import {
   Combobox
-} from "../../chunk-2VDP2ML4.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-Z3IG5WRA.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Combobox
 };

package/dist/components/CommandPalette/index.js

@@ -1,8 +1,10 @@
 'use client';
 import {
   CommandPalette
-} from "../../chunk-QRZV2FLW.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-V3TETH4J.js";
+import "../../chunk-47UGX37F.js";
+import "../../chunk-KQPLFVFR.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   CommandPalette
 };

package/dist/components/Container/index.js

@@ -2,8 +2,8 @@
 import {
   Container,
   containerVariants
-} from "../../chunk-6Y734SXN.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-E4JM3HUM.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Container,
   containerVariants

package/dist/components/ContextMenu/index.js

@@ -1,8 +1,9 @@
 'use client';
 import {
   ContextMenu
-} from "../../chunk-2RLSIOGB.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-6QLLH6ID.js";
+import "../../chunk-KQPLFVFR.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   ContextMenu
 };

package/dist/components/CountryBadge/index.js

@@ -1,9 +1,9 @@
 'use client';
 import {
   CountryBadge
-} from "../../chunk-Y45JAJKW.js";
-import "../../chunk-POFKKYHY.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-PWBPHGM3.js";
+import "../../chunk-EQNETGTV.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   CountryBadge
 };

package/dist/components/DataTable/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   DataTable
-} from "../../chunk-BMVAZIAJ.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-6J3QTWKC.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   DataTable
 };

package/dist/components/DatePicker/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   DatePicker
-} from "../../chunk-DOHXBNOP.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-LH3BSAIS.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   DatePicker
 };

package/dist/components/DateRangePicker/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   DateRangePicker
-} from "../../chunk-TCTFQYLH.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-CHGPGRML.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   DateRangePicker
 };

package/dist/components/Dialog/index.js

@@ -1,9 +1,10 @@
 'use client';
 import {
   Dialog
-} from "../../chunk-RIDDJUPA.js";
-import "../../chunk-ROZVVWPV.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-DJZZ3FIP.js";
+import "../../chunk-KQPLFVFR.js";
+import "../../chunk-DEIBF3P7.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Dialog
 };

package/dist/components/Drawer/index.js

@@ -2,9 +2,11 @@
 import {
   Drawer,
   Sheet
-} from "../../chunk-6MYVXJPJ.js";
-import "../../chunk-ROZVVWPV.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-SY6V3HAK.js";
+import "../../chunk-47UGX37F.js";
+import "../../chunk-KQPLFVFR.js";
+import "../../chunk-DEIBF3P7.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Drawer,
   Sheet

package/dist/components/DropdownMenu/index.js

@@ -1,8 +1,10 @@
 'use client';
+import "../../chunk-HI7GBSW2.js";
 import {
   DropdownMenu
-} from "../../chunk-SZKUSLHI.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-7L3CGIRA.js";
+import "../../chunk-KQPLFVFR.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   DropdownMenu
 };

package/dist/components/EmptyState/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   EmptyState
-} from "../../chunk-6AZP6VBM.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-2FCSWBSM.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   EmptyState
 };

package/dist/components/ErrorState/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   ErrorState
-} from "../../chunk-NAIZ7R2L.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-72I7EVOL.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   ErrorState
 };

package/dist/components/EyebrowChip/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   EyebrowChip
-} from "../../chunk-YGOR3KT7.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-YJ3JQYAN.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   EyebrowChip
 };