@konstructio/ui 0.1.2-alpha.111 → 0.1.2-alpha.113

package/dist/AnimatePresence-BsUYG9bm.js

@@ -1,186 +0,0 @@
-import { d as j, f as U, l as V, n as W, r as _, s as S, u as T } from "./react-C685EsYG.js";
-import * as I from "react";
-import { Children as B, isValidElement as G, useContext as K, useId as N, useInsertionEffect as Y, useMemo as k, useRef as E, useState as A } from "react";
-import { Fragment as q, jsx as M } from "react/jsx-runtime";
-function D(e, o) {
-  if (typeof e == "function") return e(o);
-  e != null && (e.current = o);
-}
-function J(...e) {
-  return (o) => {
-    let t = !1;
-    const s = e.map((f) => {
-      const r = D(f, o);
-      return !t && typeof r == "function" && (t = !0), r;
-    });
-    if (t) return () => {
-      for (let f = 0; f < s.length; f++) {
-        const r = s[f];
-        typeof r == "function" ? r() : D(e[f], null);
-      }
-    };
-  };
-}
-function Q(...e) {
-  return I.useCallback(J(...e), e);
-}
-var X = class extends I.Component {
-  getSnapshotBeforeUpdate(e) {
-    const o = this.props.childRef.current;
-    if (S(o) && e.isPresent && !this.props.isPresent && this.props.pop !== !1) {
-      const t = o.offsetParent, s = S(t) && t.offsetWidth || 0, f = S(t) && t.offsetHeight || 0, r = getComputedStyle(o), n = this.props.sizeRef.current;
-      n.height = parseFloat(r.height), n.width = parseFloat(r.width), n.top = o.offsetTop, n.left = o.offsetLeft, n.right = s - n.width - n.left, n.bottom = f - n.height - n.top, n.direction = r.direction;
-    }
-    return null;
-  }
-  componentDidUpdate() {
-  }
-  render() {
-    return this.props.children;
-  }
-};
-function Z({ children: e, isPresent: o, anchorX: t, anchorY: s, root: f, pop: r }) {
-  const n = N(), m = E(null), v = E({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    direction: "ltr"
-  }), { nonce: w } = K(_), i = r !== !1 ? e.props?.ref ?? e?.ref : void 0, y = Q(m, i);
-  return Y(() => {
-    const { width: u, height: h, top: R, left: a, right: d, bottom: x, direction: P } = v.current;
-    if (o || r === !1 || !m.current || !u || !h) return;
-    const p = P === "rtl", L = t === "left" ? p ? `right: ${d}` : `left: ${a}` : p ? `left: ${a}` : `right: ${d}`, $ = s === "bottom" ? `bottom: ${x}` : `top: ${R}`;
-    m.current.dataset.motionPopId = n;
-    const C = document.createElement("style");
-    w && (C.nonce = w);
-    const l = f ?? document.head;
-    return l.appendChild(C), C.sheet && C.sheet.insertRule(`
-          [data-motion-pop-id="${n}"] {
-            position: absolute !important;
-            width: ${u}px !important;
-            height: ${h}px !important;
-            ${L}px !important;
-            ${$}px !important;
-          }
-        `), () => {
-      m.current?.removeAttribute("data-motion-pop-id"), l.contains(C) && l.removeChild(C);
-    };
-  }, [o]), M(X, {
-    isPresent: o,
-    childRef: m,
-    sizeRef: v,
-    pop: r,
-    children: r === !1 ? e : I.cloneElement(e, { ref: y })
-  });
-}
-var ee = ({ children: e, initial: o, isPresent: t, onExitComplete: s, custom: f, presenceAffectsLayout: r, mode: n, anchorX: m, anchorY: v, root: w }) => {
-  const i = j(te), y = N(), u = E(t), h = E(s);
-  T(() => {
-    u.current = t, h.current = s;
-  });
-  let R = !0, a = k(() => (R = !1, {
-    id: y,
-    initial: o,
-    isPresent: t,
-    custom: f,
-    onExitComplete: (d) => {
-      i.set(d, !0);
-      for (const x of i.values()) if (!x) return;
-      s && s();
-    },
-    register: (d) => (i.set(d, !1), () => {
-      i.delete(d), !u.current && !i.size && h.current?.();
-    })
-  }), [
-    t,
-    i,
-    s
-  ]);
-  return r && R && (a = { ...a }), k(() => {
-    i.forEach((d, x) => i.set(x, !1));
-  }, [t]), I.useEffect(() => {
-    !t && !i.size && s && s();
-  }, [t]), e = M(Z, {
-    pop: n === "popLayout",
-    isPresent: t,
-    anchorX: m,
-    anchorY: v,
-    root: w,
-    children: e
-  }), M(V.Provider, {
-    value: a,
-    children: e
-  });
-};
-function te() {
-  return /* @__PURE__ */ new Map();
-}
-var b = (e) => e.key || "";
-function H(e) {
-  const o = [];
-  return B.forEach(e, (t) => {
-    G(t) && o.push(t);
-  }), o;
-}
-var se = ({ children: e, custom: o, initial: t = !0, onExitComplete: s, presenceAffectsLayout: f = !0, mode: r = "sync", propagate: n = !1, anchorX: m = "left", anchorY: v = "top", root: w }) => {
-  const [i, y] = W(n), u = k(() => H(e), [e]), h = n && !i ? [] : u.map(b), R = E(!0), a = j(() => /* @__PURE__ */ new Map()), d = E(/* @__PURE__ */ new Set()), [x, P] = A(u), [p, L] = A(u);
-  T(() => {
-    n && !i && !p.length && y?.();
-  }, [
-    i,
-    n,
-    p.length,
-    y
-  ]), T(() => {
-    R.current = !1;
-    for (let l = 0; l < p.length; l++) {
-      const c = b(p[l]);
-      h.includes(c) ? (a.delete(c), d.current.delete(c)) : a.get(c) !== !0 && a.set(c, !1);
-    }
-  }, [
-    p,
-    h.length,
-    h.join("-")
-  ]);
-  const $ = [];
-  if (u !== x) {
-    let l = [...u], c = 0;
-    for (const g of p) {
-      const z = h.indexOf(b(g));
-      z === -1 ? (l.splice(c++, 0, g), $.push(g)) : c = z + $.length + 1;
-    }
-    return $.every((g) => a.get(b(g))) ? l = u : r === "wait" && (l = $), L(H(l)), P(u), null;
-  }
-  process.env.NODE_ENV !== "production" && r === "wait" && p.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  const { forceRender: C } = K(U);
-  return M(q, { children: p.map((l) => {
-    const c = b(l), g = n && !i ? !1 : u === p || h.includes(c), z = () => {
-      if (d.current.has(c)) return;
-      if (a.has(c))
-        d.current.add(c), a.set(c, !0);
-      else return;
-      let F = !0;
-      a.forEach((O) => {
-        O || (F = !1);
-      }), F && (C?.(), P([]), n && y?.(), s && s());
-    };
-    return M(ee, {
-      isPresent: g,
-      initial: !R.current || t ? void 0 : !1,
-      custom: o,
-      presenceAffectsLayout: f,
-      mode: r,
-      root: w,
-      onExitComplete: g ? void 0 : z,
-      anchorX: m,
-      anchorY: v,
-      children: l
-    }, c);
-  }) });
-};
-export {
-  se as t
-};

package/dist/Checkbox-CrNxsm3G.js

@@ -1,247 +0,0 @@
-import { o as X } from "./rolldown-runtime-Dw9YIBcH.js";
-import { t as J } from "./prop-types-BCUW56rg.js";
-import { a as U } from "./dist-xCbHbMLA.js";
-import { t as N } from "./dist-CCdbu9GU.js";
-import { t as O } from "./utils-DnIJruo0.js";
-import { i as Q, r as S, t as Y } from "./dist-D-yS0HN8.js";
-import { t as Z } from "./dist-BUocnzkM.js";
-import { useToggle as ee } from "./hooks/useToggle.js";
-import { t as te } from "./dist-pWlMx4Fi.js";
-import { checkboxVariants as re, labelVariants as oe } from "./components/Checkbox/Checkbox.variants.js";
-import * as u from "react";
-import q, { forwardRef as A, useId as ne } from "react";
-import { Fragment as ce, jsx as p, jsxs as $ } from "react/jsx-runtime";
-var w = /* @__PURE__ */ X(J());
-function j() {
-  return j = Object.assign || function(e) {
-    for (var o = 1; o < arguments.length; o++) {
-      var n = arguments[o];
-      for (var t in n) Object.prototype.hasOwnProperty.call(n, t) && (e[t] = n[t]);
-    }
-    return e;
-  }, j.apply(this, arguments);
-}
-function ae(e, o) {
-  if (e == null) return {};
-  var n = se(e, o), t, r;
-  if (Object.getOwnPropertySymbols) {
-    var c = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < c.length; r++)
-      t = c[r], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
-  }
-  return n;
-}
-function se(e, o) {
-  if (e == null) return {};
-  for (var n = {}, t = Object.keys(e), r, c = 0; c < t.length; c++)
-    r = t[c], !(o.indexOf(r) >= 0) && (n[r] = e[r]);
-  return n;
-}
-var B = A(function(e, o) {
-  var n = e.color, t = n === void 0 ? "currentColor" : n, r = e.size, c = r === void 0 ? 24 : r, a = ae(e, ["color", "size"]);
-  return /* @__PURE__ */ q.createElement("svg", j({
-    ref: o,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: c,
-    height: c,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: t,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, a), /* @__PURE__ */ q.createElement("polyline", { points: "20 6 9 17 4 12" }));
-});
-B.propTypes = {
-  color: w.default.string,
-  size: w.default.oneOfType([w.default.string, w.default.number])
-};
-B.displayName = "Check";
-var ie = Object.defineProperty, x = (e, o) => ie(e, "name", {
-  value: o,
-  configurable: !0
-}), T = "Checkbox", [ue, je] = Q(T), [le, z] = ue(T);
-function D(e) {
-  const { __scopeCheckbox: o, checked: n, children: t, defaultChecked: r, disabled: c, form: a, name: l, onCheckedChange: s, required: d, value: C = "on", internal_do_not_use_render: m } = e, [h, k] = Y({
-    prop: n,
-    defaultProp: r ?? !1,
-    onChange: s,
-    caller: T
-  }), [v, I] = u.useState(null), [y, R] = u.useState(null), _ = u.useRef(!1), [i, f] = u.useReducer((b) => b + 1, 0), P = v ? !!a || !!v.closest("form") : !0, E = {
-    checked: h,
-    disabled: c,
-    setChecked: k,
-    control: v,
-    setControl: I,
-    name: l,
-    form: a,
-    value: C,
-    hasConsumerStoppedPropagationRef: _,
-    userInteractionCount: i,
-    onUserInteraction: f,
-    required: d,
-    defaultChecked: g(r) ? !1 : r,
-    isFormControl: P,
-    bubbleInput: y,
-    setBubbleInput: R
-  };
-  return /* @__PURE__ */ p(le, {
-    scope: o,
-    ...E,
-    children: H(m) ? m(E) : t
-  });
-}
-x(D, "CheckboxProvider");
-var de = "CheckboxTrigger", fe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function({ __scopeCheckbox: o, onKeyDown: n, onClick: t, ...r }, c) {
-  const { control: a, value: l, disabled: s, checked: d, required: C, setControl: m, setChecked: h, hasConsumerStoppedPropagationRef: k, onUserInteraction: v, isFormControl: I, bubbleInput: y } = z(de, o), R = U(c, m), _ = u.useRef(d);
-  return u.useEffect(() => {
-    const i = a?.form;
-    if (i) {
-      const f = /* @__PURE__ */ x(() => h(_.current), "reset");
-      return i.addEventListener("reset", f), () => i.removeEventListener("reset", f);
-    }
-  }, [a, h]), /* @__PURE__ */ p(N.button, {
-    type: "button",
-    role: "checkbox",
-    "aria-checked": g(d) ? "mixed" : d,
-    "aria-required": C,
-    "data-state": F(d),
-    "data-disabled": s ? "" : void 0,
-    disabled: s,
-    value: l,
-    ...r,
-    ref: R,
-    onKeyDown: S(n, (i) => {
-      i.key === "Enter" && i.preventDefault();
-    }),
-    onClick: S(t, (i) => {
-      v(), h((f) => g(f) ? !0 : !f), y && I && (k.current = i.isPropagationStopped(), k.current || i.stopPropagation());
-    })
-  });
-}, "CheckboxTrigger")), pe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function(o, n) {
-  const { __scopeCheckbox: t, name: r, checked: c, defaultChecked: a, required: l, disabled: s, value: d, onCheckedChange: C, form: m, ...h } = o;
-  return /* @__PURE__ */ p(D, {
-    __scopeCheckbox: t,
-    checked: c,
-    defaultChecked: a,
-    disabled: s,
-    required: l,
-    onCheckedChange: C,
-    name: r,
-    form: m,
-    value: d,
-    internal_do_not_use_render: ({ isFormControl: k }) => /* @__PURE__ */ $(ce, { children: [/* @__PURE__ */ p(fe, {
-      ...h,
-      ref: n,
-      __scopeCheckbox: t
-    }), k && /* @__PURE__ */ p(ke, { __scopeCheckbox: t })] })
-  });
-}, "Checkbox")), he = "CheckboxIndicator", be = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function(o, n) {
-  const { __scopeCheckbox: t, forceMount: r, ...c } = o, a = z(he, t);
-  return /* @__PURE__ */ p(Z, {
-    present: r || g(a.checked) || a.checked === !0,
-    children: /* @__PURE__ */ p(N.span, {
-      "data-state": F(a.checked),
-      "data-disabled": a.disabled ? "" : void 0,
-      ...c,
-      ref: n,
-      style: {
-        pointerEvents: "none",
-        ...o.style
-      }
-    })
-  });
-}, "CheckboxIndicator")), me = "CheckboxBubbleInput", ke = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function({ __scopeCheckbox: o, onClick: n, ...t }, r) {
-  const { control: c, hasConsumerStoppedPropagationRef: a, userInteractionCount: l, checked: s, defaultChecked: d, required: C, disabled: m, name: h, value: k, form: v, bubbleInput: I, setBubbleInput: y } = z(me, o), R = U(r, y), _ = te(c), i = u.useRef(!1), f = u.useRef(s), P = u.useRef(l);
-  u.useEffect(() => {
-    const b = I;
-    if (!b) return;
-    const K = window.HTMLInputElement.prototype, L = Object.getOwnPropertyDescriptor(K, "checked").set, M = l !== P.current;
-    P.current = l;
-    const W = f.current !== s;
-    f.current = s;
-    const G = !(M && a.current);
-    if (W && L) {
-      i.current = !M;
-      const V = new Event("click", { bubbles: G });
-      b.indeterminate = g(s), L.call(b, g(s) ? !1 : s), b.dispatchEvent(V), i.current = !1;
-    }
-  }, [
-    I,
-    s,
-    a,
-    l
-  ]);
-  const E = u.useRef(g(s) ? !1 : s);
-  return /* @__PURE__ */ p(N.input, {
-    type: "checkbox",
-    "aria-hidden": !0,
-    defaultChecked: d ?? E.current,
-    required: C,
-    disabled: m,
-    name: h,
-    value: k,
-    form: v,
-    ...t,
-    tabIndex: -1,
-    ref: R,
-    onClick: S(n, (b) => {
-      i.current && b.stopPropagation();
-    }),
-    style: {
-      ...t.style,
-      ..._,
-      position: "absolute",
-      pointerEvents: "none",
-      opacity: 0,
-      margin: 0,
-      transform: "translateX(-100%)"
-    }
-  });
-}, "CheckboxBubbleInput"));
-function H(e) {
-  return typeof e == "function";
-}
-x(H, "isFunction");
-function g(e) {
-  return e === "indeterminate";
-}
-x(g, "isIndeterminate");
-function F(e) {
-  return g(e) ? "indeterminate" : e ? "checked" : "unchecked";
-}
-x(F, "getState");
-var Ce = A(({ ariaLabelledBy: e, checked: o, className: n, defaultChecked: t, disabled: r, id: c, label: a, labelClassName: l, labelWrapperClassName: s, name: d, theme: C, title: m, variant: h, onChange: k, ...v }, I) => {
-  const [y, R] = ee(t ?? !1), _ = o !== void 0, i = _ ? o : y, f = ne(), P = c ?? f, E = (b) => {
-    _ || R(b), k?.(b);
-  };
-  return /* @__PURE__ */ $("div", {
-    className: O("flex items-center gap-4", s),
-    "data-theme": C,
-    children: [/* @__PURE__ */ p(pe, {
-      id: P,
-      checked: i,
-      ref: I,
-      name: d,
-      disabled: r,
-      "aria-labelledby": e,
-      title: m,
-      className: O(re({
-        className: n,
-        variant: h,
-        checked: i
-      })),
-      onCheckedChange: E,
-      ...v,
-      children: /* @__PURE__ */ p(be, { children: /* @__PURE__ */ p(B, { className: "w-4 h-4 stroke-2" }) })
-    }), a ? /* @__PURE__ */ p("label", {
-      htmlFor: P,
-      className: O(oe({ className: l }), { "cursor-not-allowed": r }),
-      children: a
-    }) : null]
-  });
-});
-Ce.displayName = "KonstructCheckbox";
-export {
-  Ce as t
-};

package/dist/Counter-DN50BVq6.js

@@ -1,194 +0,0 @@
-"use client";
-import { o as D } from "./rolldown-runtime-Dw9YIBcH.js";
-import { t as R } from "./prop-types-BCUW56rg.js";
-import { t as P } from "./dist-DX0sBG3Q.js";
-import { t as f } from "./utils-DnIJruo0.js";
-import { Typography as F } from "./components/Typography/Typography.js";
-import { buttonVariants as _, counterVariants as q, labelVariants as A } from "./components/Counter/Counter.variants.js";
-import m, { forwardRef as x, useId as G, useState as H } from "react";
-import { jsx as u, jsxs as p } from "react/jsx-runtime";
-var s = /* @__PURE__ */ D(R());
-function O() {
-  return O = Object.assign || function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var n = arguments[i];
-      for (var e in n) Object.prototype.hasOwnProperty.call(n, e) && (t[e] = n[e]);
-    }
-    return t;
-  }, O.apply(this, arguments);
-}
-function J(t, i) {
-  if (t == null) return {};
-  var n = K(t, i), e, r;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < o.length; r++)
-      e = o[r], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (n[e] = t[e]);
-  }
-  return n;
-}
-function K(t, i) {
-  if (t == null) return {};
-  for (var n = {}, e = Object.keys(t), r, o = 0; o < e.length; o++)
-    r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
-  return n;
-}
-var j = x(function(t, i) {
-  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, c = J(t, ["color", "size"]);
-  return /* @__PURE__ */ m.createElement("svg", O({
-    ref: i,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: o,
-    height: o,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: e,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, c), /* @__PURE__ */ m.createElement("line", {
-    x1: "5",
-    y1: "12",
-    x2: "19",
-    y2: "12"
-  }));
-});
-j.propTypes = {
-  color: s.default.string,
-  size: s.default.oneOfType([s.default.string, s.default.number])
-};
-j.displayName = "Minus";
-function w() {
-  return w = Object.assign || function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var n = arguments[i];
-      for (var e in n) Object.prototype.hasOwnProperty.call(n, e) && (t[e] = n[e]);
-    }
-    return t;
-  }, w.apply(this, arguments);
-}
-function Q(t, i) {
-  if (t == null) return {};
-  var n = U(t, i), e, r;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < o.length; r++)
-      e = o[r], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (n[e] = t[e]);
-  }
-  return n;
-}
-function U(t, i) {
-  if (t == null) return {};
-  for (var n = {}, e = Object.keys(t), r, o = 0; o < e.length; o++)
-    r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
-  return n;
-}
-var N = x(function(t, i) {
-  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, c = Q(t, ["color", "size"]);
-  return /* @__PURE__ */ m.createElement("svg", w({
-    ref: i,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: o,
-    height: o,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: e,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, c), /* @__PURE__ */ m.createElement("line", {
-    x1: "12",
-    y1: "5",
-    x2: "12",
-    y2: "19"
-  }), /* @__PURE__ */ m.createElement("line", {
-    x1: "5",
-    y1: "12",
-    x2: "19",
-    y2: "12"
-  }));
-});
-N.propTypes = {
-  color: s.default.string,
-  size: s.default.oneOfType([s.default.string, s.default.number])
-};
-N.displayName = "Plus";
-var ot = x(({ canDecrement: t = !0, canIncrement: i = !0, className: n, decrementButtonClassName: e, editable: r = !1, incrementButtonClassName: o, isRequired: c, label: d, labelWrapperClassName: z, max: y = -1 / 0, min: h = 1 / 0, name: k, theme: E, value: L, onChange: v }, M) => {
-  const $ = G(), l = L ?? 0, [W, g] = H(null), S = W ?? String(l), T = () => {
-    let a = 0;
-    h === 1 / 0 ? a = l - 1 : a = Math.max(h, l - 1), g(null), v?.({ target: { value: a } });
-  }, V = () => {
-    let a = 0;
-    y === -1 / 0 ? a = l + 1 : a = Math.min(y, l + 1), g(null), v?.({ target: { value: a } });
-  }, B = (a) => {
-    const b = a.target.value;
-    if (g(b), b === "") return;
-    const I = Number(b);
-    Number.isFinite(I) && v?.({ target: { value: I } });
-  }, C = () => {
-    g(null);
-    const a = Math.min(y === -1 / 0 ? 1 / 0 : y, Math.max(h === 1 / 0 ? -1 / 0 : h, l));
-    a !== l && v?.({ target: { value: a } });
-  };
-  return /* @__PURE__ */ p("div", {
-    className: "flex flex-col gap-2",
-    "data-theme": E,
-    children: [d ? /* @__PURE__ */ u("div", {
-      className: f(z),
-      children: /* @__PURE__ */ p(F, {
-        component: "label",
-        htmlFor: k ?? $,
-        variant: "labelLarge",
-        className: f(A()),
-        children: [
-          d,
-          " ",
-          c && /* @__PURE__ */ u("span", {
-            className: "text-red-600 dark:text-red-500",
-            children: "*"
-          })
-        ]
-      })
-    }) : null, /* @__PURE__ */ p("div", {
-      className: "flex items-center",
-      role: "presentation",
-      children: [
-        /* @__PURE__ */ p("button", {
-          type: "button",
-          onClick: T,
-          className: f(_({
-            button: "rigth",
-            className: e
-          })),
-          disabled: !t,
-          children: [/* @__PURE__ */ u(j, { className: "w-4 h-4" }), /* @__PURE__ */ u(P, { children: "Decrement" })]
-        }),
-        /* @__PURE__ */ u("input", {
-          ref: M,
-          type: "number",
-          value: r ? S : l,
-          name: k,
-          className: f(q({ className: n })),
-          ...r ? {
-            onChange: B,
-            onBlur: C
-          } : { readOnly: !0 },
-          "aria-label": typeof d == "string" ? d : "number input"
-        }),
-        /* @__PURE__ */ p("button", {
-          type: "button",
-          onClick: V,
-          className: f(_({
-            button: "left",
-            className: o
-          })),
-          disabled: !i,
-          children: [/* @__PURE__ */ u(N, { className: "w-4 h-4" }), /* @__PURE__ */ u(P, { children: "Increment" })]
-        })
-      ]
-    })]
-  });
-});
-export {
-  ot as t
-};