@konstructio/ui 0.1.2-alpha.99 → 0.1.4

package/dist/CollapsedSteps-Dy2I7XDd.js

@@ -0,0 +1,112 @@
+import { o as h } from "./rolldown-runtime-B28h4lGi.js";
+import { a as g, n as v, r as d, t as y } from "./dist-D0f-mfFj.js";
+import { t as b } from "./prop-types-qsAjMBb1.js";
+import { n as x, t as w } from "./useBreadcrumb-Ta3_czcd.js";
+import { t as u } from "./utils-DnIJruo0.js";
+import l, { forwardRef as O } from "react";
+import { jsx as i, jsxs as k } from "react/jsx-runtime";
+var c = /* @__PURE__ */ h(b());
+function m() {
+  return m = Object.assign || function(e) {
+    for (var a = 1; a < arguments.length; a++) {
+      var o = arguments[a];
+      for (var r in o) Object.prototype.hasOwnProperty.call(o, r) && (e[r] = o[r]);
+    }
+    return e;
+  }, m.apply(this, arguments);
+}
+function j(e, a) {
+  if (e == null) return {};
+  var o = N(e, a), r, t;
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (t = 0; t < n.length; t++)
+      r = n[t], !(a.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+  }
+  return o;
+}
+function N(e, a) {
+  if (e == null) return {};
+  for (var o = {}, r = Object.keys(e), t, n = 0; n < r.length; n++)
+    t = r[n], !(a.indexOf(t) >= 0) && (o[t] = e[t]);
+  return o;
+}
+var p = O(function(e, a) {
+  var o = e.color, r = o === void 0 ? "currentColor" : o, t = e.size, n = t === void 0 ? 24 : t, s = j(e, ["color", "size"]);
+  return /* @__PURE__ */ l.createElement("svg", m({
+    ref: a,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: n,
+    height: n,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: r,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, s), /* @__PURE__ */ l.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "1"
+  }), /* @__PURE__ */ l.createElement("circle", {
+    cx: "19",
+    cy: "12",
+    r: "1"
+  }), /* @__PURE__ */ l.createElement("circle", {
+    cx: "5",
+    cy: "12",
+    r: "1"
+  }));
+});
+p.propTypes = {
+  color: c.default.string,
+  size: c.default.oneOfType([c.default.string, c.default.number])
+};
+p.displayName = "MoreHorizontal";
+var f = u("flex w-full items-center gap-1 px-4 py-1.5 text-sm font-semibold outline-none", "text-gray-600 hover:bg-gray-50 focus:bg-gray-50 hover:cursor-pointer", "dark:text-gray-300 dark:hover:bg-metal-700 dark:focus:bg-metal-700"), R = ({ label: e, steps: a }) => {
+  const { isInsideRouter: o } = w();
+  return /* @__PURE__ */ i("li", {
+    className: "flex items-center",
+    children: /* @__PURE__ */ k(y, {
+      modal: !1,
+      children: [/* @__PURE__ */ i(g, {
+        "aria-label": e,
+        className: u("flex items-center rounded-xs text-gray-400 hover:text-gray-500", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-aurora-500", "dark:hover:text-gray-300 cursor-pointer", "relative tap-target touch-hit-area"),
+        children: /* @__PURE__ */ i(p, {
+          className: "w-5 h-5",
+          "aria-hidden": "true"
+        })
+      }), /* @__PURE__ */ i(v, {
+        align: "start",
+        sideOffset: 4,
+        loop: !0,
+        className: u("z-50 min-w-40 rounded border border-gray-200 bg-white py-2 shadow-xs", "animate-in fade-in-0", "dark:border-metal-700 dark:bg-metal-800"),
+        children: a.map(({ label: r, to: t, target: n, component: s }) => t ? o && !s ? /* @__PURE__ */ i(d, {
+          asChild: !0,
+          children: /* @__PURE__ */ i(x, {
+            to: t,
+            target: n,
+            className: f,
+            children: r
+          })
+        }, r) : /* @__PURE__ */ i(d, {
+          asChild: !0,
+          children: /* @__PURE__ */ i(s ?? "a", {
+            href: s ? void 0 : t,
+            to: s ? t : void 0,
+            target: n,
+            className: f,
+            children: r
+          })
+        }, r) : /* @__PURE__ */ i(d, {
+          disabled: !0,
+          className: u(f, "cursor-default"),
+          children: r
+        }, r))
+      })]
+    })
+  });
+};
+export {
+  R as t
+};

package/dist/{Combination-DFcElBFt.js → Combination-CnMM05mt.js}

@@ -1,5 +1,5 @@
 import * as i from "react";
-import { useState as te } from "react";
+import { useState as re } from "react";
 var y = function() {
   return y = Object.assign || function(t) {
     for (var r, n = 1, a = arguments.length; n < a; n++) {
@@ -16,17 +16,17 @@ function Q(e, t) {
     for (var a = 0, n = Object.getOwnPropertySymbols(e); a < n.length; a++) t.indexOf(n[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[a]) && (r[n[a]] = e[n[a]]);
   return r;
 }
-function ne(e, t, r) {
+function ae(e, t, r) {
   if (r || arguments.length === 2)
     for (var n = 0, a = t.length, c; n < a; n++) (c || !(n in t)) && (c || (c = Array.prototype.slice.call(t, 0, n)), c[n] = t[n]);
   return e.concat(c || Array.prototype.slice.call(t));
 }
-var B = "right-scroll-bar-position", A = "width-before-scroll-bar", re = "with-scroll-bars-hidden", ae = "--removed-body-scroll-bar-size";
+var B = "right-scroll-bar-position", A = "width-before-scroll-bar", oe = "with-scroll-bars-hidden", ce = "--removed-body-scroll-bar-size";
 function W(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
-function oe(e, t) {
-  var r = te(function() {
+function ie(e, t) {
+  var r = re(function() {
     return {
       value: e,
       callback: t,
@@ -43,14 +43,14 @@ function oe(e, t) {
   })[0];
   return r.callback = t, r.facade;
 }
-var ce = typeof window < "u" ? i.useLayoutEffect : i.useEffect, F = /* @__PURE__ */ new WeakMap();
-function ie(e, t) {
-  var r = oe(t || null, function(n) {
+var ue = typeof window < "u" ? i.useLayoutEffect : i.useEffect, F = /* @__PURE__ */ new WeakMap();
+function le(e, t) {
+  var r = ie(t || null, function(n) {
     return e.forEach(function(a) {
       return W(a, n);
     });
   });
-  return ce(function() {
+  return ue(function() {
     var n = F.get(r);
     if (n) {
       var a = new Set(n), c = new Set(e), f = r.current;
@@ -63,11 +63,11 @@ function ie(e, t) {
     F.set(r, e);
   }, [e]), r;
 }
-function ue(e) {
+function U(e) {
   return e;
 }
-function le(e, t) {
-  t === void 0 && (t = ue);
+function K(e, t) {
+  t === void 0 && (t = U);
   var r = [], n = !1;
   return {
     read: function() {
@@ -120,26 +120,29 @@ function le(e, t) {
     }
   };
 }
+function je(e, t) {
+  return t === void 0 && (t = U), K(e, t);
+}
 function fe(e) {
   e === void 0 && (e = {});
-  var t = le(null);
+  var t = K(null);
   return t.options = y({
     async: !0,
     ssr: !1
   }, e), t;
 }
-var U = function(e) {
+var $ = function(e) {
   var t = e.sideCar, r = Q(e, ["sideCar"]);
   if (!t) throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var n = t.read();
   if (!n) throw new Error("Sidecar medium not found");
   return i.createElement(n, y({}, r));
 };
-U.isSideCarExport = !0;
+$.isSideCarExport = !0;
 function se(e, t) {
-  return e.useMedium(t), U;
+  return e.useMedium(t), $;
 }
-var K = fe(), D = function() {
+var q = fe(), D = function() {
 }, I = i.forwardRef(function(e, t) {
   var r = i.useRef(null), n = i.useState({
     onScrollCapture: D,
@@ -159,9 +162,9 @@ var K = fe(), D = function() {
     "allowPinchZoom",
     "as",
     "gapMode"
-  ]), k = C, S = ie([r, t]), w = y(y({}, d), a);
+  ]), k = C, S = le([r, t]), w = y(y({}, d), a);
   return i.createElement(i.Fragment, null, p && i.createElement(k, {
-    sideCar: K,
+    sideCar: q,
     removeScrollBar: s,
     shards: b,
     noRelative: E,
@@ -221,7 +224,7 @@ var ge = function() {
       };
     }, [t && r]);
   };
-}, $ = function() {
+}, J = function() {
   var e = ye(), t = function(r) {
     var n = r.styles, a = r.dynamic;
     return e(n, a), null;
@@ -250,14 +253,14 @@ var ge = function() {
     right: t[2],
     gap: Math.max(0, n - r + t[2] - t[0])
   };
-}, pe = $(), T = "data-scroll-locked", Ce = function(e, t, r, n) {
+}, pe = J(), M = "data-scroll-locked", Ce = function(e, t, r, n) {
   var a = e.left, c = e.top, f = e.right, u = e.gap;
   return r === void 0 && (r = "margin"), `
-  .`.concat(re, ` {
+  .`.concat(oe, ` {
    overflow: hidden `).concat(n, `;
    padding-right: `).concat(u, "px ").concat(n, `;
   }
-  body[`).concat(T, `] {
+  body[`).concat(M, `] {
     overflow: hidden `).concat(n, `;
     overscroll-behavior: contain;
     `).concat([
@@ -290,8 +293,8 @@ var ge = function() {
     margin-right: 0 `).concat(n, `;
   }
   
-  body[`).concat(T, `] {
-    `).concat(ae, ": ").concat(u, `px;
+  body[`).concat(M, `] {
+    `).concat(ce, ": ").concat(u, `px;
   }
 `);
 }, H = function() {
@@ -299,9 +302,9 @@ var ge = function() {
   return isFinite(e) ? e : 0;
 }, Ee = function() {
   i.useEffect(function() {
-    return document.body.setAttribute(T, (H() + 1).toString()), function() {
+    return document.body.setAttribute(M, (H() + 1).toString()), function() {
       var e = H() - 1;
-      e <= 0 ? document.body.removeAttribute(T) : document.body.setAttribute(T, e.toString());
+      e <= 0 ? document.body.removeAttribute(M) : document.body.setAttribute(M, e.toString());
     };
   }, []);
 }, Re = function(e) {
@@ -322,48 +325,48 @@ if (typeof window < "u") try {
 }
 var P = Y ? { passive: !1 } : !1, ke = function(e) {
   return e.tagName === "TEXTAREA";
-}, q = function(e, t) {
+}, ee = function(e, t) {
   if (!(e instanceof Element)) return !1;
   var r = window.getComputedStyle(e);
   return r[t] !== "hidden" && !(r.overflowY === r.overflowX && !ke(e) && r[t] === "visible");
 }, Pe = function(e) {
-  return q(e, "overflowY");
+  return ee(e, "overflowY");
 }, Ne = function(e) {
-  return q(e, "overflowX");
+  return ee(e, "overflowX");
 }, Z = function(e, t) {
   var r = t.ownerDocument, n = t;
   do {
-    if (typeof ShadowRoot < "u" && n instanceof ShadowRoot && (n = n.host), J(e, n)) {
-      var a = ee(e, n);
+    if (typeof ShadowRoot < "u" && n instanceof ShadowRoot && (n = n.host), te(e, n)) {
+      var a = ne(e, n);
       if (a[1] > a[2]) return !0;
     }
     n = n.parentNode;
   } while (n && n !== r.body);
   return !1;
-}, Te = function(e) {
+}, Me = function(e) {
   return [
     e.scrollTop,
     e.scrollHeight,
     e.clientHeight
   ];
-}, Me = function(e) {
+}, Te = function(e) {
   return [
     e.scrollLeft,
     e.scrollWidth,
     e.clientWidth
   ];
-}, J = function(e, t) {
+}, te = function(e, t) {
   return e === "v" ? Pe(t) : Ne(t);
-}, ee = function(e, t) {
-  return e === "v" ? Te(t) : Me(t);
+}, ne = function(e, t) {
+  return e === "v" ? Me(t) : Te(t);
 }, Le = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, xe = function(e, t, r, n, a) {
   var c = Le(e, window.getComputedStyle(t).direction), f = c * n, u = r.target, v = t.contains(u), s = !1, p = f > 0, b = 0, C = 0;
   do {
     if (!u) break;
-    var E = ee(e, u), R = E[0], o = E[1] - E[2] - c * R;
-    (R || o) && J(e, u) && (b += o, C += R);
+    var E = ne(e, u), R = E[0], o = E[1] - E[2] - c * R;
+    (R || o) && te(e, u) && (b += o, C += R);
     var l = u.parentNode;
     u = l && l.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? l.host : l;
   } while (!v && u !== document.body || v && (t.contains(u) || t === u));
@@ -383,13 +386,13 @@ var P = Y ? { passive: !1 } : !1, ke = function(e) {
 `);
 }, Ie = 0, N = [];
 function Oe(e) {
-  var t = i.useRef([]), r = i.useRef([0, 0]), n = i.useRef(), a = i.useState(Ie++)[0], c = i.useState($)[0], f = i.useRef(e);
+  var t = i.useRef([]), r = i.useRef([0, 0]), n = i.useRef(), a = i.useState(Ie++)[0], c = i.useState(J)[0], f = i.useRef(e);
   i.useEffect(function() {
     f.current = e;
   }, [e]), i.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var o = ne([e.lockRef.current], (e.shards || []).map(G), !0).filter(Boolean);
+      var o = ae([e.lockRef.current], (e.shards || []).map(G), !0).filter(Boolean);
       return o.forEach(function(l) {
         return l.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -409,9 +412,9 @@ function Oe(e) {
     if ("touches" in o && w === "h" && S.type === "range") return !1;
     var j = window.getSelection(), O = j && j.anchorNode;
     if (O && (O === S || O.contains(S))) return !1;
-    var M = Z(w, S);
-    if (!M) return !0;
-    if (M ? k = w : (k = w === "v" ? "h" : "v", M = Z(w, S)), !M) return !1;
+    var T = Z(w, S);
+    if (!T) return !0;
+    if (T ? k = w : (k = w === "v" ? "h" : "v", T = Z(w, S)), !T) return !1;
     if (!n.current && "changedTouches" in o && (h || d) && (n.current = k), !k) return !0;
     var V = n.current || k;
     return xe(V, l, o, V === "h" ? h : d, !0);
@@ -474,7 +477,7 @@ function We(e) {
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-var De = se(K, Oe), Xe = i.forwardRef(function(e, t) {
+var De = se(q, Oe), Xe = i.forwardRef(function(e, t) {
   return i.createElement(I, y({}, e, {
     ref: t,
     sideCar: De
@@ -482,5 +485,8 @@ var De = se(K, Oe), Xe = i.forwardRef(function(e, t) {
 });
 Xe.classNames = I.classNames;
 export {
+  le as i,
+  je as n,
+  fe as r,
   Xe as t
 };

package/dist/{CommandInput-C45ylYPm.js → CommandInput-BrWqUubG.js}

@@ -1,8 +1,8 @@
-import { o as v } from "./chunk-cI0lbGMq.js";
-import { t as y } from "./prop-types-CE0Kfmwk.js";
-import { t as c } from "./utils-COaoD3PI.js";
+import { o as v } from "./rolldown-runtime-B28h4lGi.js";
+import { t as m } from "./dist-Dofpb42k.js";
+import { t as y } from "./prop-types-qsAjMBb1.js";
+import { t as c } from "./utils-DnIJruo0.js";
 import { inputVariants as g, searchInconInputVariants as h } from "./components/Command/Command.variants.js";
-import { t as m } from "./dist-CPK4FXV9.js";
 import p, { forwardRef as u } from "react";
 import { jsx as f, jsxs as b } from "react/jsx-runtime";
 var a = /* @__PURE__ */ v(y());
@@ -27,8 +27,7 @@ function x(r, n) {
 }
 function O(r, n) {
   if (r == null) return {};
-  var t = {}, e = Object.keys(r), o, i;
-  for (i = 0; i < e.length; i++)
+  for (var t = {}, e = Object.keys(r), o, i = 0; i < e.length; i++)
     o = e[i], !(n.indexOf(o) >= 0) && (t[o] = r[o]);
   return t;
 }

package/dist/Counter-QMbqdFuI.js

@@ -0,0 +1,229 @@
+"use client";
+import { o as ie } from "./rolldown-runtime-B28h4lGi.js";
+import { t as F } from "./dist-C_jtUTU9.js";
+import { t as ae } from "./prop-types-qsAjMBb1.js";
+import { n as oe, t as l } from "./utils-DnIJruo0.js";
+import { buttonVariants as H, counterVariants as le, fieldVariants as se, labelVariants as ce, unitVariants as ue } from "./components/Counter/Counter.variants.js";
+import { Typography as I } from "./components/Typography/Typography.js";
+import y, { forwardRef as _, useId as fe, useState as pe } from "react";
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+var u = /* @__PURE__ */ ie(ae());
+function k() {
+  return k = Object.assign || function(e) {
+    for (var a = 1; a < arguments.length; a++) {
+      var r = arguments[a];
+      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, k.apply(this, arguments);
+}
+function de(e, a) {
+  if (e == null) return {};
+  var r = me(e, a), t, n;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++)
+      t = i[n], !(a.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function me(e, a) {
+  if (e == null) return {};
+  for (var r = {}, t = Object.keys(e), n, i = 0; i < t.length; i++)
+    n = t[i], !(a.indexOf(n) >= 0) && (r[n] = e[n]);
+  return r;
+}
+var z = _(function(e, a) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, d = de(e, ["color", "size"]);
+  return /* @__PURE__ */ y.createElement("svg", k({
+    ref: a,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: i,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, d), /* @__PURE__ */ y.createElement("line", {
+    x1: "5",
+    y1: "12",
+    x2: "19",
+    y2: "12"
+  }));
+});
+z.propTypes = {
+  color: u.default.string,
+  size: u.default.oneOfType([u.default.string, u.default.number])
+};
+z.displayName = "Minus";
+function P() {
+  return P = Object.assign || function(e) {
+    for (var a = 1; a < arguments.length; a++) {
+      var r = arguments[a];
+      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, P.apply(this, arguments);
+}
+function ye(e, a) {
+  if (e == null) return {};
+  var r = he(e, a), t, n;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++)
+      t = i[n], !(a.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function he(e, a) {
+  if (e == null) return {};
+  for (var r = {}, t = Object.keys(e), n, i = 0; i < t.length; i++)
+    n = t[i], !(a.indexOf(n) >= 0) && (r[n] = e[n]);
+  return r;
+}
+var E = _(function(e, a) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, d = ye(e, ["color", "size"]);
+  return /* @__PURE__ */ y.createElement("svg", P({
+    ref: a,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: i,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, d), /* @__PURE__ */ y.createElement("line", {
+    x1: "12",
+    y1: "5",
+    x2: "12",
+    y2: "19"
+  }), /* @__PURE__ */ y.createElement("line", {
+    x1: "5",
+    y1: "12",
+    x2: "19",
+    y2: "12"
+  }));
+});
+E.propTypes = {
+  color: u.default.string,
+  size: u.default.oneOfType([u.default.string, u.default.number])
+};
+E.displayName = "Plus";
+var Ie = _(({ canDecrement: e = !0, canIncrement: a = !0, className: r, decrementButtonClassName: t, decrementLabel: n = "Decrement", disabled: i = !1, editable: d = !1, error: w, errorClassName: q, fullWidth: O = !1, helperText: $, helperTextClassName: R, incrementButtonClassName: G, incrementLabel: J = "Increment", isRequired: V, label: m, labelAction: L, labelWrapperClassName: K, max: h = -1 / 0, min: v = 1 / 0, name: M, step: g = 1, theme: Q, unit: T, value: U, onChange: b }, X) => {
+  const j = fe(), B = M ?? j, S = `${j}-error`, C = `${j}-helper-text`, f = typeof w == "string" && w.length > 0, W = !f && !!$, Y = oe(f && S, W && C), c = U ?? 0, [Z, x] = pe(null), A = Z ?? String(c), ee = () => {
+    let o = 0;
+    v === 1 / 0 ? o = c - g : o = Math.max(v, c - g), x(null), b?.({ target: { value: o } });
+  }, te = () => {
+    let o = 0;
+    h === -1 / 0 ? o = c + g : o = Math.min(h, c + g), x(null), b?.({ target: { value: o } });
+  }, re = (o) => {
+    const N = o.target.value;
+    if (x(N), N === "") return;
+    const D = Number(N);
+    Number.isFinite(D) && b?.({ target: { value: D } });
+  }, ne = () => {
+    x(null);
+    const o = Math.min(h === -1 / 0 ? 1 / 0 : h, Math.max(v === 1 / 0 ? -1 / 0 : v, c));
+    o !== c && b?.({ target: { value: o } });
+  };
+  return /* @__PURE__ */ p("div", {
+    className: l("flex flex-col gap-2", O && "w-full"),
+    "data-theme": Q,
+    children: [
+      m || L ? /* @__PURE__ */ p("div", {
+        className: l("flex items-center justify-between", K),
+        children: [m ? /* @__PURE__ */ p(I, {
+          component: "label",
+          htmlFor: B,
+          variant: "labelLarge",
+          className: l(ce()),
+          children: [
+            m,
+            " ",
+            V && /* @__PURE__ */ s("span", {
+              className: "text-red-600 dark:text-red-500",
+              children: "*"
+            })
+          ]
+        }) : null, L]
+      }) : null,
+      /* @__PURE__ */ p("div", {
+        className: "flex items-center",
+        role: "presentation",
+        children: [
+          /* @__PURE__ */ p("button", {
+            type: "button",
+            onClick: ee,
+            className: l(H({
+              button: "rigth",
+              hasError: f,
+              className: t
+            })),
+            disabled: i || !e,
+            children: [/* @__PURE__ */ s(z, { className: "w-4 h-4" }), /* @__PURE__ */ s(F, { children: n })]
+          }),
+          /* @__PURE__ */ p("div", {
+            className: l(se({
+              fullWidth: O,
+              hasError: f,
+              disabled: i
+            })),
+            children: [/* @__PURE__ */ s("input", {
+              ref: X,
+              id: B,
+              type: "number",
+              value: d ? A : c,
+              name: M,
+              disabled: i,
+              className: l(le({
+                fullWidth: O,
+                className: r
+              })),
+              ...d ? {
+                onChange: re,
+                onBlur: ne
+              } : { readOnly: !0 },
+              "aria-label": typeof m == "string" ? m : "number input",
+              "aria-invalid": f || void 0,
+              "aria-describedby": Y,
+              "aria-required": V || void 0
+            }), T ? /* @__PURE__ */ s("span", {
+              className: l(ue()),
+              children: T
+            }) : null]
+          }),
+          /* @__PURE__ */ p("button", {
+            type: "button",
+            onClick: te,
+            className: l(H({
+              button: "left",
+              hasError: f,
+              className: G
+            })),
+            disabled: i || !a,
+            children: [/* @__PURE__ */ s(E, { className: "w-4 h-4" }), /* @__PURE__ */ s(F, { children: J })]
+          })
+        ]
+      }),
+      f ? /* @__PURE__ */ s(I, {
+        component: "span",
+        id: S,
+        className: l("text-xs tracking-normal text-red-700 dark:text-red-400", q),
+        children: w
+      }) : null,
+      W ? /* @__PURE__ */ s(I, {
+        component: "span",
+        id: C,
+        className: l("text-xs text-slate-600 dark:text-slate-200", R),
+        children: $
+      }) : null
+    ]
+  });
+});
+export {
+  Ie as t
+};