@spear-ai/spectral 1.4.46 → 1.4.47

package/dist/RadioButtonGroup/RadioButtonGroupBase.d.ts

@@ -1,5 +1,5 @@
 import { AsChildProp } from '../primitives/slot';
-import { ReactNode } from 'react';
+import { ButtonHTMLAttributes, ReactNode, Ref } from 'react';
 export type RadioButtonGroupProps = {
     value?: string;
     onValueChange?: (value: string) => void;
@@ -9,19 +9,16 @@ export type RadioButtonGroupProps = {
     expanded?: boolean;
     asChild?: boolean;
 };
-export type RadioButtonGroupItemProps = AsChildProp & {
+export type RadioButtonGroupItemProps = AsChildProp & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onSelect' | 'type'> & {
     value: string;
     children: ReactNode;
-    className?: string;
-    disabled?: boolean;
     onSelect?: (value: string) => void;
 };
 export declare const RadioButtonGroupBase: ({ value, onValueChange, children, className, isKeptActive, expanded }: RadioButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RadioButtonGroupItem: import('react').ForwardRefExoticComponent<AsChildProp & {
-    value: string;
-    children: ReactNode;
-    className?: string;
-    disabled?: boolean;
-    onSelect?: (value: string) => void;
-} & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const RadioButtonGroupItem: {
+    ({ ref, value, children, className, disabled, asChild, onSelect, onClick, ...rest }: RadioButtonGroupItemProps & {
+        ref?: Ref<HTMLButtonElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=RadioButtonGroupBase.d.ts.map

package/dist/RadioButtonGroup/RadioButtonGroupBase.js

@@ -1,38 +1,49 @@
 "use client";
 import "../styles/main.css";
-import { jsx as a } from "react/jsx-runtime";
-import { Slot as h } from "../primitives/slot.js";
-import { cn as u } from "../utils/twUtils.js";
-import { createContext as w, forwardRef as B, useContext as R } from "react";
-const c = w(null), z = ({ value: t, onValueChange: n, children: i, className: o, isKeptActive: r = !1, expanded: e = !1 }) => /* @__PURE__ */ a(c.Provider, { value: { value: t, onValueChange: n, isKeptActive: r, expanded: e }, children: /* @__PURE__ */ a("div", { role: "radiogroup", "data-testid": "spectral-radio-button-group", "data-expanded": e, className: u("flex h-fit w-fit items-center rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md", "data-[expanded=true]:w-full", o), children: i }) }), y = B(({ value: t, children: n, className: i, disabled: o = !1, asChild: r = !1, onSelect: e }, g) => {
-  const s = R(c);
-  if (!s)
+import { jsx as n } from "react/jsx-runtime";
+import { Slot as w } from "../primitives/slot.js";
+import { cn as b } from "../utils/twUtils.js";
+import { createContext as B, useContext as y } from "react";
+const p = B(null), I = ({ value: e, onValueChange: t, children: o, className: a, isKeptActive: r = !1, expanded: i = !1 }) => /* @__PURE__ */ n(p.Provider, { value: { value: e, onValueChange: t, isKeptActive: r, expanded: i }, children: /* @__PURE__ */ n("div", { role: "radiogroup", "data-testid": "spectral-radio-button-group", "data-expanded": i, className: b("flex h-fit w-fit items-center rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md", "data-[expanded=true]:w-full", a), children: o }) }), C = ({
+  ref: e,
+  value: t,
+  children: o,
+  className: a,
+  disabled: r = !1,
+  asChild: i = !1,
+  onSelect: s,
+  onClick: d,
+  ...v
+}) => {
+  const l = y(p);
+  if (!l)
     throw new Error("RadioButtonGroupItem must be used within a RadioButtonGroup");
-  const { value: f, onValueChange: d, isKeptActive: b, expanded: p } = s, l = f === t, v = () => {
-    o || (d && d(t), e && e(t));
-  }, m = r ? h : "button", x = {
+  const { value: m, onValueChange: u, isKeptActive: h, expanded: x } = l, c = m === t, g = {
+    ...v,
     role: "radio",
-    "aria-checked": l,
-    "data-state": l ? "on" : "off",
+    "aria-checked": c,
+    "data-state": c ? "on" : "off",
     "data-testid": "spectral-radio-button-group-item",
-    disabled: o,
-    onClick: v,
-    className: u(
+    disabled: r,
+    onClick: (f) => {
+      d && d(f), !f.defaultPrevented && (r || (u && u(t), s && s(t)));
+    },
+    className: b(
       `bg-toggle-bg inline-flex items-center justify-center gap-2 border text-sm font-medium disabled:pointer-events-none disabled:opacity-50
       disabled:cursor-not-allowed hover:cursor-pointer text-toggle-text hover:bg-toggle-bg--hover hover:text-toggle-text--hover transition-[colors]
       [&_svg]:pointer-events-none [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus:outline-none
       outline-none border-toggle-border hover:border-toggle-border--hover h-9 px-3 min-w-9 [&_svg:not([class*='size-']):not([width]):not([height])]:size-4
       rounded-none shadow-none focus:z-10 focus-visible:z-10 [&:not(:first-child)]:border-l-0 active:bg-toggle-bg--active active:text-toggle-text--active
       active:border-toggle-border--active`,
-      p && "w-full",
-      b && "data-[state=on]:bg-toggle-bg--active data-[state=on]:text-toggle-text--active data-[state=on]:border-toggle-border--active",
-      i
+      x && "w-full",
+      h && "data-[state=on]:bg-toggle-bg--active data-[state=on]:text-toggle-text--active data-[state=on]:border-toggle-border--active",
+      a
     )
   };
-  return /* @__PURE__ */ a(m, { ref: g, ...!r && { type: "button" }, ...x, children: n });
-});
-y.displayName = "RadioButtonGroupItem";
+  return i ? /* @__PURE__ */ n(w, { ref: e, ...g, children: o }) : /* @__PURE__ */ n("button", { ref: e, ...g, type: "button", children: o });
+};
+C.displayName = "RadioButtonGroupItem";
 export {
-  z as RadioButtonGroupBase,
-  y as RadioButtonGroupItem
+  I as RadioButtonGroupBase,
+  C as RadioButtonGroupItem
 };

package/dist/RadioButtonGroup.d.ts

@@ -3,11 +3,10 @@ import { ComponentProps } from 'react';
 export type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroupBase>;
 export type RadioButtonGroupItemProps = RadioButtonGroupItemPropsBase;
 export declare const RadioButtonGroup: ({ className, children, ...props }: RadioButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RadioButtonGroupItem: import('react').ForwardRefExoticComponent<import('../../primitives/slot').AsChildProp & {
-    value: string;
-    children: import('react').ReactNode;
-    className?: string;
-    disabled?: boolean;
-    onSelect?: (value: string) => void;
-} & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const RadioButtonGroupItem: {
+    ({ ref, value, children, className, disabled, asChild, onSelect, onClick, ...rest }: RadioButtonGroupItemPropsBase & {
+        ref?: import('react').Ref<HTMLButtonElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=RadioButtonGroup.d.ts.map

package/package.json

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