@versini/ui-togglegroup 3.0.9 → 3.0.10

package/dist/index.js

@@ -1,15 +1,15 @@
 import { jsx as l, Fragment as ge } from "react/jsx-runtime";
-import * as a from "react";
+import * as u from "react";
 import C, { useContext as me } from "react";
 import P from "clsx";
 /*!
-  @versini/ui-togglegroup v3.0.9
+  @versini/ui-togglegroup v3.0.10
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOGGLEGROUP__ || (window.__VERSINI_UI_TOGGLEGROUP__ = {
-    version: "3.0.9",
-    buildTime: "01/25/2025 10:54 PM EST",
+    version: "3.0.10",
+    buildTime: "02/16/2025 06:39 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -19,17 +19,17 @@ const ve = "av-togglegroup", Ce = "av-togglegroup-item-wrapper", he = "av-toggle
 function U(e, t = []) {
   let o = [];
   function r(s, c) {
-    const u = a.createContext(c), i = o.length;
+    const a = u.createContext(c), i = o.length;
     o = [...o, c];
     const d = (p) => {
       var g;
-      const { scope: h, children: I, ...f } = p, m = ((g = h == null ? void 0 : h[e]) == null ? void 0 : g[i]) || u, T = a.useMemo(() => f, Object.values(f));
+      const { scope: h, children: I, ...f } = p, m = ((g = h == null ? void 0 : h[e]) == null ? void 0 : g[i]) || a, T = u.useMemo(() => f, Object.values(f));
       return /* @__PURE__ */ l(m.Provider, { value: T, children: I });
     };
     d.displayName = s + "Provider";
     function v(p, h) {
       var m;
-      const I = ((m = h == null ? void 0 : h[e]) == null ? void 0 : m[i]) || u, f = a.useContext(I);
+      const I = ((m = h == null ? void 0 : h[e]) == null ? void 0 : m[i]) || a, f = u.useContext(I);
       if (f) return f;
       if (c !== void 0) return c;
       throw new Error(`\`${p}\` must be used within \`${s}\``);
@@ -37,12 +37,12 @@ function U(e, t = []) {
     return [d, v];
   }
   const n = () => {
-    const s = o.map((c) => a.createContext(c));
-    return function(u) {
-      const i = (u == null ? void 0 : u[e]) || s;
-      return a.useMemo(
-        () => ({ [`__scope${e}`]: { ...u, [e]: i } }),
-        [u, i]
+    const s = o.map((c) => u.createContext(c));
+    return function(a) {
+      const i = (a == null ? void 0 : a[e]) || s;
+      return u.useMemo(
+        () => ({ [`__scope${e}`]: { ...a, [e]: i } }),
+        [a, i]
       );
     };
   };
@@ -57,11 +57,11 @@ function be(...e) {
       scopeName: n.scopeName
     }));
     return function(s) {
-      const c = r.reduce((u, { useScope: i, scopeName: d }) => {
+      const c = r.reduce((a, { useScope: i, scopeName: d }) => {
         const p = i(s)[`__scope${d}`];
-        return { ...u, ...p };
+        return { ...a, ...p };
       }, {});
-      return a.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
+      return u.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
     };
   };
   return o.scopeName = t.scopeName, o;
@@ -88,40 +88,36 @@ function z(...e) {
   };
 }
 function D(...e) {
-  return a.useCallback(z(...e), e);
+  return u.useCallback(z(...e), e);
 }
-var A = a.forwardRef((e, t) => {
-  const { children: o, ...r } = e, n = a.Children.toArray(o), s = n.find(Te);
+var A = u.forwardRef((e, t) => {
+  const { children: o, ...r } = e, n = u.Children.toArray(o), s = n.find(Te);
   if (s) {
-    const c = s.props.children, u = n.map((i) => i === s ? a.Children.count(c) > 1 ? a.Children.only(null) : a.isValidElement(c) ? c.props.children : null : i);
-    return /* @__PURE__ */ l(L, { ...r, ref: t, children: a.isValidElement(c) ? a.cloneElement(c, void 0, u) : null });
+    const c = s.props.children, a = n.map((i) => i === s ? u.Children.count(c) > 1 ? u.Children.only(null) : u.isValidElement(c) ? c.props.children : null : i);
+    return /* @__PURE__ */ l(L, { ...r, ref: t, children: u.isValidElement(c) ? u.cloneElement(c, void 0, a) : null });
   }
   return /* @__PURE__ */ l(L, { ...r, ref: t, children: o });
 });
 A.displayName = "Slot";
-var L = a.forwardRef((e, t) => {
+var L = u.forwardRef((e, t) => {
   const { children: o, ...r } = e;
-  if (a.isValidElement(o)) {
-    const n = ye(o);
-    return a.cloneElement(o, {
-      ...Re(r, o.props),
-      // @ts-ignore
-      ref: t ? z(t, n) : n
-    });
+  if (u.isValidElement(o)) {
+    const n = ye(o), s = Re(r, o.props);
+    return o.type !== u.Fragment && (s.ref = t ? z(t, n) : n), u.cloneElement(o, s);
   }
-  return a.Children.count(o) > 1 ? a.Children.only(null) : null;
+  return u.Children.count(o) > 1 ? u.Children.only(null) : null;
 });
 L.displayName = "SlotClone";
 var Ie = ({ children: e }) => /* @__PURE__ */ l(ge, { children: e });
 function Te(e) {
-  return a.isValidElement(e) && e.type === Ie;
+  return u.isValidElement(e) && e.type === Ie;
 }
 function Re(e, t) {
   const o = { ...t };
   for (const r in t) {
     const n = e[r], s = t[r];
-    /^on[A-Z]/.test(r) ? n && s ? o[r] = (...u) => {
-      s(...u), n(...u);
+    /^on[A-Z]/.test(r) ? n && s ? o[r] = (...a) => {
+      s(...a), n(...a);
     } : n && (o[r] = n) : r === "style" ? o[r] = { ...n, ...s } : r === "className" && (o[r] = [n, s].filter(Boolean).join(" "));
   }
   return { ...e, ...o };
@@ -149,9 +145,9 @@ var Se = [
   "svg",
   "ul"
 ], w = Se.reduce((e, t) => {
-  const o = a.forwardRef((r, n) => {
-    const { asChild: s, ...c } = r, u = s ? A : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(u, { ...c, ref: n });
+  const o = u.forwardRef((r, n) => {
+    const { asChild: s, ...c } = r, a = s ? A : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(a, { ...c, ref: n });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
@@ -170,13 +166,13 @@ function _e(e) {
     return /* @__PURE__ */ l(n, { scope: f, itemMap: g, collectionRef: T, children: m });
   };
   c.displayName = t;
-  const u = e + "CollectionSlot", i = C.forwardRef(
+  const a = e + "CollectionSlot", i = C.forwardRef(
     (I, f) => {
-      const { scope: m, children: T } = I, g = s(u, m), b = D(f, g.collectionRef);
+      const { scope: m, children: T } = I, g = s(a, m), b = D(f, g.collectionRef);
       return /* @__PURE__ */ l(A, { ref: b, children: T });
     }
   );
-  i.displayName = u;
+  i.displayName = a;
   const d = e + "CollectionItemSlot", v = "data-radix-collection-item", p = C.forwardRef(
     (I, f) => {
       const { scope: m, children: T, ...g } = I, b = C.useRef(null), _ = D(f, b), G = s(d, m);
@@ -201,20 +197,20 @@ function _e(e) {
     r
   ];
 }
-var Ge = globalThis != null && globalThis.document ? a.useLayoutEffect : () => {
-}, Pe = a.useId || (() => {
+var Ge = globalThis != null && globalThis.document ? u.useLayoutEffect : () => {
+}, Pe = u.useId || (() => {
 }), Ee = 0;
 function xe(e) {
-  const [t, o] = a.useState(Pe());
+  const [t, o] = u.useState(Pe());
   return Ge(() => {
     o((r) => r ?? String(Ee++));
   }, [e]), t ? `radix-${t}` : "";
 }
 function $(e) {
-  const t = a.useRef(e);
-  return a.useEffect(() => {
+  const t = u.useRef(e);
+  return u.useEffect(() => {
     t.current = e;
-  }), a.useMemo(() => (...o) => {
+  }), u.useMemo(() => (...o) => {
     var r;
     return (r = t.current) == null ? void 0 : r.call(t, ...o);
   }, []);
@@ -225,15 +221,15 @@ function k({
   onChange: o = () => {
   }
 }) {
-  const [r, n] = we({ defaultProp: t, onChange: o }), s = e !== void 0, c = s ? e : r, u = $(o), i = a.useCallback(
+  const [r, n] = we({ defaultProp: t, onChange: o }), s = e !== void 0, c = s ? e : r, a = $(o), i = u.useCallback(
     (d) => {
       if (s) {
         const p = typeof d == "function" ? d(e) : d;
-        p !== e && u(p);
+        p !== e && a(p);
       } else
         n(d);
     },
-    [s, e, n, u]
+    [s, e, n, a]
   );
   return [c, i];
 }
@@ -241,41 +237,41 @@ function we({
   defaultProp: e,
   onChange: t
 }) {
-  const o = a.useState(e), [r] = o, n = a.useRef(r), s = $(t);
-  return a.useEffect(() => {
+  const o = u.useState(e), [r] = o, n = u.useRef(r), s = $(t);
+  return u.useEffect(() => {
     n.current !== r && (s(r), n.current = r);
   }, [r, n, s]), o;
 }
-var Ae = a.createContext(void 0);
+var Ae = u.createContext(void 0);
 function q(e) {
-  const t = a.useContext(Ae);
+  const t = u.useContext(Ae);
   return e || t || "ltr";
 }
 var O = "rovingFocusGroup.onEntryFocus", Fe = { bubbles: !1, cancelable: !0 }, N = "RovingFocusGroup", [V, Z, ke] = _e(N), [Ne, J] = U(
   N,
   [ke]
-), [Me, Oe] = Ne(N), Q = a.forwardRef(
+), [Me, Oe] = Ne(N), Q = u.forwardRef(
   (e, t) => /* @__PURE__ */ l(V.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ l(V.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ l(De, { ...e, ref: t }) }) })
 );
 Q.displayName = N;
-var De = a.forwardRef((e, t) => {
+var De = u.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: o,
     orientation: r,
     loop: n = !1,
     dir: s,
     currentTabStopId: c,
-    defaultCurrentTabStopId: u,
+    defaultCurrentTabStopId: a,
     onCurrentTabStopIdChange: i,
     onEntryFocus: d,
     preventScrollOnEntryFocus: v = !1,
     ...p
-  } = e, h = a.useRef(null), I = D(t, h), f = q(s), [m = null, T] = k({
+  } = e, h = u.useRef(null), I = D(t, h), f = q(s), [m = null, T] = k({
     prop: c,
-    defaultProp: u,
+    defaultProp: a,
     onChange: i
-  }), [g, b] = a.useState(!1), _ = $(d), G = Z(o), x = a.useRef(!1), [le, K] = a.useState(0);
-  return a.useEffect(() => {
+  }), [g, b] = u.useState(!1), _ = $(d), G = Z(o), x = u.useRef(!1), [le, K] = u.useState(0);
+  return u.useEffect(() => {
     const R = h.current;
     if (R)
       return R.addEventListener(O, _), () => R.removeEventListener(O, _);
@@ -287,16 +283,16 @@ var De = a.forwardRef((e, t) => {
       dir: f,
       loop: n,
       currentTabStopId: m,
-      onItemFocus: a.useCallback(
+      onItemFocus: u.useCallback(
         (R) => T(R),
         [T]
       ),
-      onItemShiftTab: a.useCallback(() => b(!0), []),
-      onFocusableItemAdd: a.useCallback(
+      onItemShiftTab: u.useCallback(() => b(!0), []),
+      onFocusableItemAdd: u.useCallback(
         () => K((R) => R + 1),
         []
       ),
-      onFocusableItemRemove: a.useCallback(
+      onFocusableItemRemove: u.useCallback(
         () => K((R) => R - 1),
         []
       ),
@@ -329,7 +325,7 @@ var De = a.forwardRef((e, t) => {
       )
     }
   );
-}), X = "RovingFocusGroupItem", H = a.forwardRef(
+}), X = "RovingFocusGroupItem", H = u.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: o,
@@ -337,8 +333,8 @@ var De = a.forwardRef((e, t) => {
       active: n = !1,
       tabStopId: s,
       ...c
-    } = e, u = xe(), i = s || u, d = Oe(X, o), v = d.currentTabStopId === i, p = Z(o), { onFocusableItemAdd: h, onFocusableItemRemove: I } = d;
-    return a.useEffect(() => {
+    } = e, a = xe(), i = s || a, d = Oe(X, o), v = d.currentTabStopId === i, p = Z(o), { onFocusableItemAdd: h, onFocusableItemRemove: I } = d;
+    return u.useEffect(() => {
       if (r)
         return h(), () => I();
     }, [r, h, I]), /* @__PURE__ */ l(
@@ -412,8 +408,8 @@ function ee(e, t = !1) {
 function $e(e, t) {
   return e.map((o, r) => e[(t + r) % e.length]);
 }
-var Be = Q, Ke = H, We = "Toggle", te = a.forwardRef((e, t) => {
-  const { pressed: o, defaultPressed: r = !1, onPressedChange: n, ...s } = e, [c = !1, u] = k({
+var Be = Q, Ke = H, We = "Toggle", te = u.forwardRef((e, t) => {
+  const { pressed: o, defaultPressed: r = !1, onPressedChange: n, ...s } = e, [c = !1, a] = k({
     prop: o,
     onChange: n,
     defaultProp: r
@@ -428,7 +424,7 @@ var Be = Q, Ke = H, We = "Toggle", te = a.forwardRef((e, t) => {
       ...s,
       ref: t,
       onClick: S(e.onClick, () => {
-        e.disabled || u(!c);
+        e.disabled || a(!c);
       })
     }
   );
@@ -452,7 +448,7 @@ var [ne, se] = oe(E), je = C.forwardRef((e, t) => {
     onValueChange: n = () => {
     },
     ...s
-  } = e, [c, u] = k({
+  } = e, [c, a] = k({
     prop: o,
     defaultProp: r,
     onChange: n
@@ -463,8 +459,8 @@ var [ne, se] = oe(E), je = C.forwardRef((e, t) => {
       scope: e.__scopeToggleGroup,
       type: "single",
       value: c ? [c] : [],
-      onItemActivate: u,
-      onItemDeactivate: C.useCallback(() => u(""), [u]),
+      onItemActivate: a,
+      onItemDeactivate: C.useCallback(() => a(""), [a]),
       children: /* @__PURE__ */ l(ce, { ...s, ref: t })
     }
   );
@@ -475,16 +471,16 @@ var [ne, se] = oe(E), je = C.forwardRef((e, t) => {
     onValueChange: n = () => {
     },
     ...s
-  } = e, [c = [], u] = k({
+  } = e, [c = [], a] = k({
     prop: o,
     defaultProp: r,
     onChange: n
   }), i = C.useCallback(
-    (v) => u((p = []) => [...p, v]),
-    [u]
+    (v) => a((p = []) => [...p, v]),
+    [a]
   ), d = C.useCallback(
-    (v) => u((p = []) => p.filter((h) => h !== v)),
-    [u]
+    (v) => a((p = []) => p.filter((h) => h !== v)),
+    [a]
   );
   return /* @__PURE__ */ l(
     ne,
@@ -507,7 +503,7 @@ var [ze, qe] = oe(E), ce = C.forwardRef(
       rovingFocus: n = !0,
       orientation: s,
       dir: c,
-      loop: u = !0,
+      loop: a = !0,
       ...i
     } = e, d = re(o), v = q(c), p = { role: "group", dir: v, ...i };
     return /* @__PURE__ */ l(ze, { scope: o, rovingFocus: n, disabled: r, children: n ? /* @__PURE__ */ l(
@@ -517,14 +513,14 @@ var [ze, qe] = oe(E), ce = C.forwardRef(
         ...d,
         orientation: s,
         dir: v,
-        loop: u,
+        loop: a,
         children: /* @__PURE__ */ l(w.div, { ...p, ref: t })
       }
     ) : /* @__PURE__ */ l(w.div, { ...p, ref: t }) });
   }
 ), F = "ToggleGroupItem", ue = C.forwardRef(
   (e, t) => {
-    const o = se(F, e.__scopeToggleGroup), r = qe(F, e.__scopeToggleGroup), n = re(e.__scopeToggleGroup), s = o.value.includes(e.value), c = r.disabled || e.disabled, u = { ...e, pressed: s, disabled: c }, i = C.useRef(null);
+    const o = se(F, e.__scopeToggleGroup), r = qe(F, e.__scopeToggleGroup), n = re(e.__scopeToggleGroup), s = o.value.includes(e.value), c = r.disabled || e.disabled, a = { ...e, pressed: s, disabled: c }, i = C.useRef(null);
     return r.rovingFocus ? /* @__PURE__ */ l(
       Ke,
       {
@@ -533,19 +529,19 @@ var [ze, qe] = oe(E), ce = C.forwardRef(
         focusable: !c,
         active: s,
         ref: i,
-        children: /* @__PURE__ */ l(Y, { ...u, ref: t })
+        children: /* @__PURE__ */ l(Y, { ...a, ref: t })
       }
-    ) : /* @__PURE__ */ l(Y, { ...u, ref: t });
+    ) : /* @__PURE__ */ l(Y, { ...a, ref: t });
   }
 );
 ue.displayName = F;
 var Y = C.forwardRef(
   (e, t) => {
-    const { __scopeToggleGroup: o, value: r, ...n } = e, s = se(F, o), c = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, u = s.type === "single" ? c : void 0;
+    const { __scopeToggleGroup: o, value: r, ...n } = e, s = se(F, o), c = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, a = s.type === "single" ? c : void 0;
     return /* @__PURE__ */ l(
       te,
       {
-        ...u,
+        ...a,
         ...n,
         ref: t,
         onPressedChange: (i) => {
@@ -624,7 +620,7 @@ const ae = C.createContext({
   mode: n = "system",
   focusMode: s = "system",
   size: c = "medium",
-  defaultValue: u,
+  defaultValue: a,
   className: i,
   ...d
 }) => {
@@ -635,7 +631,7 @@ const ae = C.createContext({
       disabled: r,
       className: v,
       value: t,
-      defaultValue: u,
+      defaultValue: a,
       onValueChange: o,
       ...d,
       type: "single",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-togglegroup",
-	"version": "3.0.9",
+	"version": "3.0.10",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -39,10 +39,10 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@versini/ui-types": "4.5.0"
+		"@versini/ui-types": "4.5.1"
 	},
 	"dependencies": {
-		"@radix-ui/react-toggle-group": "1.1.1",
+		"@radix-ui/react-toggle-group": "1.1.2",
 		"@tailwindcss/typography": "0.5.16",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
@@ -50,5 +50,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "95add63a475dc1307dd4ada55909553876a55b73"
+	"gitHead": "45b6ae437679028f6c1b791aa27f7b0a7fd66482"
 }