@purpurds/checkbox 4.6.0 → 5.1.0

package/dist/checkbox.es.js

@@ -1,5 +1,5 @@
-import { jsxs as z, jsx as f } from "react/jsx-runtime";
-import { forwardRef as g, Children as v, isValidElement as x, createElement as p, cloneElement as R, useEffect as A, Fragment as re, useCallback as Z, createContext as V, useMemo as k, useContext as _e, useRef as $, useState as I, useLayoutEffect as ge, useReducer as $e } from "react";
+import { jsxs as U, jsx as f } from "react/jsx-runtime";
+import { forwardRef as _, Children as v, isValidElement as x, createElement as p, cloneElement as R, useEffect as A, Fragment as re, useCallback as G, createContext as K, useMemo as k, useContext as ge, useRef as $, useState as I, useLayoutEffect as _e, useReducer as $e } from "react";
 import { flushSync as ye } from "react-dom";
 function xe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -54,7 +54,7 @@ const Ne = /* @__PURE__ */ xe(we), Se = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
   keywords: ["error-filled"],
   category: "status"
-}, Oe = Ne.bind(Se), G = "purpur-icon", Ce = "md", Pe = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ke = ({ content: e = "", title: n } = {}) => {
+}, Oe = Ne.bind(Se), W = "purpur-icon", Ce = "md", Pe = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ke = ({ content: e = "", title: n } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -73,7 +73,7 @@ const Ne = /* @__PURE__ */ xe(we), Se = {
   const o = ke({
     content: Ee(n.svg),
     title: t
-  }), i = Oe(a, G, `${G}--${u}`);
+  }), i = Oe(a, W, `${W}--${u}`);
   return /* @__PURE__ */ f(
     "span",
     {
@@ -125,25 +125,25 @@ var ne = { exports: {} };
   })();
 })(ne);
 var Re = ne.exports;
-const De = /* @__PURE__ */ Me(Re), K = {
+const De = /* @__PURE__ */ Me(Re), X = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, W = "purpur-field-error-text", qe = ({
+}, J = "purpur-field-error-text", qe = ({
   ["data-testid"]: e,
   children: n,
   className: t,
   relevant: a = "additions text",
   ...u
-}) => /* @__PURE__ */ z(
+}) => /* @__PURE__ */ U(
   "div",
   {
-    className: De([t, K[W]]),
+    className: De([t, X[J]]),
     "data-testid": e,
     "aria-live": "assertive",
     "aria-relevant": a,
     ...u,
     children: [
-      /* @__PURE__ */ f(je, { svg: Ae, size: "xs", className: K[`${W}__icon`] }),
+      /* @__PURE__ */ f(je, { svg: Ae, size: "xs", className: X[`${J}__icon`] }),
       n
     ]
   }
@@ -206,7 +206,7 @@ const Be = /* @__PURE__ */ Ie(Le), ze = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3 12c0-1.105.711-2 1.588-2h14.824c.877 0 1.588.895 1.588 2s-.711 2-1.588 2H4.588C3.711 14 3 13.105 3 12Z" clip-rule="evenodd"/></svg>',
   keywords: ["minus-bold"],
   category: "utility"
-}, He = Be.bind(ze), X = "purpur-icon", Fe = "md", Ze = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ve = ({ content: e = "", title: n } = {}) => {
+}, He = Be.bind(ze), Q = "purpur-icon", Fe = "md", Ze = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ve = ({ content: e = "", title: n } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -214,7 +214,7 @@ const Be = /* @__PURE__ */ Ie(Le), ze = {
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = n ? `<title>${n}</title>` : "";
   return `<svg ${Ze(t)}>${a}${e}</svg>`;
-}, Ge = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({
+}, Ge = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
@@ -225,7 +225,7 @@ const Be = /* @__PURE__ */ Ie(Le), ze = {
   const o = Ve({
     content: Ge(n.svg),
     title: t
-  }), i = He(a, X, `${X}--${u}`);
+  }), i = He(a, Q, `${Q}--${u}`);
   return /* @__PURE__ */ f(
     "span",
     {
@@ -237,15 +237,15 @@ const Be = /* @__PURE__ */ Ie(Le), ze = {
     }
   );
 };
-function T() {
-  return T = Object.assign ? Object.assign.bind() : function(e) {
+function H() {
+  return H = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var a in t)
         Object.prototype.hasOwnProperty.call(t, a) && (e[a] = t[a]);
     }
     return e;
-  }, T.apply(this, arguments);
+  }, H.apply(this, arguments);
 }
 function E() {
   return E = Object.assign ? Object.assign.bind() : function(e) {
@@ -265,27 +265,27 @@ function We(...e) {
     (t) => Ke(t, n)
   );
 }
-const ae = /* @__PURE__ */ g((e, n) => {
+const ae = /* @__PURE__ */ _((e, n) => {
   const { children: t, ...a } = e, u = v.toArray(t), r = u.find(Je);
   if (r) {
     const o = r.props.children, i = u.map((c) => c === r ? v.count(o) > 1 ? v.only(null) : /* @__PURE__ */ x(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ p(U, E({}, a, {
+    return /* @__PURE__ */ p(F, E({}, a, {
       ref: n
     }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ R(o, void 0, i) : null);
   }
-  return /* @__PURE__ */ p(U, E({}, a, {
+  return /* @__PURE__ */ p(F, E({}, a, {
     ref: n
   }), t);
 });
 ae.displayName = "Slot";
-const U = /* @__PURE__ */ g((e, n) => {
+const F = /* @__PURE__ */ _((e, n) => {
   const { children: t, ...a } = e;
   return /* @__PURE__ */ x(t) ? /* @__PURE__ */ R(t, {
     ...Qe(a, t.props),
     ref: n ? We(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
 });
-U.displayName = "SlotClone";
+F.displayName = "SlotClone";
 const Xe = ({ children: e }) => /* @__PURE__ */ p(re, null, e);
 function Je(e) {
   return /* @__PURE__ */ x(e) && e.type === Xe;
@@ -329,7 +329,7 @@ const Ye = [
   "svg",
   "ul"
 ], er = Ye.reduce((e, n) => {
-  const t = /* @__PURE__ */ g((a, u) => {
+  const t = /* @__PURE__ */ _((a, u) => {
     const { asChild: r, ...o } = a, i = r ? ae : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
@@ -341,7 +341,7 @@ const Ye = [
     ...e,
     [n]: t
   };
-}, {}), rr = /* @__PURE__ */ g((e, n) => /* @__PURE__ */ p(er.label, T({}, e, {
+}, {}), rr = /* @__PURE__ */ _((e, n) => /* @__PURE__ */ p(er.label, H({}, e, {
   ref: n,
   onMouseDown: (t) => {
     var a;
@@ -351,7 +351,7 @@ const Ye = [
 function nr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ue = { exports: {} };
+var ie = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -386,30 +386,35 @@ var ue = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(ue);
-var or = ue.exports;
-const ar = /* @__PURE__ */ nr(or), Q = {
-  "purpur-label": "_purpur-label_1tkut_1",
-  "purpur-label--disabled": "_purpur-label--disabled_1tkut_9"
-}, Y = "purpur-label", ur = ({
+})(ie);
+var or = ie.exports;
+const ar = /* @__PURE__ */ nr(or), B = {
+  "purpur-label": "_purpur-label_12cfi_1",
+  "purpur-label--negative": "_purpur-label--negative_12cfi_9",
+  "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
+}, z = "purpur-label", ir = ({
   children: e,
   className: n,
   htmlFor: t,
   "data-testid": a,
   disabled: u,
-  ...r
+  negative: r = !1,
+  ...o
 }) => {
-  const o = ar([
+  const i = ar([
     n,
-    Q[Y],
-    { [Q[`${Y}--disabled`]]: u }
+    B[z],
+    {
+      [B[`${z}--disabled`]]: u,
+      [B[`${z}--negative`]]: r
+    }
   ]);
-  return /* @__PURE__ */ f(tr, { className: o, "data-testid": a, htmlFor: t, ...r, children: e });
+  return /* @__PURE__ */ f(tr, { className: i, "data-testid": a, htmlFor: t, ...o, children: e });
 };
-function ir(e) {
+function ur(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ie = { exports: {} };
+var ue = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -444,9 +449,9 @@ var ie = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(ie);
-var cr = ie.exports;
-const sr = /* @__PURE__ */ ir(cr), C = {
+})(ue);
+var cr = ue.exports;
+const sr = /* @__PURE__ */ ur(cr), C = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -513,29 +518,29 @@ function ce(...e) {
   );
 }
 function se(...e) {
-  return Z(ce(...e), e);
+  return G(ce(...e), e);
 }
 function fr(e, n = []) {
   let t = [];
   function a(r, o) {
-    const i = /* @__PURE__ */ V(o), c = t.length;
+    const i = /* @__PURE__ */ K(o), c = t.length;
     t = [
       ...t,
       o
     ];
     function s(l) {
-      const { scope: d, children: b, ..._ } = l, D = (d == null ? void 0 : d[e][c]) || i, y = k(
-        () => _,
-        Object.values(_)
+      const { scope: d, children: b, ...g } = l, D = (d == null ? void 0 : d[e][c]) || i, y = k(
+        () => g,
+        Object.values(g)
       );
       return /* @__PURE__ */ p(D.Provider, {
         value: y
       }, b);
     }
     function h(l, d) {
-      const b = (d == null ? void 0 : d[e][c]) || i, _ = _e(b);
-      if (_)
-        return _;
+      const b = (d == null ? void 0 : d[e][c]) || i, g = ge(b);
+      if (g)
+        return g;
       if (o !== void 0)
         return o;
       throw new Error(`\`${l}\` must be used within \`${r}\``);
@@ -546,7 +551,7 @@ function fr(e, n = []) {
     ];
   }
   const u = () => {
-    const r = t.map((o) => /* @__PURE__ */ V(o));
+    const r = t.map((o) => /* @__PURE__ */ K(o));
     return function(i) {
       const c = (i == null ? void 0 : i[e]) || r;
       return k(
@@ -622,7 +627,7 @@ function mr({ prop: e, defaultProp: n, onChange: t = () => {
   const [a, u] = vr({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, o = r ? e : a, i = le(t), c = Z((s) => {
+  }), r = e !== void 0, o = r ? e : a, i = le(t), c = G((s) => {
     if (r) {
       const l = typeof s == "function" ? s(e) : s;
       l !== e && i(l);
@@ -658,11 +663,11 @@ function br(e) {
     e
   ]);
 }
-const H = globalThis != null && globalThis.document ? ge : () => {
+const Z = globalThis != null && globalThis.document ? _e : () => {
 };
-function _r(e) {
+function gr(e) {
   const [n, t] = I(void 0);
-  return H(() => {
+  return Z(() => {
     if (e) {
       t({
         width: e.offsetWidth,
@@ -692,7 +697,7 @@ function _r(e) {
     e
   ]), n;
 }
-function gr(e, n) {
+function _r(e, n) {
   return $e((t, a) => {
     const u = n[t][a];
     return u ?? t;
@@ -708,7 +713,7 @@ const pe = (e) => {
 };
 pe.displayName = "Presence";
 function $r(e) {
-  const [n, t] = I(), a = $({}), u = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [i, c] = gr(o, {
+  const [n, t] = I(), a = $({}), u = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [i, c] = _r(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -726,7 +731,7 @@ function $r(e) {
     r.current = i === "mounted" ? s : "none";
   }, [
     i
-  ]), H(() => {
+  ]), Z(() => {
     const s = a.current, h = u.current;
     if (h !== e) {
       const d = r.current, b = q(s);
@@ -735,7 +740,7 @@ function $r(e) {
   }, [
     e,
     c
-  ]), H(() => {
+  ]), Z(() => {
     if (n) {
       const s = (l) => {
         const b = q(a.current).includes(l.animationName);
@@ -758,7 +763,7 @@ function $r(e) {
       "mounted",
       "unmountSuspended"
     ].includes(i),
-    ref: Z((s) => {
+    ref: G((s) => {
       s && (a.current = getComputedStyle(s)), t(s);
     }, [])
   };
@@ -776,27 +781,27 @@ function M() {
     return e;
   }, M.apply(this, arguments);
 }
-const de = /* @__PURE__ */ g((e, n) => {
+const de = /* @__PURE__ */ _((e, n) => {
   const { children: t, ...a } = e, u = v.toArray(t), r = u.find(xr);
   if (r) {
     const o = r.props.children, i = u.map((c) => c === r ? v.count(o) > 1 ? v.only(null) : /* @__PURE__ */ x(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ p(F, M({}, a, {
+    return /* @__PURE__ */ p(V, M({}, a, {
       ref: n
     }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ R(o, void 0, i) : null);
   }
-  return /* @__PURE__ */ p(F, M({}, a, {
+  return /* @__PURE__ */ p(V, M({}, a, {
     ref: n
   }), t);
 });
 de.displayName = "Slot";
-const F = /* @__PURE__ */ g((e, n) => {
+const V = /* @__PURE__ */ _((e, n) => {
   const { children: t, ...a } = e;
   return /* @__PURE__ */ x(t) ? /* @__PURE__ */ R(t, {
     ...wr(a, t.props),
     ref: n ? ce(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
 });
-F.displayName = "SlotClone";
+V.displayName = "SlotClone";
 const yr = ({ children: e }) => /* @__PURE__ */ p(re, null, e);
 function xr(e) {
   return /* @__PURE__ */ x(e) && e.type === yr;
@@ -840,7 +845,7 @@ const Nr = [
   "svg",
   "ul"
 ], fe = Nr.reduce((e, n) => {
-  const t = /* @__PURE__ */ g((a, u) => {
+  const t = /* @__PURE__ */ _((a, u) => {
     const { asChild: r, ...o } = a, i = r ? de : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
@@ -852,11 +857,11 @@ const Nr = [
     ...e,
     [n]: t
   };
-}, {}), he = "Checkbox", [Sr, Tr] = fr(he), [Ar, Or] = Sr(he), Cr = /* @__PURE__ */ g((e, n) => {
+}, {}), he = "Checkbox", [Sr, Tr] = fr(he), [Ar, Or] = Sr(he), Cr = /* @__PURE__ */ _((e, n) => {
   const { __scopeCheckbox: t, name: a, checked: u, defaultChecked: r, required: o, disabled: i, value: c = "on", onCheckedChange: s, ...h } = e, [l, d] = I(null), b = se(
     n,
     (m) => d(m)
-  ), _ = $(!1), D = l ? !!l.closest("form") : !0, [y = !1, L] = mr({
+  ), g = $(!1), D = l ? !!l.closest("form") : !0, [y = !1, L] = mr({
     prop: u,
     defaultProp: r,
     onChange: s
@@ -891,11 +896,11 @@ const Nr = [
     onClick: ee(e.onClick, (m) => {
       L(
         (O) => S(O) ? !0 : !O
-      ), D && (_.current = m.isPropagationStopped(), _.current || m.stopPropagation());
+      ), D && (g.current = m.isPropagationStopped(), g.current || m.stopPropagation());
     })
   })), D && /* @__PURE__ */ p(Er, {
     control: l,
-    bubbles: !_.current,
+    bubbles: !g.current,
     name: a,
     value: c,
     checked: y,
@@ -905,7 +910,7 @@ const Nr = [
       transform: "translateX(-100%)"
     }
   }));
-}), Pr = "CheckboxIndicator", kr = /* @__PURE__ */ g((e, n) => {
+}), Pr = "CheckboxIndicator", kr = /* @__PURE__ */ _((e, n) => {
   const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = Or(Pr, t);
   return /* @__PURE__ */ p(pe, {
     present: a || S(r.state) || r.state === !0
@@ -920,7 +925,7 @@ const Nr = [
     }
   })));
 }), Er = (e) => {
-  const { control: n, checked: t, bubbles: a = !0, ...u } = e, r = $(null), o = br(t), i = _r(n);
+  const { control: n, checked: t, bubbles: a = !0, ...u } = e, r = $(null), o = br(t), i = gr(n);
   return A(() => {
     const c = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
     if (o !== t && l) {
@@ -997,7 +1002,7 @@ var ve = { exports: {} };
   })();
 })(ve);
 var Dr = ve.exports;
-const B = /* @__PURE__ */ Rr(Dr), w = {
+const T = /* @__PURE__ */ Rr(Dr), w = {
   "purpur-checkbox": "_purpur-checkbox_10fl8_1",
   "purpur-checkbox__box": "_purpur-checkbox__box_10fl8_7",
   "purpur-checkbox--error": "_purpur-checkbox--error_10fl8_16",
@@ -1015,28 +1020,28 @@ const B = /* @__PURE__ */ Rr(Dr), w = {
   ...o
 }, i) => {
   const c = a && !n;
-  return /* @__PURE__ */ z("div", { className: B([t, w[`${N}__wrapper`]]), children: [
-    /* @__PURE__ */ z("div", { className: B([t, w[`${N}__container`]]), children: [
+  return /* @__PURE__ */ U("div", { className: T([t, w[`${N}__wrapper`]]), children: [
+    /* @__PURE__ */ U("div", { className: T([t, w[`${N}__container`]]), children: [
       /* @__PURE__ */ f(
         jr,
         {
           ...o,
           checked: n,
-          className: B(w[N], {
+          className: T(w[N], {
             [w[`${N}--error`]]: c
           }),
           "data-testid": e,
           onCheckedChange: r,
           ref: i,
           children: /* @__PURE__ */ f("span", { className: w[`${N}__box`], children: /* @__PURE__ */ f(Mr, { className: w[`${N}__indicator`], children: n === "indeterminate" ? /* @__PURE__ */ f(
-            J,
+            Y,
             {
               "data-testid": e && `${e}-checked-icon`,
               size: "xs",
               svg: Ue
             }
           ) : /* @__PURE__ */ f(
-            J,
+            Y,
             {
               "data-testid": e && `${e}-indeterminate-icon`,
               size: "xs",
@@ -1046,7 +1051,7 @@ const B = /* @__PURE__ */ Rr(Dr), w = {
         }
       ),
       u && /* @__PURE__ */ f(
-        ur,
+        ir,
         {
           htmlFor: o.id,
           "data-testid": e && `${e}-label`,
@@ -1058,7 +1063,7 @@ const B = /* @__PURE__ */ Rr(Dr), w = {
     ] }),
     c && /* @__PURE__ */ f(qe, { "data-testid": e && `${e}-error-text`, children: a })
   ] });
-}, Ir = g(qr);
+}, Ir = _(qr);
 Ir.displayName = "Checkbox";
 export {
   Ir as Checkbox