@purpurds/toggle 4.1.0 → 4.2.0

package/dist/toggle.es.js

@@ -1,10 +1,10 @@
 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 z, useEffect as A, Fragment as ee, useCallback as X, createContext as Z, useMemo as E, useContext as fe, useRef as D, useState as $, useLayoutEffect as re } from "react";
+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;
 }
-var te = { exports: {} };
+var re = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -13,34 +13,34 @@ var te = { exports: {} };
 (function(e) {
   (function() {
     var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", a = 0; a < arguments.length; a++) {
+    function r() {
+      for (var t = "", a = 0; a < arguments.length; a++) {
         var u = arguments[a];
-        u && (r = c(r, o.call(this, u)));
+        u && (t = c(t, o.call(this, u)));
       }
-      return r;
+      return t;
     }
-    function o(r) {
-      if (typeof r == "string" || typeof r == "number")
-        return this && this[r] || r;
-      if (typeof r != "object")
+    function o(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return this && this[t] || t;
+      if (typeof t != "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();
+      if (Array.isArray(t))
+        return r.apply(this, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
       var a = "";
-      for (var u in r)
-        n.call(r, u) && r[u] && (a = c(a, this && this[u] || u));
+      for (var u in t)
+        n.call(t, u) && t[u] && (a = c(a, this && this[u] || u));
       return a;
     }
-    function c(r, a) {
-      return a ? r ? r + " " + a : r + a : r;
+    function c(t, a) {
+      return a ? t ? t + " " + a : t + a : t;
     }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
   })();
-})(te);
-var he = te.exports;
+})(re);
+var he = re.exports;
 const be = /* @__PURE__ */ ge(he), _e = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -55,83 +55,83 @@ const be = /* @__PURE__ */ ge(he), _e = {
   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(" "), xe = ({ content: e = "", title: n } = {}) => {
-  const t = [
+  const r = [
     { 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>`;
+  return `<svg ${ye(r)}>${o}${e}</svg>`;
 }, we = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Se = ({
   ["data-testid"]: e,
   svg: n,
-  allyTitle: t,
+  allyTitle: r,
   className: o = "",
   size: c = $e,
-  ...r
+  ...t
 }) => {
   const a = xe({
     content: we(n.svg),
-    title: t
+    title: r
   }), u = me(o, J, `${J}--${c}`);
   return /* @__PURE__ */ x(
     "span",
     {
-      "aria-label": t,
+      "aria-label": r,
       className: u,
       "data-testid": e,
       dangerouslySetInnerHTML: { __html: a },
-      ...r
+      ...t
     }
   );
 };
 function q() {
   return q = 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]);
+      var r = arguments[n];
+      for (var o in r)
+        Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
     }
     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 t = arguments[n];
-      for (var o in t)
-        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
+      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 Pe(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
 function ke(...e) {
   return (n) => e.forEach(
-    (t) => Pe(t, n)
+    (r) => Pe(r, n)
   );
 }
 const ne = /* @__PURE__ */ w((e, n) => {
-  const { children: t, ...o } = e, c = y.toArray(t), r = c.find(Ae);
-  if (r) {
-    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__ */ _(F, j({}, o, {
+  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__ */ k(a) ? a.props.children : null : i);
+    return /* @__PURE__ */ _(F, M({}, o, {
       ref: n
-    }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ z(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
-  }), t);
+  }), r);
 });
 ne.displayName = "Slot";
 const F = /* @__PURE__ */ w((e, n) => {
-  const { children: t, ...o } = e;
-  return /* @__PURE__ */ k(t) ? /* @__PURE__ */ z(t, {
-    ...De(o, t.props),
-    ref: n ? ke(n, t.ref) : t.ref
-  }) : y.count(t) > 1 ? y.only(null) : null;
+  const { children: r, ...o } = e;
+  return /* @__PURE__ */ k(r) ? /* @__PURE__ */ L(r, {
+    ...De(o, r.props),
+    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);
@@ -139,24 +139,24 @@ function Ae(e) {
   return /* @__PURE__ */ k(e) && e.type === Oe;
 }
 function De(e, n) {
-  const t = {
+  const r = {
     ...n
   };
   for (const o in n) {
-    const c = e[o], r = n[o];
-    /^on[A-Z]/.test(o) ? c && r ? t[o] = (...a) => {
-      r(...a), c(...a);
-    } : c && (t[o] = c) : o === "style" ? t[o] = {
+    const c = e[o], t = n[o];
+    /^on[A-Z]/.test(o) ? c && t ? r[o] = (...a) => {
+      t(...a), c(...a);
+    } : c && (r[o] = c) : o === "style" ? r[o] = {
       ...c,
-      ...r
-    } : o === "className" && (t[o] = [
+      ...t
+    } : o === "className" && (r[o] = [
       c,
-      r
+      t
     ].filter(Boolean).join(" "));
   }
   return {
     ...e,
-    ...t
+    ...r
   };
 }
 const Ce = [
@@ -177,23 +177,23 @@ const Ce = [
   "svg",
   "ul"
 ], Ne = Ce.reduce((e, n) => {
-  const t = /* @__PURE__ */ w((o, c) => {
-    const { asChild: r, ...a } = o, u = r ? ne : n;
+  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
     }));
   });
-  return t.displayName = `Primitive.${n}`, {
+  return r.displayName = `Primitive.${n}`, {
     ...e,
-    [n]: t
+    [n]: r
   };
 }, {}), Ee = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ne.label, q({}, e, {
   ref: n,
-  onMouseDown: (t) => {
+  onMouseDown: (r) => {
     var o;
-    (o = e.onMouseDown) === null || o === void 0 || o.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault();
+    (o = e.onMouseDown) === null || o === void 0 || o.call(e, r), !r.defaultPrevented && r.detail > 1 && r.preventDefault();
   }
 }))), je = Ee;
 function Re(e) {
@@ -208,31 +208,31 @@ var oe = { exports: {} };
 (function(e) {
   (function() {
     var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", a = 0; a < arguments.length; a++) {
+    function r() {
+      for (var t = "", a = 0; a < arguments.length; a++) {
         var u = arguments[a];
-        u && (r = c(r, o(u)));
+        u && (t = c(t, o(u)));
       }
-      return r;
+      return t;
     }
-    function o(r) {
-      if (typeof r == "string" || typeof r == "number")
-        return r;
-      if (typeof r != "object")
+    function o(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "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();
+      if (Array.isArray(t))
+        return r.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
       var a = "";
-      for (var u in r)
-        n.call(r, u) && r[u] && (a = c(a, u));
+      for (var u in t)
+        n.call(t, u) && t[u] && (a = c(a, u));
       return a;
     }
-    function c(r, a) {
-      return a ? r ? r + " " + a : r + a : r;
+    function c(t, a) {
+      return a ? t ? t + " " + a : t + a : t;
     }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
   })();
 })(oe);
 var Me = oe.exports;
@@ -242,17 +242,17 @@ const ze = /* @__PURE__ */ Re(Me), K = {
 }, Q = "purpur-label", He = ({
   children: e,
   className: n,
-  htmlFor: t,
+  htmlFor: r,
   "data-testid": o,
   disabled: c,
-  ...r
+  ...t
 }) => {
   const a = ze([
     n,
     K[Q],
     { [K[`${Q}--disabled`]]: c }
   ]);
-  return /* @__PURE__ */ x(je, { className: a, "data-testid": o, htmlFor: t, ...r, children: e });
+  return /* @__PURE__ */ x(je, { className: a, "data-testid": o, htmlFor: r, ...t, children: e });
 };
 function Le(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -266,48 +266,49 @@ var ae = { exports: {} };
 (function(e) {
   (function() {
     var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", a = 0; a < arguments.length; a++) {
+    function r() {
+      for (var t = "", a = 0; a < arguments.length; a++) {
         var u = arguments[a];
-        u && (r = c(r, o(u)));
+        u && (t = c(t, o(u)));
       }
-      return r;
+      return t;
     }
-    function o(r) {
-      if (typeof r == "string" || typeof r == "number")
-        return r;
-      if (typeof r != "object")
+    function o(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "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();
+      if (Array.isArray(t))
+        return r.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
       var a = "";
-      for (var u in r)
-        n.call(r, u) && r[u] && (a = c(a, u));
+      for (var u in t)
+        n.call(t, u) && t[u] && (a = c(a, u));
       return a;
     }
-    function c(r, a) {
-      return a ? r ? r + " " + a : r + a : r;
+    function c(t, a) {
+      return a ? t ? t + " " + a : t + a : t;
     }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
   })();
 })(ae);
 var Xe = ae.exports;
-const Be = /* @__PURE__ */ Le(Xe), H = {
-  "purpur-paragraph": "_purpur-paragraph_1fzxr_1",
-  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1fzxr_7",
-  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1fzxr_10",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1fzxr_13",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1fzxr_19",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1fzxr_26",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1fzxr_33",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1fzxr_39",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1fzxr_45",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1fzxr_51",
-  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1fzxr_57",
-  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1fzxr_64",
-  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1fzxr_71"
+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",
@@ -319,39 +320,41 @@ const Be = /* @__PURE__ */ Le(Xe), H = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, L = "purpur-paragraph", Ie = ({
+}, j = "purpur-paragraph", Ie = ({
   ["data-testid"]: e,
   children: n,
-  className: t = "",
+  className: r = "",
   disabled: o,
   enableHyphenation: c = !1,
-  variant: r = Te.PARAGRAPH100,
-  ...a
+  negative: t = !1,
+  variant: a = Te.PARAGRAPH100,
+  ...u
 }) => {
-  const u = Be([
-    t,
-    H[L],
-    H[`${L}--${r}`],
+  const i = Be([
+    r,
+    E[j],
+    E[`${j}--${a}`],
     {
-      [H[`${L}--hyphens`]]: c,
-      [H[`${L}--disabled`]]: o
+      [E[`${j}--hyphens`]]: c,
+      [E[`${j}--disabled`]]: o,
+      [E[`${j}--negative`]]: t
     }
   ]);
-  return /* @__PURE__ */ x("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 t = arguments[n];
-      for (var o in t)
-        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
+      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: t = !0 } = {}) {
+function qe(e, n, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(c) {
-    if (e == null || e(c), t === !1 || !c.defaultPrevented)
+    if (e == null || e(c), r === !1 || !c.defaultPrevented)
       return n == null ? void 0 : n(c);
   };
 }
@@ -360,22 +363,22 @@ function Fe(e, n) {
 }
 function ce(...e) {
   return (n) => e.forEach(
-    (t) => Fe(t, n)
+    (r) => Fe(r, n)
   );
 }
 function Ve(...e) {
   return X(ce(...e), e);
 }
 function Ue(e, n = []) {
-  let t = [];
-  function o(r, a) {
-    const u = /* @__PURE__ */ Z(a), i = t.length;
-    t = [
-      ...t,
+  let r = [];
+  function o(t, a) {
+    const u = /* @__PURE__ */ Z(a), i = r.length;
+    r = [
+      ...r,
       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)
       );
@@ -389,18 +392,18 @@ function Ue(e, n = []) {
         return f;
       if (a !== void 0)
         return a;
-      throw new Error(`\`${l}\` must be used within \`${r}\``);
+      throw new Error(`\`${l}\` must be used within \`${t}\``);
     }
-    return s.displayName = r + "Provider", [
+    return s.displayName = t + "Provider", [
       s,
       h
     ];
   }
   const c = () => {
-    const r = t.map((a) => /* @__PURE__ */ Z(a));
+    const t = r.map((a) => /* @__PURE__ */ Z(a));
     return function(u) {
-      const i = (u == null ? void 0 : u[e]) || r;
-      return E(
+      const i = (u == null ? void 0 : u[e]) || t;
+      return R(
         () => ({
           [`__scope${e}`]: {
             ...u,
@@ -423,22 +426,22 @@ function We(...e) {
   const n = e[0];
   if (e.length === 1)
     return n;
-  const t = () => {
+  const r = () => {
     const o = e.map(
       (c) => ({
         useScope: c(),
         scopeName: c.scopeName
       })
     );
-    return function(r) {
+    return function(t) {
       const a = o.reduce((u, { useScope: i, scopeName: s }) => {
-        const l = i(r)[`__scope${s}`];
+        const l = i(t)[`__scope${s}`];
         return {
           ...u,
           ...l
         };
       }, {});
-      return E(
+      return R(
         () => ({
           [`__scope${n.scopeName}`]: a
         }),
@@ -448,33 +451,33 @@ function We(...e) {
       );
     };
   };
-  return t.scopeName = n.scopeName, t;
+  return r.scopeName = n.scopeName, r;
 }
 function ue(e) {
   const n = D(e);
   return A(() => {
     n.current = e;
-  }), E(
-    () => (...t) => {
+  }), R(
+    () => (...r) => {
       var o;
-      return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...t);
+      return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...r);
     },
     []
   );
 }
-function Ge({ prop: e, defaultProp: n, onChange: t = () => {
+function Ge({ prop: e, defaultProp: n, onChange: r = () => {
 } }) {
   const [o, c] = Ze({
     defaultProp: n,
-    onChange: t
-  }), r = e !== void 0, a = r ? e : o, u = ue(t), i = X((s) => {
-    if (r) {
+    onChange: r
+  }), 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);
     } else
       c(s);
   }, [
-    r,
+    t,
     e,
     c,
     u
@@ -485,45 +488,45 @@ function Ge({ prop: e, defaultProp: n, onChange: t = () => {
   ];
 }
 function Ze({ defaultProp: e, onChange: n }) {
-  const t = $(e), [o] = t, c = D(o), r = ue(n);
+  const r = $(e), [o] = r, c = D(o), t = ue(n);
   return A(() => {
-    c.current !== o && (r(o), c.current = o);
+    c.current !== o && (t(o), c.current = o);
   }, [
     o,
     c,
-    r
-  ]), t;
+    t
+  ]), r;
 }
 function Je(e) {
   const n = D({
     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
   ]);
 }
-const Ke = globalThis != null && globalThis.document ? re : () => {
+const Ke = globalThis != null && globalThis.document ? te : () => {
 };
 function Qe(e) {
-  const [n, t] = $(void 0);
+  const [n, r] = $(void 0);
   return Ke(() => {
     if (e) {
-      t({
+      r({
         width: e.offsetWidth,
         height: e.offsetHeight
       });
       const o = new ResizeObserver((c) => {
         if (!Array.isArray(c) || !c.length)
           return;
-        const r = c[0];
+        const t = c[0];
         let a, u;
-        if ("borderBoxSize" in r) {
-          const i = r.borderBoxSize, s = Array.isArray(i) ? i[0] : i;
+        if ("borderBoxSize" in t) {
+          const i = t.borderBoxSize, s = Array.isArray(i) ? i[0] : i;
           a = s.inlineSize, u = s.blockSize;
         } else
           a = e.offsetWidth, u = e.offsetHeight;
-        t({
+        r({
           width: a,
           height: u
         });
@@ -532,68 +535,68 @@ function Qe(e) {
         box: "border-box"
       }), () => o.unobserve(e);
     } else
-      t(void 0);
+      r(void 0);
   }, [
     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 t = arguments[n];
-      for (var o in t)
-        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
+      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__ */ 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__ */ k(a) ? a.props.children : null : i);
-    return /* @__PURE__ */ _(V, M({}, o, {
+  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__ */ k(a) ? a.props.children : null : i);
+    return /* @__PURE__ */ _(V, H({}, o, {
       ref: n
-    }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ z(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
-  }), t);
+  }), r);
 });
 ie.displayName = "Slot";
 const V = /* @__PURE__ */ w((e, n) => {
-  const { children: t, ...o } = e;
-  return /* @__PURE__ */ k(t) ? /* @__PURE__ */ z(t, {
-    ...rr(o, t.props),
-    ref: n ? ce(n, t.ref) : t.ref
-  }) : y.count(t) > 1 ? y.only(null) : null;
+  const { children: r, ...o } = e;
+  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;
 });
 V.displayName = "SlotClone";
 const Ye = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
-function er(e) {
+function et(e) {
   return /* @__PURE__ */ k(e) && e.type === Ye;
 }
-function rr(e, n) {
-  const t = {
+function tt(e, n) {
+  const r = {
     ...n
   };
   for (const o in n) {
-    const c = e[o], r = n[o];
-    /^on[A-Z]/.test(o) ? c && r ? t[o] = (...u) => {
-      r(...u), c(...u);
-    } : c && (t[o] = c) : o === "style" ? t[o] = {
+    const c = e[o], t = n[o];
+    /^on[A-Z]/.test(o) ? c && t ? r[o] = (...u) => {
+      t(...u), c(...u);
+    } : c && (r[o] = c) : o === "style" ? r[o] = {
       ...c,
-      ...r
-    } : o === "className" && (t[o] = [
+      ...t
+    } : o === "className" && (r[o] = [
       c,
-      r
+      t
     ].filter(Boolean).join(" "));
   }
   return {
     ...e,
-    ...t
+    ...r
   };
 }
-const tr = [
+const rt = [
   "a",
   "button",
   "div",
@@ -610,33 +613,33 @@ const tr = [
   "span",
   "svg",
   "ul"
-], se = tr.reduce((e, n) => {
-  const t = /* @__PURE__ */ w((o, c) => {
-    const { asChild: r, ...a } = o, u = r ? ie : n;
+], se = rt.reduce((e, n) => {
+  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
     }));
   });
-  return t.displayName = `Primitive.${n}`, {
+  return r.displayName = `Primitive.${n}`, {
     ...e,
-    [n]: t
+    [n]: r
   };
-}, {}), le = "Switch", [nr, yr] = Ue(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(
+}, {}), 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)
   ), f = D(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ge({
     prop: c,
-    defaultProp: r,
+    defaultProp: t,
     onChange: s
   });
-  return /* @__PURE__ */ _(or, {
-    scope: t,
+  return /* @__PURE__ */ _(ot, {
+    scope: r,
     checked: d,
     disabled: u
-  }, /* @__PURE__ */ _(se.button, R({
+  }, /* @__PURE__ */ _(se.button, z({
     type: "button",
     role: "switch",
     "aria-checked": d,
@@ -652,7 +655,7 @@ const tr = [
         (O) => !O
       ), g && (f.current = m.isPropagationStopped(), f.current || m.stopPropagation());
     })
-  })), g && /* @__PURE__ */ _(sr, {
+  })), g && /* @__PURE__ */ _(st, {
     control: l,
     bubbles: !f.current,
     name: o,
@@ -664,35 +667,35 @@ const tr = [
       transform: "translateX(-100%)"
     }
   }));
-}), ur = "SwitchThumb", ir = /* @__PURE__ */ w((e, n) => {
-  const { __scopeSwitch: t, ...o } = e, c = ar(ur, t);
-  return /* @__PURE__ */ _(se.span, R({
+}), ut = "SwitchThumb", it = /* @__PURE__ */ w((e, n) => {
+  const { __scopeSwitch: r, ...o } = e, c = at(ut, r);
+  return /* @__PURE__ */ _(se.span, z({
     "data-state": pe(c.checked),
     "data-disabled": c.disabled ? "" : void 0
   }, o, {
     ref: n
   }));
-}), sr = (e) => {
-  const { control: n, checked: t, bubbles: o = !0, ...c } = e, r = D(null), a = Je(t), u = Qe(n);
+}), st = (e) => {
+  const { control: n, checked: r, bubbles: o = !0, ...c } = e, t = D(null), a = Je(r), u = Qe(n);
   return A(() => {
-    const i = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
-    if (a !== t && l) {
+    const i = t.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
+    if (a !== r && l) {
       const p = new Event("click", {
         bubbles: o
       });
-      l.call(i, t), i.dispatchEvent(p);
+      l.call(i, r), i.dispatchEvent(p);
     }
   }, [
     a,
-    t,
+    r,
     o
-  ]), /* @__PURE__ */ _("input", R({
+  ]), /* @__PURE__ */ _("input", z({
     type: "checkbox",
     "aria-hidden": !0,
-    defaultChecked: t
+    defaultChecked: r
   }, c, {
     tabIndex: -1,
-    ref: r,
+    ref: t,
     style: {
       ...e.style,
       ...u,
@@ -706,8 +709,8 @@ const tr = [
 function pe(e) {
   return e ? "checked" : "unchecked";
 }
-const lr = cr, pr = ir;
-function dr(e) {
+const lt = ct, pt = it;
+function dt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var de = { exports: {} };
@@ -719,35 +722,35 @@ var de = { exports: {} };
 (function(e) {
   (function() {
     var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", a = 0; a < arguments.length; a++) {
+    function r() {
+      for (var t = "", a = 0; a < arguments.length; a++) {
         var u = arguments[a];
-        u && (r = c(r, o(u)));
+        u && (t = c(t, o(u)));
       }
-      return r;
+      return t;
     }
-    function o(r) {
-      if (typeof r == "string" || typeof r == "number")
-        return r;
-      if (typeof r != "object")
+    function o(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "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();
+      if (Array.isArray(t))
+        return r.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
       var a = "";
-      for (var u in r)
-        n.call(r, u) && r[u] && (a = c(a, u));
+      for (var u in t)
+        n.call(t, u) && t[u] && (a = c(a, u));
       return a;
     }
-    function c(r, a) {
-      return a ? r ? r + " " + a : r + a : r;
+    function c(t, a) {
+      return a ? t ? t + " " + a : t + a : t;
     }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
   })();
 })(de);
-var fr = de.exports;
-const I = /* @__PURE__ */ dr(fr), S = {
+var ft = de.exports;
+const I = /* @__PURE__ */ dt(ft), 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",
@@ -757,13 +760,13 @@ const I = /* @__PURE__ */ dr(fr), S = {
   "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"
-}, Y = (e) => e && "touches" in e, gr = ({
+}, Y = (e) => e && "touches" in e, gt = ({
   children: e,
   disabled: n,
-  onStart: t,
+  onStart: r,
   onDrag: o,
   onStop: c,
-  bounds: r,
+  bounds: t,
   position: a,
   style: u
 }) => {
@@ -771,7 +774,7 @@ const I = /* @__PURE__ */ dr(fr), S = {
     if (!n) {
       b.preventDefault();
       const m = Y(b.nativeEvent) ? b.nativeEvent.touches[0].clientX : b.nativeEvent.clientX;
-      l(m), t == null || t();
+      l(m), r == null || r();
     }
   }, g = X(
     (b) => {
@@ -782,7 +785,7 @@ const I = /* @__PURE__ */ dr(fr), S = {
         return;
       const C = a + O;
       !p && Math.abs(C) && v(!0);
-      const B = C > r.right ? r.right : C < r.left ? r.left : C;
+      const B = C > t.right ? t.right : C < t.left ? t.left : C;
       s(B), o == null || o({ x: B });
     },
     [o, s, p, h]
@@ -793,49 +796,49 @@ const I = /* @__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]), k(e) ? z(y.only(e), {
+  }), [d]), k(e) ? L(y.only(e), {
     onMouseDown: f,
     onTouchStart: f,
     style: { ...u, transform: `translateX(${p ? i : a}px)` }
   }) : null;
-}, hr = ({ checked: e, onChange: n }) => {
+}, ht = ({ checked: e, onChange: n }) => {
   var U, W;
-  const t = D(null), o = D(null), [c, r] = $(void 0), [a, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
-  re(() => {
+  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, T;
-    l(((N = o.current) == null ? void 0 : N.clientHeight) || 0), v(((T = t.current) == null ? void 0 : T.clientHeight) || 0);
-  }, [(U = o.current) == null ? void 0 : U.clientHeight, (W = t.current) == null ? void 0 : W.clientHeight]);
+    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 {
-    trackRef: t,
+    trackRef: r,
     thumbRef: o,
     isDragging: a,
     bounds: { left: d, right: g },
     position: e ? g : d,
     onDrag: ({ x: N }) => {
-      r(N), Math.abs((e ? g : d) - N) > 2 && u(!0);
+      t(N), Math.abs((e ? g : d) - N) > 2 && u(!0);
     },
     onStop: () => {
       u(!1), a && s(Date.now()), m && (n == null || n(!e));
     },
     onChangeWithDrag: () => {
-      Date.now() - i > 50 && (n == null || n(!e)), r(void 0);
+      Date.now() - i > 50 && (n == null || n(!e)), t(void 0);
     }
   };
-}, P = "purpur-toggle", br = ({
+}, P = "purpur-toggle", bt = ({
   ["data-testid"]: e,
   className: n,
-  label: t,
+  label: r,
   onChange: o,
   labelPosition: c = "right",
-  checked: r,
+  checked: t,
   disableDrag: a,
   defaultChecked: u,
   ...i
 }, s) => {
   const [h, l] = $(
-    typeof r == "boolean" ? r : !!u
-  ), p = !!(typeof r == "boolean" ? r : h), { thumbRef: v, trackRef: f, isDragging: g, onChangeWithDrag: d, ...b } = hr({
+    typeof t == "boolean" ? t : !!u
+  ), p = !!(typeof t == "boolean" ? t : h), { thumbRef: v, trackRef: f, isDragging: g, onChangeWithDrag: d, ...b } = ht({
     checked: p,
     onChange: (O) => {
       i.disabled || (o == null || o(O), l(O));
@@ -850,13 +853,13 @@ const I = /* @__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(Ie, { variant: "paragraph-100", disabled: i.disabled, children: r })
     }
   );
   return /* @__PURE__ */ G("div", { className: I([n, S[`${P}__container`]]), children: [
-    t && c === "left" && m(),
+    r && c === "left" && m(),
     /* @__PURE__ */ x(
-      lr,
+      lt,
       {
         ...i,
         ref: s,
@@ -874,8 +877,8 @@ const I = /* @__PURE__ */ dr(fr), S = {
               size: "xxs"
             }
           ) }),
-          /* @__PURE__ */ x(gr, { disabled: a, ...b, children: /* @__PURE__ */ x(
-            pr,
+          /* @__PURE__ */ x(gt, { disabled: a, ...b, children: /* @__PURE__ */ x(
+            pt,
             {
               ref: v,
               "data-testid": e && `${e}-thumb`,
@@ -890,11 +893,11 @@ const I = /* @__PURE__ */ dr(fr), S = {
         ] })
       }
     ),
-    t && c === "right" && m()
+    r && c === "right" && m()
   ] });
-}, _r = w(br);
-_r.displayName = "Toggle";
+}, _t = w(bt);
+_t.displayName = "Toggle";
 export {
-  _r as Toggle
+  _t as Toggle
 };
 //# sourceMappingURL=toggle.es.js.map