@purpurds/toggle 6.0.1 → 6.1.0

package/dist/toggle.es.js

@@ -1,10 +1,11 @@
-import { jsx as w, jsxs as F } from "react/jsx-runtime";
-import { forwardRef as S, Children as $, isValidElement as A, createElement as _, cloneElement as B, useEffect as C, Fragment as K, useCallback as z, createContext as W, useMemo as j, useContext as pe, useRef as x, useState as y, useLayoutEffect as de } from "react";
+import { jsx as f, Fragment as F, jsxs as M } from "react/jsx-runtime";
+import * as s from "react";
+import { useState as C, useCallback as z, useEffect as k, isValidElement as ce, cloneElement as le, Children as pe, useRef as $, forwardRef as de } from "react";
 import "react-dom";
 function fe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Q = { exports: {} };
+var U = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -14,9 +15,9 @@ var Q = { exports: {} };
   (function() {
     var n = {}.hasOwnProperty;
     function t() {
-      for (var r = "", o = 0; o < arguments.length; o++) {
-        var c = arguments[o];
-        c && (r = u(r, a.call(this, c)));
+      for (var r = "", i = 0; i < arguments.length; i++) {
+        var u = arguments[i];
+        u && (r = o(r, a.call(this, u)));
       }
       return r;
     }
@@ -29,19 +30,19 @@ var Q = { exports: {} };
         return t.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var o = "";
-      for (var c in r)
-        n.call(r, c) && r[c] && (o = u(o, this && this[c] || c));
-      return o;
+      var i = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (i = o(i, this && this[u] || u));
+      return i;
     }
-    function u(r, o) {
-      return o ? r ? r + " " + o : r + o : r;
+    function o(r, i) {
+      return i ? r ? r + " " + i : r + i : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Q);
-var he = Q.exports;
-const ge = /* @__PURE__ */ fe(he), be = {
+})(U);
+var he = U.exports;
+const ge = /* @__PURE__ */ fe(he), me = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -49,108 +50,103 @@ const ge = /* @__PURE__ */ fe(he), be = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, _e = ge.bind(be), U = "purpur-icon", me = "md", ve = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), $e = ({ content: e = "", title: n } = {}) => {
+}, _e = ge.bind(me), X = "purpur-icon", ve = "md", be = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ye = ({ 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 ${ve(t)}>${a}${e}</svg>`;
-}, ye = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({
+  return `<svg ${be(t)}>${a}${e}</svg>`;
+}, we = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), G = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: a,
-  size: u = me,
+  size: o = ve,
   ...r
 }) => {
-  const o = $e({
-    content: ye(n.svg),
+  const i = ye({
+    content: we(n.svg),
     title: t
-  }), c = _e(a, U, `${U}--${u}`);
-  return /* @__PURE__ */ w(
+  }), u = _e(a, X, `${X}--${o}`);
+  return /* @__PURE__ */ f(
     "span",
     {
       "aria-label": t,
-      className: c,
+      className: u,
       "data-testid": e,
-      dangerouslySetInnerHTML: { __html: o },
+      dangerouslySetInnerHTML: { __html: i },
       ...r
     }
   );
 };
-Y.displayName = "Icon";
-const we = {
+G.displayName = "Icon";
+const Se = {
   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"
 };
-function O() {
-  return O = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var t = arguments[n];
-      for (var a in t) ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
-    }
-    return e;
-  }, O.apply(null, arguments);
+function W(e, n) {
+  if (typeof e == "function")
+    return e(n);
+  e != null && (e.current = n);
 }
-function xe(e, n) {
-  typeof e == "function" ? e(n) : e != null && (e.current = n);
-}
-function Se(...e) {
-  return (n) => e.forEach(
-    (t) => xe(t, n)
-  );
+function xe(...e) {
+  return (n) => {
+    let t = !1;
+    const a = e.map((o) => {
+      const r = W(o, n);
+      return !t && typeof r == "function" && (t = !0), r;
+    });
+    if (t)
+      return () => {
+        for (let o = 0; o < a.length; o++) {
+          const r = a[o];
+          typeof r == "function" ? r() : W(e[o], null);
+        }
+      };
+  };
 }
-const ee = /* @__PURE__ */ S((e, n) => {
-  const { children: t, ...a } = e, u = $.toArray(t), r = u.find(ke);
+var Z = s.forwardRef((e, n) => {
+  const { children: t, ...a } = e, o = s.Children.toArray(t), r = o.find(Ce);
   if (r) {
-    const o = r.props.children, c = u.map((i) => i === r ? $.count(o) > 1 ? $.only(null) : /* @__PURE__ */ A(o) ? o.props.children : null : i);
-    return /* @__PURE__ */ _(T, O({}, a, {
-      ref: n
-    }), /* @__PURE__ */ A(o) ? /* @__PURE__ */ B(o, void 0, c) : null);
+    const i = r.props.children, u = o.map((c) => c === r ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : c);
+    return /* @__PURE__ */ f(j, { ...a, ref: n, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
   }
-  return /* @__PURE__ */ _(T, O({}, a, {
-    ref: n
-  }), t);
+  return /* @__PURE__ */ f(j, { ...a, ref: n, children: t });
 });
-ee.displayName = "Slot";
-const T = /* @__PURE__ */ S((e, n) => {
+Z.displayName = "Slot";
+var j = s.forwardRef((e, n) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ A(t) ? /* @__PURE__ */ B(t, {
-    ...Ae(a, t.props),
-    ref: n ? Se(n, t.ref) : t.ref
-  }) : $.count(t) > 1 ? $.only(null) : null;
+  if (s.isValidElement(t)) {
+    const o = Ee(t), r = Pe(a, t.props);
+    return t.type !== s.Fragment && (r.ref = n ? xe(n, o) : o), s.cloneElement(t, r);
+  }
+  return s.Children.count(t) > 1 ? s.Children.only(null) : null;
 });
-T.displayName = "SlotClone";
-const Pe = ({ children: e }) => /* @__PURE__ */ _(K, null, e);
-function ke(e) {
-  return /* @__PURE__ */ A(e) && e.type === Pe;
+j.displayName = "SlotClone";
+var Re = ({ children: e }) => /* @__PURE__ */ f(F, { children: e });
+function Ce(e) {
+  return s.isValidElement(e) && e.type === Re;
 }
-function Ae(e, n) {
-  const t = {
-    ...n
-  };
+function Pe(e, n) {
+  const t = { ...n };
   for (const a in n) {
-    const u = e[a], r = n[a];
-    /^on[A-Z]/.test(a) ? u && r ? t[a] = (...o) => {
-      r(...o), u(...o);
-    } : u && (t[a] = u) : a === "style" ? t[a] = {
-      ...u,
-      ...r
-    } : a === "className" && (t[a] = [
-      u,
-      r
-    ].filter(Boolean).join(" "));
+    const o = e[a], r = n[a];
+    /^on[A-Z]/.test(a) ? o && r ? t[a] = (...i) => {
+      r(...i), o(...i);
+    } : o && (t[a] = o) : a === "style" ? t[a] = { ...o, ...r } : a === "className" && (t[a] = [o, r].filter(Boolean).join(" "));
   }
-  return {
-    ...e,
-    ...t
-  };
+  return { ...e, ...t };
+}
+function Ee(e) {
+  var n, t;
+  let a = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, o = a && "isReactWarning" in a && a.isReactWarning;
+  return o ? e.ref : (a = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, o = a && "isReactWarning" in a && a.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
 }
-const Ce = [
+var $e = [
   "a",
   "button",
   "div",
@@ -167,30 +163,29 @@ const Ce = [
   "span",
   "svg",
   "ul"
-], De = Ce.reduce((e, n) => {
-  const t = /* @__PURE__ */ S((a, u) => {
-    const { asChild: r, ...o } = a, c = r ? ee : n;
-    return C(() => {
-      window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ _(c, O({}, o, {
-      ref: u
-    }));
+], ke = $e.reduce((e, n) => {
+  const t = s.forwardRef((a, o) => {
+    const { asChild: r, ...i } = a, u = r ? Z : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: o });
   });
-  return t.displayName = `Primitive.${n}`, {
+  return t.displayName = `Primitive.${n}`, { ...e, [n]: t };
+}, {}), Ae = "Label", J = s.forwardRef((e, n) => /* @__PURE__ */ f(
+  ke.label,
+  {
     ...e,
-    [n]: t
-  };
-}, {}), Ne = /* @__PURE__ */ S((e, n) => /* @__PURE__ */ _(De.label, O({}, 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();
+    ref: n,
+    onMouseDown: (t) => {
+      var a;
+      t.target.closest("button, input, select, textarea") || ((a = e.onMouseDown) == null || a.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
+    }
   }
-}))), Ee = Ne;
-function Oe(e) {
+));
+J.displayName = Ae;
+var De = J;
+function Ne(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var re = { exports: {} };
+var K = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -200,9 +195,9 @@ var re = { exports: {} };
   (function() {
     var n = {}.hasOwnProperty;
     function t() {
-      for (var r = "", o = 0; o < arguments.length; o++) {
-        var c = arguments[o];
-        c && (r = u(r, a(c)));
+      for (var r = "", i = 0; i < arguments.length; i++) {
+        var u = arguments[i];
+        u && (r = o(r, a(u)));
       }
       return r;
     }
@@ -215,45 +210,45 @@ var re = { exports: {} };
         return t.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var o = "";
-      for (var c in r)
-        n.call(r, c) && r[c] && (o = u(o, c));
-      return o;
+      var i = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (i = o(i, u));
+      return i;
     }
-    function u(r, o) {
-      return o ? r ? r + " " + o : r + o : r;
+    function o(r, i) {
+      return i ? r ? r + " " + i : r + i : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(re);
-var Re = re.exports;
-const Me = /* @__PURE__ */ Oe(Re), X = {
+})(K);
+var Oe = K.exports;
+const Me = /* @__PURE__ */ Ne(Oe), D = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, H = "purpur-label", ze = ({
+}, N = "purpur-label", ze = ({
   children: e,
   className: n,
   htmlFor: t,
   "data-testid": a,
-  disabled: u,
+  disabled: o,
   negative: r = !1,
-  ...o
+  ...i
 }) => {
-  const c = Me([
+  const u = Me([
     n,
-    X[H],
+    D[N],
     {
-      [X[`${H}--disabled`]]: u,
-      [X[`${H}--negative`]]: r
+      [D[`${N}--disabled`]]: o,
+      [D[`${N}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ w(Ee, { className: c, "data-testid": a, htmlFor: t, ...o, children: e });
+  return /* @__PURE__ */ f(De, { className: u, "data-testid": a, htmlFor: t, ...i, children: e });
 };
 function je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var te = { exports: {} };
+var Q = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -263,9 +258,9 @@ var te = { exports: {} };
   (function() {
     var n = {}.hasOwnProperty;
     function t() {
-      for (var r = "", o = 0; o < arguments.length; o++) {
-        var c = arguments[o];
-        c && (r = u(r, a(c)));
+      for (var r = "", i = 0; i < arguments.length; i++) {
+        var u = arguments[i];
+        u && (r = o(r, a(u)));
       }
       return r;
     }
@@ -278,19 +273,19 @@ var te = { exports: {} };
         return t.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var o = "";
-      for (var c in r)
-        n.call(r, c) && r[c] && (o = u(o, c));
-      return o;
+      var i = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (i = o(i, u));
+      return i;
     }
-    function u(r, o) {
-      return o ? r ? r + " " + o : r + o : r;
+    function o(r, i) {
+      return i ? r ? r + " " + i : r + i : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(te);
-var Be = te.exports;
-const Le = /* @__PURE__ */ je(Be), R = {
+})(Q);
+var Le = Q.exports;
+const Be = /* @__PURE__ */ je(Le), P = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -316,267 +311,211 @@ const Le = /* @__PURE__ */ je(Be), R = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, M = "purpur-paragraph", ne = ({
+}, E = "purpur-paragraph", Y = ({
   ["data-testid"]: e,
   children: n,
   className: t,
   disabled: a,
-  enableHyphenation: u = !1,
+  enableHyphenation: o = !1,
   negative: r = !1,
-  variant: o = Xe.PARAGRAPH100,
-  ...c
+  variant: i = Xe.PARAGRAPH100,
+  ...u
 }) => {
-  const i = Le([
+  const c = Be([
     t,
-    R[M],
-    R[`${M}--${o}`],
+    P[E],
+    P[`${E}--${i}`],
     {
-      [R[`${M}--hyphens`]]: u,
-      [R[`${M}--disabled`]]: a,
-      [R[`${M}--negative`]]: r
+      [P[`${E}--hyphens`]]: o,
+      [P[`${E}--disabled`]]: a,
+      [P[`${E}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ w("p", { ...c, className: i, "data-testid": e, children: n });
+  return /* @__PURE__ */ f("p", { ...u, className: c, "data-testid": e, children: n });
 };
-ne.displayName = "Paragraph";
-function N() {
-  return N = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var t = arguments[n];
-      for (var a in t) ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
-    }
-    return e;
-  }, N.apply(null, arguments);
-}
-function He(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
-  return function(u) {
-    if (e == null || e(u), t === !1 || !u.defaultPrevented) return n == null ? void 0 : n(u);
+Y.displayName = "Paragraph";
+function We(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(o) {
+    if (e == null || e(o), t === !1 || !o.defaultPrevented)
+      return n == null ? void 0 : n(o);
   };
 }
-function Ie(e, n) {
-  typeof e == "function" ? e(n) : e != null && (e.current = n);
+function I(e, n) {
+  if (typeof e == "function")
+    return e(n);
+  e != null && (e.current = n);
 }
-function oe(...e) {
-  return (n) => e.forEach(
-    (t) => Ie(t, n)
-  );
+function ee(...e) {
+  return (n) => {
+    let t = !1;
+    const a = e.map((o) => {
+      const r = I(o, n);
+      return !t && typeof r == "function" && (t = !0), r;
+    });
+    if (t)
+      return () => {
+        for (let o = 0; o < a.length; o++) {
+          const r = a[o];
+          typeof r == "function" ? r() : I(e[o], null);
+        }
+      };
+  };
 }
-function Te(...e) {
-  return z(oe(...e), e);
+function Ie(...e) {
+  return s.useCallback(ee(...e), e);
 }
-function qe(e, n = []) {
+function He(e, n = []) {
   let t = [];
-  function a(r, o) {
-    const c = /* @__PURE__ */ W(o), i = t.length;
-    t = [
-      ...t,
-      o
-    ];
-    function s(l) {
-      const { scope: p, children: f, ...d } = l, b = (p == null ? void 0 : p[e][i]) || c, h = j(
-        () => d,
-        Object.values(d)
-      );
-      return /* @__PURE__ */ _(b.Provider, {
-        value: h
-      }, f);
-    }
-    function g(l, p) {
-      const f = (p == null ? void 0 : p[e][i]) || c, d = pe(f);
-      if (d) return d;
-      if (o !== void 0) return o;
-      throw new Error(`\`${l}\` must be used within \`${r}\``);
+  function a(r, i) {
+    const u = s.createContext(i), c = t.length;
+    t = [...t, i];
+    const l = (d) => {
+      var v;
+      const { scope: p, children: g, ...h } = d, m = ((v = p == null ? void 0 : p[e]) == null ? void 0 : v[c]) || u, b = s.useMemo(() => h, Object.values(h));
+      return /* @__PURE__ */ f(m.Provider, { value: b, children: g });
+    };
+    l.displayName = r + "Provider";
+    function _(d, p) {
+      var m;
+      const g = ((m = p == null ? void 0 : p[e]) == null ? void 0 : m[c]) || u, h = s.useContext(g);
+      if (h) return h;
+      if (i !== void 0) return i;
+      throw new Error(`\`${d}\` must be used within \`${r}\``);
     }
-    return s.displayName = r + "Provider", [
-      s,
-      g
-    ];
+    return [l, _];
   }
-  const u = () => {
-    const r = t.map((o) => /* @__PURE__ */ W(o));
-    return function(c) {
-      const i = (c == null ? void 0 : c[e]) || r;
-      return j(
-        () => ({
-          [`__scope${e}`]: {
-            ...c,
-            [e]: i
-          }
-        }),
-        [
-          c,
-          i
-        ]
+  const o = () => {
+    const r = t.map((i) => s.createContext(i));
+    return function(u) {
+      const c = (u == null ? void 0 : u[e]) || r;
+      return s.useMemo(
+        () => ({ [`__scope${e}`]: { ...u, [e]: c } }),
+        [u, c]
       );
     };
   };
-  return u.scopeName = e, [
-    a,
-    Fe(u, ...n)
-  ];
+  return o.scopeName = e, [a, Ve(o, ...n)];
 }
-function Fe(...e) {
+function Ve(...e) {
   const n = e[0];
   if (e.length === 1) return n;
   const t = () => {
-    const a = e.map(
-      (u) => ({
-        useScope: u(),
-        scopeName: u.scopeName
-      })
-    );
+    const a = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
     return function(r) {
-      const o = a.reduce((c, { useScope: i, scopeName: s }) => {
-        const l = i(r)[`__scope${s}`];
-        return {
-          ...c,
-          ...l
-        };
+      const i = a.reduce((u, { useScope: c, scopeName: l }) => {
+        const d = c(r)[`__scope${l}`];
+        return { ...u, ...d };
       }, {});
-      return j(
-        () => ({
-          [`__scope${n.scopeName}`]: o
-        }),
-        [
-          o
-        ]
-      );
+      return s.useMemo(() => ({ [`__scope${n.scopeName}`]: i }), [i]);
     };
   };
   return t.scopeName = n.scopeName, t;
 }
-function ae(e) {
-  const n = x(e);
-  return C(() => {
+function re(e) {
+  const n = s.useRef(e);
+  return s.useEffect(() => {
     n.current = e;
-  }), j(
-    () => (...t) => {
-      var a;
-      return (a = n.current) === null || a === void 0 ? void 0 : a.call(n, ...t);
+  }), s.useMemo(() => (...t) => {
+    var a;
+    return (a = n.current) == null ? void 0 : a.call(n, ...t);
+  }, []);
+}
+function Te({
+  prop: e,
+  defaultProp: n,
+  onChange: t = () => {
+  }
+}) {
+  const [a, o] = qe({ defaultProp: n, onChange: t }), r = e !== void 0, i = r ? e : a, u = re(t), c = s.useCallback(
+    (l) => {
+      if (r) {
+        const d = typeof l == "function" ? l(e) : l;
+        d !== e && u(d);
+      } else
+        o(l);
     },
-    []
+    [r, e, o, u]
   );
+  return [i, c];
 }
-function We({ prop: e, defaultProp: n, onChange: t = () => {
-} }) {
-  const [a, u] = Ue({
-    defaultProp: n,
-    onChange: t
-  }), r = e !== void 0, o = r ? e : a, c = ae(t), i = z((s) => {
-    if (r) {
-      const l = typeof s == "function" ? s(e) : s;
-      l !== e && c(l);
-    } else u(s);
-  }, [
-    r,
-    e,
-    u,
-    c
-  ]);
-  return [
-    o,
-    i
-  ];
+function qe({
+  defaultProp: e,
+  onChange: n
+}) {
+  const t = s.useState(e), [a] = t, o = s.useRef(a), r = re(n);
+  return s.useEffect(() => {
+    o.current !== a && (r(a), o.current = a);
+  }, [a, o, r]), t;
 }
-function Ue({ defaultProp: e, onChange: n }) {
-  const t = y(e), [a] = t, u = x(a), r = ae(n);
-  return C(() => {
-    u.current !== a && (r(a), u.current = a);
-  }, [
-    a,
-    u,
-    r
-  ]), t;
+function Fe(e) {
+  const n = s.useRef({ value: e, previous: e });
+  return s.useMemo(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [e]);
 }
-function Ve(e) {
-  const n = x({
-    value: e,
-    previous: e
-  });
-  return j(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
-    e
-  ]);
-}
-const Ge = globalThis != null && globalThis.document ? de : () => {
+var Ue = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
 };
-function Ze(e) {
-  const [n, t] = y(void 0);
-  return Ge(() => {
+function Ge(e) {
+  const [n, t] = s.useState(void 0);
+  return Ue(() => {
     if (e) {
-      t({
-        width: e.offsetWidth,
-        height: e.offsetHeight
-      });
-      const a = new ResizeObserver((u) => {
-        if (!Array.isArray(u) || !u.length) return;
-        const r = u[0];
-        let o, c;
+      t({ width: e.offsetWidth, height: e.offsetHeight });
+      const a = new ResizeObserver((o) => {
+        if (!Array.isArray(o) || !o.length)
+          return;
+        const r = o[0];
+        let i, u;
         if ("borderBoxSize" in r) {
-          const i = r.borderBoxSize, s = Array.isArray(i) ? i[0] : i;
-          o = s.inlineSize, c = s.blockSize;
+          const c = r.borderBoxSize, l = Array.isArray(c) ? c[0] : c;
+          i = l.inlineSize, u = l.blockSize;
         } else
-          o = e.offsetWidth, c = e.offsetHeight;
-        t({
-          width: o,
-          height: c
-        });
+          i = e.offsetWidth, u = e.offsetHeight;
+        t({ width: i, height: u });
       });
-      return a.observe(e, {
-        box: "border-box"
-      }), () => a.unobserve(e);
+      return a.observe(e, { box: "border-box" }), () => a.unobserve(e);
     } else
       t(void 0);
-  }, [
-    e
-  ]), n;
+  }, [e]), n;
 }
-const ue = /* @__PURE__ */ S((e, n) => {
-  const { children: t, ...a } = e, u = $.toArray(t), r = u.find(Ke);
+var te = s.forwardRef((e, n) => {
+  const { children: t, ...a } = e, o = s.Children.toArray(t), r = o.find(Je);
   if (r) {
-    const o = r.props.children, c = u.map((i) => i === r ? $.count(o) > 1 ? $.only(null) : /* @__PURE__ */ A(o) ? o.props.children : null : i);
-    return /* @__PURE__ */ _(q, N({}, a, {
-      ref: n
-    }), /* @__PURE__ */ A(o) ? /* @__PURE__ */ B(o, void 0, c) : null);
+    const i = r.props.children, u = o.map((c) => c === r ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : c);
+    return /* @__PURE__ */ f(L, { ...a, ref: n, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
   }
-  return /* @__PURE__ */ _(q, N({}, a, {
-    ref: n
-  }), t);
+  return /* @__PURE__ */ f(L, { ...a, ref: n, children: t });
 });
-ue.displayName = "Slot";
-const q = /* @__PURE__ */ S((e, n) => {
+te.displayName = "Slot";
+var L = s.forwardRef((e, n) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ A(t) ? /* @__PURE__ */ B(t, {
-    ...Qe(a, t.props),
-    ref: n ? oe(n, t.ref) : t.ref
-  }) : $.count(t) > 1 ? $.only(null) : null;
+  if (s.isValidElement(t)) {
+    const o = Qe(t), r = Ke(a, t.props);
+    return t.type !== s.Fragment && (r.ref = n ? ee(n, o) : o), s.cloneElement(t, r);
+  }
+  return s.Children.count(t) > 1 ? s.Children.only(null) : null;
 });
-q.displayName = "SlotClone";
-const Je = ({ children: e }) => /* @__PURE__ */ _(K, null, e);
-function Ke(e) {
-  return /* @__PURE__ */ A(e) && e.type === Je;
+L.displayName = "SlotClone";
+var Ze = ({ children: e }) => /* @__PURE__ */ f(F, { children: e });
+function Je(e) {
+  return s.isValidElement(e) && e.type === Ze;
 }
-function Qe(e, n) {
-  const t = {
-    ...n
-  };
+function Ke(e, n) {
+  const t = { ...n };
   for (const a in n) {
-    const u = e[a], r = n[a];
-    /^on[A-Z]/.test(a) ? u && r ? t[a] = (...c) => {
-      r(...c), u(...c);
-    } : u && (t[a] = u) : a === "style" ? t[a] = {
-      ...u,
-      ...r
-    } : a === "className" && (t[a] = [
-      u,
-      r
-    ].filter(Boolean).join(" "));
+    const o = e[a], r = n[a];
+    /^on[A-Z]/.test(a) ? o && r ? t[a] = (...u) => {
+      r(...u), o(...u);
+    } : o && (t[a] = o) : a === "style" ? t[a] = { ...o, ...r } : a === "className" && (t[a] = [o, r].filter(Boolean).join(" "));
   }
-  return {
-    ...e,
-    ...t
-  };
+  return { ...e, ...t };
 }
-const Ye = [
+function Qe(e) {
+  var a, o;
+  let n = (a = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : a.get, t = n && "isReactWarning" in n && n.isReactWarning;
+  return t ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+}
+var Ye = [
   "a",
   "button",
   "div",
@@ -593,107 +532,118 @@ const Ye = [
   "span",
   "svg",
   "ul"
-], ce = Ye.reduce((e, n) => {
-  const t = /* @__PURE__ */ S((a, u) => {
-    const { asChild: r, ...o } = a, c = r ? ue : n;
-    return C(() => {
-      window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ _(c, N({}, o, {
-      ref: u
-    }));
+], ne = Ye.reduce((e, n) => {
+  const t = s.forwardRef((a, o) => {
+    const { asChild: r, ...i } = a, u = r ? te : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: o });
   });
-  return t.displayName = `Primitive.${n}`, {
-    ...e,
-    [n]: t
-  };
-}, {}), ie = "Switch", [er, vr] = qe(ie), [rr, tr] = er(ie), nr = /* @__PURE__ */ S((e, n) => {
-  const { __scopeSwitch: t, name: a, checked: u, defaultChecked: r, required: o, disabled: c, value: i = "on", onCheckedChange: s, ...g } = e, [l, p] = y(null), f = Te(
-    n,
-    (v) => p(v)
-  ), d = x(!1), b = l ? !!l.closest("form") : !0, [h = !1, m] = We({
-    prop: u,
-    defaultProp: r,
-    onChange: s
-  });
-  return /* @__PURE__ */ _(rr, {
-    scope: t,
-    checked: h,
-    disabled: c
-  }, /* @__PURE__ */ _(ce.button, N({
-    type: "button",
-    role: "switch",
-    "aria-checked": h,
-    "aria-required": o,
-    "data-state": se(h),
-    "data-disabled": c ? "" : void 0,
-    disabled: c,
-    value: i
-  }, g, {
-    ref: f,
-    onClick: He(e.onClick, (v) => {
-      m(
-        (D) => !D
-      ), b && (d.current = v.isPropagationStopped(), d.current || v.stopPropagation());
-    })
-  })), b && /* @__PURE__ */ _(ur, {
-    control: l,
-    bubbles: !d.current,
-    name: a,
-    value: i,
-    checked: h,
-    required: o,
-    disabled: c,
-    style: {
-      transform: "translateX(-100%)"
-    }
-  }));
-}), or = "SwitchThumb", ar = /* @__PURE__ */ S((e, n) => {
-  const { __scopeSwitch: t, ...a } = e, u = tr(or, t);
-  return /* @__PURE__ */ _(ce.span, N({
-    "data-state": se(u.checked),
-    "data-disabled": u.disabled ? "" : void 0
-  }, a, {
-    ref: n
-  }));
-}), ur = (e) => {
-  const { control: n, checked: t, bubbles: a = !0, ...u } = e, r = x(null), o = Ve(t), c = Ze(n);
-  return C(() => {
-    const i = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
-    if (o !== t && l) {
-      const p = new Event("click", {
-        bubbles: a
-      });
-      l.call(i, t), i.dispatchEvent(p);
+  return t.displayName = `Primitive.${n}`, { ...e, [n]: t };
+}, {}), B = "Switch", [er, mr] = He(B), [rr, tr] = er(B), oe = s.forwardRef(
+  (e, n) => {
+    const {
+      __scopeSwitch: t,
+      name: a,
+      checked: o,
+      defaultChecked: r,
+      required: i,
+      disabled: u,
+      value: c = "on",
+      onCheckedChange: l,
+      form: _,
+      ...d
+    } = e, [p, g] = s.useState(null), h = Ie(n, (y) => g(y)), m = s.useRef(!1), b = p ? _ || !!p.closest("form") : !0, [v = !1, R] = Te({
+      prop: o,
+      defaultProp: r,
+      onChange: l
+    });
+    return /* @__PURE__ */ M(rr, { scope: t, checked: v, disabled: u, children: [
+      /* @__PURE__ */ f(
+        ne.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": v,
+          "aria-required": i,
+          "data-state": ue(v),
+          "data-disabled": u ? "" : void 0,
+          disabled: u,
+          value: c,
+          ...d,
+          ref: h,
+          onClick: We(e.onClick, (y) => {
+            R((w) => !w), b && (m.current = y.isPropagationStopped(), m.current || y.stopPropagation());
+          })
+        }
+      ),
+      b && /* @__PURE__ */ f(
+        nr,
+        {
+          control: p,
+          bubbles: !m.current,
+          name: a,
+          value: c,
+          checked: v,
+          required: i,
+          disabled: u,
+          form: _,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+oe.displayName = B;
+var ae = "SwitchThumb", ie = s.forwardRef(
+  (e, n) => {
+    const { __scopeSwitch: t, ...a } = e, o = tr(ae, t);
+    return /* @__PURE__ */ f(
+      ne.span,
+      {
+        "data-state": ue(o.checked),
+        "data-disabled": o.disabled ? "" : void 0,
+        ...a,
+        ref: n
+      }
+    );
+  }
+);
+ie.displayName = ae;
+var nr = (e) => {
+  const { control: n, checked: t, bubbles: a = !0, ...o } = e, r = s.useRef(null), i = Fe(t), u = Ge(n);
+  return s.useEffect(() => {
+    const c = r.current, l = window.HTMLInputElement.prototype, d = Object.getOwnPropertyDescriptor(l, "checked").set;
+    if (i !== t && d) {
+      const p = new Event("click", { bubbles: a });
+      d.call(c, t), c.dispatchEvent(p);
     }
-  }, [
-    o,
-    t,
-    a
-  ]), /* @__PURE__ */ _("input", N({
-    type: "checkbox",
-    "aria-hidden": !0,
-    defaultChecked: t
-  }, u, {
-    tabIndex: -1,
-    ref: r,
-    style: {
-      ...e.style,
-      ...c,
-      position: "absolute",
-      pointerEvents: "none",
-      opacity: 0,
-      margin: 0
+  }, [i, t, a]), /* @__PURE__ */ f(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: t,
+      ...o,
+      tabIndex: -1,
+      ref: r,
+      style: {
+        ...e.style,
+        ...u,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
     }
-  }));
+  );
 };
-function se(e) {
+function ue(e) {
   return e ? "checked" : "unchecked";
 }
-const cr = nr, ir = ar;
-function sr(e) {
+var or = oe, ar = ie;
+function ir(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var le = { exports: {} };
+var se = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -703,9 +653,9 @@ var le = { exports: {} };
   (function() {
     var n = {}.hasOwnProperty;
     function t() {
-      for (var r = "", o = 0; o < arguments.length; o++) {
-        var c = arguments[o];
-        c && (r = u(r, a(c)));
+      for (var r = "", i = 0; i < arguments.length; i++) {
+        var u = arguments[i];
+        u && (r = o(r, a(u)));
       }
       return r;
     }
@@ -718,118 +668,118 @@ var le = { exports: {} };
         return t.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var o = "";
-      for (var c in r)
-        n.call(r, c) && r[c] && (o = u(o, c));
-      return o;
+      var i = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (i = o(i, u));
+      return i;
     }
-    function u(r, o) {
-      return o ? r ? r + " " + o : r + o : r;
+    function o(r, i) {
+      return i ? r ? r + " " + i : r + i : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(le);
-var lr = le.exports;
-const I = /* @__PURE__ */ sr(lr), V = (e) => e && "touches" in e, pr = ({
+})(se);
+var ur = se.exports;
+const O = /* @__PURE__ */ ir(ur), H = (e) => e && "touches" in e, sr = ({
   children: e,
   disabled: n,
   onStart: t,
   onDrag: a,
-  onStop: u,
+  onStop: o,
   bounds: r,
-  position: o,
-  style: c
+  position: i,
+  style: u
 }) => {
-  const [i, s] = y(void 0), [g, l] = y(void 0), [p, f] = y(!1), d = (m) => {
+  const [c, l] = C(void 0), [_, d] = C(void 0), [p, g] = C(!1), h = (v) => {
     if (!n) {
-      m.preventDefault();
-      const v = V(m.nativeEvent) ? m.nativeEvent.touches[0].clientX : m.nativeEvent.clientX;
-      l(v), t == null || t();
+      v.preventDefault();
+      const R = H(v.nativeEvent) ? v.nativeEvent.touches[0].clientX : v.nativeEvent.clientX;
+      d(R), t == null || t();
     }
-  }, b = z(
-    (m) => {
-      if (typeof g != "number")
+  }, m = z(
+    (v) => {
+      if (typeof _ != "number")
         return;
-      const D = (V(m) ? m.touches[0].clientX : m.clientX) - g;
-      if (!D)
+      const y = (H(v) ? v.touches[0].clientX : v.clientX) - _;
+      if (!y)
         return;
-      const E = o + D;
-      !p && Math.abs(E) && f(!0);
-      const L = E > r.right ? r.right : E < r.left ? r.left : E;
-      s(L), a == null || a({ x: L });
+      const w = i + y;
+      !p && Math.abs(w) && g(!0);
+      const A = w > r.right ? r.right : w < r.left ? r.left : w;
+      l(A), a == null || a({ x: A });
     },
-    [a, s, p, g]
-  ), h = z(() => {
-    l(void 0), s(void 0), f(!1), u == null || u();
-  }, [u, l]);
-  return C(() => (window.addEventListener("mousemove", b), window.addEventListener("touchmove", b), () => {
-    window.removeEventListener("mousemove", b), window.removeEventListener("touchmove", b);
-  }), [b]), C(() => (window.addEventListener("mouseup", h), window.addEventListener("touchend", h), () => {
-    window.removeEventListener("mouseup", h), window.removeEventListener("touchend", h);
-  }), [h]), A(e) ? B($.only(e), {
-    onMouseDown: d,
-    onTouchStart: d,
-    style: { ...c, transform: `translateX(${p ? i : o}px)` }
+    [a, l, p, _]
+  ), b = z(() => {
+    d(void 0), l(void 0), g(!1), o == null || o();
+  }, [o, d]);
+  return k(() => (window.addEventListener("mousemove", m), window.addEventListener("touchmove", m), () => {
+    window.removeEventListener("mousemove", m), window.removeEventListener("touchmove", m);
+  }), [m]), k(() => (window.addEventListener("mouseup", b), window.addEventListener("touchend", b), () => {
+    window.removeEventListener("mouseup", b), window.removeEventListener("touchend", b);
+  }), [b]), ce(e) ? le(pe.only(e), {
+    onMouseDown: h,
+    onTouchStart: h,
+    style: { ...u, transform: `translateX(${p ? c : i}px)` }
   }) : null;
-}, G = {
+}, V = {
   width: void 0,
   height: void 0
 };
-function Z(e) {
-  const { ref: n, box: t = "content-box", round: a } = e, [{ width: u, height: r }, o] = y(G), c = dr(), i = x({ ...G }), s = x(void 0);
-  return s.current = e.onResize, C(() => {
+function T(e) {
+  const { ref: n, box: t = "content-box", round: a } = e, [{ width: o, height: r }, i] = C(V), u = cr(), c = $({ ...V }), l = $(void 0);
+  return l.current = e.onResize, k(() => {
     if (!n.current || typeof window > "u" || !("ResizeObserver" in window))
       return;
-    const g = new ResizeObserver(([l]) => {
+    const _ = new ResizeObserver(([d]) => {
       const p = (
         // eslint-disable-next-line no-nested-ternary
         t === "border-box" ? "borderBoxSize" : t === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "contentBoxSize"
-      ), f = J(l, p, "inlineSize"), d = J(l, p, "blockSize");
-      if (i.current.width !== f || i.current.height !== d) {
-        const h = {
-          width: f && a ? Math.round(f) : f,
-          height: d && a ? Math.round(d) : d
+      ), g = q(d, p, "inlineSize"), h = q(d, p, "blockSize");
+      if (c.current.width !== g || c.current.height !== h) {
+        const b = {
+          width: g && a ? Math.round(g) : g,
+          height: h && a ? Math.round(h) : h
         };
-        i.current.width = f, i.current.height = d, s.current ? s.current(h) : c() && o(h);
+        c.current.width = g, c.current.height = h, l.current ? l.current(b) : u() && i(b);
       }
     });
-    return g.observe(n.current, { box: t }), () => {
-      g.disconnect();
+    return _.observe(n.current, { box: t }), () => {
+      _.disconnect();
     };
-  }, [t, n, c, a]), { width: u, height: r };
+  }, [t, n, u, a]), { width: o, height: r };
 }
-function J(e, n, t) {
+function q(e, n, t) {
   return e[n] ? Array.isArray(e[n]) ? e[n][0][t] : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore Support Firefox's non-standard behavior
     e[n][t]
   ) : n === "contentBoxSize" ? e.contentRect[t === "inlineSize" ? "width" : "height"] : void 0;
 }
-function dr() {
-  const e = x(!1);
-  return C(() => (e.current = !0, () => {
+function cr() {
+  const e = $(!1);
+  return k(() => (e.current = !0, () => {
     e.current = !1;
   }), []), z(() => e.current, []);
 }
-const fr = ({ checked: e, onChange: n }) => {
-  const t = x(null), a = x(null), [u, r] = y(void 0), [o, c] = y(!1), [i, s] = y(0), { height: g = 0 } = Z({ ref: a, round: !0 }), { height: l = 0 } = Z({ ref: t, round: !0 }), p = (l || 0) - g, f = g + p, d = p / 2, b = f / 2, h = typeof u == "number" && (e ? u < b : u > b);
+const lr = ({ checked: e, onChange: n }) => {
+  const t = $(null), a = $(null), [o, r] = C(void 0), [i, u] = C(!1), [c, l] = C(0), { height: _ = 0 } = T({ ref: a, round: !0 }), { height: d = 0 } = T({ ref: t, round: !0 }), p = (d || 0) - _, g = _ + p, h = p / 2, m = g / 2, b = typeof o == "number" && (e ? o < m : o > m);
   return {
     trackRef: t,
     thumbRef: a,
-    isDragging: o,
-    bounds: { left: d, right: f },
-    position: e ? f : d,
-    onDrag: ({ x: E }) => {
-      r(E), Math.abs((e ? f : d) - E) > 2 && c(!0);
+    isDragging: i,
+    bounds: { left: h, right: g },
+    position: e ? g : h,
+    onDrag: ({ x: w }) => {
+      r(w), Math.abs((e ? g : h) - w) > 2 && u(!0);
     },
     onStop: () => {
-      c(!1), o && s(Date.now()), h && (n == null || n(!e));
+      u(!1), i && l(Date.now()), b && (n == null || n(!e));
     },
     onChangeWithDrag: () => {
-      Date.now() - i > 50 && (n == null || n(!e)), r(void 0);
+      Date.now() - c > 50 && (n == null || n(!e)), r(void 0);
     }
   };
-}, P = {
+}, S = {
   "purpur-toggle": "_purpur-toggle_1xng6_1",
   "purpur-toggle__track": "_purpur-toggle__track_1xng6_7",
   "purpur-toggle__checkmark-container": "_purpur-toggle__checkmark-container_1xng6_45",
@@ -839,67 +789,67 @@ const fr = ({ checked: e, onChange: n }) => {
   "purpur-toggle__label--right": "_purpur-toggle__label--right_1xng6_100",
   "purpur-toggle__label--left": "_purpur-toggle__label--left_1xng6_103",
   "purpur-toggle__container": "_purpur-toggle__container_1xng6_106"
-}, k = "purpur-toggle", hr = ({
+}, x = "purpur-toggle", pr = ({
   ["data-testid"]: e,
   className: n,
   label: t,
   onChange: a,
-  labelPosition: u = "right",
+  labelPosition: o = "right",
   checked: r,
-  disableDrag: o,
-  defaultChecked: c,
-  ...i
-}, s) => {
-  const [g, l] = y(
-    typeof r == "boolean" ? r : !!c
-  ), p = !!(typeof r == "boolean" ? r : g), { thumbRef: f, trackRef: d, isDragging: b, onChangeWithDrag: h, ...m } = fr({
+  disableDrag: i,
+  defaultChecked: u,
+  ...c
+}, l) => {
+  const [_, d] = C(
+    typeof r == "boolean" ? r : !!u
+  ), p = !!(typeof r == "boolean" ? r : _), { thumbRef: g, trackRef: h, isDragging: m, onChangeWithDrag: b, ...v } = lr({
     checked: p,
-    onChange: (D) => {
-      i.disabled || (a == null || a(D), l(D));
+    onChange: (y) => {
+      c.disabled || (a == null || a(y), d(y));
     }
-  }), v = () => /* @__PURE__ */ w(
+  }), R = () => /* @__PURE__ */ f(
     ze,
     {
-      htmlFor: i.id,
+      htmlFor: c.id,
       "data-testid": e && `${e}-label`,
-      disabled: i.disabled,
-      className: I(
-        P[`${k}__label`],
-        P[`${k}__label--${u}`]
+      disabled: c.disabled,
+      className: O(
+        S[`${x}__label`],
+        S[`${x}__label--${o}`]
       ),
-      children: /* @__PURE__ */ w(ne, { variant: "paragraph-100", disabled: i.disabled, children: t })
+      children: /* @__PURE__ */ f(Y, { variant: "paragraph-100", disabled: c.disabled, children: t })
     }
   );
-  return /* @__PURE__ */ F("div", { className: I([n, P[`${k}__container`]]), children: [
-    t && u === "left" && v(),
-    /* @__PURE__ */ w(
-      cr,
+  return /* @__PURE__ */ M("div", { className: O([n, S[`${x}__container`]]), children: [
+    t && o === "left" && R(),
+    /* @__PURE__ */ f(
+      or,
       {
-        ...i,
-        ref: s,
-        id: i.id,
+        ...c,
+        ref: l,
+        id: c.id,
         "data-testid": e,
-        className: P[k],
-        onCheckedChange: h,
+        className: S[x],
+        onCheckedChange: b,
         checked: p,
-        children: /* @__PURE__ */ F("span", { ref: d, className: P[`${k}__track`], children: [
-          /* @__PURE__ */ w("span", { className: P[`${k}__checkmark-container`], children: /* @__PURE__ */ w(
-            Y,
+        children: /* @__PURE__ */ M("span", { ref: h, className: S[`${x}__track`], children: [
+          /* @__PURE__ */ f("span", { className: S[`${x}__checkmark-container`], children: /* @__PURE__ */ f(
+            G,
             {
-              className: P[`${k}__checkmark`],
-              svg: we,
+              className: S[`${x}__checkmark`],
+              svg: Se,
               size: "xxs"
             }
           ) }),
-          /* @__PURE__ */ w(pr, { disabled: o, ...m, children: /* @__PURE__ */ w(
-            ir,
+          /* @__PURE__ */ f(sr, { disabled: i, ...v, children: /* @__PURE__ */ f(
+            ar,
             {
-              ref: f,
+              ref: g,
               "data-testid": e && `${e}-thumb`,
-              className: I([
-                P[`${k}__thumb`],
+              className: O([
+                S[`${x}__thumb`],
                 {
-                  [P[`${k}__thumb--dragging`]]: b
+                  [S[`${x}__thumb--dragging`]]: m
                 }
               ])
             }
@@ -907,11 +857,11 @@ const fr = ({ checked: e, onChange: n }) => {
         ] })
       }
     ),
-    t && u === "right" && v()
+    t && o === "right" && R()
   ] });
-}, gr = S(hr);
-gr.displayName = "Toggle";
+}, dr = de(pr);
+dr.displayName = "Toggle";
 export {
-  gr as Toggle
+  dr as Toggle
 };
 //# sourceMappingURL=toggle.es.js.map