@versini/ui-togglegroup 4.0.0 → 4.0.2

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -1,7 +1,656 @@
-import "react/jsx-runtime";
-import { ToggleGroup as g, ToggleGroupItem as m } from "../../index.js";
-import "react";
+import { jsx as f } from "react/jsx-runtime";
+import * as l from "react";
+import b, { useContext as pe } from "react";
+import E from "clsx";
+const ge = "av-togglegroup", me = "av-togglegroup-item-wrapper", ve = "av-togglegroup-item";
+function U(e, t = []) {
+  let r = [];
+  function o(s, u) {
+    const c = l.createContext(u), i = r.length;
+    r = [...r, u];
+    const a = (d) => {
+      var v;
+      const { scope: h, children: T, ...p } = d, m = ((v = h == null ? void 0 : h[e]) == null ? void 0 : v[i]) || c, I = l.useMemo(() => p, Object.values(p));
+      return /* @__PURE__ */ f(m.Provider, { value: I, children: T });
+    };
+    a.displayName = s + "Provider";
+    function g(d, h) {
+      var m;
+      const T = ((m = h == null ? void 0 : h[e]) == null ? void 0 : m[i]) || c, p = l.useContext(T);
+      if (p) return p;
+      if (u !== void 0) return u;
+      throw new Error(`\`${d}\` must be used within \`${s}\``);
+    }
+    return [a, g];
+  }
+  const n = () => {
+    const s = r.map((u) => l.createContext(u));
+    return function(c) {
+      const i = (c == null ? void 0 : c[e]) || s;
+      return l.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: i } }),
+        [c, i]
+      );
+    };
+  };
+  return n.scopeName = e, [o, Ce(n, ...t)];
+}
+function Ce(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const r = () => {
+    const o = e.map((n) => ({
+      useScope: n(),
+      scopeName: n.scopeName
+    }));
+    return function(s) {
+      const u = o.reduce((c, { useScope: i, scopeName: a }) => {
+        const d = i(s)[`__scope${a}`];
+        return { ...c, ...d };
+      }, {});
+      return l.useMemo(() => ({ [`__scope${t.scopeName}`]: u }), [u]);
+    };
+  };
+  return r.scopeName = t.scopeName, r;
+}
+function j(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function z(...e) {
+  return (t) => {
+    let r = !1;
+    const o = e.map((n) => {
+      const s = j(n, t);
+      return !r && typeof s == "function" && (r = !0), s;
+    });
+    if (r)
+      return () => {
+        for (let n = 0; n < o.length; n++) {
+          const s = o[n];
+          typeof s == "function" ? s() : j(e[n], null);
+        }
+      };
+  };
+}
+function L(...e) {
+  return l.useCallback(z(...e), e);
+}
+// @__NO_SIDE_EFFECTS__
+function V(e) {
+  const t = /* @__PURE__ */ be(e), r = l.forwardRef((o, n) => {
+    const { children: s, ...u } = o, c = l.Children.toArray(s), i = c.find(Ie);
+    if (i) {
+      const a = i.props.children, g = c.map((d) => d === i ? l.Children.count(a) > 1 ? l.Children.only(null) : l.isValidElement(a) ? a.props.children : null : d);
+      return /* @__PURE__ */ f(t, { ...u, ref: n, children: l.isValidElement(a) ? l.cloneElement(a, void 0, g) : null });
+    }
+    return /* @__PURE__ */ f(t, { ...u, ref: n, children: s });
+  });
+  return r.displayName = `${e}.Slot`, r;
+}
+// @__NO_SIDE_EFFECTS__
+function be(e) {
+  const t = l.forwardRef((r, o) => {
+    const { children: n, ...s } = r;
+    if (l.isValidElement(n)) {
+      const u = Se(n), c = ye(s, n.props);
+      return n.type !== l.Fragment && (c.ref = o ? z(o, u) : u), l.cloneElement(n, c);
+    }
+    return l.Children.count(n) > 1 ? l.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var he = Symbol("radix.slottable");
+function Ie(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === he;
+}
+function ye(e, t) {
+  const r = { ...t };
+  for (const o in t) {
+    const n = e[o], s = t[o];
+    /^on[A-Z]/.test(o) ? n && s ? r[o] = (...c) => {
+      s(...c), n(...c);
+    } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...s } : o === "className" && (r[o] = [n, s].filter(Boolean).join(" "));
+  }
+  return { ...e, ...r };
+}
+function Se(e) {
+  var o, n;
+  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
+var Te = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], A = Te.reduce((e, t) => {
+  const r = /* @__PURE__ */ V(`Primitive.${t}`), o = l.forwardRef((n, s) => {
+    const { asChild: u, ...c } = n, i = u ? r : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(i, { ...c, ref: s });
+  });
+  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
+}, {});
+function x(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+  return function(n) {
+    if (e == null || e(n), r === !1 || !n.defaultPrevented)
+      return t == null ? void 0 : t(n);
+  };
+}
+function Re(e) {
+  const t = e + "CollectionProvider", [r, o] = U(t), [n, s] = r(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), u = (m) => {
+    const { scope: I, children: v } = m, C = b.useRef(null), S = b.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ f(n, { scope: I, itemMap: S, collectionRef: C, children: v });
+  };
+  u.displayName = t;
+  const c = e + "CollectionSlot", i = /* @__PURE__ */ V(c), a = b.forwardRef(
+    (m, I) => {
+      const { scope: v, children: C } = m, S = s(c, v), R = L(I, S.collectionRef);
+      return /* @__PURE__ */ f(i, { ref: R, children: C });
+    }
+  );
+  a.displayName = c;
+  const g = e + "CollectionItemSlot", d = "data-radix-collection-item", h = /* @__PURE__ */ V(g), T = b.forwardRef(
+    (m, I) => {
+      const { scope: v, children: C, ...S } = m, R = b.useRef(null), _ = L(I, R), G = s(g, v);
+      return b.useEffect(() => (G.itemMap.set(R, { ref: R, ...S }), () => void G.itemMap.delete(R))), /* @__PURE__ */ f(h, { [d]: "", ref: _, children: C });
+    }
+  );
+  T.displayName = g;
+  function p(m) {
+    const I = s(e + "CollectionConsumer", m);
+    return b.useCallback(() => {
+      const C = I.collectionRef.current;
+      if (!C) return [];
+      const S = Array.from(C.querySelectorAll(`[${d}]`));
+      return Array.from(I.itemMap.values()).sort(
+        (G, F) => S.indexOf(G.ref.current) - S.indexOf(F.ref.current)
+      );
+    }, [I.collectionRef, I.itemMap]);
+  }
+  return [
+    { Provider: u, Slot: a, ItemSlot: T },
+    p,
+    o
+  ];
+}
+var Pe = globalThis != null && globalThis.document ? l.useLayoutEffect : () => {
+}, xe = l[" useId ".trim().toString()] || (() => {
+}), _e = 0;
+function Ge(e) {
+  const [t, r] = l.useState(xe());
+  return Pe(() => {
+    r((o) => o ?? String(_e++));
+  }, [e]), t ? `radix-${t}` : "";
+}
+function B(e) {
+  const t = l.useRef(e);
+  return l.useEffect(() => {
+    t.current = e;
+  }), l.useMemo(() => (...r) => {
+    var o;
+    return (o = t.current) == null ? void 0 : o.call(t, ...r);
+  }, []);
+}
+function N({
+  prop: e,
+  defaultProp: t,
+  onChange: r = () => {
+  }
+}) {
+  const [o, n] = Ee({ defaultProp: t, onChange: r }), s = e !== void 0, u = s ? e : o, c = B(r), i = l.useCallback(
+    (a) => {
+      if (s) {
+        const d = typeof a == "function" ? a(e) : a;
+        d !== e && c(d);
+      } else
+        n(a);
+    },
+    [s, e, n, c]
+  );
+  return [u, i];
+}
+function Ee({
+  defaultProp: e,
+  onChange: t
+}) {
+  const r = l.useState(e), [o] = r, n = l.useRef(o), s = B(t);
+  return l.useEffect(() => {
+    n.current !== o && (s(o), n.current = o);
+  }, [o, n, s]), r;
+}
+var we = l.createContext(void 0);
+function q(e) {
+  const t = l.useContext(we);
+  return e || t || "ltr";
+}
+var D = "rovingFocusGroup.onEntryFocus", Ae = { bubbles: !1, cancelable: !0 }, M = "RovingFocusGroup", [$, Z, Fe] = Re(M), [ke, J] = U(
+  M,
+  [Fe]
+), [Ne, Me] = ke(M), Q = l.forwardRef(
+  (e, t) => /* @__PURE__ */ f($.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ f($.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ f(Oe, { ...e, ref: t }) }) })
+);
+Q.displayName = M;
+var Oe = l.forwardRef((e, t) => {
+  const {
+    __scopeRovingFocusGroup: r,
+    orientation: o,
+    loop: n = !1,
+    dir: s,
+    currentTabStopId: u,
+    defaultCurrentTabStopId: c,
+    onCurrentTabStopIdChange: i,
+    onEntryFocus: a,
+    preventScrollOnEntryFocus: g = !1,
+    ...d
+  } = e, h = l.useRef(null), T = L(t, h), p = q(s), [m = null, I] = N({
+    prop: u,
+    defaultProp: c,
+    onChange: i
+  }), [v, C] = l.useState(!1), S = B(a), R = Z(r), _ = l.useRef(!1), [G, F] = l.useState(0);
+  return l.useEffect(() => {
+    const y = h.current;
+    if (y)
+      return y.addEventListener(D, S), () => y.removeEventListener(D, S);
+  }, [S]), /* @__PURE__ */ f(
+    Ne,
+    {
+      scope: r,
+      orientation: o,
+      dir: p,
+      loop: n,
+      currentTabStopId: m,
+      onItemFocus: l.useCallback(
+        (y) => I(y),
+        [I]
+      ),
+      onItemShiftTab: l.useCallback(() => C(!0), []),
+      onFocusableItemAdd: l.useCallback(
+        () => F((y) => y + 1),
+        []
+      ),
+      onFocusableItemRemove: l.useCallback(
+        () => F((y) => y - 1),
+        []
+      ),
+      children: /* @__PURE__ */ f(
+        A.div,
+        {
+          tabIndex: v || G === 0 ? -1 : 0,
+          "data-orientation": o,
+          ...d,
+          ref: T,
+          style: { outline: "none", ...e.style },
+          onMouseDown: x(e.onMouseDown, () => {
+            _.current = !0;
+          }),
+          onFocus: x(e.onFocus, (y) => {
+            const ae = !_.current;
+            if (y.target === y.currentTarget && ae && !v) {
+              const W = new CustomEvent(D, Ae);
+              if (y.currentTarget.dispatchEvent(W), !W.defaultPrevented) {
+                const O = R().filter((P) => P.focusable), ie = O.find((P) => P.active), fe = O.find((P) => P.id === m), de = [ie, fe, ...O].filter(
+                  Boolean
+                ).map((P) => P.ref.current);
+                ee(de, g);
+              }
+            }
+            _.current = !1;
+          }),
+          onBlur: x(e.onBlur, () => C(!1))
+        }
+      )
+    }
+  );
+}), X = "RovingFocusGroupItem", H = l.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRovingFocusGroup: r,
+      focusable: o = !0,
+      active: n = !1,
+      tabStopId: s,
+      ...u
+    } = e, c = Ge(), i = s || c, a = Me(X, r), g = a.currentTabStopId === i, d = Z(r), { onFocusableItemAdd: h, onFocusableItemRemove: T } = a;
+    return l.useEffect(() => {
+      if (o)
+        return h(), () => T();
+    }, [o, h, T]), /* @__PURE__ */ f(
+      $.ItemSlot,
+      {
+        scope: r,
+        id: i,
+        focusable: o,
+        active: n,
+        children: /* @__PURE__ */ f(
+          A.span,
+          {
+            tabIndex: g ? 0 : -1,
+            "data-orientation": a.orientation,
+            ...u,
+            ref: t,
+            onMouseDown: x(e.onMouseDown, (p) => {
+              o ? a.onItemFocus(i) : p.preventDefault();
+            }),
+            onFocus: x(e.onFocus, () => a.onItemFocus(i)),
+            onKeyDown: x(e.onKeyDown, (p) => {
+              if (p.key === "Tab" && p.shiftKey) {
+                a.onItemShiftTab();
+                return;
+              }
+              if (p.target !== p.currentTarget) return;
+              const m = Ve(p, a.orientation, a.dir);
+              if (m !== void 0) {
+                if (p.metaKey || p.ctrlKey || p.altKey || p.shiftKey) return;
+                p.preventDefault();
+                let v = d().filter((C) => C.focusable).map((C) => C.ref.current);
+                if (m === "last") v.reverse();
+                else if (m === "prev" || m === "next") {
+                  m === "prev" && v.reverse();
+                  const C = v.indexOf(p.currentTarget);
+                  v = a.loop ? $e(v, C + 1) : v.slice(C + 1);
+                }
+                setTimeout(() => ee(v));
+              }
+            })
+          }
+        )
+      }
+    );
+  }
+);
+H.displayName = X;
+var De = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function Le(e, t) {
+  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function Ve(e, t, r) {
+  const o = Le(e.key, r);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return De[o];
+}
+function ee(e, t = !1) {
+  const r = document.activeElement;
+  for (const o of e)
+    if (o === r || (o.focus({ preventScroll: t }), document.activeElement !== r)) return;
+}
+function $e(e, t) {
+  return e.map((r, o) => e[(t + o) % e.length]);
+}
+var Ue = Q, Be = H, Ke = "Toggle", te = l.forwardRef((e, t) => {
+  const { pressed: r, defaultPressed: o = !1, onPressedChange: n, ...s } = e, [u = !1, c] = N({
+    prop: r,
+    onChange: n,
+    defaultProp: o
+  });
+  return /* @__PURE__ */ f(
+    A.button,
+    {
+      type: "button",
+      "aria-pressed": u,
+      "data-state": u ? "on" : "off",
+      "data-disabled": e.disabled ? "" : void 0,
+      ...s,
+      ref: t,
+      onClick: x(e.onClick, () => {
+        e.disabled || c(!u);
+      })
+    }
+  );
+});
+te.displayName = Ke;
+var w = "ToggleGroup", [oe, ct] = U(w, [
+  J
+]), re = J(), K = b.forwardRef((e, t) => {
+  const { type: r, ...o } = e;
+  if (r === "single")
+    return /* @__PURE__ */ f(We, { ...o, ref: t });
+  if (r === "multiple")
+    return /* @__PURE__ */ f(je, { ...o, ref: t });
+  throw new Error(`Missing prop \`type\` expected on \`${w}\``);
+});
+K.displayName = w;
+var [ne, se] = oe(w), We = b.forwardRef((e, t) => {
+  const {
+    value: r,
+    defaultValue: o,
+    onValueChange: n = () => {
+    },
+    ...s
+  } = e, [u, c] = N({
+    prop: r,
+    defaultProp: o,
+    onChange: n
+  });
+  return /* @__PURE__ */ f(
+    ne,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "single",
+      value: u ? [u] : [],
+      onItemActivate: c,
+      onItemDeactivate: b.useCallback(() => c(""), [c]),
+      children: /* @__PURE__ */ f(ce, { ...s, ref: t })
+    }
+  );
+}), je = b.forwardRef((e, t) => {
+  const {
+    value: r,
+    defaultValue: o,
+    onValueChange: n = () => {
+    },
+    ...s
+  } = e, [u = [], c] = N({
+    prop: r,
+    defaultProp: o,
+    onChange: n
+  }), i = b.useCallback(
+    (g) => c((d = []) => [...d, g]),
+    [c]
+  ), a = b.useCallback(
+    (g) => c((d = []) => d.filter((h) => h !== g)),
+    [c]
+  );
+  return /* @__PURE__ */ f(
+    ne,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "multiple",
+      value: u,
+      onItemActivate: i,
+      onItemDeactivate: a,
+      children: /* @__PURE__ */ f(ce, { ...s, ref: t })
+    }
+  );
+});
+K.displayName = w;
+var [Ye, ze] = oe(w), ce = b.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToggleGroup: r,
+      disabled: o = !1,
+      rovingFocus: n = !0,
+      orientation: s,
+      dir: u,
+      loop: c = !0,
+      ...i
+    } = e, a = re(r), g = q(u), d = { role: "group", dir: g, ...i };
+    return /* @__PURE__ */ f(Ye, { scope: r, rovingFocus: n, disabled: o, children: n ? /* @__PURE__ */ f(
+      Ue,
+      {
+        asChild: !0,
+        ...a,
+        orientation: s,
+        dir: g,
+        loop: c,
+        children: /* @__PURE__ */ f(A.div, { ...d, ref: t })
+      }
+    ) : /* @__PURE__ */ f(A.div, { ...d, ref: t }) });
+  }
+), k = "ToggleGroupItem", ue = b.forwardRef(
+  (e, t) => {
+    const r = se(k, e.__scopeToggleGroup), o = ze(k, e.__scopeToggleGroup), n = re(e.__scopeToggleGroup), s = r.value.includes(e.value), u = o.disabled || e.disabled, c = { ...e, pressed: s, disabled: u }, i = b.useRef(null);
+    return o.rovingFocus ? /* @__PURE__ */ f(
+      Be,
+      {
+        asChild: !0,
+        ...n,
+        focusable: !u,
+        active: s,
+        ref: i,
+        children: /* @__PURE__ */ f(Y, { ...c, ref: t })
+      }
+    ) : /* @__PURE__ */ f(Y, { ...c, ref: t });
+  }
+);
+ue.displayName = k;
+var Y = b.forwardRef(
+  (e, t) => {
+    const { __scopeToggleGroup: r, value: o, ...n } = e, s = se(k, r), u = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = s.type === "single" ? u : void 0;
+    return /* @__PURE__ */ f(
+      te,
+      {
+        ...c,
+        ...n,
+        ref: t,
+        onPressedChange: (i) => {
+          i ? s.onItemActivate(o) : s.onItemDeactivate(o);
+        }
+      }
+    );
+  }
+), qe = K, Ze = ue;
+const le = b.createContext({
+  size: "medium",
+  focusMode: "system",
+  mode: "system"
+}), Je = ({ focusMode: e }) => E("focus:outline", "focus:outline-2", "focus:outline-offset", {
+  "focus:outline-focus-light": e === "light",
+  "focus:outline-focus-dark": e === "dark",
+  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
+  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
+}), Qe = ({ mode: e }) => E({
+  "data-[state=on]:bg-surface-medium": e === "dark",
+  "data-[state=on]:bg-surface-lightest": e === "light",
+  "data-[state=on]:bg-surface-lightest dark:data-[state=on]:bg-surface-medium": e === "system",
+  "data-[state=on]:bg-surface-medium dark:data-[state=on]:bg-surface-lightest": e === "alt-system"
+}), Xe = ({ size: e }) => E({
+  "h-5 px-2": e === "small",
+  "h-6 px-3": e === "medium",
+  "h-7 px-4": e === "large"
+}), He = ({ mode: e }) => E(
+  me,
+  "px-1",
+  "relative",
+  "border-r",
+  "last:border-transparent",
+  "has-[button[aria-checked='true']]:border-transparent",
+  "has-[+_*_button[aria-checked='false']]:border-border-medium",
+  {
+    "border-surface-light": e === "light",
+    "border-surface-darker": e === "dark",
+    "border-surface-light dark:border-surface-darker": e === "system",
+    "border-surface-darker dark:border-surface-light": e === "alt-system"
+  }
+), et = ({
+  focusMode: e,
+  mode: t,
+  size: r
+}) => ({
+  wrapperClass: He({ mode: t }),
+  itemClass: E(
+    ve,
+    "flex items-center justify-center bg-transparent",
+    "rounded-xs",
+    "transition duration-200 ease",
+    Xe({ size: r }),
+    Je({ focusMode: e }),
+    Qe({ mode: t })
+  )
+}), tt = ({
+  mode: e,
+  className: t
+}) => E(
+  ge,
+  "inline-flex p-1",
+  "rounded-xs",
+  {
+    "bg-surface-light text-copy-dark": e === "light",
+    "bg-surface-darker text-copy-lighter": e === "dark",
+    "bg-surface-light text-copy-dark dark:bg-surface-darker dark:text-copy-lighter": e === "system",
+    "bg-surface-darker text-copy-lighter dark:bg-surface-light dark:text-copy-dark": e === "alt-system"
+  },
+  t
+), ut = ({
+  children: e,
+  value: t,
+  onValueChange: r,
+  disabled: o,
+  mode: n = "system",
+  focusMode: s = "system",
+  size: u = "medium",
+  defaultValue: c,
+  className: i,
+  ...a
+}) => {
+  const g = tt({ mode: n, className: i }), d = { size: u, focusMode: s, mode: n };
+  return /* @__PURE__ */ f(le.Provider, { value: d, children: /* @__PURE__ */ f(
+    qe,
+    {
+      disabled: o,
+      className: g,
+      value: t,
+      defaultValue: c,
+      onValueChange: r,
+      ...a,
+      type: "single",
+      children: e
+    }
+  ) });
+}, lt = ({ value: e, disabled: t }) => {
+  const { size: r, focusMode: o, mode: n } = pe(le), { itemClass: s, wrapperClass: u } = et({
+    focusMode: o,
+    mode: n,
+    size: r
+  });
+  return /* @__PURE__ */ f("div", { className: u, children: /* @__PURE__ */ f(
+    Ze,
+    {
+      disabled: t,
+      className: s,
+      value: e,
+      children: e
+    }
+  ) });
+};
 export {
-  g as ToggleGroup,
-  m as ToggleGroupItem
+  ge as TOGGLEGROUP_CLASSNAME,
+  ve as TOGGLEGROUP_ITEM_CLASSNAME,
+  me as TOGGLEGROUP_ITEM_WRAPPER_CLASSNAME,
+  ut as ToggleGroup,
+  lt as ToggleGroupItem
 };

package/dist/index.js

@@ -1,663 +1,21 @@
-import { jsx as l, Fragment as ge } from "react/jsx-runtime";
-import * as u from "react";
-import C, { useContext as me } from "react";
-import P from "clsx";
+import { TOGGLEGROUP_CLASSNAME as E, TOGGLEGROUP_ITEM_CLASSNAME as e, TOGGLEGROUP_ITEM_WRAPPER_CLASSNAME as T, ToggleGroup as i, ToggleGroupItem as r } from "./components/ToggleGroup/ToggleGroup.js";
 /*!
-  @versini/ui-togglegroup v4.0.0
+  @versini/ui-togglegroup v4.0.2
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOGGLEGROUP__ || (window.__VERSINI_UI_TOGGLEGROUP__ = {
-    version: "4.0.0",
-    buildTime: "03/18/2025 07:53 PM EDT",
+    version: "4.0.2",
+    buildTime: "04/12/2025 09:18 AM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ve = "av-togglegroup", Ce = "av-togglegroup-item-wrapper", he = "av-togglegroup-item";
-function U(e, t = []) {
-  let o = [];
-  function r(s, c) {
-    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]) || 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]) || a, f = u.useContext(I);
-      if (f) return f;
-      if (c !== void 0) return c;
-      throw new Error(`\`${p}\` must be used within \`${s}\``);
-    }
-    return [d, v];
-  }
-  const n = () => {
-    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]
-      );
-    };
-  };
-  return n.scopeName = e, [r, be(n, ...t)];
-}
-function be(...e) {
-  const t = e[0];
-  if (e.length === 1) return t;
-  const o = () => {
-    const r = e.map((n) => ({
-      useScope: n(),
-      scopeName: n.scopeName
-    }));
-    return function(s) {
-      const c = r.reduce((a, { useScope: i, scopeName: d }) => {
-        const p = i(s)[`__scope${d}`];
-        return { ...a, ...p };
-      }, {});
-      return u.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
-    };
-  };
-  return o.scopeName = t.scopeName, o;
-}
-function j(e, t) {
-  if (typeof e == "function")
-    return e(t);
-  e != null && (e.current = t);
-}
-function z(...e) {
-  return (t) => {
-    let o = !1;
-    const r = e.map((n) => {
-      const s = j(n, t);
-      return !o && typeof s == "function" && (o = !0), s;
-    });
-    if (o)
-      return () => {
-        for (let n = 0; n < r.length; n++) {
-          const s = r[n];
-          typeof s == "function" ? s() : j(e[n], null);
-        }
-      };
-  };
-}
-function D(...e) {
-  return u.useCallback(z(...e), e);
-}
-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, 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 = u.forwardRef((e, t) => {
-  const { children: o, ...r } = e;
-  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 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 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] = (...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 };
-}
-function ye(e) {
-  var r, n;
-  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning;
-  return o ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
-}
-var Se = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-], w = Se.reduce((e, t) => {
-  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 };
-}, {});
-function S(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
-  return function(n) {
-    if (e == null || e(n), o === !1 || !n.defaultPrevented)
-      return t == null ? void 0 : t(n);
-  };
-}
-function _e(e) {
-  const t = e + "CollectionProvider", [o, r] = U(t), [n, s] = o(
-    t,
-    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), c = (I) => {
-    const { scope: f, children: m } = I, T = C.useRef(null), g = C.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ l(n, { scope: f, itemMap: g, collectionRef: T, children: m });
-  };
-  c.displayName = t;
-  const a = e + "CollectionSlot", i = C.forwardRef(
-    (I, f) => {
-      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 = 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);
-      return C.useEffect(() => (G.itemMap.set(b, { ref: b, ...g }), () => void G.itemMap.delete(b))), /* @__PURE__ */ l(A, { [v]: "", ref: _, children: T });
-    }
-  );
-  p.displayName = d;
-  function h(I) {
-    const f = s(e + "CollectionConsumer", I);
-    return C.useCallback(() => {
-      const T = f.collectionRef.current;
-      if (!T) return [];
-      const g = Array.from(T.querySelectorAll(`[${v}]`));
-      return Array.from(f.itemMap.values()).sort(
-        (G, E) => g.indexOf(G.ref.current) - g.indexOf(E.ref.current)
-      );
-    }, [f.collectionRef, f.itemMap]);
-  }
-  return [
-    { Provider: c, Slot: i, ItemSlot: p },
-    h,
-    r
-  ];
-}
-var Ge = globalThis != null && globalThis.document ? u.useLayoutEffect : () => {
-}, Pe = u.useId || (() => {
-}), xe = 0;
-function Ee(e) {
-  const [t, o] = u.useState(Pe());
-  return Ge(() => {
-    o((r) => r ?? String(xe++));
-  }, [e]), t ? `radix-${t}` : "";
-}
-function $(e) {
-  const t = u.useRef(e);
-  return u.useEffect(() => {
-    t.current = e;
-  }), u.useMemo(() => (...o) => {
-    var r;
-    return (r = t.current) == null ? void 0 : r.call(t, ...o);
-  }, []);
-}
-function k({
-  prop: e,
-  defaultProp: t,
-  onChange: o = () => {
-  }
-}) {
-  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 && a(p);
-      } else
-        n(d);
-    },
-    [s, e, n, a]
-  );
-  return [c, i];
-}
-function we({
-  defaultProp: e,
-  onChange: t
-}) {
-  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 = u.createContext(void 0);
-function q(e) {
-  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 = 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 = u.forwardRef((e, t) => {
-  const {
-    __scopeRovingFocusGroup: o,
-    orientation: r,
-    loop: n = !1,
-    dir: s,
-    currentTabStopId: c,
-    defaultCurrentTabStopId: a,
-    onCurrentTabStopIdChange: i,
-    onEntryFocus: d,
-    preventScrollOnEntryFocus: v = !1,
-    ...p
-  } = e, h = u.useRef(null), I = D(t, h), f = q(s), [m = null, T] = k({
-    prop: c,
-    defaultProp: a,
-    onChange: i
-  }), [g, b] = u.useState(!1), _ = $(d), G = Z(o), E = u.useRef(!1), [le, K] = u.useState(0);
-  return u.useEffect(() => {
-    const R = h.current;
-    if (R)
-      return R.addEventListener(O, _), () => R.removeEventListener(O, _);
-  }, [_]), /* @__PURE__ */ l(
-    Me,
-    {
-      scope: o,
-      orientation: r,
-      dir: f,
-      loop: n,
-      currentTabStopId: m,
-      onItemFocus: u.useCallback(
-        (R) => T(R),
-        [T]
-      ),
-      onItemShiftTab: u.useCallback(() => b(!0), []),
-      onFocusableItemAdd: u.useCallback(
-        () => K((R) => R + 1),
-        []
-      ),
-      onFocusableItemRemove: u.useCallback(
-        () => K((R) => R - 1),
-        []
-      ),
-      children: /* @__PURE__ */ l(
-        w.div,
-        {
-          tabIndex: g || le === 0 ? -1 : 0,
-          "data-orientation": r,
-          ...p,
-          ref: I,
-          style: { outline: "none", ...e.style },
-          onMouseDown: S(e.onMouseDown, () => {
-            E.current = !0;
-          }),
-          onFocus: S(e.onFocus, (R) => {
-            const ie = !E.current;
-            if (R.target === R.currentTarget && ie && !g) {
-              const W = new CustomEvent(O, Fe);
-              if (R.currentTarget.dispatchEvent(W), !W.defaultPrevented) {
-                const M = G().filter((y) => y.focusable), fe = M.find((y) => y.active), de = M.find((y) => y.id === m), pe = [fe, de, ...M].filter(
-                  Boolean
-                ).map((y) => y.ref.current);
-                ee(pe, v);
-              }
-            }
-            E.current = !1;
-          }),
-          onBlur: S(e.onBlur, () => b(!1))
-        }
-      )
-    }
-  );
-}), X = "RovingFocusGroupItem", H = u.forwardRef(
-  (e, t) => {
-    const {
-      __scopeRovingFocusGroup: o,
-      focusable: r = !0,
-      active: n = !1,
-      tabStopId: s,
-      ...c
-    } = e, a = Ee(), 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(
-      V.ItemSlot,
-      {
-        scope: o,
-        id: i,
-        focusable: r,
-        active: n,
-        children: /* @__PURE__ */ l(
-          w.span,
-          {
-            tabIndex: v ? 0 : -1,
-            "data-orientation": d.orientation,
-            ...c,
-            ref: t,
-            onMouseDown: S(e.onMouseDown, (f) => {
-              r ? d.onItemFocus(i) : f.preventDefault();
-            }),
-            onFocus: S(e.onFocus, () => d.onItemFocus(i)),
-            onKeyDown: S(e.onKeyDown, (f) => {
-              if (f.key === "Tab" && f.shiftKey) {
-                d.onItemShiftTab();
-                return;
-              }
-              if (f.target !== f.currentTarget) return;
-              const m = Ue(f, d.orientation, d.dir);
-              if (m !== void 0) {
-                if (f.metaKey || f.ctrlKey || f.altKey || f.shiftKey) return;
-                f.preventDefault();
-                let g = p().filter((b) => b.focusable).map((b) => b.ref.current);
-                if (m === "last") g.reverse();
-                else if (m === "prev" || m === "next") {
-                  m === "prev" && g.reverse();
-                  const b = g.indexOf(f.currentTarget);
-                  g = d.loop ? $e(g, b + 1) : g.slice(b + 1);
-                }
-                setTimeout(() => ee(g));
-              }
-            })
-          }
-        )
-      }
-    );
-  }
-);
-H.displayName = X;
-var Le = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function Ve(e, t) {
-  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
-}
-function Ue(e, t, o) {
-  const r = Ve(e.key, o);
-  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
-    return Le[r];
-}
-function ee(e, t = !1) {
-  const o = document.activeElement;
-  for (const r of e)
-    if (r === o || (r.focus({ preventScroll: t }), document.activeElement !== o)) return;
-}
-function $e(e, t) {
-  return e.map((o, r) => e[(t + r) % e.length]);
-}
-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
-  });
-  return /* @__PURE__ */ l(
-    w.button,
-    {
-      type: "button",
-      "aria-pressed": c,
-      "data-state": c ? "on" : "off",
-      "data-disabled": e.disabled ? "" : void 0,
-      ...s,
-      ref: t,
-      onClick: S(e.onClick, () => {
-        e.disabled || a(!c);
-      })
-    }
-  );
-});
-te.displayName = We;
-var x = "ToggleGroup", [oe, ut] = U(x, [
-  J
-]), re = J(), B = C.forwardRef((e, t) => {
-  const { type: o, ...r } = e;
-  if (o === "single")
-    return /* @__PURE__ */ l(je, { ...r, ref: t });
-  if (o === "multiple")
-    return /* @__PURE__ */ l(Ye, { ...r, ref: t });
-  throw new Error(`Missing prop \`type\` expected on \`${x}\``);
-});
-B.displayName = x;
-var [ne, se] = oe(x), je = C.forwardRef((e, t) => {
-  const {
-    value: o,
-    defaultValue: r,
-    onValueChange: n = () => {
-    },
-    ...s
-  } = e, [c, a] = k({
-    prop: o,
-    defaultProp: r,
-    onChange: n
-  });
-  return /* @__PURE__ */ l(
-    ne,
-    {
-      scope: e.__scopeToggleGroup,
-      type: "single",
-      value: c ? [c] : [],
-      onItemActivate: a,
-      onItemDeactivate: C.useCallback(() => a(""), [a]),
-      children: /* @__PURE__ */ l(ce, { ...s, ref: t })
-    }
-  );
-}), Ye = C.forwardRef((e, t) => {
-  const {
-    value: o,
-    defaultValue: r,
-    onValueChange: n = () => {
-    },
-    ...s
-  } = e, [c = [], a] = k({
-    prop: o,
-    defaultProp: r,
-    onChange: n
-  }), i = C.useCallback(
-    (v) => a((p = []) => [...p, v]),
-    [a]
-  ), d = C.useCallback(
-    (v) => a((p = []) => p.filter((h) => h !== v)),
-    [a]
-  );
-  return /* @__PURE__ */ l(
-    ne,
-    {
-      scope: e.__scopeToggleGroup,
-      type: "multiple",
-      value: c,
-      onItemActivate: i,
-      onItemDeactivate: d,
-      children: /* @__PURE__ */ l(ce, { ...s, ref: t })
-    }
-  );
-});
-B.displayName = x;
-var [ze, qe] = oe(x), ce = C.forwardRef(
-  (e, t) => {
-    const {
-      __scopeToggleGroup: o,
-      disabled: r = !1,
-      rovingFocus: n = !0,
-      orientation: s,
-      dir: c,
-      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(
-      Be,
-      {
-        asChild: !0,
-        ...d,
-        orientation: s,
-        dir: v,
-        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, a = { ...e, pressed: s, disabled: c }, i = C.useRef(null);
-    return r.rovingFocus ? /* @__PURE__ */ l(
-      Ke,
-      {
-        asChild: !0,
-        ...n,
-        focusable: !c,
-        active: s,
-        ref: i,
-        children: /* @__PURE__ */ l(Y, { ...a, 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 }, a = s.type === "single" ? c : void 0;
-    return /* @__PURE__ */ l(
-      te,
-      {
-        ...a,
-        ...n,
-        ref: t,
-        onPressedChange: (i) => {
-          i ? s.onItemActivate(r) : s.onItemDeactivate(r);
-        }
-      }
-    );
-  }
-), Ze = B, Je = ue;
-const ae = C.createContext({
-  size: "medium",
-  focusMode: "system",
-  mode: "system"
-}), Qe = ({ focusMode: e }) => P("focus:outline", "focus:outline-2", "focus:outline-offset", {
-  "focus:outline-focus-light": e === "light",
-  "focus:outline-focus-dark": e === "dark",
-  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
-  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), Xe = ({ mode: e }) => P({
-  "data-[state=on]:bg-surface-medium": e === "dark",
-  "data-[state=on]:bg-surface-lightest": e === "light",
-  "data-[state=on]:bg-surface-lightest dark:data-[state=on]:bg-surface-medium": e === "system",
-  "data-[state=on]:bg-surface-medium dark:data-[state=on]:bg-surface-lightest": e === "alt-system"
-}), He = ({ size: e }) => P({
-  "h-5 px-2": e === "small",
-  "h-6 px-3": e === "medium",
-  "h-7 px-4": e === "large"
-}), et = ({ mode: e }) => P(
-  Ce,
-  "px-1",
-  "relative",
-  "border-r",
-  "last:border-transparent",
-  "has-[button[aria-checked='true']]:border-transparent",
-  "has-[+_*_button[aria-checked='false']]:border-border-medium",
-  {
-    "border-surface-light": e === "light",
-    "border-surface-darker": e === "dark",
-    "border-surface-light dark:border-surface-darker": e === "system",
-    "border-surface-darker dark:border-surface-light": e === "alt-system"
-  }
-), tt = ({
-  focusMode: e,
-  mode: t,
-  size: o
-}) => ({
-  wrapperClass: et({ mode: t }),
-  itemClass: P(
-    he,
-    "flex items-center justify-center bg-transparent",
-    "rounded-xs",
-    "transition duration-200 ease",
-    He({ size: o }),
-    Qe({ focusMode: e }),
-    Xe({ mode: t })
-  )
-}), ot = ({
-  mode: e,
-  className: t
-}) => P(
-  ve,
-  "inline-flex p-1",
-  "rounded-xs",
-  {
-    "bg-surface-light text-copy-dark": e === "light",
-    "bg-surface-darker text-copy-lighter": e === "dark",
-    "bg-surface-light text-copy-dark dark:bg-surface-darker dark:text-copy-lighter": e === "system",
-    "bg-surface-darker text-copy-lighter dark:bg-surface-light dark:text-copy-dark": e === "alt-system"
-  },
-  t
-), at = ({
-  children: e,
-  value: t,
-  onValueChange: o,
-  disabled: r,
-  mode: n = "system",
-  focusMode: s = "system",
-  size: c = "medium",
-  defaultValue: a,
-  className: i,
-  ...d
-}) => {
-  const v = ot({ mode: n, className: i }), p = { size: c, focusMode: s, mode: n };
-  return /* @__PURE__ */ l(ae.Provider, { value: p, children: /* @__PURE__ */ l(
-    Ze,
-    {
-      disabled: r,
-      className: v,
-      value: t,
-      defaultValue: a,
-      onValueChange: o,
-      ...d,
-      type: "single",
-      children: e
-    }
-  ) });
-}, lt = ({ value: e, disabled: t }) => {
-  const { size: o, focusMode: r, mode: n } = me(ae), { itemClass: s, wrapperClass: c } = tt({
-    focusMode: r,
-    mode: n,
-    size: o
-  });
-  return /* @__PURE__ */ l("div", { className: c, children: /* @__PURE__ */ l(
-    Je,
-    {
-      disabled: t,
-      className: s,
-      value: e,
-      children: e
-    }
-  ) });
-};
 export {
-  ve as TOGGLEGROUP_CLASSNAME,
-  he as TOGGLEGROUP_ITEM_CLASSNAME,
-  Ce as TOGGLEGROUP_ITEM_WRAPPER_CLASSNAME,
-  at as ToggleGroup,
-  lt as ToggleGroupItem
+  E as TOGGLEGROUP_CLASSNAME,
+  e as TOGGLEGROUP_ITEM_CLASSNAME,
+  T as TOGGLEGROUP_ITEM_WRAPPER_CLASSNAME,
+  i as ToggleGroup,
+  r as ToggleGroupItem
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-togglegroup",
-	"version": "4.0.0",
+	"version": "4.0.2",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -39,16 +39,16 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@versini/ui-types": "5.0.0"
+		"@versini/ui-types": "5.0.2"
 	},
 	"dependencies": {
-		"@radix-ui/react-toggle-group": "1.1.2",
+		"@radix-ui/react-toggle-group": "1.1.3",
 		"@tailwindcss/typography": "0.5.16",
 		"clsx": "2.1.1",
-		"tailwindcss": "4.0.14"
+		"tailwindcss": "4.1.3"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "40a943e1215f5344afa169a21267769e60ed81fd"
+	"gitHead": "1bc09c4f0904bd8c01a22b1a32299fdd7598ae32"
 }