@purpurds/toggle 4.1.1 → 4.2.0

package/dist/toggle.es.js

@@ -1,5 +1,5 @@
-import { jsx as w, jsxs as G } from "react/jsx-runtime";
-import { forwardRef as x, Children as y, isValidElement as P, createElement as _, cloneElement as H, useEffect as A, Fragment as ee, useCallback as B, createContext as Z, useMemo as E, useContext as fe, useRef as D, useState as $, useLayoutEffect as te } from "react";
+import { jsx as x, jsxs as G } from "react/jsx-runtime";
+import { forwardRef as w, Children as y, isValidElement as k, createElement as _, cloneElement as L, useEffect as A, Fragment as ee, useCallback as X, createContext as Z, useMemo as R, useContext as fe, useRef as D, useState as $, useLayoutEffect as te } from "react";
 import "react-dom";
 function ge(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -54,7 +54,7 @@ const be = /* @__PURE__ */ ge(he), _e = {
   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), J = "purpur-icon", $e = "md", ye = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), we = ({ content: e = "", title: n } = {}) => {
+}, me = be.bind(_e), J = "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 } = {}) => {
   const r = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -62,7 +62,7 @@ const be = /* @__PURE__ */ ge(he), _e = {
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = n ? `<title>${n}</title>` : "";
   return `<svg ${ye(r)}>${o}${e}</svg>`;
-}, xe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Se = ({
+}, we = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Se = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: r,
@@ -70,11 +70,11 @@ const be = /* @__PURE__ */ ge(he), _e = {
   size: c = $e,
   ...t
 }) => {
-  const a = we({
-    content: xe(n.svg),
+  const a = xe({
+    content: we(n.svg),
     title: r
   }), u = me(o, J, `${J}--${c}`);
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ x(
     "span",
     {
       "aria-label": r,
@@ -95,48 +95,48 @@ function q() {
     return e;
   }, q.apply(this, arguments);
 }
-function j() {
-  return j = Object.assign ? Object.assign.bind() : function(e) {
+function M() {
+  return M = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var r = arguments[n];
       for (var o in r)
         Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
     }
     return e;
-  }, j.apply(this, arguments);
+  }, M.apply(this, arguments);
 }
-function ke(e, n) {
+function Pe(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function Pe(...e) {
+function ke(...e) {
   return (n) => e.forEach(
-    (r) => ke(r, n)
+    (r) => Pe(r, n)
   );
 }
-const ne = /* @__PURE__ */ x((e, n) => {
+const ne = /* @__PURE__ */ w((e, n) => {
   const { children: r, ...o } = e, c = y.toArray(r), t = c.find(Ae);
   if (t) {
-    const a = t.props.children, u = c.map((i) => i === t ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ P(a) ? a.props.children : null : i);
-    return /* @__PURE__ */ _(F, j({}, o, {
+    const a = t.props.children, u = c.map((i) => i === t ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ k(a) ? a.props.children : null : i);
+    return /* @__PURE__ */ _(F, M({}, o, {
       ref: n
-    }), /* @__PURE__ */ P(a) ? /* @__PURE__ */ H(a, void 0, u) : null);
+    }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ L(a, void 0, u) : null);
   }
-  return /* @__PURE__ */ _(F, j({}, o, {
+  return /* @__PURE__ */ _(F, M({}, o, {
     ref: n
   }), r);
 });
 ne.displayName = "Slot";
-const F = /* @__PURE__ */ x((e, n) => {
+const F = /* @__PURE__ */ w((e, n) => {
   const { children: r, ...o } = e;
-  return /* @__PURE__ */ P(r) ? /* @__PURE__ */ H(r, {
+  return /* @__PURE__ */ k(r) ? /* @__PURE__ */ L(r, {
     ...De(o, r.props),
-    ref: n ? Pe(n, r.ref) : r.ref
+    ref: n ? ke(n, r.ref) : r.ref
   }) : y.count(r) > 1 ? y.only(null) : null;
 });
 F.displayName = "SlotClone";
 const Oe = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
 function Ae(e) {
-  return /* @__PURE__ */ P(e) && e.type === Oe;
+  return /* @__PURE__ */ k(e) && e.type === Oe;
 }
 function De(e, n) {
   const r = {
@@ -177,11 +177,11 @@ const Ce = [
   "svg",
   "ul"
 ], Ne = Ce.reduce((e, n) => {
-  const r = /* @__PURE__ */ x((o, c) => {
+  const r = /* @__PURE__ */ w((o, c) => {
     const { asChild: t, ...a } = o, u = t ? ne : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ _(u, j({}, a, {
+    }, []), /* @__PURE__ */ _(u, M({}, a, {
       ref: c
     }));
   });
@@ -189,7 +189,7 @@ const Ce = [
     ...e,
     [n]: r
   };
-}, {}), Ee = /* @__PURE__ */ x((e, n) => /* @__PURE__ */ _(Ne.label, q({}, e, {
+}, {}), Ee = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ne.label, q({}, e, {
   ref: n,
   onMouseDown: (r) => {
     var o;
@@ -236,10 +236,10 @@ var oe = { exports: {} };
   })();
 })(oe);
 var Me = oe.exports;
-const He = /* @__PURE__ */ Re(Me), K = {
+const ze = /* @__PURE__ */ Re(Me), K = {
   "purpur-label": "_purpur-label_1jub8_1",
   "purpur-label--disabled": "_purpur-label--disabled_1jub8_9"
-}, Q = "purpur-label", Le = ({
+}, Q = "purpur-label", He = ({
   children: e,
   className: n,
   htmlFor: r,
@@ -247,14 +247,14 @@ const He = /* @__PURE__ */ Re(Me), K = {
   disabled: c,
   ...t
 }) => {
-  const a = He([
+  const a = ze([
     n,
     K[Q],
     { [K[`${Q}--disabled`]]: c }
   ]);
-  return /* @__PURE__ */ w(je, { className: a, "data-testid": o, htmlFor: r, ...t, children: e });
+  return /* @__PURE__ */ x(je, { className: a, "data-testid": o, htmlFor: r, ...t, children: e });
 };
-function Xe(e) {
+function Le(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ae = { exports: {} };
@@ -293,22 +293,23 @@ var ae = { exports: {} };
     e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
   })();
 })(ae);
-var Be = ae.exports;
-const Te = /* @__PURE__ */ Xe(Be), L = {
-  "purpur-paragraph": "_purpur-paragraph_5wbko_1",
-  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_5wbko_7",
-  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_5wbko_10",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_5wbko_13",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_5wbko_19",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_5wbko_26",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_5wbko_33",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_5wbko_39",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_5wbko_45",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_5wbko_51",
-  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_5wbko_57",
-  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_5wbko_64",
-  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_5wbko_72"
-}, ze = {
+var Xe = ae.exports;
+const Be = /* @__PURE__ */ Le(Xe), E = {
+  "purpur-paragraph": "_purpur-paragraph_15yuz_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_15yuz_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_15yuz_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_15yuz_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_15yuz_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_15yuz_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_15yuz_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_15yuz_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_15yuz_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_15yuz_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_15yuz_54",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_15yuz_60",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_15yuz_67",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_15yuz_75"
+}, Te = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -319,35 +320,37 @@ const Te = /* @__PURE__ */ Xe(Be), L = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, X = "purpur-paragraph", Ie = ({
+}, j = "purpur-paragraph", Ie = ({
   ["data-testid"]: e,
   children: n,
   className: r = "",
   disabled: o,
   enableHyphenation: c = !1,
-  variant: t = ze.PARAGRAPH100,
-  ...a
+  negative: t = !1,
+  variant: a = Te.PARAGRAPH100,
+  ...u
 }) => {
-  const u = Te([
+  const i = Be([
     r,
-    L[X],
-    L[`${X}--${t}`],
+    E[j],
+    E[`${j}--${a}`],
     {
-      [L[`${X}--hyphens`]]: c,
-      [L[`${X}--disabled`]]: o
+      [E[`${j}--hyphens`]]: c,
+      [E[`${j}--disabled`]]: o,
+      [E[`${j}--negative`]]: t
     }
   ]);
-  return /* @__PURE__ */ w("p", { ...a, className: u, "data-testid": e, children: n });
+  return /* @__PURE__ */ x("p", { ...u, className: i, "data-testid": e, children: n });
 };
-function R() {
-  return R = Object.assign ? Object.assign.bind() : function(e) {
+function z() {
+  return z = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var r = arguments[n];
       for (var o in r)
         Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
     }
     return e;
-  }, R.apply(this, arguments);
+  }, z.apply(this, arguments);
 }
 function qe(e, n, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(c) {
@@ -364,7 +367,7 @@ function ce(...e) {
   );
 }
 function Ve(...e) {
-  return B(ce(...e), e);
+  return X(ce(...e), e);
 }
 function Ue(e, n = []) {
   let r = [];
@@ -375,7 +378,7 @@ function Ue(e, n = []) {
       a
     ];
     function s(l) {
-      const { scope: p, children: v, ...f } = l, g = (p == null ? void 0 : p[e][i]) || u, d = E(
+      const { scope: p, children: v, ...f } = l, g = (p == null ? void 0 : p[e][i]) || u, d = R(
         () => f,
         Object.values(f)
       );
@@ -400,7 +403,7 @@ function Ue(e, n = []) {
     const t = r.map((a) => /* @__PURE__ */ Z(a));
     return function(u) {
       const i = (u == null ? void 0 : u[e]) || t;
-      return E(
+      return R(
         () => ({
           [`__scope${e}`]: {
             ...u,
@@ -438,7 +441,7 @@ function We(...e) {
           ...l
         };
       }, {});
-      return E(
+      return R(
         () => ({
           [`__scope${n.scopeName}`]: a
         }),
@@ -454,7 +457,7 @@ function ue(e) {
   const n = D(e);
   return A(() => {
     n.current = e;
-  }), E(
+  }), R(
     () => (...r) => {
       var o;
       return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...r);
@@ -467,7 +470,7 @@ function Ge({ prop: e, defaultProp: n, onChange: r = () => {
   const [o, c] = Ze({
     defaultProp: n,
     onChange: r
-  }), t = e !== void 0, a = t ? e : o, u = ue(r), i = B((s) => {
+  }), t = e !== void 0, a = t ? e : o, u = ue(r), i = X((s) => {
     if (t) {
       const l = typeof s == "function" ? s(e) : s;
       l !== e && u(l);
@@ -499,7 +502,7 @@ function Je(e) {
     value: e,
     previous: e
   });
-  return E(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
+  return R(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
     e
   ]);
 }
@@ -537,32 +540,32 @@ function Qe(e) {
     e
   ]), n;
 }
-function M() {
-  return M = Object.assign ? Object.assign.bind() : function(e) {
+function H() {
+  return H = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var r = arguments[n];
       for (var o in r)
         Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
     }
     return e;
-  }, M.apply(this, arguments);
+  }, H.apply(this, arguments);
 }
-const ie = /* @__PURE__ */ x((e, n) => {
+const ie = /* @__PURE__ */ w((e, n) => {
   const { children: r, ...o } = e, c = y.toArray(r), t = c.find(et);
   if (t) {
-    const a = t.props.children, u = c.map((i) => i === t ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ P(a) ? a.props.children : null : i);
-    return /* @__PURE__ */ _(V, M({}, o, {
+    const a = t.props.children, u = c.map((i) => i === t ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ k(a) ? a.props.children : null : i);
+    return /* @__PURE__ */ _(V, H({}, o, {
       ref: n
-    }), /* @__PURE__ */ P(a) ? /* @__PURE__ */ H(a, void 0, u) : null);
+    }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ L(a, void 0, u) : null);
   }
-  return /* @__PURE__ */ _(V, M({}, o, {
+  return /* @__PURE__ */ _(V, H({}, o, {
     ref: n
   }), r);
 });
 ie.displayName = "Slot";
-const V = /* @__PURE__ */ x((e, n) => {
+const V = /* @__PURE__ */ w((e, n) => {
   const { children: r, ...o } = e;
-  return /* @__PURE__ */ P(r) ? /* @__PURE__ */ H(r, {
+  return /* @__PURE__ */ k(r) ? /* @__PURE__ */ L(r, {
     ...tt(o, r.props),
     ref: n ? ce(n, r.ref) : r.ref
   }) : y.count(r) > 1 ? y.only(null) : null;
@@ -570,7 +573,7 @@ const V = /* @__PURE__ */ x((e, n) => {
 V.displayName = "SlotClone";
 const Ye = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
 function et(e) {
-  return /* @__PURE__ */ P(e) && e.type === Ye;
+  return /* @__PURE__ */ k(e) && e.type === Ye;
 }
 function tt(e, n) {
   const r = {
@@ -611,11 +614,11 @@ const rt = [
   "svg",
   "ul"
 ], se = rt.reduce((e, n) => {
-  const r = /* @__PURE__ */ x((o, c) => {
+  const r = /* @__PURE__ */ w((o, c) => {
     const { asChild: t, ...a } = o, u = t ? ie : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ _(u, M({}, a, {
+    }, []), /* @__PURE__ */ _(u, H({}, a, {
       ref: c
     }));
   });
@@ -623,7 +626,7 @@ const rt = [
     ...e,
     [n]: r
   };
-}, {}), le = "Switch", [nt, yt] = Ue(le), [ot, at] = nt(le), ct = /* @__PURE__ */ x((e, n) => {
+}, {}), le = "Switch", [nt, yt] = Ue(le), [ot, at] = nt(le), ct = /* @__PURE__ */ w((e, n) => {
   const { __scopeSwitch: r, name: o, checked: c, defaultChecked: t, required: a, disabled: u, value: i = "on", onCheckedChange: s, ...h } = e, [l, p] = $(null), v = Ve(
     n,
     (m) => p(m)
@@ -636,7 +639,7 @@ const rt = [
     scope: r,
     checked: d,
     disabled: u
-  }, /* @__PURE__ */ _(se.button, R({
+  }, /* @__PURE__ */ _(se.button, z({
     type: "button",
     role: "switch",
     "aria-checked": d,
@@ -664,9 +667,9 @@ const rt = [
       transform: "translateX(-100%)"
     }
   }));
-}), ut = "SwitchThumb", it = /* @__PURE__ */ x((e, n) => {
+}), ut = "SwitchThumb", it = /* @__PURE__ */ w((e, n) => {
   const { __scopeSwitch: r, ...o } = e, c = at(ut, r);
-  return /* @__PURE__ */ _(se.span, R({
+  return /* @__PURE__ */ _(se.span, z({
     "data-state": pe(c.checked),
     "data-disabled": c.disabled ? "" : void 0
   }, o, {
@@ -686,7 +689,7 @@ const rt = [
     a,
     r,
     o
-  ]), /* @__PURE__ */ _("input", R({
+  ]), /* @__PURE__ */ _("input", z({
     type: "checkbox",
     "aria-hidden": !0,
     defaultChecked: r
@@ -773,7 +776,7 @@ const I = /* @__PURE__ */ dt(ft), S = {
       const m = Y(b.nativeEvent) ? b.nativeEvent.touches[0].clientX : b.nativeEvent.clientX;
       l(m), r == null || r();
     }
-  }, g = B(
+  }, g = X(
     (b) => {
       if (typeof h != "number")
         return;
@@ -782,18 +785,18 @@ const I = /* @__PURE__ */ dt(ft), S = {
         return;
       const C = a + O;
       !p && Math.abs(C) && v(!0);
-      const T = C > t.right ? t.right : C < t.left ? t.left : C;
-      s(T), o == null || o({ x: T });
+      const B = C > t.right ? t.right : C < t.left ? t.left : C;
+      s(B), o == null || o({ x: B });
     },
     [o, s, p, h]
-  ), d = B(() => {
+  ), d = X(() => {
     l(void 0), s(void 0), v(!1), c == null || c();
   }, [c, l]);
   return A(() => (window.addEventListener("mousemove", g), window.addEventListener("touchmove", g), () => {
     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]), P(e) ? H(y.only(e), {
+  }), [d]), k(e) ? L(y.only(e), {
     onMouseDown: f,
     onTouchStart: f,
     style: { ...u, transform: `translateX(${p ? i : a}px)` }
@@ -802,8 +805,8 @@ const I = /* @__PURE__ */ dt(ft), S = {
   var U, W;
   const r = D(null), o = D(null), [c, t] = $(void 0), [a, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
   te(() => {
-    var N, z;
-    l(((N = o.current) == null ? void 0 : N.clientHeight) || 0), v(((z = r.current) == null ? void 0 : z.clientHeight) || 0);
+    var N, T;
+    l(((N = o.current) == null ? void 0 : N.clientHeight) || 0), v(((T = r.current) == null ? void 0 : T.clientHeight) || 0);
   }, [(U = o.current) == null ? void 0 : U.clientHeight, (W = r.current) == null ? void 0 : W.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 {
@@ -822,7 +825,7 @@ const I = /* @__PURE__ */ dt(ft), S = {
       Date.now() - i > 50 && (n == null || n(!e)), t(void 0);
     }
   };
-}, k = "purpur-toggle", bt = ({
+}, P = "purpur-toggle", bt = ({
   ["data-testid"]: e,
   className: n,
   label: r,
@@ -840,49 +843,49 @@ const I = /* @__PURE__ */ dt(ft), S = {
     onChange: (O) => {
       i.disabled || (o == null || o(O), l(O));
     }
-  }), m = () => /* @__PURE__ */ w(
-    Le,
+  }), m = () => /* @__PURE__ */ x(
+    He,
     {
       htmlFor: i.id,
       "data-testid": e && `${e}-label`,
       disabled: i.disabled,
       className: I(
-        S[`${k}__label`],
-        S[`${k}__label--${c}`]
+        S[`${P}__label`],
+        S[`${P}__label--${c}`]
       ),
-      children: /* @__PURE__ */ w(Ie, { variant: "paragraph-100", disabled: i.disabled, children: r })
+      children: /* @__PURE__ */ x(Ie, { variant: "paragraph-100", disabled: i.disabled, children: r })
     }
   );
-  return /* @__PURE__ */ G("div", { className: I([n, S[`${k}__container`]]), children: [
+  return /* @__PURE__ */ G("div", { className: I([n, S[`${P}__container`]]), children: [
     r && c === "left" && m(),
-    /* @__PURE__ */ w(
+    /* @__PURE__ */ x(
       lt,
       {
         ...i,
         ref: s,
         id: i.id,
         "data-testid": e,
-        className: S[k],
+        className: S[P],
         onCheckedChange: d,
         checked: p,
-        children: /* @__PURE__ */ G("span", { ref: f, className: S[`${k}__track`], children: [
-          /* @__PURE__ */ w("span", { className: S[`${k}__checkmark-container`], children: /* @__PURE__ */ w(
+        children: /* @__PURE__ */ G("span", { ref: f, className: S[`${P}__track`], children: [
+          /* @__PURE__ */ x("span", { className: S[`${P}__checkmark-container`], children: /* @__PURE__ */ x(
             Se,
             {
-              className: S[`${k}__checkmark`],
+              className: S[`${P}__checkmark`],
               svg: ve,
               size: "xxs"
             }
           ) }),
-          /* @__PURE__ */ w(gt, { disabled: a, ...b, children: /* @__PURE__ */ w(
+          /* @__PURE__ */ x(gt, { disabled: a, ...b, children: /* @__PURE__ */ x(
             pt,
             {
               ref: v,
               "data-testid": e && `${e}-thumb`,
               className: I([
-                S[`${k}__thumb`],
+                S[`${P}__thumb`],
                 {
-                  [S[`${k}__thumb--dragging`]]: g
+                  [S[`${P}__thumb--dragging`]]: g
                 }
               ])
             }
@@ -892,7 +895,7 @@ const I = /* @__PURE__ */ dt(ft), S = {
     ),
     r && c === "right" && m()
   ] });
-}, _t = x(bt);
+}, _t = w(bt);
 _t.displayName = "Toggle";
 export {
   _t as Toggle