@purpurds/checkbox 8.11.0 → 8.12.0

package/dist/checkbox.es.js

@@ -1,13 +1,13 @@
 import { jsxs as S, jsx as p } from "react/jsx-runtime";
 import * as s from "react";
-import { forwardRef as _e } from "react";
+import { forwardRef as ve } from "react";
 import "react-dom";
-function ge(e) {
+function _e(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var q = { exports: {} }, z;
-function ve() {
-  return z || (z = 1, (function(e) {
+var I = { exports: {} }, q;
+function ge() {
+  return q || (q = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
@@ -36,10 +36,10 @@ function ve() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(q)), q.exports;
+  })(I)), I.exports;
 }
-var ye = ve();
-const be = /* @__PURE__ */ ge(ye), xe = {
+var ye = ge();
+const be = /* @__PURE__ */ _e(ye), xe = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -135,7 +135,7 @@ function je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var T = { exports: {} }, U;
-function De() {
+function ze() {
   return U || (U = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -167,12 +167,12 @@ function De() {
     })();
   })(T)), T.exports;
 }
-var Ie = De();
-const qe = /* @__PURE__ */ je(Ie), ze = {
+var De = ze();
+const Ie = /* @__PURE__ */ je(De), qe = {
   "purpur-field-helper-text": "_purpur-field-helper-text_11nsh_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_11nsh_9",
   "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
-}, Be = qe.bind(ze), R = "purpur-field-helper-text", We = ({
+}, Be = Ie.bind(qe), R = "purpur-field-helper-text", We = ({
   children: e,
   className: t,
   disabled: n,
@@ -293,8 +293,8 @@ function tr(e) {
     ne(r) && typeof O == "function" && (r = O(r._payload));
     const u = s.Children.toArray(r), c = u.find(ir);
     if (c) {
-      const l = c.props.children, d = u.map((f) => f === c ? s.Children.count(l) > 1 ? s.Children.only(null) : s.isValidElement(l) ? l.props.children : null : f);
-      return /* @__PURE__ */ p(t, { ...o, ref: i, children: s.isValidElement(l) ? s.cloneElement(l, void 0, d) : null });
+      const l = c.props.children, f = u.map((d) => d === c ? s.Children.count(l) > 1 ? s.Children.only(null) : s.isValidElement(l) ? l.props.children : null : d);
+      return /* @__PURE__ */ p(t, { ...o, ref: i, children: s.isValidElement(l) ? s.cloneElement(l, void 0, f) : null });
     }
     return /* @__PURE__ */ p(t, { ...o, ref: i, children: r });
   });
@@ -367,11 +367,11 @@ var sr = [
 ));
 oe.displayName = lr;
 var pr = oe;
-function fr(e) {
+function dr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var G = { exports: {} }, X;
-function dr() {
+function fr() {
   return X || (X = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -403,19 +403,19 @@ function dr() {
     })();
   })(G)), G.exports;
 }
-var hr = dr();
-const mr = /* @__PURE__ */ fr(hr), _r = {
+var hr = fr();
+const mr = /* @__PURE__ */ dr(hr), vr = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, gr = mr.bind(_r), E = "purpur-label", vr = ({
+}, _r = mr.bind(vr), E = "purpur-label", gr = ({
   children: e,
   className: t,
   disabled: n,
   negative: a = !1,
   ...i
 }) => {
-  const r = gr(t, E, {
+  const r = _r(t, E, {
     [`${E}--disabled`]: n,
     [`${E}--negative`]: a
   });
@@ -459,20 +459,21 @@ function br() {
 }
 var xr = br();
 const $r = /* @__PURE__ */ yr(xr), wr = {
-  "purpur-paragraph": "_purpur-paragraph_1rh57_1",
-  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
-  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
-  "purpur-paragraph--negative": "_purpur-paragraph--negative_1rh57_13",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1rh57_16",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1rh57_22",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1rh57_29",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1rh57_36",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1rh57_42",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1rh57_48",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1rh57_54",
-  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
-  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
-  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
+  "purpur-paragraph": "_purpur-paragraph_1vz75_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1vz75_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1vz75_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_1vz75_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1vz75_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1vz75_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1vz75_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1vz75_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1vz75_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1vz75_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1vz75_54",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1vz75_60",
+  "purpur-paragraph--additional-100-bold": "_purpur-paragraph--additional-100-bold_1vz75_67",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1vz75_74",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1vz75_82"
 }, Sr = $r.bind(wr), Cr = {
   PARAGRAPH100: "paragraph-100"
 }, N = "purpur-paragraph", ie = ({
@@ -521,18 +522,18 @@ function Nr(e, t = []) {
   function a(r, o) {
     const u = s.createContext(o), c = n.length;
     n = [...n, o];
-    const l = (f) => {
-      const { scope: m, children: h, ..._ } = f, b = m?.[e]?.[c] || u, $ = s.useMemo(() => _, Object.values(_));
+    const l = (d) => {
+      const { scope: m, children: h, ...v } = d, b = m?.[e]?.[c] || u, $ = s.useMemo(() => v, Object.values(v));
       return /* @__PURE__ */ p(b.Provider, { value: $, children: h });
     };
     l.displayName = r + "Provider";
-    function d(f, m) {
-      const h = m?.[e]?.[c] || u, _ = s.useContext(h);
-      if (_) return _;
+    function f(d, m) {
+      const h = m?.[e]?.[c] || u, v = s.useContext(h);
+      if (v) return v;
       if (o !== void 0) return o;
-      throw new Error(`\`${f}\` must be used within \`${r}\``);
+      throw new Error(`\`${d}\` must be used within \`${r}\``);
     }
-    return [l, d];
+    return [l, f];
   }
   const i = () => {
     const r = n.map((o) => s.createContext(o));
@@ -556,8 +557,8 @@ function kr(...e) {
     }));
     return function(r) {
       const o = a.reduce((u, { useScope: c, scopeName: l }) => {
-        const f = c(r)[`__scope${l}`];
-        return { ...u, ...f };
+        const d = c(r)[`__scope${l}`];
+        return { ...u, ...d };
       }, {});
       return s.useMemo(() => ({ [`__scope${t.scopeName}`]: o }), [o]);
     };
@@ -585,8 +586,8 @@ function Or({
   const [a, i] = Pr({ defaultProp: t, onChange: n }), r = e !== void 0, o = r ? e : a, u = se(n), c = s.useCallback(
     (l) => {
       if (r) {
-        const f = typeof l == "function" ? l(e) : l;
-        f !== e && u(f);
+        const d = typeof l == "function" ? l(e) : l;
+        d !== e && u(d);
       } else
         i(l);
     },
@@ -607,11 +608,11 @@ function Ar(e) {
   const t = s.useRef({ value: e, previous: e });
   return s.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-var D = globalThis?.document ? s.useLayoutEffect : () => {
+var z = globalThis?.document ? s.useLayoutEffect : () => {
 };
 function Rr(e) {
   const [t, n] = s.useState(void 0);
-  return D(() => {
+  return z(() => {
     if (e) {
       n({ width: e.offsetWidth, height: e.offsetHeight });
       const a = new ResizeObserver((i) => {
@@ -656,28 +657,28 @@ function Mr(e) {
   return s.useEffect(() => {
     const l = k(a.current);
     r.current = u === "mounted" ? l : "none";
-  }, [u]), D(() => {
-    const l = a.current, d = i.current;
-    if (d !== e) {
+  }, [u]), z(() => {
+    const l = a.current, f = i.current;
+    if (f !== e) {
       const m = r.current, h = k(l);
-      e ? c("MOUNT") : h === "none" || l?.display === "none" ? c("UNMOUNT") : c(d && m !== h ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
+      e ? c("MOUNT") : h === "none" || l?.display === "none" ? c("UNMOUNT") : c(f && m !== h ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
     }
-  }, [e, c]), D(() => {
+  }, [e, c]), z(() => {
     if (t) {
       let l;
-      const d = t.ownerDocument.defaultView ?? window, f = (h) => {
+      const f = t.ownerDocument.defaultView ?? window, d = (h) => {
         const b = k(a.current).includes(h.animationName);
         if (h.target === t && b && (c("ANIMATION_END"), !i.current)) {
           const $ = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", l = d.setTimeout(() => {
+          t.style.animationFillMode = "forwards", l = f.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = $);
           });
         }
       }, m = (h) => {
         h.target === t && (r.current = k(a.current));
       };
-      return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
-        d.clearTimeout(l), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", d), t.addEventListener("animationend", d), () => {
+        f.clearTimeout(l), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", d), t.removeEventListener("animationend", d);
       };
     } else
       c("ANIMATION_END");
@@ -696,19 +697,19 @@ function jr(e) {
   return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
 // @__NO_SIDE_EFFECTS__
-function Dr(e) {
-  const t = /* @__PURE__ */ Ir(e), n = s.forwardRef((a, i) => {
-    const { children: r, ...o } = a, u = s.Children.toArray(r), c = u.find(zr);
+function zr(e) {
+  const t = /* @__PURE__ */ Dr(e), n = s.forwardRef((a, i) => {
+    const { children: r, ...o } = a, u = s.Children.toArray(r), c = u.find(qr);
     if (c) {
-      const l = c.props.children, d = u.map((f) => f === c ? s.Children.count(l) > 1 ? s.Children.only(null) : s.isValidElement(l) ? l.props.children : null : f);
-      return /* @__PURE__ */ p(t, { ...o, ref: i, children: s.isValidElement(l) ? s.cloneElement(l, void 0, d) : null });
+      const l = c.props.children, f = u.map((d) => d === c ? s.Children.count(l) > 1 ? s.Children.only(null) : s.isValidElement(l) ? l.props.children : null : d);
+      return /* @__PURE__ */ p(t, { ...o, ref: i, children: s.isValidElement(l) ? s.cloneElement(l, void 0, f) : null });
     }
     return /* @__PURE__ */ p(t, { ...o, ref: i, children: r });
   });
   return n.displayName = `${e}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function Ir(e) {
+function Dr(e) {
   const t = s.forwardRef((n, a) => {
     const { children: i, ...r } = n;
     if (s.isValidElement(i)) {
@@ -719,9 +720,9 @@ function Ir(e) {
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var qr = Symbol("radix.slottable");
-function zr(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === qr;
+var Ir = Symbol("radix.slottable");
+function qr(e) {
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ir;
 }
 function Br(e, t) {
   const n = { ...t };
@@ -755,12 +756,12 @@ var Lr = [
   "svg",
   "ul"
 ], le = Lr.reduce((e, t) => {
-  const n = /* @__PURE__ */ Dr(`Primitive.${t}`), a = s.forwardRef((i, r) => {
+  const n = /* @__PURE__ */ zr(`Primitive.${t}`), a = s.forwardRef((i, r) => {
     const { asChild: o, ...u } = i, c = o ? n : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(c, { ...u, ref: r });
   });
   return a.displayName = `Primitive.${t}`, { ...e, [t]: a };
-}, {}), I = "Checkbox", [Hr] = Nr(I), [Tr, Ur] = Hr(I), pe = s.forwardRef(
+}, {}), D = "Checkbox", [Hr] = Nr(D), [Tr, Ur] = Hr(D), pe = s.forwardRef(
   (e, t) => {
     const {
       __scopeCheckbox: n,
@@ -771,18 +772,18 @@ var Lr = [
       disabled: u,
       value: c = "on",
       onCheckedChange: l,
-      form: d,
-      ...f
-    } = e, [m, h] = s.useState(null), _ = ue(t, (g) => h(g)), b = s.useRef(!1), $ = m ? d || !!m.closest("form") : !0, [w = !1, P] = Or({
+      form: f,
+      ...d
+    } = e, [m, h] = s.useState(null), v = ue(t, (_) => h(_)), b = s.useRef(!1), $ = m ? f || !!m.closest("form") : !0, [w = !1, P] = Or({
       prop: i,
       defaultProp: r,
       onChange: l
     }), me = s.useRef(w);
     return s.useEffect(() => {
-      const g = m?.form;
-      if (g) {
+      const _ = m?.form;
+      if (_) {
         const C = () => P(me.current);
-        return g.addEventListener("reset", C), () => g.removeEventListener("reset", C);
+        return _.addEventListener("reset", C), () => _.removeEventListener("reset", C);
       }
     }, [m, P]), /* @__PURE__ */ S(Tr, { scope: n, state: w, disabled: u, children: [
       /* @__PURE__ */ p(
@@ -796,13 +797,13 @@ var Lr = [
           "data-disabled": u ? "" : void 0,
           disabled: u,
           value: c,
-          ...f,
-          ref: _,
-          onKeyDown: ee(e.onKeyDown, (g) => {
-            g.key === "Enter" && g.preventDefault();
+          ...d,
+          ref: v,
+          onKeyDown: ee(e.onKeyDown, (_) => {
+            _.key === "Enter" && _.preventDefault();
           }),
-          onClick: ee(e.onClick, (g) => {
-            P((C) => y(C) ? !0 : !C), $ && (b.current = g.isPropagationStopped(), b.current || g.stopPropagation());
+          onClick: ee(e.onClick, (_) => {
+            P((C) => y(C) ? !0 : !C), $ && (b.current = _.isPropagationStopped(), b.current || _.stopPropagation());
           })
         }
       ),
@@ -816,7 +817,7 @@ var Lr = [
           checked: w,
           required: o,
           disabled: u,
-          form: d,
+          form: f,
           style: { transform: "translateX(-100%)" },
           defaultChecked: y(r) ? !1 : r
         }
@@ -824,10 +825,10 @@ var Lr = [
     ] });
   }
 );
-pe.displayName = I;
-var fe = "CheckboxIndicator", de = s.forwardRef(
+pe.displayName = D;
+var de = "CheckboxIndicator", fe = s.forwardRef(
   (e, t) => {
-    const { __scopeCheckbox: n, forceMount: a, ...i } = e, r = Ur(fe, n);
+    const { __scopeCheckbox: n, forceMount: a, ...i } = e, r = Ur(de, n);
     return /* @__PURE__ */ p(ce, { present: a || y(r.state) || r.state === !0, children: /* @__PURE__ */ p(
       le.span,
       {
@@ -840,14 +841,14 @@ var fe = "CheckboxIndicator", de = s.forwardRef(
     ) });
   }
 );
-de.displayName = fe;
+fe.displayName = de;
 var Vr = (e) => {
   const { control: t, checked: n, bubbles: a = !0, defaultChecked: i, ...r } = e, o = s.useRef(null), u = Ar(n), c = Rr(t);
   s.useEffect(() => {
-    const d = o.current, f = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(f, "checked").set;
+    const f = o.current, d = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(d, "checked").set;
     if (u !== n && h) {
-      const _ = new Event("click", { bubbles: a });
-      d.indeterminate = y(n), h.call(d, y(n) ? !1 : n), d.dispatchEvent(_);
+      const v = new Event("click", { bubbles: a });
+      f.indeterminate = y(n), h.call(f, y(n) ? !1 : n), f.dispatchEvent(v);
     }
   }, [u, n, a]);
   const l = s.useRef(y(n) ? !1 : n);
@@ -877,7 +878,7 @@ function y(e) {
 function he(e) {
   return y(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-var Fr = pe, Zr = de;
+var Fr = pe, Zr = fe;
 function Kr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -925,7 +926,7 @@ const Jr = /* @__PURE__ */ Kr(Xr), Qr = {
   "purpur-checkbox__label-container": "_purpur-checkbox__label-container_150ck_70",
   "purpur-checkbox__wrapper": "_purpur-checkbox__wrapper_150ck_76",
   "purpur-checkbox__container": "_purpur-checkbox__container_150ck_82"
-}, x = Jr.bind(Qr), nt = ["indeterminate", !0, !1], v = "purpur-checkbox", Yr = _e(
+}, x = Jr.bind(Qr), nt = ["indeterminate", !0, !1], g = "purpur-checkbox", Yr = ve(
   ({
     ["data-testid"]: e,
     checked: t,
@@ -937,25 +938,25 @@ const Jr = /* @__PURE__ */ Kr(Xr), Qr = {
     onChange: u,
     ...c
   }, l) => {
-    const d = i && !t, f = a && !t;
-    return /* @__PURE__ */ S("div", { className: x([`${v}__wrapper`, n]), children: [
-      /* @__PURE__ */ S("div", { className: x([`${v}__container`, n]), children: [
+    const f = i && !t, d = a && !t;
+    return /* @__PURE__ */ S("div", { className: x([`${g}__wrapper`, n]), children: [
+      /* @__PURE__ */ S("div", { className: x([`${g}__container`, n]), children: [
         /* @__PURE__ */ p(
           Fr,
           {
             ...c,
             checked: t,
             className: x([
-              v,
+              g,
               {
-                [`${v}--error`]: d,
-                [`${v}--error-checkbox`]: f
+                [`${g}--error`]: f,
+                [`${g}--error-checkbox`]: d
               }
             ]),
             "data-testid": e,
             onCheckedChange: u,
             ref: l,
-            children: /* @__PURE__ */ p("span", { className: x(`${v}__box`), children: /* @__PURE__ */ p(Zr, { className: x(`${v}__indicator`), children: t === "indeterminate" ? /* @__PURE__ */ p(
+            children: /* @__PURE__ */ p("span", { className: x(`${g}__box`), children: /* @__PURE__ */ p(Zr, { className: x(`${g}__indicator`), children: t === "indeterminate" ? /* @__PURE__ */ p(
               j,
               {
                 "data-testid": e && `${e}-checked-icon`,
@@ -972,9 +973,9 @@ const Jr = /* @__PURE__ */ Kr(Xr), Qr = {
             ) }) })
           }
         ),
-        /* @__PURE__ */ S("span", { className: x(`${v}__label-container`), children: [
+        /* @__PURE__ */ S("span", { className: x(`${g}__label-container`), children: [
           r && /* @__PURE__ */ p(
-            vr,
+            gr,
             {
               htmlFor: c.id,
               "data-testid": e && `${e}-label`,
@@ -988,7 +989,7 @@ const Jr = /* @__PURE__ */ Kr(Xr), Qr = {
           o && /* @__PURE__ */ p(
             We,
             {
-              className: x(`${v}__helper`),
+              className: x(`${g}__helper`),
               "data-testid": e && `${e}-helper-text`,
               disabled: c.disabled,
               id: `${c.id}-helper-text`,
@@ -997,7 +998,7 @@ const Jr = /* @__PURE__ */ Kr(Xr), Qr = {
           )
         ] })
       ] }),
-      d && /* @__PURE__ */ p(Me, { "data-testid": e && `${e}-error-text`, children: i })
+      f && /* @__PURE__ */ p(Me, { "data-testid": e && `${e}-error-text`, children: i })
     ] });
   }
 );