@spear-ai/spectral 1.4.16 → 1.4.17

package/dist/ToggleGroup/ToggleGroupBase.d.ts

@@ -24,7 +24,17 @@ export type ItemRenderProps = {
     value: string;
 };
 export declare const ToggleGroupBase: (props: ToggleGroupProps & Record<`data-${string}`, any>) => import("react/jsx-runtime").JSX.Element;
-export type ToggleGroupItemProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'onPressedChange' | 'pressed' | 'defaultPressed'> & ItemRenderProps;
-export declare const ToggleGroupItemBase: import('react').ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "pressed" | "defaultPressed" | "onPressedChange"> & ItemRenderProps & import('react').RefAttributes<HTMLButtonElement>>;
+export type ToggleGroupItemProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'onPressedChange' | 'pressed' | 'defaultPressed'> & ItemRenderProps & {
+    /** @deprecated This prop is ignored - pressed state is managed by ToggleGroup */
+    pressed?: boolean;
+    /** @deprecated This prop is ignored - pressed state is managed by ToggleGroup */
+    defaultPressed?: boolean;
+};
+export declare const ToggleGroupItemBase: import('react').ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "pressed" | "defaultPressed" | "onPressedChange"> & ItemRenderProps & {
+    /** @deprecated This prop is ignored - pressed state is managed by ToggleGroup */
+    pressed?: boolean;
+    /** @deprecated This prop is ignored - pressed state is managed by ToggleGroup */
+    defaultPressed?: boolean;
+} & import('react').RefAttributes<HTMLButtonElement>>;
 export {};
 //# sourceMappingURL=ToggleGroupBase.d.ts.map

package/dist/ToggleGroup/ToggleGroupBase.js

@@ -1,98 +1,98 @@
 "use client";
 import "../styles/main.css";
-import { jsx as C, jsxs as E } from "react/jsx-runtime";
+import { jsx as k, jsxs as E } from "react/jsx-runtime";
 import { useControllableState as R } from "../hooks/useControllableState.js";
 import { clamp as M } from "../utils/sharedUtils.js";
-import { createContext as j, forwardRef as H, useContext as K, useRef as S, useImperativeHandle as L, useEffect as N, useCallback as l, useMemo as U } from "react";
-const T = j(null), W = (z) => {
+import { createContext as j, forwardRef as H, useContext as K, useRef as S, useImperativeHandle as L, useEffect as N, useCallback as u, useMemo as _ } from "react";
+const T = j(null), Q = (B) => {
   const {
-    className: o,
-    defaultValue: i,
-    disabled: x = !1,
-    loop: c = !0,
-    name: u,
-    onValueChange: v,
-    orientation: b = "horizontal",
-    type: d = "single",
-    value: a,
-    "data-variant": V,
-    "data-size": w,
-    "data-slot": f,
-    "data-layout": A,
-    ...G
-  } = z, p = d === "multiple", [n, m] = R({
-    defaultValue: typeof i < "u" ? i : p ? [] : "",
-    onChange: v,
-    value: a
-  }), r = S([]), g = l((t, s) => {
-    const P = { val: t, el: s, disabled: !!s?.disabled };
-    return r.current = [...r.current.filter((D) => D.val !== t), P], () => {
-      r.current = r.current.filter((D) => D.val !== t);
+    className: r,
+    defaultValue: d,
+    disabled: I = !1,
+    loop: g = !0,
+    name: c,
+    onValueChange: x,
+    orientation: D = "horizontal",
+    type: y = "single",
+    value: C,
+    "data-variant": z,
+    "data-size": o,
+    "data-slot": P,
+    "data-layout": v,
+    ...h
+  } = B, f = y === "multiple", [n, b] = R({
+    defaultValue: typeof d < "u" ? d : f ? [] : "",
+    onChange: x,
+    value: C
+  }), a = S([]), w = u((t, s) => {
+    const A = { val: t, el: s, disabled: !!s?.disabled };
+    return a.current = [...a.current.filter((m) => m.val !== t), A], () => {
+      a.current = a.current.filter((m) => m.val !== t);
     };
-  }, []), k = l(() => r.current.slice(), []), B = l(
-    (t) => p ? Array.isArray(n) && n.includes(t) : n === t,
-    [p, n]
-  ), e = l((t) => m(t), [m]), y = l(
+  }, []), i = u(() => a.current.slice(), []), p = u(
+    (t) => f ? Array.isArray(n) && n.includes(t) : n === t,
+    [f, n]
+  ), V = u((t) => b(t), [b]), G = u(
     (t) => {
-      const s = r.current;
+      const s = a.current;
       if (s.length === 0) return;
-      const P = s.length - 1, D = c ? (t % s.length + s.length) % s.length : M(t, 0, P);
-      s[D]?.el?.focus();
+      const A = s.length - 1, m = g ? (t % s.length + s.length) % s.length : M(t, 0, A);
+      s[m]?.el?.focus();
     },
-    [c]
-  ), h = U(
+    [g]
+  ), e = _(
     () => ({
-      focusItemByIndex: y,
-      groupDisabled: x,
-      isItemPressed: B,
-      itemsSnapshot: k,
-      loop: c,
-      name: u,
-      orientation: b,
-      register: g,
-      setValue: e,
-      type: d,
+      focusItemByIndex: G,
+      groupDisabled: I,
+      isItemPressed: p,
+      itemsSnapshot: i,
+      loop: g,
+      name: c,
+      orientation: D,
+      register: w,
+      setValue: V,
+      type: y,
       value: n
     }),
-    [x, B, k, c, u, b, e, d, n]
-  ), I = u;
-  return /* @__PURE__ */ E("div", { className: o, "data-disabled": x ? "" : void 0, "data-layout": A, "data-orientation": b, "data-size": w, "data-slot": f, "data-variant": V, role: "group", ...G, children: [
-    /* @__PURE__ */ C(T.Provider, { value: h, children: z.children }),
-    I && d === "single" && typeof n == "string" ? /* @__PURE__ */ C("input", { type: "hidden", name: I, value: n }) : null,
-    I && d === "multiple" && Array.isArray(n) ? n.map((t) => /* @__PURE__ */ C("input", { type: "hidden", name: I + "[]", value: t }, t)) : null
+    [I, p, i, g, c, D, V, y, n]
+  ), l = c;
+  return /* @__PURE__ */ E("div", { className: r, "data-disabled": I ? "" : void 0, "data-layout": v, "data-orientation": D, "data-size": o, "data-slot": P, "data-variant": z, role: "group", ...h, children: [
+    /* @__PURE__ */ k(T.Provider, { value: e, children: B.children }),
+    l && y === "single" && typeof n == "string" ? /* @__PURE__ */ k("input", { type: "hidden", name: l, value: n }) : null,
+    l && y === "multiple" && Array.isArray(n) ? n.map((t) => /* @__PURE__ */ k("input", { type: "hidden", name: l + "[]", value: t }, t)) : null
   ] });
-}, X = H(function({ value: o, disabled: i, className: x, children: c, onKeyDown: u, onClick: v, ...b }, d) {
-  const a = K(T);
-  if (!a) throw new Error("ToggleGroupItem must be used within ToggleGroup");
-  const { type: V, orientation: w, groupDisabled: f, setValue: A, isItemPressed: G, itemsSnapshot: p, register: n } = a, m = S(null);
-  L(d, () => m.current), N(() => n(o, m.current), [n, o]);
-  const r = G(o), g = l(() => {
-    if (!(f || i))
-      if (V === "single") A(r ? "" : o);
+}, W = H(function({ value: r, disabled: d, className: I, children: g, onKeyDown: c, onClick: x, pressed: D, defaultPressed: y, ...C }, z) {
+  const o = K(T);
+  if (!o) throw new Error("ToggleGroupItem must be used within ToggleGroup");
+  const { type: P, orientation: v, groupDisabled: h, setValue: f, isItemPressed: n, itemsSnapshot: b, register: a } = o, w = S(null);
+  L(z, () => w.current), N(() => a(r, w.current), [a, r]);
+  const i = n(r), p = u(() => {
+    if (!(h || d))
+      if (P === "single") f(i ? "" : r);
       else {
-        const e = a.value, y = r ? e.filter((h) => h !== o) : [...e, o];
-        A(y);
+        const e = o.value, l = i ? e.filter((t) => t !== r) : [...e, r];
+        f(l);
       }
-  }, [a.value, i, f, r, A, V, o]), k = l(
+  }, [o.value, d, h, i, f, P, r]), V = u(
     (e) => {
-      if (u && u(e), e.defaultPrevented) return;
+      if (c && c(e), e.defaultPrevented) return;
       if (e.key === " " || e.key === "Enter") {
-        e.preventDefault(), g();
+        e.preventDefault(), p();
         return;
       }
-      const y = p(), h = y.findIndex((s) => s.val === o), I = w === "horizontal" ? "ArrowLeft" : "ArrowUp", t = w === "horizontal" ? "ArrowRight" : "ArrowDown";
-      e.key === I ? (e.preventDefault(), a.focusItemByIndex(h - 1)) : e.key === t ? (e.preventDefault(), a.focusItemByIndex(h + 1)) : e.key === "Home" ? (e.preventDefault(), a.focusItemByIndex(0)) : e.key === "End" && (e.preventDefault(), a.focusItemByIndex(y.length - 1));
+      const l = b(), t = l.findIndex((m) => m.val === r), s = v === "horizontal" ? "ArrowLeft" : "ArrowUp", A = v === "horizontal" ? "ArrowRight" : "ArrowDown";
+      e.key === s ? (e.preventDefault(), o.focusItemByIndex(t - 1)) : e.key === A ? (e.preventDefault(), o.focusItemByIndex(t + 1)) : e.key === "Home" ? (e.preventDefault(), o.focusItemByIndex(0)) : e.key === "End" && (e.preventDefault(), o.focusItemByIndex(l.length - 1));
     },
-    [a, p, u, w, g, o]
-  ), B = l(
+    [o, b, c, v, p, r]
+  ), G = u(
     (e) => {
-      v && v(e), !e.defaultPrevented && g();
+      x && x(e), !e.defaultPrevented && p();
     },
-    [v, g]
+    [x, p]
   );
-  return /* @__PURE__ */ C("button", { "aria-pressed": r, className: x, "data-disabled": f || i ? "" : void 0, "data-state": r ? "on" : "off", disabled: f || i, onClick: B, onKeyDown: k, ref: m, type: "button", ...b, children: c });
+  return /* @__PURE__ */ k("button", { "aria-pressed": i, className: I, "data-disabled": h || d ? "" : void 0, "data-state": i ? "on" : "off", disabled: h || d, onClick: G, onKeyDown: V, ref: w, type: "button", ...C, children: g });
 });
 export {
-  W as ToggleGroupBase,
-  X as ToggleGroupItemBase
+  Q as ToggleGroupBase,
+  W as ToggleGroupItemBase
 };

package/dist/ToggleGroup.d.ts

@@ -4,7 +4,10 @@ import { VariantProps } from 'class-variance-authority';
 import { ComponentProps } from 'react';
 export type ToggleGroupProps = ComponentProps<typeof ToggleGroupBase> & VariantProps<typeof toggleVariants>;
 export declare const ToggleGroup: ({ className, variant, size, layout, children, ...props }: ToggleGroupProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ToggleGroupItem: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "pressed" | "defaultPressed" | "onPressedChange"> & import('./ToggleGroupBase').ItemRenderProps & import('react').RefAttributes<HTMLButtonElement> & VariantProps<(props?: ({
+export declare const ToggleGroupItem: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "pressed" | "defaultPressed" | "onPressedChange"> & import('./ToggleGroupBase').ItemRenderProps & {
+    pressed?: boolean;
+    defaultPressed?: boolean;
+} & import('react').RefAttributes<HTMLButtonElement> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     layout?: "default" | "expanded" | null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.4.16",
+  "version": "1.4.17",
   "type": "module",
   "private": false,
   "repository": {