@purpurds/checkbox 3.0.0

package/dist/checkbox.es.js

@@ -0,0 +1,1063 @@
+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 E, useEffect as C, Fragment as re, useCallback as F, createContext as V, useMemo as A, useContext as _e, useRef as $, useState as I, useLayoutEffect as ge, 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;
+}
+var te = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", o = 0; o < arguments.length; o++) {
+        var u = arguments[o];
+        u && (r = i(r, a.call(this, u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var o = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (o = i(o, this && this[u] || u));
+      return o;
+    }
+    function i(r, o) {
+      return o ? r ? r + " " + o : r + o : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(te);
+var we = te.exports;
+const Ne = /* @__PURE__ */ xe(we), Se = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, Ce = {
+  name: "error-filled",
+  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", Ae = "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" },
+    { name: "viewBox", value: "0 0 24 24" },
+    n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = n ? `<title>${n}</title>` : "";
+  return `<svg ${Pe(t)}>${a}${e}</svg>`;
+}, je = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ee = ({
+  ["data-testid"]: e,
+  svg: n,
+  allyTitle: t,
+  className: a = "",
+  size: i = Ae,
+  ...r
+}) => {
+  const o = ke({
+    content: je(n.svg),
+    title: t
+  }), u = Oe(a, G, `${G}--${i}`);
+  return /* @__PURE__ */ f(
+    "span",
+    {
+      "aria-label": t,
+      className: u,
+      "data-testid": e,
+      dangerouslySetInnerHTML: { __html: o },
+      ...r
+    }
+  );
+};
+function Me(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ne = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", o = 0; o < arguments.length; o++) {
+        var u = arguments[o];
+        u && (r = i(r, a(u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var o = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (o = i(o, u));
+      return o;
+    }
+    function i(r, o) {
+      return o ? r ? r + " " + o : r + o : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(ne);
+var Re = ne.exports;
+const De = /* @__PURE__ */ Me(Re), K = {
+  "purpur-field-error-text": "_purpur-field-error-text_1h4gy_1",
+  "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1h4gy_12"
+}, W = "purpur-field-error-text", qe = ({
+  ["data-testid"]: e,
+  children: n,
+  className: t,
+  relevant: a = "additions text",
+  ...i
+}) => /* @__PURE__ */ z(
+  "div",
+  {
+    className: De([t, K[W]]),
+    "data-testid": e,
+    "aria-live": "assertive",
+    "aria-relevant": a,
+    ...i,
+    children: [
+      /* @__PURE__ */ f(Ee, { svg: Ce, size: "xs", className: K[`${W}__icon`] }),
+      n
+    ]
+  }
+);
+function Ie(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var oe = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", o = 0; o < arguments.length; o++) {
+        var u = arguments[o];
+        u && (r = i(r, a.call(this, u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var o = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (o = i(o, this && this[u] || u));
+      return o;
+    }
+    function i(r, o) {
+      return o ? r ? r + " " + o : r + o : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(oe);
+var Be = oe.exports;
+const Le = /* @__PURE__ */ Ie(Be), ze = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, Te = {
+  name: "checkmark-bold",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.243 4.176a2 2 0 0 1 .324 2.81l-10.45 13.176a2.092 2.092 0 0 1-3.118.18l-5.413-5.413A2 2 0 1 1 5.414 12.1l3.9 3.9 9.118-11.5a2 2 0 0 1 2.81-.324Z" clip-rule="evenodd"/></svg>',
+  keywords: ["checkmark-bold"],
+  category: "utility"
+}, Ue = {
+  name: "minus-bold",
+  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 = Le.bind(ze), X = "purpur-icon", Ze = "md", Fe = (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" },
+    { name: "viewBox", value: "0 0 24 24" },
+    n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = n ? `<title>${n}</title>` : "";
+  return `<svg ${Fe(t)}>${a}${e}</svg>`;
+}, Ge = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({
+  ["data-testid"]: e,
+  svg: n,
+  allyTitle: t,
+  className: a = "",
+  size: i = Ze,
+  ...r
+}) => {
+  const o = Ve({
+    content: Ge(n.svg),
+    title: t
+  }), u = He(a, X, `${X}--${i}`);
+  return /* @__PURE__ */ f(
+    "span",
+    {
+      "aria-label": t,
+      className: u,
+      "data-testid": e,
+      dangerouslySetInnerHTML: { __html: o },
+      ...r
+    }
+  );
+};
+function T() {
+  return T = 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);
+}
+function P() {
+  return P = 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;
+  }, P.apply(this, arguments);
+}
+function Ke(e, n) {
+  typeof e == "function" ? e(n) : e != null && (e.current = n);
+}
+function We(...e) {
+  return (n) => e.forEach(
+    (t) => Ke(t, n)
+  );
+}
+const ae = /* @__PURE__ */ g((e, n) => {
+  const { children: t, ...a } = e, i = v.toArray(t), r = i.find(Je);
+  if (r) {
+    const o = r.props.children, u = i.map((c) => c === r ? v.count(o) > 1 ? v.only(null) : /* @__PURE__ */ x(o) ? o.props.children : null : c);
+    return /* @__PURE__ */ p(U, P({}, a, {
+      ref: n
+    }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ E(o, void 0, u) : null);
+  }
+  return /* @__PURE__ */ p(U, P({}, a, {
+    ref: n
+  }), t);
+});
+ae.displayName = "Slot";
+const U = /* @__PURE__ */ g((e, n) => {
+  const { children: t, ...a } = e;
+  return /* @__PURE__ */ x(t) ? /* @__PURE__ */ E(t, {
+    ...Qe(a, t.props),
+    ref: n ? We(n, t.ref) : t.ref
+  }) : v.count(t) > 1 ? v.only(null) : null;
+});
+U.displayName = "SlotClone";
+const Xe = ({ children: e }) => /* @__PURE__ */ p(re, null, e);
+function Je(e) {
+  return /* @__PURE__ */ x(e) && e.type === Xe;
+}
+function Qe(e, n) {
+  const t = {
+    ...n
+  };
+  for (const a in n) {
+    const i = e[a], r = n[a];
+    /^on[A-Z]/.test(a) ? i && r ? t[a] = (...o) => {
+      r(...o), i(...o);
+    } : i && (t[a] = i) : a === "style" ? t[a] = {
+      ...i,
+      ...r
+    } : a === "className" && (t[a] = [
+      i,
+      r
+    ].filter(Boolean).join(" "));
+  }
+  return {
+    ...e,
+    ...t
+  };
+}
+const Ye = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], er = Ye.reduce((e, n) => {
+  const t = /* @__PURE__ */ g((a, i) => {
+    const { asChild: r, ...o } = a, u = r ? ae : n;
+    return C(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ p(u, P({}, o, {
+      ref: i
+    }));
+  });
+  return t.displayName = `Primitive.${n}`, {
+    ...e,
+    [n]: t
+  };
+}, {}), rr = /* @__PURE__ */ g((e, n) => /* @__PURE__ */ p(er.label, T({}, e, {
+  ref: n,
+  onMouseDown: (t) => {
+    var a;
+    (a = e.onMouseDown) === null || a === void 0 || a.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault();
+  }
+}))), tr = rr;
+function nr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ie = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", o = 0; o < arguments.length; o++) {
+        var u = arguments[o];
+        u && (r = i(r, a(u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var o = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (o = i(o, u));
+      return o;
+    }
+    function i(r, o) {
+      return o ? r ? r + " " + o : r + o : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(ie);
+var or = ie.exports;
+const ar = /* @__PURE__ */ nr(or), Q = {
+  "purpur-label": "_purpur-label_1jub8_1",
+  "purpur-label--disabled": "_purpur-label--disabled_1jub8_9"
+}, Y = "purpur-label", ir = ({
+  children: e,
+  className: n,
+  htmlFor: t,
+  "data-testid": a,
+  disabled: i,
+  ...r
+}) => {
+  const o = ar([
+    n,
+    Q[Y],
+    { [Q[`${Y}--disabled`]]: i }
+  ]);
+  return /* @__PURE__ */ f(tr, { className: o, "data-testid": a, htmlFor: t, ...r, children: e });
+};
+function ur(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ue = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", o = 0; o < arguments.length; o++) {
+        var u = arguments[o];
+        u && (r = i(r, a(u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var o = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (o = i(o, u));
+      return o;
+    }
+    function i(r, o) {
+      return o ? r ? r + " " + o : r + o : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(ue);
+var cr = ue.exports;
+const sr = /* @__PURE__ */ ur(cr), R = {
+  "purpur-paragraph": "_purpur-paragraph_hwaj6_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_hwaj6_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_hwaj6_10",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_hwaj6_13",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_hwaj6_19",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_hwaj6_26",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_hwaj6_33",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_hwaj6_39",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_hwaj6_45",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_hwaj6_51",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_hwaj6_57",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_hwaj6_64",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_hwaj6_71"
+}, lr = {
+  PARAGRAPH100: "paragraph-100",
+  PARAGRAPH100MEDIUM: "paragraph-100-medium",
+  PARAGRAPH100BOLD: "paragraph-100-bold",
+  PARAGRAPH200: "paragraph-200",
+  PREAMBLE100: "preamble-100",
+  PREAMBLE200: "preamble-200",
+  ADDITIONAL100: "additional-100",
+  ADDITIONAL100MEDIUM: "additional-100-medium",
+  OVERLINE100: "overline-100",
+  OVERLINE200: "overline-200"
+}, D = "purpur-paragraph", pr = ({
+  ["data-testid"]: e,
+  children: n,
+  className: t = "",
+  disabled: a,
+  enableHyphenation: i = !1,
+  variant: r = lr.PARAGRAPH100,
+  ...o
+}) => {
+  const u = sr([
+    t,
+    R[D],
+    R[`${D}--${r}`],
+    {
+      [R[`${D}--hyphens`]]: i,
+      [R[`${D}--disabled`]]: a
+    }
+  ]);
+  return /* @__PURE__ */ f("p", { ...o, className: u, "data-testid": e, children: n });
+};
+function k() {
+  return k = 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;
+  }, k.apply(this, arguments);
+}
+function dr(e, n) {
+  typeof e == "function" ? e(n) : e != null && (e.current = n);
+}
+function ce(...e) {
+  return (n) => e.forEach(
+    (t) => dr(t, n)
+  );
+}
+function se(...e) {
+  return F(ce(...e), e);
+}
+function fr(e, n = []) {
+  let t = [];
+  function a(r, o) {
+    const u = /* @__PURE__ */ V(o), c = t.length;
+    t = [
+      ...t,
+      o
+    ];
+    function s(l) {
+      const { scope: d, children: b, ..._ } = l, M = (d == null ? void 0 : d[e][c]) || u, y = A(
+        () => _,
+        Object.values(_)
+      );
+      return /* @__PURE__ */ p(M.Provider, {
+        value: y
+      }, b);
+    }
+    function h(l, d) {
+      const b = (d == null ? void 0 : d[e][c]) || u, _ = _e(b);
+      if (_)
+        return _;
+      if (o !== void 0)
+        return o;
+      throw new Error(`\`${l}\` must be used within \`${r}\``);
+    }
+    return s.displayName = r + "Provider", [
+      s,
+      h
+    ];
+  }
+  const i = () => {
+    const r = t.map((o) => /* @__PURE__ */ V(o));
+    return function(u) {
+      const c = (u == null ? void 0 : u[e]) || r;
+      return A(
+        () => ({
+          [`__scope${e}`]: {
+            ...u,
+            [e]: c
+          }
+        }),
+        [
+          u,
+          c
+        ]
+      );
+    };
+  };
+  return i.scopeName = e, [
+    a,
+    hr(i, ...n)
+  ];
+}
+function hr(...e) {
+  const n = e[0];
+  if (e.length === 1)
+    return n;
+  const t = () => {
+    const a = e.map(
+      (i) => ({
+        useScope: i(),
+        scopeName: i.scopeName
+      })
+    );
+    return function(r) {
+      const o = a.reduce((u, { useScope: c, scopeName: s }) => {
+        const l = c(r)[`__scope${s}`];
+        return {
+          ...u,
+          ...l
+        };
+      }, {});
+      return A(
+        () => ({
+          [`__scope${n.scopeName}`]: o
+        }),
+        [
+          o
+        ]
+      );
+    };
+  };
+  return t.scopeName = n.scopeName, t;
+}
+function ee(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(i) {
+    if (e == null || e(i), t === !1 || !i.defaultPrevented)
+      return n == null ? void 0 : n(i);
+  };
+}
+function le(e) {
+  const n = $(e);
+  return C(() => {
+    n.current = e;
+  }), A(
+    () => (...t) => {
+      var a;
+      return (a = n.current) === null || a === void 0 ? void 0 : a.call(n, ...t);
+    },
+    []
+  );
+}
+function mr({ prop: e, defaultProp: n, onChange: t = () => {
+} }) {
+  const [a, i] = vr({
+    defaultProp: n,
+    onChange: t
+  }), r = e !== void 0, o = r ? e : a, u = le(t), c = F((s) => {
+    if (r) {
+      const l = typeof s == "function" ? s(e) : s;
+      l !== e && u(l);
+    } else
+      i(s);
+  }, [
+    r,
+    e,
+    i,
+    u
+  ]);
+  return [
+    o,
+    c
+  ];
+}
+function vr({ defaultProp: e, onChange: n }) {
+  const t = I(e), [a] = t, i = $(a), r = le(n);
+  return C(() => {
+    i.current !== a && (r(a), i.current = a);
+  }, [
+    a,
+    i,
+    r
+  ]), t;
+}
+function br(e) {
+  const n = $({
+    value: e,
+    previous: e
+  });
+  return A(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
+    e
+  ]);
+}
+const H = globalThis != null && globalThis.document ? ge : () => {
+};
+function _r(e) {
+  const [n, t] = I(void 0);
+  return H(() => {
+    if (e) {
+      t({
+        width: e.offsetWidth,
+        height: e.offsetHeight
+      });
+      const a = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
+          return;
+        const r = i[0];
+        let o, u;
+        if ("borderBoxSize" in r) {
+          const c = r.borderBoxSize, s = Array.isArray(c) ? c[0] : c;
+          o = s.inlineSize, u = s.blockSize;
+        } else
+          o = e.offsetWidth, u = e.offsetHeight;
+        t({
+          width: o,
+          height: u
+        });
+      });
+      return a.observe(e, {
+        box: "border-box"
+      }), () => a.unobserve(e);
+    } else
+      t(void 0);
+  }, [
+    e
+  ]), n;
+}
+function gr(e, n) {
+  return $e((t, a) => {
+    const i = n[t][a];
+    return i ?? t;
+  }, e);
+}
+const pe = (e) => {
+  const { present: n, children: t } = e, a = $r(n), i = typeof t == "function" ? t({
+    present: a.isPresent
+  }) : v.only(t), r = se(a.ref, i.ref);
+  return typeof t == "function" || a.isPresent ? /* @__PURE__ */ E(i, {
+    ref: r
+  }) : null;
+};
+pe.displayName = "Presence";
+function $r(e) {
+  const [n, t] = I(), a = $({}), i = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [u, c] = gr(o, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return C(() => {
+    const s = q(a.current);
+    r.current = u === "mounted" ? s : "none";
+  }, [
+    u
+  ]), H(() => {
+    const s = a.current, h = i.current;
+    if (h !== e) {
+      const d = r.current, b = q(s);
+      e ? c("MOUNT") : b === "none" || (s == null ? void 0 : s.display) === "none" ? c("UNMOUNT") : c(h && d !== b ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
+    }
+  }, [
+    e,
+    c
+  ]), H(() => {
+    if (n) {
+      const s = (l) => {
+        const b = q(a.current).includes(l.animationName);
+        l.target === n && b && ye(
+          () => c("ANIMATION_END")
+        );
+      }, h = (l) => {
+        l.target === n && (r.current = q(a.current));
+      };
+      return n.addEventListener("animationstart", h), n.addEventListener("animationcancel", s), n.addEventListener("animationend", s), () => {
+        n.removeEventListener("animationstart", h), n.removeEventListener("animationcancel", s), n.removeEventListener("animationend", s);
+      };
+    } else
+      c("ANIMATION_END");
+  }, [
+    n,
+    c
+  ]), {
+    isPresent: [
+      "mounted",
+      "unmountSuspended"
+    ].includes(u),
+    ref: F((s) => {
+      s && (a.current = getComputedStyle(s)), t(s);
+    }, [])
+  };
+}
+function q(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function j() {
+  return j = 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;
+  }, j.apply(this, arguments);
+}
+const de = /* @__PURE__ */ g((e, n) => {
+  const { children: t, ...a } = e, i = v.toArray(t), r = i.find(xr);
+  if (r) {
+    const o = r.props.children, u = i.map((c) => c === r ? v.count(o) > 1 ? v.only(null) : /* @__PURE__ */ x(o) ? o.props.children : null : c);
+    return /* @__PURE__ */ p(Z, j({}, a, {
+      ref: n
+    }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ E(o, void 0, u) : null);
+  }
+  return /* @__PURE__ */ p(Z, j({}, a, {
+    ref: n
+  }), t);
+});
+de.displayName = "Slot";
+const Z = /* @__PURE__ */ g((e, n) => {
+  const { children: t, ...a } = e;
+  return /* @__PURE__ */ x(t) ? /* @__PURE__ */ E(t, {
+    ...wr(a, t.props),
+    ref: n ? ce(n, t.ref) : t.ref
+  }) : v.count(t) > 1 ? v.only(null) : null;
+});
+Z.displayName = "SlotClone";
+const yr = ({ children: e }) => /* @__PURE__ */ p(re, null, e);
+function xr(e) {
+  return /* @__PURE__ */ x(e) && e.type === yr;
+}
+function wr(e, n) {
+  const t = {
+    ...n
+  };
+  for (const a in n) {
+    const i = e[a], r = n[a];
+    /^on[A-Z]/.test(a) ? i && r ? t[a] = (...u) => {
+      r(...u), i(...u);
+    } : i && (t[a] = i) : a === "style" ? t[a] = {
+      ...i,
+      ...r
+    } : a === "className" && (t[a] = [
+      i,
+      r
+    ].filter(Boolean).join(" "));
+  }
+  return {
+    ...e,
+    ...t
+  };
+}
+const Nr = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], fe = Nr.reduce((e, n) => {
+  const t = /* @__PURE__ */ g((a, i) => {
+    const { asChild: r, ...o } = a, u = r ? de : n;
+    return C(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ p(u, j({}, o, {
+      ref: i
+    }));
+  });
+  return t.displayName = `Primitive.${n}`, {
+    ...e,
+    [n]: t
+  };
+}, {}), he = "Checkbox", [Sr, Tr] = fr(he), [Cr, Or] = Sr(he), Ar = /* @__PURE__ */ g((e, n) => {
+  const { __scopeCheckbox: t, name: a, checked: i, defaultChecked: r, required: o, disabled: u, value: c = "on", onCheckedChange: s, ...h } = e, [l, d] = I(null), b = se(
+    n,
+    (m) => d(m)
+  ), _ = $(!1), M = l ? !!l.closest("form") : !0, [y = !1, B] = mr({
+    prop: i,
+    defaultProp: r,
+    onChange: s
+  }), be = $(y);
+  return C(() => {
+    const m = l == null ? void 0 : l.form;
+    if (m) {
+      const O = () => B(be.current);
+      return m.addEventListener("reset", O), () => m.removeEventListener("reset", O);
+    }
+  }, [
+    l,
+    B
+  ]), /* @__PURE__ */ p(Cr, {
+    scope: t,
+    state: y,
+    disabled: u
+  }, /* @__PURE__ */ p(fe.button, k({
+    type: "button",
+    role: "checkbox",
+    "aria-checked": S(y) ? "mixed" : y,
+    "aria-required": o,
+    "data-state": me(y),
+    "data-disabled": u ? "" : void 0,
+    disabled: u,
+    value: c
+  }, h, {
+    ref: b,
+    onKeyDown: ee(e.onKeyDown, (m) => {
+      m.key === "Enter" && m.preventDefault();
+    }),
+    onClick: ee(e.onClick, (m) => {
+      B(
+        (O) => S(O) ? !0 : !O
+      ), M && (_.current = m.isPropagationStopped(), _.current || m.stopPropagation());
+    })
+  })), M && /* @__PURE__ */ p(jr, {
+    control: l,
+    bubbles: !_.current,
+    name: a,
+    value: c,
+    checked: y,
+    required: o,
+    disabled: u,
+    style: {
+      transform: "translateX(-100%)"
+    }
+  }));
+}), Pr = "CheckboxIndicator", kr = /* @__PURE__ */ g((e, n) => {
+  const { __scopeCheckbox: t, forceMount: a, ...i } = e, r = Or(Pr, t);
+  return /* @__PURE__ */ p(pe, {
+    present: a || S(r.state) || r.state === !0
+  }, /* @__PURE__ */ p(fe.span, k({
+    "data-state": me(r.state),
+    "data-disabled": r.disabled ? "" : void 0
+  }, i, {
+    ref: n,
+    style: {
+      pointerEvents: "none",
+      ...e.style
+    }
+  })));
+}), jr = (e) => {
+  const { control: n, checked: t, bubbles: a = !0, ...i } = e, r = $(null), o = br(t), u = _r(n);
+  return C(() => {
+    const c = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
+    if (o !== t && l) {
+      const d = new Event("click", {
+        bubbles: a
+      });
+      c.indeterminate = S(t), l.call(c, S(t) ? !1 : t), c.dispatchEvent(d);
+    }
+  }, [
+    o,
+    t,
+    a
+  ]), /* @__PURE__ */ p("input", k({
+    type: "checkbox",
+    "aria-hidden": !0,
+    defaultChecked: S(t) ? !1 : t
+  }, i, {
+    tabIndex: -1,
+    ref: r,
+    style: {
+      ...e.style,
+      ...u,
+      position: "absolute",
+      pointerEvents: "none",
+      opacity: 0,
+      margin: 0
+    }
+  }));
+};
+function S(e) {
+  return e === "indeterminate";
+}
+function me(e) {
+  return S(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+const Er = Ar, Mr = kr;
+function Rr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ve = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", o = 0; o < arguments.length; o++) {
+        var u = arguments[o];
+        u && (r = i(r, a(u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var o = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (o = i(o, u));
+      return o;
+    }
+    function i(r, o) {
+      return o ? r ? r + " " + o : r + o : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(ve);
+var Dr = ve.exports;
+const L = /* @__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",
+  "purpur-checkbox__indicator": "_purpur-checkbox__indicator_10fl8_59",
+  "purpur-checkbox__label": "_purpur-checkbox__label_10fl8_70",
+  "purpur-checkbox__wrapper": "_purpur-checkbox__wrapper_10fl8_73",
+  "purpur-checkbox__container": "_purpur-checkbox__container_10fl8_79"
+}, N = "purpur-checkbox", qr = ({
+  ["data-testid"]: e,
+  checked: n,
+  className: t,
+  errorText: a,
+  label: i,
+  onChange: r,
+  ...o
+}, u) => {
+  const c = a && !n;
+  return /* @__PURE__ */ z("div", { className: L([t, w[`${N}__wrapper`]]), children: [
+    /* @__PURE__ */ z("div", { className: L([t, w[`${N}__container`]]), children: [
+      /* @__PURE__ */ f(
+        Er,
+        {
+          ...o,
+          checked: n,
+          className: L(w[N], {
+            [w[`${N}--error`]]: c
+          }),
+          "data-testid": e,
+          onCheckedChange: r,
+          ref: u,
+          children: /* @__PURE__ */ f("span", { className: w[`${N}__box`], children: /* @__PURE__ */ f(Mr, { className: w[`${N}__indicator`], children: n === "indeterminate" ? /* @__PURE__ */ f(
+            J,
+            {
+              "data-testid": e && `${e}-checked-icon`,
+              size: "xs",
+              svg: Ue
+            }
+          ) : /* @__PURE__ */ f(
+            J,
+            {
+              "data-testid": e && `${e}-indeterminate-icon`,
+              size: "xs",
+              svg: Te
+            }
+          ) }) })
+        }
+      ),
+      i && /* @__PURE__ */ f(
+        ir,
+        {
+          htmlFor: o.id,
+          "data-testid": e && `${e}-label`,
+          disabled: o.disabled,
+          className: w[`${N}__label`],
+          children: /* @__PURE__ */ f(pr, { variant: "paragraph-100", disabled: o.disabled, children: `${o.required ? "* " : ""}${i}` })
+        }
+      )
+    ] }),
+    c && /* @__PURE__ */ f(qe, { "data-testid": e && `${e}-error-text`, children: a })
+  ] });
+}, Ir = g(qr);
+Ir.displayName = "Checkbox";
+export {
+  Ir as Checkbox
+};
+//# sourceMappingURL=checkbox.es.js.map