@konstructio/ui 0.1.2-alpha.40 → 0.1.2-alpha.43

package/dist/components/Dropdown/Dropdown.variants.js

@@ -22,8 +22,9 @@ const a = e(
     "aria-expanded:text-aurora-500",
     "kubefirst:aria-expanded:border-kubefirst-primary",
     "kubefirst:aria-expanded:text-kubefirst-secondary",
-    "dark:border-slate-600",
-    "dark:focus-visible:bg-slate-800"
+    "dark:border-metal-700",
+    "dark:focus-visible:bg-slate-800",
+    "dark:bg-metal-800"
   ],
   {
     variants: {

package/dist/components/Dropdown/components/List/List.js

@@ -1,5 +1,5 @@
 import { jsxs as V, jsx as r } from "react/jsx-runtime";
-import { S as Z } from "../../../../index-BtQfgaSF.js";
+import { S as Z } from "../../../../index-BvoZGpli.js";
 import { d as B } from "../../../../debounce-BFejQm9P.js";
 import { forwardRef as G, useRef as C, useState as J, useImperativeHandle as K, useMemo as M, useEffect as Q } from "react";
 import { Loading as R } from "../../../Loading/Loading.js";

package/dist/components/Dropdown/components/Wrapper.js

@@ -1,18 +1,18 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
 import { forwardRef as Z, useId as ee, useRef as C, useMemo as te, useImperativeHandle as ae, useEffect as re } from "react";
 import { S as ne } from "../../../loader-juvMSJ9L.js";
 import { Typography as se } from "../../Typography/Typography.js";
-import { cn as o } from "../../../utils/index.js";
+import { cn as s } from "../../../utils/index.js";
 import { labelVariants as oe, inputVariants as le, dropdownVariants as ie } from "../Dropdown.variants.js";
 import { useDropdown as ce } from "../hooks/useDropdown.js";
 import { List as pe } from "./List/List.js";
-import { c as ue } from "../../../createLucideIcon-D4r5Phnh.js";
-import { C as me } from "../../../chevron-up-DrQr2Fwd.js";
+import { c as me } from "../../../createLucideIcon-D4r5Phnh.js";
+import { C as ue } from "../../../chevron-up-DrQr2Fwd.js";
 import { useDropdownContext as fe } from "../contexts/dropdown.hook.js";
 const de = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], xe = ue("search", de), je = Z(
+], xe = me("search", de), je = Z(
   ({
     additionalOptions: b,
     className: z,
@@ -44,13 +44,13 @@ const de = [
     const I = ee(), l = C(null), L = C(null), A = C(0), {
       isOpen: i,
       searchTerm: B,
-      value: s,
+      value: o,
       options: n,
       setValue: c,
       setSearchTerm: G,
       setCanFilter: J,
       toggleOpen: K
-    } = fe(), e = te(() => n.find(({ value: a }) => a === s), [n, s]), { wrapperRef: Q, wrapperInputRef: V, handleOpen: j } = ce({
+    } = fe(), e = te(() => n.find(({ value: a }) => a === o), [n, o]), { wrapperRef: Q, wrapperInputRef: V, handleOpen: j } = ce({
       ulRef: L,
       inputRef: l,
       disabled: t,
@@ -58,31 +58,31 @@ const de = [
       onBlur: H
     }), p = d ? `${I}-${d}` : I;
     ae(q, () => l.current, [l]), re(() => {
-      if (x && !s) {
-        const a = n && n.find((u) => u.value === x);
+      if (x && !o) {
+        const a = n && n.find((m) => m.value === x);
         a && c(a.value);
       }
-    }, [x, n, c, s]);
+    }, [x, n, c, o]);
     const X = (a) => {
-      const u = a.target.value;
-      J(!0), c(""), G(u ?? ""), P?.(u);
+      const m = a.target.value;
+      J(!0), c(""), G(m ?? ""), P?.(m);
       const O = n.find(
-        (Y) => Y.value.toLocaleLowerCase() === u.toLocaleLowerCase()
+        (Y) => Y.value.toLocaleLowerCase() === m.toLocaleLowerCase()
       );
       c(O ? O.value : e?.value ?? "");
     };
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ u(
       "div",
       {
         ref: Q,
-        className: o("flex flex-col w-full relative", W),
+        className: s("flex flex-col w-full relative", W),
         "data-theme": M,
         children: [
-          v ? /* @__PURE__ */ m(
+          v ? /* @__PURE__ */ u(
             "label",
             {
               id: p,
-              className: o(oe({ className: S })),
+              className: s(oe({ className: S })),
               htmlFor: p,
               onClick: () => !t && j(),
               children: [
@@ -91,12 +91,12 @@ const de = [
               ]
             }
           ) : null,
-          /* @__PURE__ */ m(
+          /* @__PURE__ */ u(
             "div",
             {
               ref: V,
               id: p,
-              className: o(
+              className: s(
                 ie({ className: z, hasError: !!f, disabled: t })
               ),
               role: "combobox",
@@ -105,17 +105,31 @@ const de = [
               tabIndex: A.current,
               "aria-labelledby": p,
               children: [
-                /* @__PURE__ */ m("div", { className: "flex gap-2.5 items-center flex-1", children: [
+                /* @__PURE__ */ u("div", { className: "flex gap-2.5 items-center flex-1", children: [
                   e?.leftIcon && !N && /* @__PURE__ */ r("span", { className: "w-4 h-4 flex justify-center items-center dark:text-slate-50", children: e.leftIcon }),
-                  N && /* @__PURE__ */ r(xe, { className: "w-4 h-4 text-zinc-500 select-none dark:text-slate-300 dark:group-focus-within:text-slate-50 transition-colors duration-300" }),
+                  N && /* @__PURE__ */ r(
+                    xe,
+                    {
+                      className: s(
+                        "w-4",
+                        "h-4",
+                        "text-zinc-500",
+                        "select-none",
+                        "transition-colors",
+                        "duration-300",
+                        "dark:text-metal-300",
+                        "dark:group-focus-within:text-slate-50"
+                      )
+                    }
+                  ),
                   k ? /* @__PURE__ */ r(
                     "input",
                     {
                       type: "text",
-                      value: i ? B : e?.label ?? s ?? "",
+                      value: i ? B : e?.label ?? o ?? "",
                       onChange: X,
                       placeholder: w,
-                      className: o(le({ className: F }), {
+                      className: s(le({ className: F }), {
                         "text-red-700 placeholder:text-red-700": !!f
                       }),
                       onClick: (a) => {
@@ -130,11 +144,11 @@ const de = [
                       tabIndex: -1,
                       ...y
                     }
-                  ) : /* @__PURE__ */ m(
+                  ) : /* @__PURE__ */ u(
                     se,
                     {
                       variant: "body2",
-                      className: o(
+                      className: s(
                         "flex-1 text-zinc-400 text-sm dark:text-slate-400 flex gap-2 items-center",
                         {
                           "text-red-700": !!f,
@@ -153,10 +167,10 @@ const de = [
                   )
                 ] }),
                 g ? /* @__PURE__ */ r(ne, { className: "w-4 h-4 text-slate-400 animate-spin select-none" }) : !N && /* @__PURE__ */ r(
-                  me,
+                  ue,
                   {
                     "data-state": i ? "open" : "closed",
-                    className: o(
+                    className: s(
                       "w-4 h-4 text-zinc-500 transition-all duration-100 data-[state=open]:rotate-0 data-[state=closed]:rotate-180 select-none dark:group-focus-within:text-slate-50",
                       R,
                       {
@@ -179,7 +193,7 @@ const de = [
               "aria-hidden": "true",
               required: h,
               inert: !0,
-              defaultValue: e?.value ?? s ?? void 0,
+              defaultValue: e?.value ?? o ?? void 0,
               ...y
             }
           ),

package/dist/components/DropdownButton/DropdownButton.js

@@ -2,7 +2,7 @@ import { jsxs as h, jsx as p } from "react/jsx-runtime";
 import v, { forwardRef as x, useState as C, useRef as w, useCallback as b, useEffect as E } from "react";
 import { cn as l } from "../../utils/index.js";
 import { Button as P } from "../Button/Button.js";
-import { P as c } from "../../index--V_ZsiQe.js";
+import { P as c } from "../../index-BOE_3f_Z.js";
 function m() {
   return m = Object.assign || function(e) {
     for (var i = 1; i < arguments.length; i++) {

package/dist/components/Filter/Filter.variants.js

@@ -1,13 +1,14 @@
 import { c as t } from "../../index-D29mdTf5.js";
-const a = t(["flex", "gap-8", "items-center"]), n = t([
+const a = t(["flex", "gap-8", "items-center"]), r = t([
   "flex",
   "items-center",
   "gap-1",
   "text-slate-500",
   "cursor-pointer",
   "text-sm",
-  "w-max"
-]), r = t([
+  "w-max",
+  "dark:text-metal-300"
+]), n = t([
   "text-slate-400",
   "h-5",
   "w-5",
@@ -16,7 +17,7 @@ const a = t(["flex", "gap-8", "items-center"]), n = t([
   "ease-in-out"
 ]);
 export {
-  r as filterButtonIconVariants,
-  n as filterButtonVariants,
+  n as filterButtonIconVariants,
+  r as filterButtonVariants,
   a as filterVariants
 };

package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js

@@ -1,90 +1,117 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Badge as o } from "../../../Badge/Badge.js";
 import { Button as m } from "../../../Button/Button.js";
-import { Checkbox as C } from "../../../Checkbox/Checkbox.js";
-import { cn as n } from "../../../../utils/index.js";
-import { filterButtonIconVariants as y, filterButtonVariants as N } from "../../Filter.variants.js";
-import { useBadgeMultiSelect as B } from "./BadgeMultiSelect.hook.js";
-import { C as O } from "../../../../chevron-down-DgT-uSF9.js";
+import { Checkbox as k } from "../../../Checkbox/Checkbox.js";
+import { cn as l } from "../../../../utils/index.js";
+import { filterButtonIconVariants as C, filterButtonVariants as y } from "../../Filter.variants.js";
+import { useBadgeMultiSelect as N } from "./BadgeMultiSelect.hook.js";
+import { C as B } from "../../../../chevron-down-DgT-uSF9.js";
 const $ = ({
-  options: i,
+  options: n,
   label: p,
-  position: d = "left",
+  position: i = "left",
   onApply: f
 }) => {
   const {
     wrapperRef: h,
-    isOpen: l,
+    isOpen: r,
     selectedOptions: u,
     selectedCount: c,
     handleOpen: g,
     handleResetOptions: b,
-    handleApplyOptions: v,
-    handleSelectOption: x
-  } = B({ onApply: f });
-  return i.length === 0 ? null : /* @__PURE__ */ a("div", { ref: h, className: "relative", children: [
-    /* @__PURE__ */ a(
+    handleApplyOptions: x,
+    handleSelectOption: v
+  } = N({ onApply: f });
+  return n.length === 0 ? null : /* @__PURE__ */ t("div", { ref: h, className: "relative", children: [
+    /* @__PURE__ */ t(
       "button",
       {
-        className: n(N(), {
-          "text-slate-700": l
+        className: l(y(), {
+          "text-slate-700 dark:text-metal-50": r
         }),
         onClick: g,
         children: [
           p,
           c.length > 0 && /* @__PURE__ */ e(o, { label: c.length.toString() }),
           /* @__PURE__ */ e(
-            O,
+            B,
             {
-              className: n(y(), {
-                "rotate-180": l,
-                "text-blue-600": l
+              className: l(C(), {
+                "rotate-180": r,
+                "text-blue-600 dark:text-aurora-500": r
               })
             }
           )
         ]
       }
     ),
-    l && /* @__PURE__ */ a(
+    r && /* @__PURE__ */ t(
       "div",
       {
-        className: n(
-          "absolute top-full mt-1 bg-white rounded-md shadow-md animate-in fade-in-0 z-10 border border-gray-200",
+        className: l(
+          "absolute",
+          "top-full",
+          "mt-1",
+          "bg-white",
+          "rounded-md",
+          "shadow-md",
+          "animate-in",
+          "fade-in-0",
+          "z-10",
+          "border",
+          "border-gray-200",
+          "dark:bg-metal-800",
+          "dark:border-metal-700",
           {
-            "left-0": d === "left",
-            "right-0": d === "right"
+            "left-0": i === "left",
+            "right-0": i === "right"
           }
         ),
         children: [
-          /* @__PURE__ */ e("div", { className: "py-4", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: i.map((t) => {
+          /* @__PURE__ */ e("div", { className: "py-4", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: n.map((a) => {
             const s = !!u.find(
-              (r) => r.id === t.id
+              (d) => d.id === a.id
             );
-            return /* @__PURE__ */ a("div", { className: "flex gap-4 px-6", children: [
+            return /* @__PURE__ */ t("div", { className: "flex gap-4 px-6", children: [
               /* @__PURE__ */ e(
-                C,
+                k,
                 {
                   defaultChecked: s,
-                  "data-label": t.id,
-                  onChange: (r) => x(t, r)
+                  "data-label": a.id,
+                  onChange: (d) => v(a, d)
                 },
-                `${t.id}-${s}`
+                `${a.id}-${s}`
               ),
-              /* @__PURE__ */ e(o, { label: t.label, variant: t.variant })
-            ] }, t.id);
+              /* @__PURE__ */ e(o, { label: a.label, variant: a.variant })
+            ] }, a.id);
           }) }) }),
-          /* @__PURE__ */ a("div", { className: "flex justify-center items-center gap-4 py-4 border-t border-gray-200", children: [
-            /* @__PURE__ */ e(
-              m,
-              {
-                variant: "secondary",
-                appearance: "compact",
-                onClick: b,
-                children: "Reset"
-              }
-            ),
-            /* @__PURE__ */ e(m, { appearance: "compact", onClick: v, children: "Apply" })
-          ] })
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: l(
+                "flex",
+                "justify-center",
+                "items-center",
+                "gap-4",
+                "py-4",
+                "border-t",
+                "border-gray-200",
+                "dark:border-metal-700"
+              ),
+              children: [
+                /* @__PURE__ */ e(
+                  m,
+                  {
+                    variant: "secondary",
+                    appearance: "compact",
+                    onClick: b,
+                    children: "Reset"
+                  }
+                ),
+                /* @__PURE__ */ e(m, { appearance: "compact", onClick: x, children: "Apply" })
+              ]
+            }
+          )
         ]
       }
     )

package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.hook.js

@@ -22,9 +22,9 @@ const R = ({
     const e = new AbortController();
     return document.addEventListener(
       f.OPEN,
-      (o) => {
+      ((o) => {
         o.detail !== t && a(!1);
-      },
+      }),
       {
         signal: e.signal
       }

package/dist/components/Filter/components/ResetButton/ResetButton.js

@@ -1,29 +1,43 @@
 import { jsx as n } from "react/jsx-runtime";
-import { useCallback as a } from "react";
-import { Button as m } from "../../../Button/Button.js";
-import { resetEvent as p } from "../../events/index.js";
-const u = ({
-  disabled: e,
-  onClick: t,
-  ...r
+import { useCallback as s } from "react";
+import { Button as p } from "../../../Button/Button.js";
+import { cn as m } from "../../../../utils/index.js";
+import { resetEvent as c } from "../../events/index.js";
+const b = ({
+  disabled: t,
+  className: e,
+  onClick: r,
+  ...a
 }) => {
-  const o = a(() => {
-    p(), t?.();
-  }, [t]);
+  const o = s(() => {
+    c(), r?.();
+  }, [r]);
   return /* @__PURE__ */ n(
-    m,
+    p,
     {
       type: "button",
       variant: "text",
       appearance: "compact",
       version: "alternate",
       onClick: o,
-      disabled: e,
-      ...r,
+      disabled: t,
+      className: m(
+        "text-aurora-500",
+        "hover:text-slate-700",
+        "disabled:text-aurora-500/60",
+        "bg-transparent",
+        "hover:bg-transparent",
+        "hover:text-aurora-500",
+        "border-transparent",
+        "dark:hover:text-aurora-500",
+        "dark:hover:bg-aurora-900",
+        e
+      ),
+      ...a,
       children: "Reset"
     }
   );
 };
 export {
-  u as ResetButton
+  b as ResetButton
 };

package/dist/components/Input/Input.js

@@ -4,7 +4,7 @@ import { cn as u } from "../../utils/index.js";
 import { inputVariants as $ } from "./Input.variants.js";
 import { SearchIcon as L } from "../../assets/icons/components/Search.js";
 import { Warning as T } from "../../assets/icons/components/Warning.js";
-import { P as i } from "../../index--V_ZsiQe.js";
+import { P as i } from "../../index-BOE_3f_Z.js";
 function h() {
   return h = Object.assign || function(t) {
     for (var n = 1; n < arguments.length; n++) {

package/dist/components/Input/Input.variants.js

@@ -23,8 +23,8 @@ const a = r(
     "data-[error=false]:dark:focus:ring-aurora-500",
     "data-[error=false]:focus:ring-aurora-500",
     "data-[error=false]:kubefirst:focus:ring-kubefirst-primary",
-    "dark:bg-slate-800",
-    "dark:border-slate-600",
+    "dark:bg-metal-800",
+    "dark:border-metal-700",
     "dark:disabled:bg-slate-900",
     "dark:disabled:text-slate-400",
     "dark:text-slate-50",

package/dist/components/Modal/Modal.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "react-dom";
-import { M as d } from "../../Modal-CtAG97Ts.js";
+import { M as d } from "../../Modal-CjC-CIJ8.js";
 import "./components/Header/Header.js";
 import "./components/Body/Body.js";
 import "./components/Footer/Footer.js";

package/dist/components/Modal/components/Body/Body.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as n } from "../../../../index-BtQfgaSF.js";
+import { S as n } from "../../../../index-BvoZGpli.js";
 import { cn as e } from "../../../../utils/index.js";
 const i = ({ children: o, asChild: t, className: m }) => /* @__PURE__ */ r(t ? n : "div", { className: e("flex-1", m), children: o });
 export {

package/dist/components/Modal/components/Footer/Footer.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { S as n } from "../../../../index-BtQfgaSF.js";
+import { S as n } from "../../../../index-BvoZGpli.js";
 import { cn as e } from "../../../../utils/index.js";
 const a = ({ children: o, asChild: r, className: t }) => /* @__PURE__ */ m(r ? n : "div", { className: e("border-zinc-200", t), children: o });
 export {

package/dist/components/Modal/components/Header/Header.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { S as n } from "../../../../index-BtQfgaSF.js";
+import { S as n } from "../../../../index-BvoZGpli.js";
 import { cn as e } from "../../../../utils/index.js";
 const a = ({ children: o, asChild: r, className: t }) => /* @__PURE__ */ m(r ? n : "div", { className: e("border-zinc-200", t), children: o });
 export {

package/dist/components/Modal/components/Wrapper/Wrapper.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
-import "../../../../index-DrWQH0QF.js";
+import "../../../../index-BKjcReYh.js";
 import "react";
 import "../../../../Combination-BtmnusWq.js";
-import { W as f } from "../../../../Modal-CtAG97Ts.js";
+import { W as f } from "../../../../Modal-CjC-CIJ8.js";
 import "../../../../utils/index.js";
 import "./Wrapper.variants.js";
-import "../../../../x-DPU9OdYH.js";
+import "../../../../x-Eoa9FJjA.js";
 export {
   f as Wrapper
 };

package/dist/components/Modal/components/index.js

@@ -1,7 +1,7 @@
 import { Body as e } from "./Body/Body.js";
 import { Footer as t } from "./Footer/Footer.js";
 import { Header as m } from "./Header/Header.js";
-import { W as a } from "../../../Modal-CtAG97Ts.js";
+import { W as a } from "../../../Modal-CjC-CIJ8.js";
 export {
   e as Body,
   t as Footer,

package/dist/components/MultiSelectDropdown/components/Wrapper/Wrapper.js

@@ -1,25 +1,25 @@
 import "../Item/Item.js";
-import { List as v } from "../List/List.js";
+import { List as N } from "../List/List.js";
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import * as c from "react";
-import { forwardRef as b, useId as S, useImperativeHandle as C } from "react";
+import { forwardRef as S, useId as b, useImperativeHandle as C } from "react";
 import { S as O } from "../../../../loader-juvMSJ9L.js";
 import { cn as t } from "../../../../utils/index.js";
 import { useMultiSelectDropdown as k } from "../../hooks/useMultiSelectDropdown.js";
 import { labelVariants as D, multiSelectDropdownVariants as M, wrapperVariants as R } from "../../MultiSelectDropdown.variants.js";
-import { C as y } from "../../../../chevron-up-CRyLc5Ml.js";
+import { C as y } from "../../../../chevron-up-DEfvgPCw.js";
 import { useMultiSelectDropdown as I } from "../../contexts/MultiSelectDropdown.hook.js";
 import { Tag as V } from "../../../Tag/Tag.js";
-const j = (r) => /* @__PURE__ */ c.createElement("svg", { width: 9, height: 9, viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ c.createElement("path", { d: "M8.16667 0.8225L7.34417 0L4.08333 3.26083L0.8225 0L0 0.8225L3.26083 4.08333L0 7.34417L0.8225 8.16667L4.08333 4.90583L7.34417 8.16667L8.16667 7.34417L4.90583 4.08333L8.16667 0.8225Z", fill: "#364153" })), E = b(
+const j = (r) => /* @__PURE__ */ c.createElement("svg", { width: 9, height: 9, viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ c.createElement("path", { d: "M8.16667 0.8225L7.34417 0L4.08333 3.26083L0.8225 0L0 0.8225L3.26083 4.08333L0 7.34417L0.8225 8.16667L4.08333 4.90583L7.34417 8.16667L8.16667 7.34417L4.90583 4.08333L8.16667 0.8225Z", fill: "#364153" })), E = S(
   ({ label: r, labelClassName: p, name: l, placeholder: d = "", theme: h, wrapperClassName: f }, u) => {
-    const o = S(), {
+    const o = b(), {
       selectedOptions: n,
       isOpen: s,
       onOpen: w,
       onRemoveOption: L,
       inputRef: i,
       isLoading: g
-    } = I(), { wrapperRef: x, handleOpen: N } = k();
+    } = I(), { wrapperRef: x, handleOpen: v } = k();
     return C(u, () => i.current, [i]), /* @__PURE__ */ m(
       "div",
       {
@@ -50,14 +50,14 @@ const j = (r) => /* @__PURE__ */ c.createElement("svg", { width: 9, height: 9, v
               id: l ?? o,
               className: t(M()),
               role: "combobox",
-              onClick: N,
+              onClick: v,
               "aria-expanded": s,
               children: [
                 n.length === 0 ? /* @__PURE__ */ e("span", { className: "text-base text-inherit select-none", children: d }) : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: n.map((a) => /* @__PURE__ */ e(
                   V,
                   {
                     id: a.id,
-                    label: a.tagLabel || a.label || "",
+                    label: a.value || a.tagLabel || "",
                     color: a.tagColor || "gray-800",
                     className: "select-none gap-2",
                     rightIcon: /* @__PURE__ */ e(
@@ -93,7 +93,7 @@ const j = (r) => /* @__PURE__ */ c.createElement("svg", { width: 9, height: 9, v
               readOnly: !0
             }
           ),
-          s ? /* @__PURE__ */ e(v, {}) : null
+          s ? /* @__PURE__ */ e(N, {}) : null
         ]
       }
     );

package/dist/components/NumberInput/NumberInput.js

@@ -1,9 +1,9 @@
 import { jsxs as m, jsx as c } from "react/jsx-runtime";
-import { R as O } from "../../index-DrWQH0QF.js";
+import { R as O } from "../../index-BKjcReYh.js";
 import f, { forwardRef as b, useId as N, useCallback as w } from "react";
 import { cn as y } from "../../utils/index.js";
 import { labelVariants as z, buttonVariants as j, numberInputVariants as _ } from "./NumberInput.variants.js";
-import { P as l } from "../../index--V_ZsiQe.js";
+import { P as l } from "../../index-BOE_3f_Z.js";
 function h() {
   return h = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {