@konstructio/ui 0.1.2-alpha.76 → 0.1.2-alpha.77

package/dist/components/Checkbox/Checkbox.js

@@ -1,195 +1,196 @@
-import { jsx as f, jsxs as B, Fragment as U } from "react/jsx-runtime";
-import * as p from "react";
-import j, { forwardRef as z, useId as V, useCallback as X } from "react";
-import { u as L } from "../../index-DLcqcWxM.js";
-import { P as I, a as J, c as T, b as Q } from "../../index--l0zux8V.js";
-import { u as Y } from "../../index-BZPx6jYI.js";
-import { u as Z } from "../../index-BRXMsxSL.js";
-import { P as ee } from "../../index-3fEdeexs.js";
-import { cn as E } from "../../utils/index.js";
-import { checkboxVariants as te, labelVariants as re } from "./Checkbox.variants.js";
-import { useToggle as oe } from "../../hooks/useToggle.js";
-import { P } from "../../index-BOE_3f_Z.js";
-function R() {
-  return R = Object.assign || function(e) {
+import { jsx as v, jsxs as W, Fragment as Z } from "react/jsx-runtime";
+import { c as ee } from "../../compiler-runtime-DA41awpA.js";
+import * as g from "react";
+import F, { forwardRef as $, useId as te } from "react";
+import { u as H } from "../../index-DLcqcWxM.js";
+import { P as z, a as re, c as D, b as oe } from "../../index--l0zux8V.js";
+import { u as ne } from "../../index-BZPx6jYI.js";
+import { u as ae } from "../../index-BRXMsxSL.js";
+import { P as se } from "../../index-3fEdeexs.js";
+import { cn as T } from "../../utils/index.js";
+import { checkboxVariants as ce, labelVariants as ie } from "./Checkbox.variants.js";
+import { useToggle as le } from "../../hooks/useToggle.js";
+import { P as j } from "../../index-BOE_3f_Z.js";
+function L() {
+  return L = Object.assign || function(t) {
     for (var a = 1; a < arguments.length; a++) {
-      var n = arguments[a];
-      for (var r in n)
-        Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+      var e = arguments[a];
+      for (var n in e)
+        Object.prototype.hasOwnProperty.call(e, n) && (t[n] = e[n]);
     }
-    return e;
-  }, R.apply(this, arguments);
+    return t;
+  }, L.apply(this, arguments);
 }
-function ne(e, a) {
-  if (e == null) return {};
-  var n = ae(e, a), r, o;
+function de(t, a) {
+  if (t == null) return {};
+  var e = ue(t, a), n, o;
   if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < t.length; o++)
-      r = t[o], !(a.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
+    var r = Object.getOwnPropertySymbols(t);
+    for (o = 0; o < r.length; o++)
+      n = r[o], !(a.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(t, n) && (e[n] = t[n]);
   }
-  return n;
+  return e;
 }
-function ae(e, a) {
-  if (e == null) return {};
-  var n = {}, r = Object.keys(e), o, t;
-  for (t = 0; t < r.length; t++)
-    o = r[t], !(a.indexOf(o) >= 0) && (n[o] = e[o]);
-  return n;
+function ue(t, a) {
+  if (t == null) return {};
+  var e = {}, n = Object.keys(t), o, r;
+  for (r = 0; r < n.length; r++)
+    o = n[r], !(a.indexOf(o) >= 0) && (e[o] = t[o]);
+  return e;
 }
-var N = z(function(e, a) {
-  var n = e.color, r = n === void 0 ? "currentColor" : n, o = e.size, t = o === void 0 ? 24 : o, l = ne(e, ["color", "size"]);
-  return /* @__PURE__ */ j.createElement("svg", R({
+var M = $(function(t, a) {
+  var e = t.color, n = e === void 0 ? "currentColor" : e, o = t.size, r = o === void 0 ? 24 : o, d = de(t, ["color", "size"]);
+  return /* @__PURE__ */ F.createElement("svg", L({
     ref: a,
     xmlns: "http://www.w3.org/2000/svg",
-    width: t,
-    height: t,
+    width: r,
+    height: r,
     viewBox: "0 0 24 24",
     fill: "none",
-    stroke: r,
+    stroke: n,
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, l), /* @__PURE__ */ j.createElement("polyline", {
+  }, d), /* @__PURE__ */ F.createElement("polyline", {
     points: "20 6 9 17 4 12"
   }));
 });
-N.propTypes = {
-  color: P.string,
-  size: P.oneOfType([P.string, P.number])
+M.propTypes = {
+  color: j.string,
+  size: j.oneOfType([j.string, j.number])
 };
-N.displayName = "Check";
-var _ = "Checkbox", [ce] = Q(_), [se, O] = ce(_);
-function ie(e) {
+M.displayName = "Check";
+var B = "Checkbox", [fe] = oe(B), [pe, q] = fe(B);
+function me(t) {
   const {
     __scopeCheckbox: a,
-    checked: n,
-    children: r,
+    checked: e,
+    children: n,
     defaultChecked: o,
-    disabled: t,
-    form: l,
-    name: h,
-    onCheckedChange: i,
-    required: b,
-    value: k = "on",
+    disabled: r,
+    form: d,
+    name: c,
+    onCheckedChange: l,
+    required: p,
+    value: m = "on",
     // @ts-expect-error
-    internal_do_not_use_render: d
-  } = e, [u, x] = J({
-    prop: n,
+    internal_do_not_use_render: u
+  } = t, [i, k] = re({
+    prop: e,
     defaultProp: o ?? !1,
-    onChange: i,
-    caller: _
-  }), [C, m] = p.useState(null), [v, c] = p.useState(null), s = p.useRef(!1), y = C ? !!l || !!C.closest("form") : (
+    onChange: l,
+    caller: B
+  }), [h, b] = g.useState(null), [C, s] = g.useState(null), f = g.useRef(!1), I = h ? !!d || !!h.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
-  ), w = {
-    checked: u,
-    disabled: t,
-    setChecked: x,
-    control: C,
-    setControl: m,
-    name: h,
-    form: l,
-    value: k,
-    hasConsumerStoppedPropagationRef: s,
-    required: b,
-    defaultChecked: g(o) ? !1 : o,
-    isFormControl: y,
-    bubbleInput: v,
-    setBubbleInput: c
+  ), y = {
+    checked: i,
+    disabled: r,
+    setChecked: k,
+    control: h,
+    setControl: b,
+    name: c,
+    form: d,
+    value: m,
+    hasConsumerStoppedPropagationRef: f,
+    required: p,
+    defaultChecked: _(o) ? !1 : o,
+    isFormControl: I,
+    bubbleInput: C,
+    setBubbleInput: s
   };
-  return /* @__PURE__ */ f(
-    se,
+  return /* @__PURE__ */ v(
+    pe,
     {
       scope: a,
-      ...w,
-      children: le(d) ? d(w) : r
+      ...y,
+      children: he(u) ? u(y) : n
     }
   );
 }
-var M = "CheckboxTrigger", q = p.forwardRef(
-  ({ __scopeCheckbox: e, onKeyDown: a, onClick: n, ...r }, o) => {
+var K = "CheckboxTrigger", G = g.forwardRef(
+  ({ __scopeCheckbox: t, onKeyDown: a, onClick: e, ...n }, o) => {
     const {
-      control: t,
-      value: l,
-      disabled: h,
-      checked: i,
-      required: b,
-      setControl: k,
-      setChecked: d,
-      hasConsumerStoppedPropagationRef: u,
-      isFormControl: x,
-      bubbleInput: C
-    } = O(M, e), m = L(o, k), v = p.useRef(i);
-    return p.useEffect(() => {
-      const c = t?.form;
-      if (c) {
-        const s = () => d(v.current);
-        return c.addEventListener("reset", s), () => c.removeEventListener("reset", s);
+      control: r,
+      value: d,
+      disabled: c,
+      checked: l,
+      required: p,
+      setControl: m,
+      setChecked: u,
+      hasConsumerStoppedPropagationRef: i,
+      isFormControl: k,
+      bubbleInput: h
+    } = q(K, t), b = H(o, m), C = g.useRef(l);
+    return g.useEffect(() => {
+      const s = r?.form;
+      if (s) {
+        const f = () => u(C.current);
+        return s.addEventListener("reset", f), () => s.removeEventListener("reset", f);
       }
-    }, [t, d]), /* @__PURE__ */ f(
-      I.button,
+    }, [r, u]), /* @__PURE__ */ v(
+      z.button,
       {
         type: "button",
         role: "checkbox",
-        "aria-checked": g(i) ? "mixed" : i,
-        "aria-required": b,
-        "data-state": W(i),
-        "data-disabled": h ? "" : void 0,
-        disabled: h,
-        value: l,
-        ...r,
-        ref: m,
-        onKeyDown: T(a, (c) => {
-          c.key === "Enter" && c.preventDefault();
+        "aria-checked": _(l) ? "mixed" : l,
+        "aria-required": p,
+        "data-state": Y(l),
+        "data-disabled": c ? "" : void 0,
+        disabled: c,
+        value: d,
+        ...n,
+        ref: b,
+        onKeyDown: D(a, (s) => {
+          s.key === "Enter" && s.preventDefault();
         }),
-        onClick: T(n, (c) => {
-          d((s) => g(s) ? !0 : !s), C && x && (u.current = c.isPropagationStopped(), u.current || c.stopPropagation());
+        onClick: D(e, (s) => {
+          u((f) => _(f) ? !0 : !f), h && k && (i.current = s.isPropagationStopped(), i.current || s.stopPropagation());
         })
       }
     );
   }
 );
-q.displayName = M;
-var A = p.forwardRef(
-  (e, a) => {
+G.displayName = K;
+var U = g.forwardRef(
+  (t, a) => {
     const {
-      __scopeCheckbox: n,
-      name: r,
+      __scopeCheckbox: e,
+      name: n,
       checked: o,
-      defaultChecked: t,
-      required: l,
-      disabled: h,
-      value: i,
-      onCheckedChange: b,
-      form: k,
-      ...d
-    } = e;
-    return /* @__PURE__ */ f(
-      ie,
+      defaultChecked: r,
+      required: d,
+      disabled: c,
+      value: l,
+      onCheckedChange: p,
+      form: m,
+      ...u
+    } = t;
+    return /* @__PURE__ */ v(
+      me,
       {
-        __scopeCheckbox: n,
+        __scopeCheckbox: e,
         checked: o,
-        defaultChecked: t,
-        disabled: h,
-        required: l,
-        onCheckedChange: b,
-        name: r,
-        form: k,
-        value: i,
-        internal_do_not_use_render: ({ isFormControl: u }) => /* @__PURE__ */ B(U, { children: [
-          /* @__PURE__ */ f(
-            q,
+        defaultChecked: r,
+        disabled: c,
+        required: d,
+        onCheckedChange: p,
+        name: n,
+        form: m,
+        value: l,
+        internal_do_not_use_render: ({ isFormControl: i }) => /* @__PURE__ */ W(Z, { children: [
+          /* @__PURE__ */ v(
+            G,
             {
-              ...d,
+              ...u,
               ref: a,
-              __scopeCheckbox: n
+              __scopeCheckbox: e
             }
           ),
-          u && /* @__PURE__ */ f(
-            K,
+          i && /* @__PURE__ */ v(
+            Q,
             {
-              __scopeCheckbox: n
+              __scopeCheckbox: e
             }
           )
         ] })
@@ -197,74 +198,74 @@ var A = p.forwardRef(
     );
   }
 );
-A.displayName = _;
-var F = "CheckboxIndicator", D = p.forwardRef(
-  (e, a) => {
-    const { __scopeCheckbox: n, forceMount: r, ...o } = e, t = O(F, n);
-    return /* @__PURE__ */ f(
-      ee,
+U.displayName = B;
+var V = "CheckboxIndicator", X = g.forwardRef(
+  (t, a) => {
+    const { __scopeCheckbox: e, forceMount: n, ...o } = t, r = q(V, e);
+    return /* @__PURE__ */ v(
+      se,
       {
-        present: r || g(t.checked) || t.checked === !0,
-        children: /* @__PURE__ */ f(
-          I.span,
+        present: n || _(r.checked) || r.checked === !0,
+        children: /* @__PURE__ */ v(
+          z.span,
           {
-            "data-state": W(t.checked),
-            "data-disabled": t.disabled ? "" : void 0,
+            "data-state": Y(r.checked),
+            "data-disabled": r.disabled ? "" : void 0,
             ...o,
             ref: a,
-            style: { pointerEvents: "none", ...e.style }
+            style: { pointerEvents: "none", ...t.style }
           }
         )
       }
     );
   }
 );
-D.displayName = F;
-var H = "CheckboxBubbleInput", K = p.forwardRef(
-  ({ __scopeCheckbox: e, ...a }, n) => {
+X.displayName = V;
+var J = "CheckboxBubbleInput", Q = g.forwardRef(
+  ({ __scopeCheckbox: t, ...a }, e) => {
     const {
-      control: r,
+      control: n,
       hasConsumerStoppedPropagationRef: o,
-      checked: t,
-      defaultChecked: l,
-      required: h,
-      disabled: i,
-      name: b,
-      value: k,
-      form: d,
-      bubbleInput: u,
-      setBubbleInput: x
-    } = O(H, e), C = L(n, x), m = Y(t), v = Z(r);
-    p.useEffect(() => {
-      const s = u;
-      if (!s) return;
-      const y = window.HTMLInputElement.prototype, S = Object.getOwnPropertyDescriptor(
-        y,
+      checked: r,
+      defaultChecked: d,
+      required: c,
+      disabled: l,
+      name: p,
+      value: m,
+      form: u,
+      bubbleInput: i,
+      setBubbleInput: k
+    } = q(J, t), h = H(e, k), b = ne(r), C = ae(n);
+    g.useEffect(() => {
+      const f = i;
+      if (!f) return;
+      const I = window.HTMLInputElement.prototype, x = Object.getOwnPropertyDescriptor(
+        I,
         "checked"
-      ).set, $ = !o.current;
-      if (m !== t && S) {
-        const G = new Event("click", { bubbles: $ });
-        s.indeterminate = g(t), S.call(s, g(t) ? !1 : t), s.dispatchEvent(G);
+      ).set, P = !o.current;
+      if (b !== r && x) {
+        const N = new Event("click", { bubbles: P });
+        f.indeterminate = _(r), x.call(f, _(r) ? !1 : r), f.dispatchEvent(N);
       }
-    }, [u, m, t, o]);
-    const c = p.useRef(g(t) ? !1 : t);
-    return /* @__PURE__ */ f(
-      I.input,
+    }, [i, b, r, o]);
+    const s = g.useRef(_(r) ? !1 : r);
+    return /* @__PURE__ */ v(
+      z.input,
       {
         type: "checkbox",
         "aria-hidden": !0,
-        defaultChecked: l ?? c.current,
-        required: h,
-        disabled: i,
-        name: b,
-        value: k,
-        form: d,
+        defaultChecked: d ?? s.current,
+        required: c,
+        disabled: l,
+        name: p,
+        value: m,
+        form: u,
         ...a,
         tabIndex: -1,
-        ref: C,
+        ref: h,
         style: {
           ...a.style,
-          ...v,
+          ...C,
           position: "absolute",
           pointerEvents: "none",
           opacity: 0,
@@ -278,89 +279,67 @@ var H = "CheckboxBubbleInput", K = p.forwardRef(
     );
   }
 );
-K.displayName = H;
-function le(e) {
-  return typeof e == "function";
+Q.displayName = J;
+function he(t) {
+  return typeof t == "function";
 }
-function g(e) {
-  return e === "indeterminate";
+function _(t) {
+  return t === "indeterminate";
 }
-function W(e) {
-  return g(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function Y(t) {
+  return _(t) ? "indeterminate" : t ? "checked" : "unchecked";
 }
-const de = z(
-  ({
-    ariaLabelledBy: e,
-    className: a,
-    defaultChecked: n,
-    disabled: r,
-    id: o,
-    label: t,
-    labelClassName: l,
-    labelWrapperClassName: h,
+const be = $((t, a) => {
+  const e = ee.c(49);
+  let n, o, r, d, c, l, p, m, u, i, k, h, b, C;
+  e[0] !== t ? ({
+    ariaLabelledBy: n,
+    className: o,
+    defaultChecked: r,
+    disabled: c,
+    id: l,
+    label: p,
+    labelClassName: m,
+    labelWrapperClassName: u,
     name: i,
-    theme: b,
-    title: k,
-    variant: d,
-    onChange: u,
-    ...x
-  }, C) => {
-    const [m, v] = oe(n ?? !1), c = V(), s = X(
-      (y) => {
-        v(y), u?.(y);
-      },
-      [u, v]
-    );
-    return /* @__PURE__ */ B(
-      "div",
-      {
-        className: E("flex items-center gap-4", h),
-        "data-theme": b,
-        children: [
-          /* @__PURE__ */ f(
-            A,
-            {
-              id: o ?? c,
-              checked: m,
-              ref: C,
-              name: i,
-              disabled: r,
-              "aria-labelledby": e,
-              title: k,
-              className: E(
-                te({
-                  className: a,
-                  variant: d,
-                  checked: m
-                })
-              ),
-              onCheckedChange: s,
-              ...x,
-              children: /* @__PURE__ */ f(D, { children: /* @__PURE__ */ f(N, { className: "w-4 h-4 stroke-2" }) })
-            }
-          ),
-          t ? /* @__PURE__ */ f(
-            "label",
-            {
-              htmlFor: i ?? o,
-              className: E(
-                re({
-                  className: l
-                }),
-                {
-                  "cursor-not-allowed": r
-                }
-              ),
-              onClick: () => !r && s(!m),
-              children: t
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-de.displayName = "KonstructCheckbox";
+    theme: h,
+    title: b,
+    variant: C,
+    onChange: k,
+    ...d
+  } = t, e[0] = t, e[1] = n, e[2] = o, e[3] = r, e[4] = d, e[5] = c, e[6] = l, e[7] = p, e[8] = m, e[9] = u, e[10] = i, e[11] = k, e[12] = h, e[13] = b, e[14] = C) : (n = e[1], o = e[2], r = e[3], d = e[4], c = e[5], l = e[6], p = e[7], m = e[8], u = e[9], i = e[10], k = e[11], h = e[12], b = e[13], C = e[14]);
+  const [s, f] = le(r ?? !1), I = te();
+  let y;
+  e[15] !== k || e[16] !== f ? (y = (A) => {
+    f(A), k?.(A);
+  }, e[15] = k, e[16] = f, e[17] = y) : y = e[17];
+  const x = y;
+  let P;
+  e[18] !== u ? (P = T("flex items-center gap-4", u), e[18] = u, e[19] = P) : P = e[19];
+  const N = l ?? I;
+  let E;
+  e[20] !== s || e[21] !== o || e[22] !== C ? (E = T(ce({
+    className: o,
+    variant: C,
+    checked: s
+  })), e[20] = s, e[21] = o, e[22] = C, e[23] = E) : E = e[23];
+  let O;
+  e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ v(X, { children: /* @__PURE__ */ v(M, { className: "w-4 h-4 stroke-2" }) }), e[24] = O) : O = e[24];
+  let R;
+  e[25] !== n || e[26] !== s || e[27] !== d || e[28] !== c || e[29] !== x || e[30] !== i || e[31] !== a || e[32] !== N || e[33] !== E || e[34] !== b ? (R = /* @__PURE__ */ v(U, { id: N, checked: s, ref: a, name: i, disabled: c, "aria-labelledby": n, title: b, className: E, onCheckedChange: x, ...d, children: O }), e[25] = n, e[26] = s, e[27] = d, e[28] = c, e[29] = x, e[30] = i, e[31] = a, e[32] = N, e[33] = E, e[34] = b, e[35] = R) : R = e[35];
+  let w;
+  e[36] !== s || e[37] !== c || e[38] !== x || e[39] !== l || e[40] !== p || e[41] !== m || e[42] !== i ? (w = p ? /* @__PURE__ */ v("label", { htmlFor: i ?? l, className: T(ie({
+    className: m
+  }), {
+    "cursor-not-allowed": c
+  }), onClick: () => !c && x(!s), children: p }) : null, e[36] = s, e[37] = c, e[38] = x, e[39] = l, e[40] = p, e[41] = m, e[42] = i, e[43] = w) : w = e[43];
+  let S;
+  return e[44] !== P || e[45] !== R || e[46] !== w || e[47] !== h ? (S = /* @__PURE__ */ W("div", { className: P, "data-theme": h, children: [
+    R,
+    w
+  ] }), e[44] = P, e[45] = R, e[46] = w, e[47] = h, e[48] = S) : S = e[48], S;
+});
+be.displayName = "KonstructCheckbox";
 export {
-  de as Checkbox
+  be as Checkbox
 };