@purpurds/toggle 5.7.0 → 5.8.0

package/dist/toggle.es.js

@@ -1,5 +1,5 @@
 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 K, useMemo as R, useContext as fe, useRef as D, useState as $, useLayoutEffect as re } from "react";
+import { forwardRef as w, Children as y, isValidElement as O, createElement as _, cloneElement as X, useEffect as A, Fragment as ee, useCallback as B, createContext as K, useMemo as R, useContext as fe, useRef as C, useState as $, useLayoutEffect as re } from "react";
 import "react-dom";
 function ge(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -108,7 +108,7 @@ function M() {
 function Pe(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function ke(...e) {
+function Oe(...e) {
   return (n) => e.forEach(
     (t) => Pe(t, n)
   );
@@ -116,29 +116,29 @@ function ke(...e) {
 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__ */ _(U, M({}, o, {
+    const a = r.props.children, u = c.map((i) => i === r ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ O(a) ? a.props.children : null : i);
+    return /* @__PURE__ */ _(W, M({}, o, {
       ref: n
-    }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
+    }), /* @__PURE__ */ O(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
   }
-  return /* @__PURE__ */ _(U, M({}, o, {
+  return /* @__PURE__ */ _(W, M({}, o, {
     ref: n
   }), t);
 });
 ne.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, {
-    ...De(o, t.props),
-    ref: n ? ke(n, t.ref) : t.ref
+  return /* @__PURE__ */ O(t) ? /* @__PURE__ */ X(t, {
+    ...Ce(o, t.props),
+    ref: n ? Oe(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
 });
-U.displayName = "SlotClone";
-const Oe = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
+W.displayName = "SlotClone";
+const ke = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
 function Ae(e) {
-  return /* @__PURE__ */ k(e) && e.type === Oe;
+  return /* @__PURE__ */ O(e) && e.type === ke;
 }
-function De(e, n) {
+function Ce(e, n) {
   const t = {
     ...n
   };
@@ -159,7 +159,7 @@ function De(e, n) {
     ...t
   };
 }
-const Ce = [
+const De = [
   "a",
   "button",
   "div",
@@ -176,7 +176,7 @@ const Ce = [
   "span",
   "svg",
   "ul"
-], Ee = Ce.reduce((e, n) => {
+], Ee = De.reduce((e, n) => {
   const t = /* @__PURE__ */ w((o, c) => {
     const { asChild: r, ...a } = o, u = r ? ne : n;
     return A(() => {
@@ -374,7 +374,7 @@ function ce(...e) {
 function Ve(...e) {
   return B(ce(...e), e);
 }
-function Ue(e, n = []) {
+function We(e, n = []) {
   let t = [];
   function o(r, a) {
     const u = /* @__PURE__ */ K(a), i = t.length;
@@ -424,10 +424,10 @@ function Ue(e, n = []) {
   };
   return c.scopeName = e, [
     o,
-    We(c, ...n)
+    Ue(c, ...n)
   ];
 }
-function We(...e) {
+function Ue(...e) {
   const n = e[0];
   if (e.length === 1)
     return n;
@@ -459,7 +459,7 @@ function We(...e) {
   return t.scopeName = n.scopeName, t;
 }
 function ue(e) {
-  const n = D(e);
+  const n = C(e);
   return A(() => {
     n.current = e;
   }), R(
@@ -493,7 +493,7 @@ 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 t = $(e), [o] = t, c = C(o), r = ue(n);
   return A(() => {
     c.current !== o && (r(o), c.current = o);
   }, [
@@ -503,7 +503,7 @@ function Ze({ defaultProp: e, onChange: n }) {
   ]), t;
 }
 function Je(e) {
-  const n = D({
+  const n = C({
     value: e,
     previous: e
   });
@@ -558,27 +558,27 @@ function L() {
 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__ */ _(W, L({}, o, {
+    const a = r.props.children, u = c.map((i) => i === r ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ O(a) ? a.props.children : null : i);
+    return /* @__PURE__ */ _(U, L({}, o, {
       ref: n
-    }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
+    }), /* @__PURE__ */ O(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
   }
-  return /* @__PURE__ */ _(W, L({}, o, {
+  return /* @__PURE__ */ _(U, L({}, o, {
     ref: n
   }), t);
 });
 ie.displayName = "Slot";
-const W = /* @__PURE__ */ w((e, n) => {
+const U = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ k(t) ? /* @__PURE__ */ X(t, {
+  return /* @__PURE__ */ O(t) ? /* @__PURE__ */ X(t, {
     ...rr(o, t.props),
     ref: n ? ce(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
 });
-W.displayName = "SlotClone";
+U.displayName = "SlotClone";
 const Ye = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
 function er(e) {
-  return /* @__PURE__ */ k(e) && e.type === Ye;
+  return /* @__PURE__ */ O(e) && e.type === Ye;
 }
 function rr(e, n) {
   const t = {
@@ -631,11 +631,11 @@ const tr = [
     ...e,
     [n]: t
   };
-}, {}), le = "Switch", [nr, yr] = Ue(le), [or, ar] = nr(le), cr = /* @__PURE__ */ w((e, n) => {
+}, {}), le = "Switch", [nr, yr] = We(le), [or, ar] = nr(le), cr = /* @__PURE__ */ w((e, n) => {
   const { __scopeSwitch: t, name: o, checked: c, defaultChecked: r, required: a, disabled: u, value: i = "on", onCheckedChange: s, ...h } = e, [l, p] = $(null), v = Ve(
     n,
     (m) => p(m)
-  ), f = D(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ge({
+  ), f = C(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ge({
     prop: c,
     defaultProp: r,
     onChange: s
@@ -657,7 +657,7 @@ const tr = [
     ref: v,
     onClick: qe(e.onClick, (m) => {
       b(
-        (O) => !O
+        (k) => !k
       ), g && (f.current = m.isPropagationStopped(), f.current || m.stopPropagation());
     })
   })), g && /* @__PURE__ */ _(sr, {
@@ -681,7 +681,7 @@ const tr = [
     ref: n
   }));
 }), sr = (e) => {
-  const { control: n, checked: t, bubbles: o = !0, ...c } = e, r = D(null), a = Je(t), u = Qe(n);
+  const { control: n, checked: t, bubbles: o = !0, ...c } = e, r = C(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) {
@@ -785,12 +785,12 @@ const F = /* @__PURE__ */ dr(fr), S = {
     (b) => {
       if (typeof h != "number")
         return;
-      const O = (Y(b) ? b.touches[0].clientX : b.clientX) - h;
-      if (!O)
+      const k = (Y(b) ? b.touches[0].clientX : b.clientX) - h;
+      if (!k)
         return;
-      const C = a + O;
-      !p && Math.abs(C) && v(!0);
-      const T = C > r.right ? r.right : C < r.left ? r.left : C;
+      const D = a + k;
+      !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]
@@ -801,14 +801,14 @@ const F = /* @__PURE__ */ dr(fr), S = {
     window.removeEventListener("mousemove", g), window.removeEventListener("touchmove", g);
   }), [g]), A(() => (window.addEventListener("mouseup", d), window.addEventListener("touchend", d), () => {
     window.removeEventListener("mouseup", d), window.removeEventListener("touchend", d);
-  }), [d]), k(e) ? X(y.only(e), {
+  }), [d]), O(e) ? X(y.only(e), {
     onMouseDown: f,
     onTouchStart: f,
     style: { ...u, transform: `translateX(${p ? i : a}px)` }
   }) : null;
 }, hr = ({ checked: e, onChange: n }) => {
   var G, Z;
-  const t = D(null), o = D(null), [c, r] = $(void 0), [a, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
+  const t = C(null), o = C(null), [c, r] = $(void 0), [a, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
   re(() => {
     var E, z;
     l(((E = o.current) == null ? void 0 : E.clientHeight) || 0), v(((z = t.current) == null ? void 0 : z.clientHeight) || 0);
@@ -845,8 +845,8 @@ const F = /* @__PURE__ */ dr(fr), S = {
     typeof r == "boolean" ? r : !!u
   ), p = !!(typeof r == "boolean" ? r : h), { thumbRef: v, trackRef: f, isDragging: g, onChangeWithDrag: d, ...b } = hr({
     checked: p,
-    onChange: (O) => {
-      i.disabled || (o == null || o(O), l(O));
+    onChange: (k) => {
+      i.disabled || (o == null || o(k), l(k));
     }
   }), m = () => /* @__PURE__ */ x(
     Le,