@purpurds/toggle 5.10.1 → 5.11.1

package/dist/toggle.es.js

@@ -1,7 +1,7 @@
-import { jsx as x, jsxs as J } from "react/jsx-runtime";
-import { forwardRef as w, Children as y, isValidElement as O, createElement as _, cloneElement as X, useEffect as A, Fragment as ee, useCallback as B, createContext as K, useMemo as R, useContext as fe, useRef as C, useState as $, useLayoutEffect as re } from "react";
+import { jsx as x, jsxs as K } from "react/jsx-runtime";
+import { forwardRef as w, Children as y, isValidElement as k, createElement as _, cloneElement as X, useEffect as A, Fragment as ee, useCallback as B, createContext as J, useMemo as R, useContext as ge, useRef as D, useState as $, useLayoutEffect as re } from "react";
 import "react-dom";
-function ge(e) {
+function he(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var te = { exports: {} };
@@ -40,8 +40,8 @@ var te = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(te);
-var he = te.exports;
-const be = /* @__PURE__ */ ge(he), _e = {
+var be = te.exports;
+const _e = /* @__PURE__ */ he(be), ve = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -49,31 +49,31 @@ const be = /* @__PURE__ */ ge(he), _e = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ve = {
+}, me = {
   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"
-}, me = be.bind(_e), Q = "purpur-icon", $e = "md", ye = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), xe = ({ content: e = "", title: n } = {}) => {
+}, $e = _e.bind(ve), Q = "purpur-icon", ye = "md", xe = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), we = ({ 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" }
   ], o = n ? `<title>${n}</title>` : "";
-  return `<svg ${ye(t)}>${o}${e}</svg>`;
-}, we = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Se = ({
+  return `<svg ${xe(t)}>${o}${e}</svg>`;
+}, Se = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Pe = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
-  className: o = "",
-  size: c = $e,
+  className: o,
+  size: c = ye,
   ...r
 }) => {
-  const a = xe({
-    content: we(n.svg),
+  const a = we({
+    content: Se(n.svg),
     title: t
-  }), u = me(o, Q, `${Q}--${c}`);
+  }), u = $e(o, Q, `${Q}--${c}`);
   return /* @__PURE__ */ x(
     "span",
     {
@@ -85,15 +85,15 @@ const be = /* @__PURE__ */ ge(he), _e = {
     }
   );
 };
-function V() {
-  return V = Object.assign ? Object.assign.bind() : function(e) {
+function W() {
+  return W = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var o in t)
         Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, V.apply(this, arguments);
+  }, W.apply(this, arguments);
 }
 function M() {
   return M = Object.assign ? Object.assign.bind() : function(e) {
@@ -105,40 +105,40 @@ function M() {
     return e;
   }, M.apply(this, arguments);
 }
-function Pe(e, n) {
+function ke(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
 function Oe(...e) {
   return (n) => e.forEach(
-    (t) => Pe(t, n)
+    (t) => ke(t, n)
   );
 }
 const ne = /* @__PURE__ */ w((e, n) => {
-  const { children: t, ...o } = e, c = y.toArray(t), r = c.find(Ae);
+  const { children: t, ...o } = e, c = y.toArray(t), r = c.find(De);
   if (r) {
-    const a = r.props.children, u = c.map((i) => i === r ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ O(a) ? a.props.children : null : i);
-    return /* @__PURE__ */ _(W, M({}, o, {
+    const a = r.props.children, u = c.map((i) => i === r ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ k(a) ? a.props.children : null : i);
+    return /* @__PURE__ */ _(G, M({}, o, {
       ref: n
-    }), /* @__PURE__ */ O(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
+    }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
   }
-  return /* @__PURE__ */ _(W, M({}, o, {
+  return /* @__PURE__ */ _(G, M({}, o, {
     ref: n
   }), t);
 });
 ne.displayName = "Slot";
-const W = /* @__PURE__ */ w((e, n) => {
+const G = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ O(t) ? /* @__PURE__ */ X(t, {
-    ...Ce(o, t.props),
+  return /* @__PURE__ */ k(t) ? /* @__PURE__ */ X(t, {
+    ...Ne(o, t.props),
     ref: n ? Oe(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
 });
-W.displayName = "SlotClone";
-const ke = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
-function Ae(e) {
-  return /* @__PURE__ */ O(e) && e.type === ke;
+G.displayName = "SlotClone";
+const Ae = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
+function De(e) {
+  return /* @__PURE__ */ k(e) && e.type === Ae;
 }
-function Ce(e, n) {
+function Ne(e, n) {
   const t = {
     ...n
   };
@@ -159,7 +159,7 @@ function Ce(e, n) {
     ...t
   };
 }
-const De = [
+const Ce = [
   "a",
   "button",
   "div",
@@ -176,7 +176,7 @@ const De = [
   "span",
   "svg",
   "ul"
-], Ee = De.reduce((e, n) => {
+], Ee = Ce.reduce((e, n) => {
   const t = /* @__PURE__ */ w((o, c) => {
     const { asChild: r, ...a } = o, u = r ? ne : n;
     return A(() => {
@@ -189,14 +189,14 @@ const De = [
     ...e,
     [n]: t
   };
-}, {}), Ne = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ee.label, V({}, e, {
+}, {}), je = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ee.label, W({}, e, {
   ref: n,
   onMouseDown: (t) => {
     var o;
     (o = e.onMouseDown) === null || o === void 0 || o.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault();
   }
-}))), je = Ne;
-function Re(e) {
+}))), Re = je;
+function Me(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var oe = { exports: {} };
@@ -235,12 +235,12 @@ var oe = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(oe);
-var Me = oe.exports;
-const He = /* @__PURE__ */ Re(Me), I = {
+var He = oe.exports;
+const Le = /* @__PURE__ */ Me(He), I = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, q = "purpur-label", Le = ({
+}, q = "purpur-label", Xe = ({
   children: e,
   className: n,
   htmlFor: t,
@@ -249,7 +249,7 @@ const He = /* @__PURE__ */ Re(Me), I = {
   negative: r = !1,
   ...a
 }) => {
-  const u = He([
+  const u = Le([
     n,
     I[q],
     {
@@ -257,9 +257,9 @@ const He = /* @__PURE__ */ Re(Me), I = {
       [I[`${q}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ x(je, { className: u, "data-testid": o, htmlFor: t, ...a, children: e });
+  return /* @__PURE__ */ x(Re, { className: u, "data-testid": o, htmlFor: t, ...a, children: e });
 };
-function Xe(e) {
+function Be(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ae = { exports: {} };
@@ -298,8 +298,8 @@ var ae = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(ae);
-var Be = ae.exports;
-const Te = /* @__PURE__ */ Xe(Be), N = {
+var Te = ae.exports;
+const ze = /* @__PURE__ */ Be(Te), E = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -314,7 +314,7 @@ const Te = /* @__PURE__ */ Xe(Be), N = {
   "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
-}, ze = {
+}, Ie = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -325,28 +325,29 @@ const Te = /* @__PURE__ */ Xe(Be), N = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, j = "purpur-paragraph", Ie = ({
+}, j = "purpur-paragraph", ce = ({
   ["data-testid"]: e,
   children: n,
-  className: t = "",
+  className: t,
   disabled: o,
   enableHyphenation: c = !1,
   negative: r = !1,
-  variant: a = ze.PARAGRAPH100,
+  variant: a = Ie.PARAGRAPH100,
   ...u
 }) => {
-  const i = Te([
+  const i = ze([
     t,
-    N[j],
-    N[`${j}--${a}`],
+    E[j],
+    E[`${j}--${a}`],
     {
-      [N[`${j}--hyphens`]]: c,
-      [N[`${j}--disabled`]]: o,
-      [N[`${j}--negative`]]: r
+      [E[`${j}--hyphens`]]: c,
+      [E[`${j}--disabled`]]: o,
+      [E[`${j}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ x("p", { ...u, className: i, "data-testid": e, children: n });
 };
+ce.displayName = "Paragraph";
 function H() {
   return H = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
@@ -359,25 +360,24 @@ function H() {
 }
 function qe(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(c) {
-    if (e == null || e(c), t === !1 || !c.defaultPrevented)
-      return n == null ? void 0 : n(c);
+    if (e == null || e(c), t === !1 || !c.defaultPrevented) return n == null ? void 0 : n(c);
   };
 }
 function Fe(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function ce(...e) {
+function ue(...e) {
   return (n) => e.forEach(
     (t) => Fe(t, n)
   );
 }
-function Ve(...e) {
-  return B(ce(...e), e);
+function We(...e) {
+  return B(ue(...e), e);
 }
-function We(e, n = []) {
+function Ge(e, n = []) {
   let t = [];
   function o(r, a) {
-    const u = /* @__PURE__ */ K(a), i = t.length;
+    const u = /* @__PURE__ */ J(a), i = t.length;
     t = [
       ...t,
       a
@@ -392,11 +392,9 @@ function We(e, n = []) {
       }, v);
     }
     function h(l, p) {
-      const v = (p == null ? void 0 : p[e][i]) || u, f = fe(v);
-      if (f)
-        return f;
-      if (a !== void 0)
-        return a;
+      const v = (p == null ? void 0 : p[e][i]) || u, f = ge(v);
+      if (f) return f;
+      if (a !== void 0) return a;
       throw new Error(`\`${l}\` must be used within \`${r}\``);
     }
     return s.displayName = r + "Provider", [
@@ -405,7 +403,7 @@ function We(e, n = []) {
     ];
   }
   const c = () => {
-    const r = t.map((a) => /* @__PURE__ */ K(a));
+    const r = t.map((a) => /* @__PURE__ */ J(a));
     return function(u) {
       const i = (u == null ? void 0 : u[e]) || r;
       return R(
@@ -429,8 +427,7 @@ function We(e, n = []) {
 }
 function Ue(...e) {
   const n = e[0];
-  if (e.length === 1)
-    return n;
+  if (e.length === 1) return n;
   const t = () => {
     const o = e.map(
       (c) => ({
@@ -458,8 +455,8 @@ function Ue(...e) {
   };
   return t.scopeName = n.scopeName, t;
 }
-function ue(e) {
-  const n = C(e);
+function ie(e) {
+  const n = D(e);
   return A(() => {
     n.current = e;
   }), R(
@@ -470,17 +467,16 @@ function ue(e) {
     []
   );
 }
-function Ge({ prop: e, defaultProp: n, onChange: t = () => {
+function Ve({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
   const [o, c] = Ze({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, a = r ? e : o, u = ue(t), i = B((s) => {
+  }), r = e !== void 0, a = r ? e : o, u = ie(t), i = B((s) => {
     if (r) {
       const l = typeof s == "function" ? s(e) : s;
       l !== e && u(l);
-    } else
-      c(s);
+    } else c(s);
   }, [
     r,
     e,
@@ -493,7 +489,7 @@ function Ge({ prop: e, defaultProp: n, onChange: t = () => {
   ];
 }
 function Ze({ defaultProp: e, onChange: n }) {
-  const t = $(e), [o] = t, c = C(o), r = ue(n);
+  const t = $(e), [o] = t, c = D(o), r = ie(n);
   return A(() => {
     c.current !== o && (r(o), c.current = o);
   }, [
@@ -502,8 +498,8 @@ function Ze({ defaultProp: e, onChange: n }) {
     r
   ]), t;
 }
-function Je(e) {
-  const n = C({
+function Ke(e) {
+  const n = D({
     value: e,
     previous: e
   });
@@ -511,19 +507,18 @@ function Je(e) {
     e
   ]);
 }
-const Ke = globalThis != null && globalThis.document ? re : () => {
+const Je = globalThis != null && globalThis.document ? re : () => {
 };
 function Qe(e) {
   const [n, t] = $(void 0);
-  return Ke(() => {
+  return Je(() => {
     if (e) {
       t({
         width: e.offsetWidth,
         height: e.offsetHeight
       });
       const o = new ResizeObserver((c) => {
-        if (!Array.isArray(c) || !c.length)
-          return;
+        if (!Array.isArray(c) || !c.length) return;
         const r = c[0];
         let a, u;
         if ("borderBoxSize" in r) {
@@ -555,30 +550,30 @@ function L() {
     return e;
   }, L.apply(this, arguments);
 }
-const ie = /* @__PURE__ */ w((e, n) => {
+const se = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e, c = y.toArray(t), r = c.find(er);
   if (r) {
-    const a = r.props.children, u = c.map((i) => i === r ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ O(a) ? a.props.children : null : i);
+    const a = r.props.children, u = c.map((i) => i === r ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ k(a) ? a.props.children : null : i);
     return /* @__PURE__ */ _(U, L({}, o, {
       ref: n
-    }), /* @__PURE__ */ O(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
+    }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
   }
   return /* @__PURE__ */ _(U, L({}, o, {
     ref: n
   }), t);
 });
-ie.displayName = "Slot";
+se.displayName = "Slot";
 const U = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ O(t) ? /* @__PURE__ */ X(t, {
+  return /* @__PURE__ */ k(t) ? /* @__PURE__ */ X(t, {
     ...rr(o, t.props),
-    ref: n ? ce(n, t.ref) : t.ref
+    ref: n ? ue(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
 });
 U.displayName = "SlotClone";
 const Ye = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
 function er(e) {
-  return /* @__PURE__ */ O(e) && e.type === Ye;
+  return /* @__PURE__ */ k(e) && e.type === Ye;
 }
 function rr(e, n) {
   const t = {
@@ -618,9 +613,9 @@ const tr = [
   "span",
   "svg",
   "ul"
-], se = tr.reduce((e, n) => {
+], le = tr.reduce((e, n) => {
   const t = /* @__PURE__ */ w((o, c) => {
-    const { asChild: r, ...a } = o, u = r ? ie : n;
+    const { asChild: r, ...a } = o, u = r ? se : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ _(u, L({}, a, {
@@ -631,11 +626,11 @@ const tr = [
     ...e,
     [n]: t
   };
-}, {}), le = "Switch", [nr, yr] = We(le), [or, ar] = nr(le), cr = /* @__PURE__ */ w((e, n) => {
-  const { __scopeSwitch: t, name: o, checked: c, defaultChecked: r, required: a, disabled: u, value: i = "on", onCheckedChange: s, ...h } = e, [l, p] = $(null), v = Ve(
+}, {}), pe = "Switch", [nr, yr] = Ge(pe), [or, ar] = nr(pe), cr = /* @__PURE__ */ w((e, n) => {
+  const { __scopeSwitch: t, name: o, checked: c, defaultChecked: r, required: a, disabled: u, value: i = "on", onCheckedChange: s, ...h } = e, [l, p] = $(null), v = We(
     n,
     (m) => p(m)
-  ), f = C(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ge({
+  ), f = D(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ve({
     prop: c,
     defaultProp: r,
     onChange: s
@@ -644,12 +639,12 @@ const tr = [
     scope: t,
     checked: d,
     disabled: u
-  }, /* @__PURE__ */ _(se.button, H({
+  }, /* @__PURE__ */ _(le.button, H({
     type: "button",
     role: "switch",
     "aria-checked": d,
     "aria-required": a,
-    "data-state": pe(d),
+    "data-state": de(d),
     "data-disabled": u ? "" : void 0,
     disabled: u,
     value: i
@@ -657,7 +652,7 @@ const tr = [
     ref: v,
     onClick: qe(e.onClick, (m) => {
       b(
-        (k) => !k
+        (O) => !O
       ), g && (f.current = m.isPropagationStopped(), f.current || m.stopPropagation());
     })
   })), g && /* @__PURE__ */ _(sr, {
@@ -674,14 +669,14 @@ const tr = [
   }));
 }), ur = "SwitchThumb", ir = /* @__PURE__ */ w((e, n) => {
   const { __scopeSwitch: t, ...o } = e, c = ar(ur, t);
-  return /* @__PURE__ */ _(se.span, H({
-    "data-state": pe(c.checked),
+  return /* @__PURE__ */ _(le.span, H({
+    "data-state": de(c.checked),
     "data-disabled": c.disabled ? "" : void 0
   }, o, {
     ref: n
   }));
 }), sr = (e) => {
-  const { control: n, checked: t, bubbles: o = !0, ...c } = e, r = C(null), a = Je(t), u = Qe(n);
+  const { control: n, checked: t, bubbles: o = !0, ...c } = e, r = D(null), a = Ke(t), u = Qe(n);
   return A(() => {
     const i = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
     if (a !== t && l) {
@@ -711,14 +706,14 @@ const tr = [
     }
   }));
 };
-function pe(e) {
+function de(e) {
   return e ? "checked" : "unchecked";
 }
 const lr = cr, pr = ir;
 function dr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var de = { exports: {} };
+var fe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -753,8 +748,8 @@ var de = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(de);
-var fr = de.exports;
+})(fe);
+var fr = fe.exports;
 const F = /* @__PURE__ */ dr(fr), S = {
   "purpur-toggle": "_purpur-toggle_1xng6_1",
   "purpur-toggle__track": "_purpur-toggle__track_1xng6_7",
@@ -785,12 +780,12 @@ const F = /* @__PURE__ */ dr(fr), S = {
     (b) => {
       if (typeof h != "number")
         return;
-      const k = (Y(b) ? b.touches[0].clientX : b.clientX) - h;
-      if (!k)
+      const O = (Y(b) ? b.touches[0].clientX : b.clientX) - h;
+      if (!O)
         return;
-      const D = a + k;
-      !p && Math.abs(D) && v(!0);
-      const T = D > r.right ? r.right : D < r.left ? r.left : D;
+      const N = a + O;
+      !p && Math.abs(N) && v(!0);
+      const T = N > r.right ? r.right : N < r.left ? r.left : N;
       s(T), o == null || o({ x: T });
     },
     [o, s, p, h]
@@ -801,18 +796,18 @@ const F = /* @__PURE__ */ dr(fr), S = {
     window.removeEventListener("mousemove", g), window.removeEventListener("touchmove", g);
   }), [g]), A(() => (window.addEventListener("mouseup", d), window.addEventListener("touchend", d), () => {
     window.removeEventListener("mouseup", d), window.removeEventListener("touchend", d);
-  }), [d]), O(e) ? X(y.only(e), {
+  }), [d]), k(e) ? X(y.only(e), {
     onMouseDown: f,
     onTouchStart: f,
     style: { ...u, transform: `translateX(${p ? i : a}px)` }
   }) : null;
 }, hr = ({ checked: e, onChange: n }) => {
-  var G, Z;
-  const t = C(null), o = C(null), [c, r] = $(void 0), [a, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
+  var V, Z;
+  const t = D(null), o = D(null), [c, r] = $(void 0), [a, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
   re(() => {
-    var E, z;
-    l(((E = o.current) == null ? void 0 : E.clientHeight) || 0), v(((z = t.current) == null ? void 0 : z.clientHeight) || 0);
-  }, [(G = o.current) == null ? void 0 : G.clientHeight, (Z = t.current) == null ? void 0 : Z.clientHeight]);
+    var C, z;
+    l(((C = o.current) == null ? void 0 : C.clientHeight) || 0), v(((z = t.current) == null ? void 0 : z.clientHeight) || 0);
+  }, [(V = o.current) == null ? void 0 : V.clientHeight, (Z = t.current) == null ? void 0 : Z.clientHeight]);
   const f = (p || 0) - h, g = h + f, d = f / 2, b = g / 2, m = typeof c == "number" && (e ? c < b : c > b);
   return {
     trackRef: t,
@@ -820,8 +815,8 @@ const F = /* @__PURE__ */ dr(fr), S = {
     isDragging: a,
     bounds: { left: d, right: g },
     position: e ? g : d,
-    onDrag: ({ x: E }) => {
-      r(E), Math.abs((e ? g : d) - E) > 2 && u(!0);
+    onDrag: ({ x: C }) => {
+      r(C), Math.abs((e ? g : d) - C) > 2 && u(!0);
     },
     onStop: () => {
       u(!1), a && s(Date.now()), m && (n == null || n(!e));
@@ -845,11 +840,11 @@ const F = /* @__PURE__ */ dr(fr), S = {
     typeof r == "boolean" ? r : !!u
   ), p = !!(typeof r == "boolean" ? r : h), { thumbRef: v, trackRef: f, isDragging: g, onChangeWithDrag: d, ...b } = hr({
     checked: p,
-    onChange: (k) => {
-      i.disabled || (o == null || o(k), l(k));
+    onChange: (O) => {
+      i.disabled || (o == null || o(O), l(O));
     }
   }), m = () => /* @__PURE__ */ x(
-    Le,
+    Xe,
     {
       htmlFor: i.id,
       "data-testid": e && `${e}-label`,
@@ -858,10 +853,10 @@ const F = /* @__PURE__ */ dr(fr), S = {
         S[`${P}__label`],
         S[`${P}__label--${c}`]
       ),
-      children: /* @__PURE__ */ x(Ie, { variant: "paragraph-100", disabled: i.disabled, children: t })
+      children: /* @__PURE__ */ x(ce, { variant: "paragraph-100", disabled: i.disabled, children: t })
     }
   );
-  return /* @__PURE__ */ J("div", { className: F([n, S[`${P}__container`]]), children: [
+  return /* @__PURE__ */ K("div", { className: F([n, S[`${P}__container`]]), children: [
     t && c === "left" && m(),
     /* @__PURE__ */ x(
       lr,
@@ -873,12 +868,12 @@ const F = /* @__PURE__ */ dr(fr), S = {
         className: S[P],
         onCheckedChange: d,
         checked: p,
-        children: /* @__PURE__ */ J("span", { ref: f, className: S[`${P}__track`], children: [
+        children: /* @__PURE__ */ K("span", { ref: f, className: S[`${P}__track`], children: [
           /* @__PURE__ */ x("span", { className: S[`${P}__checkmark-container`], children: /* @__PURE__ */ x(
-            Se,
+            Pe,
             {
               className: S[`${P}__checkmark`],
-              svg: ve,
+              svg: me,
               size: "xxs"
             }
           ) }),