@purpurds/toggle 5.12.0 → 5.14.0

package/dist/toggle.es.js

@@ -1,5 +1,5 @@
-import { jsx as x, jsxs as K } from "react/jsx-runtime";
-import { forwardRef as w, Children as y, isValidElement as k, createElement as _, cloneElement as X, useEffect as A, Fragment as ee, useCallback as B, createContext as J, useMemo as R, useContext as ge, useRef as D, useState as $, useLayoutEffect as re } from "react";
+import { jsx as x, jsxs as J } from "react/jsx-runtime";
+import { forwardRef as w, Children as y, isValidElement as k, createElement as _, cloneElement as X, useEffect as A, Fragment as ee, useCallback as B, createContext as Y, useMemo as R, useContext as ge, useRef as N, useState as $, useLayoutEffect as re } from "react";
 import "react-dom";
 function he(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -54,7 +54,7 @@ const _e = /* @__PURE__ */ he(be), ve = {
   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"
-}, $e = _e.bind(ve), Q = "purpur-icon", ye = "md", xe = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), we = ({ content: e = "", title: n } = {}) => {
+}, $e = _e.bind(ve), K = "purpur-icon", ye = "md", xe = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), we = ({ content: e = "", title: n } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -73,7 +73,7 @@ const _e = /* @__PURE__ */ he(be), ve = {
   const a = we({
     content: Se(n.svg),
     title: t
-  }), u = $e(o, Q, `${Q}--${c}`);
+  }), u = $e(o, K, `${K}--${c}`);
   return /* @__PURE__ */ x(
     "span",
     {
@@ -85,15 +85,15 @@ const _e = /* @__PURE__ */ he(be), ve = {
     }
   );
 };
-function W() {
-  return W = Object.assign ? Object.assign.bind() : function(e) {
+function U() {
+  return U = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var o in t)
         Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, W.apply(this, arguments);
+  }, U.apply(this, arguments);
 }
 function M() {
   return M = Object.assign ? Object.assign.bind() : function(e) {
@@ -114,31 +114,31 @@ function Oe(...e) {
   );
 }
 const ne = /* @__PURE__ */ w((e, n) => {
-  const { children: t, ...o } = e, c = y.toArray(t), r = c.find(De);
+  const { children: t, ...o } = e, c = y.toArray(t), r = c.find(Ne);
   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__ */ _(G, M({}, o, {
+    return /* @__PURE__ */ _(V, M({}, o, {
       ref: n
     }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
   }
-  return /* @__PURE__ */ _(G, M({}, o, {
+  return /* @__PURE__ */ _(V, M({}, o, {
     ref: n
   }), t);
 });
 ne.displayName = "Slot";
-const G = /* @__PURE__ */ w((e, n) => {
+const V = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e;
   return /* @__PURE__ */ k(t) ? /* @__PURE__ */ X(t, {
-    ...Ne(o, t.props),
+    ...De(o, t.props),
     ref: n ? Oe(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
 });
-G.displayName = "SlotClone";
+V.displayName = "SlotClone";
 const Ae = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
-function De(e) {
+function Ne(e) {
   return /* @__PURE__ */ k(e) && e.type === Ae;
 }
-function Ne(e, n) {
+function De(e, n) {
   const t = {
     ...n
   };
@@ -189,7 +189,7 @@ const Ce = [
     ...e,
     [n]: t
   };
-}, {}), je = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ee.label, W({}, e, {
+}, {}), je = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ee.label, U({}, e, {
   ref: n,
   onMouseDown: (t) => {
     var o;
@@ -371,13 +371,13 @@ function ue(...e) {
     (t) => Fe(t, n)
   );
 }
-function We(...e) {
+function Ue(...e) {
   return B(ue(...e), e);
 }
-function Ge(e, n = []) {
+function Ve(e, n = []) {
   let t = [];
   function o(r, a) {
-    const u = /* @__PURE__ */ J(a), i = t.length;
+    const u = /* @__PURE__ */ Y(a), i = t.length;
     t = [
       ...t,
       a
@@ -403,7 +403,7 @@ function Ge(e, n = []) {
     ];
   }
   const c = () => {
-    const r = t.map((a) => /* @__PURE__ */ J(a));
+    const r = t.map((a) => /* @__PURE__ */ Y(a));
     return function(u) {
       const i = (u == null ? void 0 : u[e]) || r;
       return R(
@@ -422,10 +422,10 @@ function Ge(e, n = []) {
   };
   return c.scopeName = e, [
     o,
-    Ue(c, ...n)
+    We(c, ...n)
   ];
 }
-function Ue(...e) {
+function We(...e) {
   const n = e[0];
   if (e.length === 1) return n;
   const t = () => {
@@ -456,7 +456,7 @@ function Ue(...e) {
   return t.scopeName = n.scopeName, t;
 }
 function ie(e) {
-  const n = D(e);
+  const n = N(e);
   return A(() => {
     n.current = e;
   }), R(
@@ -467,7 +467,7 @@ function ie(e) {
     []
   );
 }
-function Ve({ prop: e, defaultProp: n, onChange: t = () => {
+function Ge({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
   const [o, c] = Ze({
     defaultProp: n,
@@ -489,7 +489,7 @@ function Ve({ prop: e, defaultProp: n, onChange: t = () => {
   ];
 }
 function Ze({ defaultProp: e, onChange: n }) {
-  const t = $(e), [o] = t, c = D(o), r = ie(n);
+  const t = $(e), [o] = t, c = N(o), r = ie(n);
   return A(() => {
     c.current !== o && (r(o), c.current = o);
   }, [
@@ -498,8 +498,8 @@ function Ze({ defaultProp: e, onChange: n }) {
     r
   ]), t;
 }
-function Ke(e) {
-  const n = D({
+function Je(e) {
+  const n = N({
     value: e,
     previous: e
   });
@@ -507,11 +507,11 @@ function Ke(e) {
     e
   ]);
 }
-const Je = globalThis != null && globalThis.document ? re : () => {
+const Ye = globalThis != null && globalThis.document ? re : () => {
 };
-function Qe(e) {
+function Ke(e) {
   const [n, t] = $(void 0);
-  return Je(() => {
+  return Ye(() => {
     if (e) {
       t({
         width: e.offsetWidth,
@@ -554,26 +554,26 @@ const se = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e, c = y.toArray(t), r = c.find(er);
   if (r) {
     const a = r.props.children, u = c.map((i) => i === r ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ k(a) ? a.props.children : null : i);
-    return /* @__PURE__ */ _(U, L({}, o, {
+    return /* @__PURE__ */ _(W, L({}, o, {
       ref: n
     }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
   }
-  return /* @__PURE__ */ _(U, L({}, o, {
+  return /* @__PURE__ */ _(W, L({}, o, {
     ref: n
   }), t);
 });
 se.displayName = "Slot";
-const U = /* @__PURE__ */ w((e, n) => {
+const W = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e;
   return /* @__PURE__ */ k(t) ? /* @__PURE__ */ X(t, {
     ...rr(o, t.props),
     ref: n ? ue(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
 });
-U.displayName = "SlotClone";
-const Ye = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
+W.displayName = "SlotClone";
+const Qe = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
 function er(e) {
-  return /* @__PURE__ */ k(e) && e.type === Ye;
+  return /* @__PURE__ */ k(e) && e.type === Qe;
 }
 function rr(e, n) {
   const t = {
@@ -626,11 +626,11 @@ const tr = [
     ...e,
     [n]: t
   };
-}, {}), pe = "Switch", [nr, yr] = Ge(pe), [or, ar] = nr(pe), cr = /* @__PURE__ */ w((e, n) => {
-  const { __scopeSwitch: t, name: o, checked: c, defaultChecked: r, required: a, disabled: u, value: i = "on", onCheckedChange: s, ...h } = e, [l, p] = $(null), v = We(
+}, {}), pe = "Switch", [nr, yr] = Ve(pe), [or, ar] = nr(pe), cr = /* @__PURE__ */ w((e, n) => {
+  const { __scopeSwitch: t, name: o, checked: c, defaultChecked: r, required: a, disabled: u, value: i = "on", onCheckedChange: s, ...h } = e, [l, p] = $(null), v = Ue(
     n,
     (m) => p(m)
-  ), f = D(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ve({
+  ), f = N(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ge({
     prop: c,
     defaultProp: r,
     onChange: s
@@ -676,7 +676,7 @@ const tr = [
     ref: n
   }));
 }), sr = (e) => {
-  const { control: n, checked: t, bubbles: o = !0, ...c } = e, r = D(null), a = Ke(t), u = Qe(n);
+  const { control: n, checked: t, bubbles: o = !0, ...c } = e, r = N(null), a = Je(t), u = Ke(n);
   return A(() => {
     const i = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
     if (a !== t && l) {
@@ -760,7 +760,7 @@ const F = /* @__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 = ({
+}, Q = (e) => e && "touches" in e, gr = ({
   children: e,
   disabled: n,
   onStart: t,
@@ -773,19 +773,19 @@ const F = /* @__PURE__ */ dr(fr), S = {
   const [i, s] = $(void 0), [h, l] = $(void 0), [p, v] = $(!1), f = (b) => {
     if (!n) {
       b.preventDefault();
-      const m = Y(b.nativeEvent) ? b.nativeEvent.touches[0].clientX : b.nativeEvent.clientX;
+      const m = Q(b.nativeEvent) ? b.nativeEvent.touches[0].clientX : b.nativeEvent.clientX;
       l(m), t == null || t();
     }
   }, g = B(
     (b) => {
       if (typeof h != "number")
         return;
-      const O = (Y(b) ? b.touches[0].clientX : b.clientX) - h;
+      const O = (Q(b) ? b.touches[0].clientX : b.clientX) - h;
       if (!O)
         return;
-      const N = a + O;
-      !p && Math.abs(N) && v(!0);
-      const T = N > r.right ? r.right : N < r.left ? r.left : N;
+      const D = a + O;
+      !p && Math.abs(D) && v(!0);
+      const T = D > r.right ? r.right : D < r.left ? r.left : D;
       s(T), o == null || o({ x: T });
     },
     [o, s, p, h]
@@ -802,12 +802,12 @@ const F = /* @__PURE__ */ dr(fr), S = {
     style: { ...u, transform: `translateX(${p ? i : a}px)` }
   }) : null;
 }, hr = ({ checked: e, onChange: n }) => {
-  var V, Z;
-  const t = D(null), o = D(null), [c, r] = $(void 0), [a, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
+  var G, Z;
+  const t = N(null), o = N(null), [c, r] = $(void 0), [a, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
   re(() => {
     var C, z;
     l(((C = o.current) == null ? void 0 : C.clientHeight) || 0), v(((z = t.current) == null ? void 0 : z.clientHeight) || 0);
-  }, [(V = o.current) == null ? void 0 : V.clientHeight, (Z = t.current) == null ? void 0 : Z.clientHeight]);
+  }, [(G = o.current) == null ? void 0 : G.clientHeight, (Z = t.current) == null ? void 0 : Z.clientHeight]);
   const f = (p || 0) - h, g = h + f, d = f / 2, b = g / 2, m = typeof c == "number" && (e ? c < b : c > b);
   return {
     trackRef: t,
@@ -856,7 +856,7 @@ const F = /* @__PURE__ */ dr(fr), S = {
       children: /* @__PURE__ */ x(ce, { variant: "paragraph-100", disabled: i.disabled, children: t })
     }
   );
-  return /* @__PURE__ */ K("div", { className: F([n, S[`${P}__container`]]), children: [
+  return /* @__PURE__ */ J("div", { className: F([n, S[`${P}__container`]]), children: [
     t && c === "left" && m(),
     /* @__PURE__ */ x(
       lr,
@@ -868,7 +868,7 @@ const F = /* @__PURE__ */ dr(fr), S = {
         className: S[P],
         onCheckedChange: d,
         checked: p,
-        children: /* @__PURE__ */ K("span", { ref: f, className: S[`${P}__track`], children: [
+        children: /* @__PURE__ */ J("span", { ref: f, className: S[`${P}__track`], children: [
           /* @__PURE__ */ x("span", { className: S[`${P}__checkmark-container`], children: /* @__PURE__ */ x(
             Pe,
             {