@alfadocs/ui-kit 1.3.13 → 1.4.0

package/dist/_chunks/{marketplace-app-shell-DwcFMxzp.js → marketplace-app-shell-BLRvg-M0.js}

@@ -1,4 +1,4 @@
-import { jsxs as t, jsx as a, Fragment as M } from "react/jsx-runtime";
+import { jsxs as r, jsx as a, Fragment as M } from "react/jsx-runtime";
 import { forwardRef as b, useState as E } from "react";
 import { useTranslation as B } from "react-i18next";
 import { c as p } from "./index-D2ZczOXr.js";
@@ -7,11 +7,11 @@ import { A as S } from "./avatar-BNQNhoyL.js";
 import { A as F } from "./alert-CiJT540z.js";
 import { C as w } from "./card-DPmk26CL.js";
 import { D as m } from "./dropdown-menu-DU-Hrf33.js";
-import { T as q } from "./tab-bar-Axhk6xzx.js";
+import { T as q } from "./tab-bar-BYESZINM.js";
 import { a as A, H as G, g as J, f as z, e as K, c as Q, d as U } from "./header-CjwasYnn.js";
-import { H as X } from "./header-settings--pjYOe6g.js";
+import { H as X } from "./header-settings-Cn5fPXCE.js";
 import { S as Y } from "./sign-in-with-alfadocs-button-UlYefZpI.js";
-import { S as Z, g as _, b as aa, a as ea, j as sa, k as ra, i as ta, h as I } from "./sidebar-C-Gr2LL-.js";
+import { S as Z, g as _, b as aa, a as ea, j as sa, k as ta, i as ra, h as I } from "./sidebar-C-Gr2LL-.js";
 import { T as na } from "./theme-root-BOO73p5t.js";
 import { a as da } from "./tooltip-DvmfrNvB.js";
 import { u as ia } from "./use-theme-CAuo6EYT.js";
@@ -75,14 +75,14 @@ const ua = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), fa =
     name: s,
     variant: n = "standard",
     monochrome: e = !1,
-    tone: r = "auto",
+    tone: t = "auto",
     size: d = "md",
     className: l,
     ...c
   }, o) => {
     if (n === "maker") {
-      const i = r === "inherit", u = i ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", f = i ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", h = i ? "" : "ds:text-[color:var(--muted-foreground)]", v = i ? "" : "ds:text-[color:var(--foreground)]";
-      return /* @__PURE__ */ t(
+      const i = t === "inherit", u = i ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", f = i ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", h = i ? "" : "ds:text-[color:var(--muted-foreground)]", v = i ? "" : "ds:text-[color:var(--foreground)]";
+      return /* @__PURE__ */ r(
         "span",
         {
           ref: o,
@@ -107,7 +107,7 @@ const ua = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), fa =
                 children: s
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ r(
               "span",
               {
                 "aria-hidden": !0,
@@ -129,7 +129,7 @@ const ua = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), fa =
         }
       );
     }
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ r(
       "span",
       {
         ref: o,
@@ -143,7 +143,7 @@ const ua = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), fa =
             oa,
             {
               variant: e ? "monochrome" : "wordmark",
-              tone: r,
+              tone: t,
               size: d,
               decorative: !0
             }
@@ -172,14 +172,14 @@ function va({
   user: s,
   labels: n,
   onSignOut: e,
-  onToggleFullscreen: r
+  onToggleFullscreen: t
 }) {
   const { t: d } = B(), l = n.fullscreen ?? d("marketplaceAppShell.settings.fullscreen");
   return (
     // Non-modal: an account menu shouldn't inert/aria-hide the whole shell
     // behind it (which leaves the still-focusable chrome inside an
     // aria-hidden region — an `aria-hidden-focus` violation).
-    /* @__PURE__ */ t(m.Root, { modal: !1, children: [
+    /* @__PURE__ */ r(m.Root, { modal: !1, children: [
       /* @__PURE__ */ a(m.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
         "button",
         {
@@ -190,21 +190,21 @@ function va({
           children: /* @__PURE__ */ a("span", { "aria-hidden": "true", children: /* @__PURE__ */ a(S, { name: s.name, src: s.avatarSrc, size: "md" }) })
         }
       ) }),
-      /* @__PURE__ */ t(m.Content, { align: "end", collisionPadding: 16, children: [
-        /* @__PURE__ */ a(m.Label, { children: /* @__PURE__ */ t("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ r(m.Content, { align: "end", collisionPadding: 16, children: [
+        /* @__PURE__ */ a(m.Label, { children: /* @__PURE__ */ r("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
           /* @__PURE__ */ a("span", { "aria-hidden": "true", children: /* @__PURE__ */ a(S, { name: s.name, src: s.avatarSrc, size: "sm" }) }),
-          /* @__PURE__ */ t("span", { className: "ds:flex ds:flex-col ds:min-w-0", children: [
+          /* @__PURE__ */ r("span", { className: "ds:flex ds:flex-col ds:min-w-0", children: [
             /* @__PURE__ */ a("span", { className: "type-label ds:text-[color:var(--foreground)] ds:truncate", children: s.name }),
             s.email ? /* @__PURE__ */ a("span", { className: "type-meta ds:truncate", children: s.email }) : null
           ] })
         ] }) }),
-        r ? /* @__PURE__ */ t(M, { children: [
+        t ? /* @__PURE__ */ r(M, { children: [
           /* @__PURE__ */ a(m.Separator, {}),
           /* @__PURE__ */ a(
             m.Item,
             {
               startIcon: /* @__PURE__ */ a(ma, { "aria-hidden": !0 }),
-              onSelect: r,
+              onSelect: t,
               "data-testid": "marketplace-fullscreen",
               children: l
             }
@@ -229,10 +229,10 @@ function xa({
   renderLink: n
 }) {
   return /* @__PURE__ */ a(ea, { children: s.map((e) => {
-    const r = typeof e.badgeCount == "number" && e.badgeCount > 0 ? e.badgeCount : void 0, d = /* @__PURE__ */ t(M, { children: [
+    const t = typeof e.badgeCount == "number" && e.badgeCount > 0 ? e.badgeCount : void 0, d = /* @__PURE__ */ r(M, { children: [
       e.icon ? /* @__PURE__ */ a(sa, { children: e.icon }) : null,
-      /* @__PURE__ */ a(ra, { children: e.label }),
-      r !== void 0 ? /* @__PURE__ */ a(ta, { children: ga(r) }) : null
+      /* @__PURE__ */ a(ta, { children: e.label }),
+      t !== void 0 ? /* @__PURE__ */ a(ra, { children: ga(t) }) : null
     ] });
     return n ? /* @__PURE__ */ a(I, { asChild: !0, isActive: e.isActive, children: n({
       href: e.href,
@@ -269,18 +269,27 @@ function ba({
   ariaLabel: n,
   renderLink: e
 }) {
-  const r = e ? ({
+  const t = e ? ({
     href: d,
     className: l,
     children: c,
-    "aria-current": o
-  }) => e({ href: d, className: l, children: c, "aria-current": o }) : void 0;
+    "aria-current": o,
+    "data-tab-id": i
+  }) => e({
+    href: d,
+    className: l,
+    children: c,
+    "aria-current": o,
+    // Forward the agent DOM hook — without it a consumer-router tab is
+    // invisible to `[data-tab-id]` lookups (PRS §26 §6).
+    "data-tab-id": i
+  }) : void 0;
   return /* @__PURE__ */ a(
     q,
     {
       items: s,
       ariaLabel: n,
-      ...r ? { renderLink: r } : {}
+      ...t ? { renderLink: t } : {}
     }
   );
 }
@@ -289,7 +298,7 @@ const ka = b(
     productName: s,
     productHref: n = "/",
     nav: e,
-    renderLink: r,
+    renderLink: t,
     user: d,
     labels: l,
     onSignOut: c,
@@ -300,7 +309,7 @@ const ka = b(
     variant: h = "standalone",
     children: v
   }, k) => {
-    const { t: x } = B(), H = r ? /* @__PURE__ */ a(A, { asChild: !0, children: r({
+    const { t: x } = B(), H = t ? /* @__PURE__ */ a(A, { asChild: !0, children: t({
       href: n,
       children: /* @__PURE__ */ a(
         g,
@@ -330,14 +339,14 @@ const ka = b(
       {
         mainAriaLabel: f,
         mainClassName: T({ variant: "standalone" }),
-        header: /* @__PURE__ */ t(G, { children: [
-          /* @__PURE__ */ t(J, { children: [
+        header: /* @__PURE__ */ r(G, { children: [
+          /* @__PURE__ */ r(J, { children: [
             /* @__PURE__ */ a(z, { href: "#main-content" }),
             /* @__PURE__ */ a(K, { onMenuOpen: () => N(!0) }),
             H
           ] }),
           /* @__PURE__ */ a(Q, {}),
-          /* @__PURE__ */ t(U, { children: [
+          /* @__PURE__ */ r(U, { children: [
             /* @__PURE__ */ a(X, { size: "sm" }),
             /* @__PURE__ */ a(
               va,
@@ -350,7 +359,7 @@ const ka = b(
             )
           ] })
         ] }),
-        sidebar: /* @__PURE__ */ t(
+        sidebar: /* @__PURE__ */ r(
           Z,
           {
             ...i !== void 0 ? { state: i } : { defaultState: "expanded" },
@@ -366,7 +375,7 @@ const ka = b(
                 // the icon-mode centring and offset the toggle in the rail.
                 /* @__PURE__ */ a(_, { children: /* @__PURE__ */ a(aa, {}) })
               ) : null,
-              /* @__PURE__ */ a(xa, { nav: e, renderLink: r })
+              /* @__PURE__ */ a(xa, { nav: e, renderLink: t })
             ]
           }
         ),
@@ -375,14 +384,14 @@ const ka = b(
     ) }), P = (
       // The shell owns the warm-grey canvas; TabBar's strip is transparent and
       // floats its pill on it, and `<main>` continues the same surface.
-      /* @__PURE__ */ t("div", { className: "ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]", children: [
+      /* @__PURE__ */ r("div", { className: "ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]", children: [
         /* @__PURE__ */ a(z, { href: "#main-content" }),
         /* @__PURE__ */ a(
           ba,
           {
             nav: e,
             ariaLabel: x("navigation.sidebar.label"),
-            renderLink: r
+            renderLink: t
           }
         ),
         /* @__PURE__ */ a(
@@ -448,7 +457,7 @@ const ya = p(
     productName: s,
     title: n,
     description: e,
-    connectLabel: r,
+    connectLabel: t,
     status: d = "idle",
     error: l,
     onConnect: c,
@@ -456,7 +465,7 @@ const ya = p(
     layout: i = "card",
     brandPanel: u,
     className: f
-  }, h) => /* @__PURE__ */ t(
+  }, h) => /* @__PURE__ */ r(
     "div",
     {
       ref: h,
@@ -468,7 +477,7 @@ const ya = p(
           // monochrome lockup riding the `--primary-foreground` ink, plus an
           // optional `brandPanel` slot. Decorative — the card carries the real
           // heading + CTA, and shows its own lockup below `lg:`.
-          /* @__PURE__ */ t("div", { className: "ds:hidden ds:lg:flex ds:lg:w-[55%] ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:ps-[var(--spacing-2xl)] ds:pe-[var(--spacing-2xl)] ds:pt-[var(--spacing-2xl)] ds:pb-[var(--spacing-2xl)] ds:text-start", children: [
+          /* @__PURE__ */ r("div", { className: "ds:hidden ds:lg:flex ds:lg:w-[55%] ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:ps-[var(--spacing-2xl)] ds:pe-[var(--spacing-2xl)] ds:pt-[var(--spacing-2xl)] ds:pb-[var(--spacing-2xl)] ds:text-start", children: [
             /* @__PURE__ */ a(
               g,
               {
@@ -482,7 +491,7 @@ const ya = p(
             u ? /* @__PURE__ */ a("div", { className: "type-body ds:max-w-[28rem] ds:text-start", children: u }) : null
           ] })
         ) : null,
-        /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ a(w, { className: Na({ layout: i }), children: /* @__PURE__ */ t(w.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
+        /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ a(w, { className: Na({ layout: i }), children: /* @__PURE__ */ r(w.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
           /* @__PURE__ */ a(
             g,
             {
@@ -492,7 +501,7 @@ const ya = p(
               className: Ca({ layout: i })
             }
           ),
-          /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
             /* @__PURE__ */ a("h1", { className: "type-title-card", children: n }),
             /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: e })
           ] }),
@@ -504,7 +513,7 @@ const ya = p(
               className: "ds:w-full",
               loading: d === "connecting",
               onClick: c,
-              label: r,
+              label: t,
               "data-testid": "connect-with-alfadocs-button"
             }
           ),
@@ -520,4 +529,4 @@ export {
   ka as M,
   g as P
 };
-//# sourceMappingURL=marketplace-app-shell-DwcFMxzp.js.map
+//# sourceMappingURL=marketplace-app-shell-BLRvg-M0.js.map

package/dist/_chunks/{nl-DuShqwuV.js → nl-DDs-KEnD.js}

@@ -1,4 +1,4 @@
-import { A as d, B as n, E as r, F as s } from "./date-picker-variants-eL6HjWvw.js";
+import { g as d, h as n, j as r, k as s } from "./format-4HNwNGrN.js";
 const m = {
   lessThanXSeconds: {
     one: "minder dan een seconde",
@@ -205,7 +205,7 @@ const m = {
     values: M,
     defaultWidth: "wide"
   })
-}, z = /^(\d+)e?/i, k = /\d+/i, W = {
+}, k = /^(\d+)e?/i, z = /\d+/i, W = {
   narrow: /^([vn]\.? ?C\.?)/,
   abbreviated: /^([vn]\. ?Chr\.?)/,
   wide: /^((voor|na) Christus)/
@@ -217,11 +217,11 @@ const m = {
   wide: /^[1234]e kwartaal/i
 }, x = {
   any: [/1/i, /2/i, /3/i, /4/i]
-}, F = {
+}, H = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan.|feb.|mrt.|apr.|mei|jun.|jul.|aug.|sep.|okt.|nov.|dec.)/i,
   wide: /^(januari|februari|maart|april|mei|juni|juli|augustus|september|oktober|november|december)/i
-}, H = {
+}, F = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -255,12 +255,12 @@ const m = {
   short: /^(zo|ma|di|wo|do|vr|za)/i,
   abbreviated: /^(zon|maa|din|woe|don|vri|zat)/i,
   wide: /^(zondag|maandag|dinsdag|woensdag|donderdag|vrijdag|zaterdag)/i
-}, A = {
+}, V = {
   narrow: [/^z/i, /^m/i, /^d/i, /^w/i, /^d/i, /^v/i, /^z/i],
   any: [/^zo/i, /^ma/i, /^di/i, /^wo/i, /^do/i, /^vr/i, /^za/i]
-}, E = {
+}, A = {
   any: /^(am|pm|middernacht|het middaguur|'s (ochtends|middags|avonds|nachts))/i
-}, V = {
+}, E = {
   any: {
     am: /^am/i,
     pm: /^pm/i,
@@ -273,8 +273,8 @@ const m = {
   }
 }, L = {
   ordinalNumber: s({
-    matchPattern: z,
-    parsePattern: k,
+    matchPattern: k,
+    parsePattern: z,
     valueCallback: (e) => parseInt(e, 10)
   }),
   era: r({
@@ -291,21 +291,21 @@ const m = {
     valueCallback: (e) => e + 1
   }),
   month: r({
-    matchPatterns: F,
+    matchPatterns: H,
     defaultMatchWidth: "wide",
-    parsePatterns: H,
+    parsePatterns: F,
     defaultParseWidth: "any"
   }),
   day: r({
     matchPatterns: X,
     defaultMatchWidth: "wide",
-    parsePatterns: A,
+    parsePatterns: V,
     defaultParseWidth: "any"
   }),
   dayPeriod: r({
-    matchPatterns: E,
+    matchPatterns: A,
     defaultMatchWidth: "any",
-    parsePatterns: V,
+    parsePatterns: E,
     defaultParseWidth: "any"
   })
 }, S = {
@@ -323,4 +323,4 @@ const m = {
 export {
   S as nl
 };
-//# sourceMappingURL=nl-DuShqwuV.js.map
+//# sourceMappingURL=nl-DDs-KEnD.js.map

package/dist/_chunks/{notes-panel-DPsgB4Mv.js → notes-panel-CiFN3sLW.js}

@@ -4,7 +4,7 @@ import { c as pe } from "./index-D2ZczOXr.js";
 import { useTranslation as fe } from "react-i18next";
 import { u as me } from "./registry-DvAUVLHh.js";
 import { C as ge } from "./clinical-note-card-D63x_AkK.js";
-import { R as he } from "./rich-text-editor-CfeXPPWs.js";
+import { R as he } from "./rich-text-editor-BedTpWzL.js";
 import { T as be } from "./text-area-Bt3p7Pt0.js";
 import { B as ve } from "./button-CPGiR_bH.js";
 import { C as ye } from "./checkbox-BuZ1u__2.js";
@@ -348,4 +348,4 @@ const Se = se(
 export {
   Se as N
 };
-//# sourceMappingURL=notes-panel-DPsgB4Mv.js.map
+//# sourceMappingURL=notes-panel-CiFN3sLW.js.map

package/dist/_chunks/{number-input-DrozbZAU.js → number-input-DOe5VYei.js}

@@ -1,14 +1,14 @@
-import { jsxs as we, jsx as F } from "react/jsx-runtime";
-import { useMemo as Y, forwardRef as Ie, useRef as L, useCallback as z, useState as q, useEffect as De } from "react";
-import { c as xe } from "./index-D2ZczOXr.js";
-import { useTranslation as Ce } from "react-i18next";
-import { u as Fe } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Se } from "./form-field-context-B3APVHKx.js";
-import { c as Ve } from "./compose-refs-C0k0tdqF.js";
-import { u as Me } from "./registry-DvAUVLHh.js";
-import { C as ke } from "./chevron-down-DWE7GSq9.js";
-import { C as Te } from "./chevron-up-umRGgtJA.js";
-const Pe = {
+import { jsxs as Ie, jsx as F } from "react/jsx-runtime";
+import { useMemo as Y, forwardRef as De, useRef as K, useCallback as z, useState as q, useEffect as xe } from "react";
+import { c as Ce } from "./index-D2ZczOXr.js";
+import { useTranslation as Fe } from "react-i18next";
+import { u as Se } from "./use-controllable-state-BiY4xTzM.js";
+import { u as Ve } from "./form-field-context-B3APVHKx.js";
+import { c as Me } from "./compose-refs-C0k0tdqF.js";
+import { u as ke } from "./registry-DvAUVLHh.js";
+import { C as Te } from "./chevron-down-DWE7GSq9.js";
+import { C as Pe } from "./chevron-up-umRGgtJA.js";
+const ze = {
   id: "number-input",
   capabilities: ["set_value"],
   state: {
@@ -74,7 +74,7 @@ const Pe = {
     }
   }
 };
-function ze(n) {
+function Re(n) {
   let s = "";
   for (const l of n) {
     const r = l.codePointAt(0);
@@ -82,7 +82,7 @@ function ze(n) {
   }
   return s;
 }
-function Re(n, s, l) {
+function Ae(n, s, l) {
   return Y(() => {
     var V, M;
     const r = new Intl.NumberFormat(n).formatToParts(1234.5), u = ((V = r.find((a) => a.type === "decimal")) == null ? void 0 : V.value) ?? ".", S = ((M = r.find((a) => a.type === "group")) == null ? void 0 : M.value) ?? ",", p = s === "currency" ? new Intl.NumberFormat(n, {
@@ -93,7 +93,7 @@ function Re(n, s, l) {
       maximumFractionDigits: 4
     }) : s === "integer" ? new Intl.NumberFormat(n, { maximumFractionDigits: 0 }) : new Intl.NumberFormat(n, { maximumFractionDigits: 10 }), R = (a) => Number.isFinite(a) ? p.format(a) : "", A = (a) => {
       if (!a) return NaN;
-      const k = ze(a), h = k.trim(), I = h.startsWith("-") || h.startsWith("−");
+      const k = Re(a), h = k.trim(), I = h.startsWith("-") || h.startsWith("−");
       let d = "";
       for (const N of k)
         N >= "0" && N <= "9" ? d += N : N === u && (d += ".");
@@ -123,7 +123,7 @@ function Re(n, s, l) {
     };
   }, [n, s, l]);
 }
-const Ae = xe(
+const je = Ce(
   [
     "ds:flex ds:items-center ds:w-full ds:rounded-[var(--radius-sm)]",
     "ds:border ds:bg-input ds:text-foreground",
@@ -153,18 +153,18 @@ const Ae = xe(
   "ds:text-muted-foreground ds:hover:text-foreground",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
   "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
-].join(" "), je = () => typeof navigator < "u" && navigator.language ? navigator.language : "en-US";
-function Be(n) {
+].join(" "), Be = () => typeof navigator < "u" && navigator.language ? navigator.language : "en-US", Ee = (n) => typeof n == "string" && n.trim() !== "" ? n : void 0;
+function Ue(n) {
   if (!Number.isFinite(n)) return 0;
   const s = String(n), l = s.indexOf(".");
   return l === -1 ? 0 : s.length - l - 1;
 }
-function Ee(n, s) {
+function Le(n, s) {
   if (s <= 0 || !Number.isFinite(s)) return n;
-  const r = 10 ** Be(s);
+  const r = 10 ** Ue(s);
   return Math.round(n * r) / r;
 }
-const Ue = Ie(
+const Ke = De(
   ({
     value: n,
     defaultValue: s,
@@ -185,16 +185,16 @@ const Ue = Ie(
     onKeyDown: d,
     ...m
   }, N) => {
-    const { t: H } = Ce(), D = Se(), Z = a ?? D.id, T = !!(D.disabled || k), ee = A ?? je(), j = Re(ee, p, R), {
+    const { t: H, i18n: Z } = Fe(), D = Ve(), ee = a ?? D.id, T = !!(D.disabled || k), te = A ?? Ee(Z.language) ?? Be(), j = Ae(te, p, R), {
       decimalSeparator: P,
       groupingSeparator: W,
       format: B,
       parse: O
-    } = j, _ = L(null), te = Ve(N, _), [ne, re] = Fe({
+    } = j, _ = K(null), ne = Me(N, _), [re, se] = Se({
       value: n,
       defaultValue: s ?? null,
       onChange: l
-    }), i = ne ?? null, $ = L(i);
+    }), i = re ?? null, $ = K(i);
     $.current = i;
     const x = z(
       (e) => {
@@ -207,54 +207,54 @@ const Ue = Ie(
       [B]
     ), [E, c] = q(
       () => v(i)
-    ), y = L(!1), [se, b] = q(!1), [U, C] = q(!1), K = z(
+    ), y = K(!1), [oe, b] = q(!1), [U, C] = q(!1), L = z(
       (e) => {
         if (e >= "0" && e <= "9") return !0;
         const t = e.codePointAt(0) ?? 0;
         return t >= 1632 && t <= 1641 || t >= 1776 && t <= 1785 ? !0 : e === P || e === W || e === "-" || e === "−";
       },
       [P, W]
-    ), oe = z(
+    ), ie = z(
       (e) => {
         let t = "";
         for (const o of e)
-          K(o) && (t += o);
+          L(o) && (t += o);
         return t;
       },
-      [K]
+      [L]
     );
-    De(() => {
+    xe(() => {
       !y.current && !U && c(v(i));
     }, [i, v, U]);
-    const ie = se || U || i !== null && (r !== void 0 && i < r || u !== void 0 && i > u), G = D.invalid || ie, ae = G ? "error" : V ?? "default", f = (e) => {
-      re(e);
+    const ae = oe || U || i !== null && (r !== void 0 && i < r || u !== void 0 && i > u), G = D.invalid || ae, ue = G ? "error" : V ?? "default", f = (e) => {
+      se(e);
     }, w = (e) => {
       let o = (i ?? 0) + S * e;
-      r !== void 0 && (o = Math.max(r, o)), u !== void 0 && (o = Math.min(u, o)), o = Ee(o, S), f(o), b(!1), c(
+      r !== void 0 && (o = Math.max(r, o)), u !== void 0 && (o = Math.min(u, o)), o = Le(o, S), f(o), b(!1), c(
         y.current ? x(o) : v(o)
       );
     }, J = (e) => {
       f(e), b(!1), c(
         y.current ? x(e) : v(e)
       );
-    }, ue = (e) => {
+    }, le = (e) => {
       if (d == null || d(e), e.defaultPrevented || T) return;
       const { key: t, shiftKey: o } = e;
       t === "ArrowUp" ? (e.preventDefault(), w(o ? 10 : 1)) : t === "ArrowDown" ? (e.preventDefault(), w(o ? -10 : -1)) : t === "PageUp" ? (e.preventDefault(), w(100)) : t === "PageDown" ? (e.preventDefault(), w(-100)) : t === "Home" && r !== void 0 ? (e.preventDefault(), J(r)) : t === "End" && u !== void 0 && (e.preventDefault(), J(u));
-    }, le = (e) => {
-      const t = oe(e.target.value);
+    }, de = (e) => {
+      const t = ie(e.target.value);
       if (c(t), t.trim() === "") {
         f(null), b(!1), C(!1);
         return;
       }
       const o = O(t);
       Number.isNaN(o) || (f(o), C(!1));
-    }, de = (e) => {
-      const { data: t } = e.nativeEvent;
-      typeof t != "string" || t.length !== 1 || K(t) || e.preventDefault();
     }, ce = (e) => {
-      h == null || h(e), y.current = !0, i != null && c(x(i));
+      const { data: t } = e.nativeEvent;
+      typeof t != "string" || t.length !== 1 || L(t) || e.preventDefault();
     }, fe = (e) => {
+      h == null || h(e), y.current = !0, i != null && c(x(i));
+    }, pe = (e) => {
       if (I == null || I(e), y.current = !1, E.trim() === "") {
         f(null), b(!1), C(!1), c("");
         return;
@@ -268,7 +268,7 @@ const Ue = Ie(
       b(o), C(!1), f(t), c(v(t));
     }, Q = (e) => {
       e.preventDefault();
-    }, pe = () => w(1), me = () => w(-1), ve = Y(
+    }, me = () => w(1), ve = () => w(-1), be = Y(
       () => ({
         getValue: () => $.current,
         setValue: (e) => {
@@ -289,14 +289,14 @@ const Ue = Ie(
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [x, v]
     );
-    Me(Pe, ve, a);
-    const be = T || r !== void 0 && i !== null && i <= r, ge = T || u !== void 0 && i !== null && i >= u, he = i ?? void 0, Ne = (p === "currency" || p === "percentage") && i !== null && i !== null ? B(i) : void 0, ye = j.inputMode === "numeric" ? "[0-9]*" : void 0;
-    return /* @__PURE__ */ we(
+    ke(ze, be, a);
+    const ge = T || r !== void 0 && i !== null && i <= r, he = T || u !== void 0 && i !== null && i >= u, Ne = i ?? void 0, ye = (p === "currency" || p === "percentage") && i !== null && i !== null ? B(i) : void 0, we = j.inputMode === "numeric" ? "[0-9]*" : void 0;
+    return /* @__PURE__ */ Ie(
       "div",
       {
-        className: Ae({
+        className: je({
           size: g,
-          tone: ae,
+          tone: ue,
           className: M
         }),
         "data-component": "number-input",
@@ -309,37 +309,37 @@ const Ue = Ie(
               type: "button",
               tabIndex: -1,
               "aria-label": H("inputs.number.decrement", "Decrement"),
-              onClick: me,
+              onClick: ve,
               onMouseDown: Q,
-              disabled: be,
+              disabled: ge,
               className: `${X} ds:ps-2 ds:pe-1`,
-              children: /* @__PURE__ */ F(ke, { "aria-hidden": "true", className: "ds:size-4" })
+              children: /* @__PURE__ */ F(Te, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ),
           /* @__PURE__ */ F(
             "input",
             {
-              ref: te,
-              id: Z,
+              ref: ne,
+              id: ee,
               type: "text",
               role: "spinbutton",
               inputMode: j.inputMode,
-              pattern: ye,
+              pattern: we,
               autoComplete: "off",
               value: E,
               disabled: T,
               "aria-valuemin": r,
               "aria-valuemax": u,
-              "aria-valuenow": he,
-              "aria-valuetext": Ne,
+              "aria-valuenow": Ne,
+              "aria-valuetext": ye,
               "aria-invalid": G || void 0,
               "aria-required": D.required || void 0,
               "aria-describedby": D.describedBy || void 0,
-              onBeforeInput: de,
-              onChange: le,
-              onFocus: ce,
-              onBlur: fe,
-              onKeyDown: ue,
+              onBeforeInput: ce,
+              onChange: de,
+              onFocus: fe,
+              onBlur: pe,
+              onKeyDown: le,
               className: "ds:flex-1 ds:w-full ds:min-w-0 ds:bg-transparent ds:outline-none ds:ps-2 ds:pe-2 ds:text-start ds:tabular-nums ds:disabled:cursor-not-allowed",
               ...m
             }
@@ -350,11 +350,11 @@ const Ue = Ie(
               type: "button",
               tabIndex: -1,
               "aria-label": H("inputs.number.increment", "Increment"),
-              onClick: pe,
+              onClick: me,
               onMouseDown: Q,
-              disabled: ge,
+              disabled: he,
               className: `${X} ds:ps-1 ds:pe-2`,
-              children: /* @__PURE__ */ F(Te, { "aria-hidden": "true", className: "ds:size-4" })
+              children: /* @__PURE__ */ F(Pe, { "aria-hidden": "true", className: "ds:size-4" })
             }
           )
         ]
@@ -362,9 +362,9 @@ const Ue = Ie(
     );
   }
 );
-Ue.displayName = "NumberInput";
+Ke.displayName = "NumberInput";
 export {
-  Ue as N,
-  Re as u
+  Ke as N,
+  Ae as u
 };
-//# sourceMappingURL=number-input-DrozbZAU.js.map
+//# sourceMappingURL=number-input-DOe5VYei.js.map