@purpurds/toggle 3.7.0 → 4.0.0

package/dist/toggle.es.js

@@ -1,10 +1,10 @@
-import { jsx as w, jsxs as G } from "react/jsx-runtime";
-import { forwardRef as x, Children as y, isValidElement as j, createElement as _, cloneElement as H, useEffect as O, Fragment as ee, useCallback as B, createContext as Z, useMemo as N, useContext as fe, useRef as A, 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 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 "react-dom";
 function ge(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var re = { exports: {} };
+var te = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -13,34 +13,34 @@ var re = { exports: {} };
 (function(e) {
   (function() {
     var n = {}.hasOwnProperty;
-    function r() {
-      for (var t = "", a = 0; a < arguments.length; a++) {
+    function t() {
+      for (var r = "", a = 0; a < arguments.length; a++) {
         var u = arguments[a];
-        u && (t = c(t, o.call(this, u)));
+        u && (r = c(r, o.call(this, u)));
       }
-      return t;
+      return r;
     }
-    function o(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return this && this[t] || t;
-      if (typeof t != "object")
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
         return "";
-      if (Array.isArray(t))
-        return r.apply(this, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
+      if (Array.isArray(r))
+        return t.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
       var a = "";
-      for (var u in t)
-        n.call(t, u) && t[u] && (a = c(a, this && this[u] || u));
+      for (var u in r)
+        n.call(r, u) && r[u] && (a = c(a, this && this[u] || u));
       return a;
     }
-    function c(t, a) {
-      return a ? t ? t + " " + a : t + a : t;
+    function c(r, a) {
+      return a ? r ? r + " " + a : r + a : r;
     }
-    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(re);
-var he = re.exports;
+})(te);
+var he = te.exports;
 const be = /* @__PURE__ */ ge(he), _e = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -54,112 +54,112 @@ 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 } = {}) => {
-  const r = [
+}, 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 = [
     { 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(r)}>${o}${e}</svg>`;
-}, xe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Se = ({
+  return `<svg ${ye(t)}>${o}${e}</svg>`;
+}, we = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Se = ({
   ["data-testid"]: e,
   svg: n,
-  allyTitle: r,
+  allyTitle: t,
   className: o = "",
   size: c = $e,
-  ...t
+  ...r
 }) => {
-  const a = we({
-    content: xe(n.svg),
-    title: r
+  const a = xe({
+    content: we(n.svg),
+    title: t
   }), u = me(o, J, `${J}--${c}`);
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ x(
     "span",
     {
-      "aria-label": r,
+      "aria-label": t,
       className: u,
       "data-testid": e,
       dangerouslySetInnerHTML: { __html: a },
-      ...t
+      ...r
     }
   );
 };
 function q() {
   return q = 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]);
+      var t = arguments[n];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
   }, q.apply(this, arguments);
 }
-function E() {
-  return E = Object.assign ? Object.assign.bind() : function(e) {
+function j() {
+  return j = 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]);
+      var t = arguments[n];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, E.apply(this, arguments);
+  }, j.apply(this, arguments);
 }
 function Pe(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function je(...e) {
+function ke(...e) {
   return (n) => e.forEach(
-    (r) => Pe(r, n)
+    (t) => Pe(t, n)
   );
 }
-const ne = /* @__PURE__ */ x((e, n) => {
-  const { children: r, ...o } = e, c = y.toArray(r), t = c.find(Oe);
-  if (t) {
-    const a = t.props.children, u = c.map((i) => i === t ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ j(a) ? a.props.children : null : i);
-    return /* @__PURE__ */ _(F, E({}, o, {
+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, {
       ref: n
-    }), /* @__PURE__ */ j(a) ? /* @__PURE__ */ H(a, void 0, u) : null);
+    }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ z(a, void 0, u) : null);
   }
-  return /* @__PURE__ */ _(F, E({}, o, {
+  return /* @__PURE__ */ _(F, j({}, o, {
     ref: n
-  }), r);
+  }), t);
 });
 ne.displayName = "Slot";
-const F = /* @__PURE__ */ x((e, n) => {
-  const { children: r, ...o } = e;
-  return /* @__PURE__ */ j(r) ? /* @__PURE__ */ H(r, {
-    ...Ae(o, r.props),
-    ref: n ? je(n, r.ref) : r.ref
-  }) : y.count(r) > 1 ? y.only(null) : null;
+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;
 });
 F.displayName = "SlotClone";
-const ke = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
-function Oe(e) {
-  return /* @__PURE__ */ j(e) && e.type === ke;
+const Oe = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
+function Ae(e) {
+  return /* @__PURE__ */ k(e) && e.type === Oe;
 }
-function Ae(e, n) {
-  const r = {
+function De(e, n) {
+  const t = {
     ...n
   };
   for (const o in n) {
-    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] = {
+    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] = {
       ...c,
-      ...t
-    } : o === "className" && (r[o] = [
+      ...r
+    } : o === "className" && (t[o] = [
       c,
-      t
+      r
     ].filter(Boolean).join(" "));
   }
   return {
     ...e,
-    ...r
+    ...t
   };
 }
-const De = [
+const Ce = [
   "a",
   "button",
   "div",
@@ -176,26 +176,26 @@ const De = [
   "span",
   "svg",
   "ul"
-], Ce = De.reduce((e, n) => {
-  const r = /* @__PURE__ */ x((o, c) => {
-    const { asChild: t, ...a } = o, u = t ? ne : n;
-    return O(() => {
+], Ne = Ce.reduce((e, n) => {
+  const t = /* @__PURE__ */ w((o, c) => {
+    const { asChild: r, ...a } = o, u = r ? ne : n;
+    return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ _(u, E({}, a, {
+    }, []), /* @__PURE__ */ _(u, j({}, a, {
       ref: c
     }));
   });
-  return r.displayName = `Primitive.${n}`, {
+  return t.displayName = `Primitive.${n}`, {
     ...e,
-    [n]: r
+    [n]: t
   };
-}, {}), Ne = /* @__PURE__ */ x((e, n) => /* @__PURE__ */ _(Ce.label, q({}, e, {
+}, {}), Ee = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ne.label, q({}, e, {
   ref: n,
-  onMouseDown: (r) => {
+  onMouseDown: (t) => {
     var o;
-    (o = e.onMouseDown) === null || o === void 0 || o.call(e, r), !r.defaultPrevented && r.detail > 1 && r.preventDefault();
+    (o = e.onMouseDown) === null || o === void 0 || o.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault();
   }
-}))), Ee = Ne;
+}))), je = Ee;
 function Re(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -208,53 +208,53 @@ var oe = { exports: {} };
 (function(e) {
   (function() {
     var n = {}.hasOwnProperty;
-    function r() {
-      for (var t = "", a = 0; a < arguments.length; a++) {
+    function t() {
+      for (var r = "", a = 0; a < arguments.length; a++) {
         var u = arguments[a];
-        u && (t = c(t, o(u)));
+        u && (r = c(r, o(u)));
       }
-      return t;
+      return r;
     }
-    function o(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return t;
-      if (typeof t != "object")
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
         return "";
-      if (Array.isArray(t))
-        return r.apply(null, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
       var a = "";
-      for (var u in t)
-        n.call(t, u) && t[u] && (a = c(a, u));
+      for (var u in r)
+        n.call(r, u) && r[u] && (a = c(a, u));
       return a;
     }
-    function c(t, a) {
-      return a ? t ? t + " " + a : t + a : t;
+    function c(r, a) {
+      return a ? r ? r + " " + a : r + a : r;
     }
-    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(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,
+  htmlFor: t,
   "data-testid": o,
   disabled: c,
-  ...t
+  ...r
 }) => {
-  const a = He([
+  const a = ze([
     n,
     K[Q],
     { [K[`${Q}--disabled`]]: c }
   ]);
-  return /* @__PURE__ */ w(Ee, { className: a, "data-testid": o, htmlFor: r, ...t, children: e });
+  return /* @__PURE__ */ x(je, { className: a, "data-testid": o, htmlFor: t, ...r, children: e });
 };
-function Xe(e) {
+function Le(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ae = { exports: {} };
@@ -266,49 +266,49 @@ var ae = { exports: {} };
 (function(e) {
   (function() {
     var n = {}.hasOwnProperty;
-    function r() {
-      for (var t = "", a = 0; a < arguments.length; a++) {
+    function t() {
+      for (var r = "", a = 0; a < arguments.length; a++) {
         var u = arguments[a];
-        u && (t = c(t, o(u)));
+        u && (r = c(r, o(u)));
       }
-      return t;
+      return r;
     }
-    function o(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return t;
-      if (typeof t != "object")
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
         return "";
-      if (Array.isArray(t))
-        return r.apply(null, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
       var a = "";
-      for (var u in t)
-        n.call(t, u) && t[u] && (a = c(a, u));
+      for (var u in r)
+        n.call(r, u) && r[u] && (a = c(a, u));
       return a;
     }
-    function c(t, a) {
-      return a ? t ? t + " " + a : t + a : t;
+    function c(r, a) {
+      return a ? r ? r + " " + a : r + a : r;
     }
-    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(ae);
-var Be = ae.exports;
-const Te = /* @__PURE__ */ Xe(Be), L = {
-  "purpur-paragraph": "_purpur-paragraph_hwaj6_1",
-  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_hwaj6_7",
-  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_hwaj6_10",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_hwaj6_13",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_hwaj6_19",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_hwaj6_26",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_hwaj6_33",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_hwaj6_39",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_hwaj6_45",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_hwaj6_51",
-  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_hwaj6_57",
-  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_hwaj6_64",
-  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_hwaj6_71"
-}, ze = {
+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"
+}, Te = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -319,39 +319,39 @@ const Te = /* @__PURE__ */ Xe(Be), L = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, X = "purpur-paragraph", Ie = ({
+}, L = "purpur-paragraph", Ie = ({
   ["data-testid"]: e,
   children: n,
-  className: r = "",
+  className: t = "",
   disabled: o,
   enableHyphenation: c = !1,
-  variant: t = ze.PARAGRAPH100,
+  variant: r = Te.PARAGRAPH100,
   ...a
 }) => {
-  const u = Te([
-    r,
-    L[X],
-    L[`${X}--${t}`],
+  const u = Be([
+    t,
+    H[L],
+    H[`${L}--${r}`],
     {
-      [L[`${X}--hyphens`]]: c,
-      [L[`${X}--disabled`]]: o
+      [H[`${L}--hyphens`]]: c,
+      [H[`${L}--disabled`]]: o
     }
   ]);
-  return /* @__PURE__ */ w("p", { ...a, className: u, "data-testid": e, children: n });
+  return /* @__PURE__ */ x("p", { ...a, className: u, "data-testid": e, children: n });
 };
 function R() {
   return R = 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]);
+      var t = arguments[n];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
   }, R.apply(this, arguments);
 }
-function qe(e, n, { checkForDefaultPrevented: r = !0 } = {}) {
+function qe(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(c) {
-    if (e == null || e(c), r === !1 || !c.defaultPrevented)
+    if (e == null || e(c), t === !1 || !c.defaultPrevented)
       return n == null ? void 0 : n(c);
   };
 }
@@ -360,22 +360,22 @@ function Fe(e, n) {
 }
 function ce(...e) {
   return (n) => e.forEach(
-    (r) => Fe(r, n)
+    (t) => Fe(t, n)
   );
 }
 function Ve(...e) {
-  return B(ce(...e), e);
+  return X(ce(...e), e);
 }
 function Ue(e, n = []) {
-  let r = [];
-  function o(t, a) {
-    const u = /* @__PURE__ */ Z(a), i = r.length;
-    r = [
-      ...r,
+  let t = [];
+  function o(r, a) {
+    const u = /* @__PURE__ */ Z(a), i = t.length;
+    t = [
+      ...t,
       a
     ];
     function s(l) {
-      const { scope: p, children: v, ...f } = l, g = (p == null ? void 0 : p[e][i]) || u, d = N(
+      const { scope: p, children: v, ...f } = l, g = (p == null ? void 0 : p[e][i]) || u, d = E(
         () => f,
         Object.values(f)
       );
@@ -389,18 +389,18 @@ function Ue(e, n = []) {
         return f;
       if (a !== void 0)
         return a;
-      throw new Error(`\`${l}\` must be used within \`${t}\``);
+      throw new Error(`\`${l}\` must be used within \`${r}\``);
     }
-    return s.displayName = t + "Provider", [
+    return s.displayName = r + "Provider", [
       s,
       h
     ];
   }
   const c = () => {
-    const t = r.map((a) => /* @__PURE__ */ Z(a));
+    const r = t.map((a) => /* @__PURE__ */ Z(a));
     return function(u) {
-      const i = (u == null ? void 0 : u[e]) || t;
-      return N(
+      const i = (u == null ? void 0 : u[e]) || r;
+      return E(
         () => ({
           [`__scope${e}`]: {
             ...u,
@@ -423,22 +423,22 @@ function We(...e) {
   const n = e[0];
   if (e.length === 1)
     return n;
-  const r = () => {
+  const t = () => {
     const o = e.map(
       (c) => ({
         useScope: c(),
         scopeName: c.scopeName
       })
     );
-    return function(t) {
+    return function(r) {
       const a = o.reduce((u, { useScope: i, scopeName: s }) => {
-        const l = i(t)[`__scope${s}`];
+        const l = i(r)[`__scope${s}`];
         return {
           ...u,
           ...l
         };
       }, {});
-      return N(
+      return E(
         () => ({
           [`__scope${n.scopeName}`]: a
         }),
@@ -448,33 +448,33 @@ function We(...e) {
       );
     };
   };
-  return r.scopeName = n.scopeName, r;
+  return t.scopeName = n.scopeName, t;
 }
 function ue(e) {
-  const n = A(e);
-  return O(() => {
+  const n = D(e);
+  return A(() => {
     n.current = e;
-  }), N(
-    () => (...r) => {
+  }), E(
+    () => (...t) => {
       var o;
-      return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...r);
+      return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...t);
     },
     []
   );
 }
-function Ge({ prop: e, defaultProp: n, onChange: r = () => {
+function Ge({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
   const [o, c] = Ze({
     defaultProp: n,
-    onChange: r
-  }), t = e !== void 0, a = t ? e : o, u = ue(r), i = B((s) => {
-    if (t) {
+    onChange: t
+  }), r = e !== void 0, a = r ? e : o, u = ue(t), i = X((s) => {
+    if (r) {
       const l = typeof s == "function" ? s(e) : s;
       l !== e && u(l);
     } else
       c(s);
   }, [
-    t,
+    r,
     e,
     c,
     u
@@ -485,45 +485,45 @@ function Ge({ prop: e, defaultProp: n, onChange: r = () => {
   ];
 }
 function Ze({ defaultProp: e, onChange: n }) {
-  const r = $(e), [o] = r, c = A(o), t = ue(n);
-  return O(() => {
-    c.current !== o && (t(o), c.current = o);
+  const t = $(e), [o] = t, c = D(o), r = ue(n);
+  return A(() => {
+    c.current !== o && (r(o), c.current = o);
   }, [
     o,
     c,
-    t
-  ]), r;
+    r
+  ]), t;
 }
 function Je(e) {
-  const n = A({
+  const n = D({
     value: e,
     previous: e
   });
-  return N(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
+  return E(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
     e
   ]);
 }
-const Ke = globalThis != null && globalThis.document ? te : () => {
+const Ke = globalThis != null && globalThis.document ? re : () => {
 };
 function Qe(e) {
-  const [n, r] = $(void 0);
+  const [n, t] = $(void 0);
   return Ke(() => {
     if (e) {
-      r({
+      t({
         width: e.offsetWidth,
         height: e.offsetHeight
       });
       const o = new ResizeObserver((c) => {
         if (!Array.isArray(c) || !c.length)
           return;
-        const t = c[0];
+        const r = c[0];
         let a, u;
-        if ("borderBoxSize" in t) {
-          const i = t.borderBoxSize, s = Array.isArray(i) ? i[0] : i;
+        if ("borderBoxSize" in r) {
+          const i = r.borderBoxSize, s = Array.isArray(i) ? i[0] : i;
           a = s.inlineSize, u = s.blockSize;
         } else
           a = e.offsetWidth, u = e.offsetHeight;
-        r({
+        t({
           width: a,
           height: u
         });
@@ -532,7 +532,7 @@ function Qe(e) {
         box: "border-box"
       }), () => o.unobserve(e);
     } else
-      r(void 0);
+      t(void 0);
   }, [
     e
   ]), n;
@@ -540,60 +540,60 @@ function Qe(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]);
+      var t = arguments[n];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
   }, M.apply(this, arguments);
 }
-const ie = /* @__PURE__ */ x((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__ */ j(a) ? a.props.children : null : i);
+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, {
       ref: n
-    }), /* @__PURE__ */ j(a) ? /* @__PURE__ */ H(a, void 0, u) : null);
+    }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ z(a, void 0, u) : null);
   }
   return /* @__PURE__ */ _(V, M({}, o, {
     ref: n
-  }), r);
+  }), t);
 });
 ie.displayName = "Slot";
-const V = /* @__PURE__ */ x((e, n) => {
-  const { children: r, ...o } = e;
-  return /* @__PURE__ */ j(r) ? /* @__PURE__ */ H(r, {
-    ...tt(o, r.props),
-    ref: n ? ce(n, r.ref) : r.ref
-  }) : y.count(r) > 1 ? y.only(null) : null;
+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;
 });
 V.displayName = "SlotClone";
 const Ye = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
-function et(e) {
-  return /* @__PURE__ */ j(e) && e.type === Ye;
+function er(e) {
+  return /* @__PURE__ */ k(e) && e.type === Ye;
 }
-function tt(e, n) {
-  const r = {
+function rr(e, n) {
+  const t = {
     ...n
   };
   for (const o in n) {
-    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] = {
+    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] = {
       ...c,
-      ...t
-    } : o === "className" && (r[o] = [
+      ...r
+    } : o === "className" && (t[o] = [
       c,
-      t
+      r
     ].filter(Boolean).join(" "));
   }
   return {
     ...e,
-    ...r
+    ...t
   };
 }
-const rt = [
+const tr = [
   "a",
   "button",
   "div",
@@ -610,30 +610,30 @@ const rt = [
   "span",
   "svg",
   "ul"
-], se = rt.reduce((e, n) => {
-  const r = /* @__PURE__ */ x((o, c) => {
-    const { asChild: t, ...a } = o, u = t ? ie : n;
-    return O(() => {
+], se = tr.reduce((e, n) => {
+  const t = /* @__PURE__ */ w((o, c) => {
+    const { asChild: r, ...a } = o, u = r ? ie : n;
+    return A(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ _(u, M({}, a, {
       ref: c
     }));
   });
-  return r.displayName = `Primitive.${n}`, {
+  return t.displayName = `Primitive.${n}`, {
     ...e,
-    [n]: r
+    [n]: t
   };
-}, {}), le = "Switch", [nt, yt] = Ue(le), [ot, at] = nt(le), ct = /* @__PURE__ */ x((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(
+}, {}), 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(
     n,
     (m) => p(m)
-  ), f = A(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ge({
+  ), f = D(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ge({
     prop: c,
-    defaultProp: t,
+    defaultProp: r,
     onChange: s
   });
-  return /* @__PURE__ */ _(ot, {
-    scope: r,
+  return /* @__PURE__ */ _(or, {
+    scope: t,
     checked: d,
     disabled: u
   }, /* @__PURE__ */ _(se.button, R({
@@ -649,10 +649,10 @@ const rt = [
     ref: v,
     onClick: qe(e.onClick, (m) => {
       b(
-        (k) => !k
+        (O) => !O
       ), g && (f.current = m.isPropagationStopped(), f.current || m.stopPropagation());
     })
-  })), g && /* @__PURE__ */ _(st, {
+  })), g && /* @__PURE__ */ _(sr, {
     control: l,
     bubbles: !f.current,
     name: o,
@@ -664,35 +664,35 @@ const rt = [
       transform: "translateX(-100%)"
     }
   }));
-}), ut = "SwitchThumb", it = /* @__PURE__ */ x((e, n) => {
-  const { __scopeSwitch: r, ...o } = e, c = at(ut, r);
+}), ur = "SwitchThumb", ir = /* @__PURE__ */ w((e, n) => {
+  const { __scopeSwitch: t, ...o } = e, c = ar(ur, t);
   return /* @__PURE__ */ _(se.span, R({
     "data-state": pe(c.checked),
     "data-disabled": c.disabled ? "" : void 0
   }, o, {
     ref: n
   }));
-}), st = (e) => {
-  const { control: n, checked: r, bubbles: o = !0, ...c } = e, t = A(null), a = Je(r), u = Qe(n);
-  return O(() => {
-    const i = t.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
-    if (a !== r && l) {
+}), sr = (e) => {
+  const { control: n, checked: t, bubbles: o = !0, ...c } = e, r = D(null), a = Je(t), u = Qe(n);
+  return A(() => {
+    const i = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
+    if (a !== t && l) {
       const p = new Event("click", {
         bubbles: o
       });
-      l.call(i, r), i.dispatchEvent(p);
+      l.call(i, t), i.dispatchEvent(p);
     }
   }, [
     a,
-    r,
+    t,
     o
   ]), /* @__PURE__ */ _("input", R({
     type: "checkbox",
     "aria-hidden": !0,
-    defaultChecked: r
+    defaultChecked: t
   }, c, {
     tabIndex: -1,
-    ref: t,
+    ref: r,
     style: {
       ...e.style,
       ...u,
@@ -706,8 +706,8 @@ const rt = [
 function pe(e) {
   return e ? "checked" : "unchecked";
 }
-const lt = ct, pt = it;
-function dt(e) {
+const lr = cr, pr = ir;
+function dr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var de = { exports: {} };
@@ -719,35 +719,35 @@ var de = { exports: {} };
 (function(e) {
   (function() {
     var n = {}.hasOwnProperty;
-    function r() {
-      for (var t = "", a = 0; a < arguments.length; a++) {
+    function t() {
+      for (var r = "", a = 0; a < arguments.length; a++) {
         var u = arguments[a];
-        u && (t = c(t, o(u)));
+        u && (r = c(r, o(u)));
       }
-      return t;
+      return r;
     }
-    function o(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return t;
-      if (typeof t != "object")
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
         return "";
-      if (Array.isArray(t))
-        return r.apply(null, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
       var a = "";
-      for (var u in t)
-        n.call(t, u) && t[u] && (a = c(a, u));
+      for (var u in r)
+        n.call(r, u) && r[u] && (a = c(a, u));
       return a;
     }
-    function c(t, a) {
-      return a ? t ? t + " " + a : t + a : t;
+    function c(r, a) {
+      return a ? r ? r + " " + a : r + a : r;
     }
-    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(de);
-var ft = de.exports;
-const I = /* @__PURE__ */ dt(ft), S = {
+var fr = de.exports;
+const I = /* @__PURE__ */ dr(fr), 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 +757,13 @@ const I = /* @__PURE__ */ dt(ft), 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, gt = ({
+}, Y = (e) => e && "touches" in e, gr = ({
   children: e,
   disabled: n,
-  onStart: r,
+  onStart: t,
   onDrag: o,
   onStop: c,
-  bounds: t,
+  bounds: r,
   position: a,
   style: u
 }) => {
@@ -771,77 +771,77 @@ const I = /* @__PURE__ */ dt(ft), S = {
     if (!n) {
       b.preventDefault();
       const m = Y(b.nativeEvent) ? b.nativeEvent.touches[0].clientX : b.nativeEvent.clientX;
-      l(m), r == null || r();
+      l(m), t == null || t();
     }
-  }, g = B(
+  }, g = X(
     (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 > t.right ? t.right : D < t.left ? t.left : D;
-      s(T), o == null || o({ x: T });
+      const C = a + O;
+      !p && Math.abs(C) && v(!0);
+      const B = C > r.right ? r.right : C < r.left ? r.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 O(() => (window.addEventListener("mousemove", g), window.addEventListener("touchmove", g), () => {
+  return A(() => (window.addEventListener("mousemove", g), window.addEventListener("touchmove", g), () => {
     window.removeEventListener("mousemove", g), window.removeEventListener("touchmove", g);
-  }), [g]), O(() => (window.addEventListener("mouseup", d), window.addEventListener("touchend", d), () => {
+  }), [g]), A(() => (window.addEventListener("mouseup", d), window.addEventListener("touchend", d), () => {
     window.removeEventListener("mouseup", d), window.removeEventListener("touchend", d);
-  }), [d]), j(e) ? H(y.only(e), {
+  }), [d]), k(e) ? z(y.only(e), {
     onMouseDown: f,
     onTouchStart: f,
     style: { ...u, transform: `translateX(${p ? i : a}px)` }
   }) : null;
-}, ht = ({ checked: e, onChange: n }) => {
+}, hr = ({ checked: e, onChange: n }) => {
   var U, W;
-  const r = A(null), o = A(null), [c, t] = $(void 0), [a, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
-  te(() => {
-    var C, z;
-    l(((C = o.current) == null ? void 0 : C.clientHeight) || 0), v(((z = r.current) == null ? void 0 : z.clientHeight) || 0);
-  }, [(U = o.current) == null ? void 0 : U.clientHeight, (W = r.current) == null ? void 0 : W.clientHeight]);
+  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 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]);
   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: r,
+    trackRef: t,
     thumbRef: o,
     isDragging: a,
     bounds: { left: d, right: g },
     position: e ? g : d,
-    onDrag: ({ x: C }) => {
-      t(C), Math.abs((e ? g : d) - C) > 2 && u(!0);
+    onDrag: ({ x: N }) => {
+      r(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)), t(void 0);
+      Date.now() - i > 50 && (n == null || n(!e)), r(void 0);
     }
   };
-}, P = "purpur-toggle", bt = ({
+}, P = "purpur-toggle", br = ({
   ["data-testid"]: e,
   className: n,
-  label: r,
+  label: t,
   onChange: o,
   labelPosition: c = "right",
-  checked: t,
+  checked: r,
   disableDrag: a,
   defaultChecked: u,
   ...i
 }, s) => {
   const [h, l] = $(
-    typeof t == "boolean" ? t : !!u
-  ), p = !!(typeof t == "boolean" ? t : h), { thumbRef: v, trackRef: f, isDragging: g, onChangeWithDrag: d, ...b } = ht({
+    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__ */ w(
-    Le,
+  }), m = () => /* @__PURE__ */ x(
+    He,
     {
       htmlFor: i.id,
       "data-testid": e && `${e}-label`,
@@ -850,13 +850,13 @@ const I = /* @__PURE__ */ dt(ft), S = {
         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: t })
     }
   );
   return /* @__PURE__ */ G("div", { className: I([n, S[`${P}__container`]]), children: [
-    r && c === "left" && m(),
-    /* @__PURE__ */ w(
-      lt,
+    t && c === "left" && m(),
+    /* @__PURE__ */ x(
+      lr,
       {
         ...i,
         ref: s,
@@ -866,7 +866,7 @@ const I = /* @__PURE__ */ dt(ft), S = {
         onCheckedChange: d,
         checked: p,
         children: /* @__PURE__ */ G("span", { ref: f, className: S[`${P}__track`], children: [
-          /* @__PURE__ */ w("span", { className: S[`${P}__checkmark-container`], children: /* @__PURE__ */ w(
+          /* @__PURE__ */ x("span", { className: S[`${P}__checkmark-container`], children: /* @__PURE__ */ x(
             Se,
             {
               className: S[`${P}__checkmark`],
@@ -874,8 +874,8 @@ const I = /* @__PURE__ */ dt(ft), S = {
               size: "xxs"
             }
           ) }),
-          /* @__PURE__ */ w(gt, { disabled: a, ...b, children: /* @__PURE__ */ w(
-            pt,
+          /* @__PURE__ */ x(gr, { disabled: a, ...b, children: /* @__PURE__ */ x(
+            pr,
             {
               ref: v,
               "data-testid": e && `${e}-thumb`,
@@ -890,11 +890,11 @@ const I = /* @__PURE__ */ dt(ft), S = {
         ] })
       }
     ),
-    r && c === "right" && m()
+    t && c === "right" && m()
   ] });
-}, _t = x(bt);
-_t.displayName = "Toggle";
+}, _r = w(br);
+_r.displayName = "Toggle";
 export {
-  _t as Toggle
+  _r as Toggle
 };
 //# sourceMappingURL=toggle.es.js.map