@spear-ai/spectral 1.9.0 → 1.10.0

package/dist/MultiSelect.d.ts

@@ -1,5 +1,5 @@
-import { MultiSelectBaseProps } from './MultiSelectBase';
 import { Ref } from 'react';
+import { MultiSelectBaseProps } from './MultiSelectBase';
 export interface MultiSelectProps extends Omit<MultiSelectBaseProps, 'onChange' | 'options' | 'value'> {
     emptyText?: string;
     loading?: boolean;

package/dist/MultiSelect.js

@@ -1,27 +1,27 @@
 import "./styles/main.css";
-import { jsx as u } from "react/jsx-runtime";
-import { MultiSelectBase as c } from "./MultiSelect/MultiSelectBase.js";
+import { MultiSelectBase as e } from "./MultiSelect/MultiSelectBase.js";
 import "react";
-const n = ({
-  emptyText: l = "No matches found.",
-  loading: t = !1,
-  onValueChange: s,
-  options: d,
-  ref: i,
-  state: o,
-  value: b = [],
-  ...a
-}) => {
-  const m = d.map((e) => ({
-    disabled: e.disabled ?? !1,
-    group: e.group,
-    label: e.label,
-    value: e.value
-  })), r = t ? "loading" : o;
-  return /* @__PURE__ */ u(c, { "data-disabled": a.disabled, disabled: a.disabled, emptyMessage: l, onChange: s ?? (() => {
-  }), options: m, ref: i, state: r, value: b, ...a });
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/MultiSelect/MultiSelect.tsx
+var n = ({ emptyText: n = "No matches found.", loading: r = !1, onValueChange: i, options: a, ref: o, state: s, value: c = [], ...l }) => {
+	let u = a.map((e) => ({
+		disabled: e.disabled ?? !1,
+		group: e.group,
+		label: e.label,
+		value: e.value
+	})), d = r ? "loading" : s;
+	return /* @__PURE__ */ t(e, {
+		"data-disabled": l.disabled,
+		disabled: l.disabled,
+		emptyMessage: n,
+		onChange: i ?? (() => {}),
+		options: u,
+		ref: o,
+		state: d,
+		value: c,
+		...l
+	});
 };
 n.displayName = "MultiSelect";
-export {
-  n as MultiSelect
-};
+//#endregion
+export { n as MultiSelect };

package/dist/Popover.js

@@ -1,34 +1,30 @@
 import "./styles/main.css";
-import { jsx as t } from "react/jsx-runtime";
-import { R as p, P as d, C as m, T as f, A as l } from "./index-Bv2OIg5P.js";
-import { cn as c } from "./utils/twUtils.js";
+import { t as e } from "./twUtils-VNWgstKL.js";
+import { a as t, i as n, n as r, r as i, t as a } from "./dist-BtdmHAzK.js";
 import "react";
-const x = ({ ...o }) => /* @__PURE__ */ t(p, { "data-slot": "popover", "data-testid": "spectral-popover", ...o }), b = ({ ...o }) => /* @__PURE__ */ t(f, { "data-slot": "popover-trigger", "data-testid": "spectral-popover-trigger", ...o }), P = ({ align: o = "center", className: a, collisionPadding: r = 8, side: n = "bottom", sideOffset: i = 4, width: e = "w-fit", ...s }) => /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
-  m,
-  {
-    align: o,
-    collisionPadding: r,
-    "data-slot": "popover-content",
-    "data-testid": "spectral-popover-content",
-    side: n,
-    sideOffset: i,
-    className: c(
-      "bg-popover-bg text-popover-text motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0",
-      "motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[side=bottom]:slide-in-from-top-2",
-      "motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 z-50 h-fit",
-      "max-h-(--radix-popover-content-available-height) origin-[--radix-popover-content-transform-origin] rounded-lg border-none p-4",
-      "w-(--popover-width) overflow-x-hidden overflow-y-auto shadow-md outline-none",
-      a
-    ),
-    style: {
-      "--popover-width": typeof e == "number" ? `${e}px` : e === "w-fit" ? "320px" : e
-    },
-    ...s
-  }
-) }), w = ({ ...o }) => /* @__PURE__ */ t(l, { "data-slot": "popover-anchor", ...o });
-export {
-  x as Popover,
-  w as PopoverAnchor,
-  P as PopoverContent,
-  b as PopoverTrigger
-};
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/Popover/Popover.tsx
+var s = ({ ...e }) => /* @__PURE__ */ o(n, {
+	"data-slot": "popover",
+	"data-testid": "spectral-popover",
+	...e
+}), c = ({ ...e }) => /* @__PURE__ */ o(t, {
+	"data-slot": "popover-trigger",
+	"data-testid": "spectral-popover-trigger",
+	...e
+}), l = ({ align: t = "center", className: n, collisionPadding: a = 8, side: s = "bottom", sideOffset: c = 4, width: l = "w-fit", ...u }) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(r, {
+	align: t,
+	collisionPadding: a,
+	"data-slot": "popover-content",
+	"data-testid": "spectral-popover-content",
+	side: s,
+	sideOffset: c,
+	className: e("bg-popover-bg text-popover-text motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:animate-in", "motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", "z-50 h-fit motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2", "rounded-lg p-4 max-h-(--radix-popover-content-available-height) origin-[--radix-popover-content-transform-origin] border-none", "shadow-md w-(--popover-width) overflow-x-hidden overflow-y-auto outline-none", n),
+	style: { "--popover-width": typeof l == "number" ? `${l}px` : l === "w-fit" ? "320px" : l },
+	...u
+}) }), u = ({ ...e }) => /* @__PURE__ */ o(a, {
+	"data-slot": "popover-anchor",
+	...e
+});
+//#endregion
+export { s as Popover, u as PopoverAnchor, l as PopoverContent, c as PopoverTrigger };

package/dist/RadioButton.d.ts

@@ -0,0 +1,17 @@
+import { AsChildProp } from './primitives/slot';
+import { ButtonHTMLAttributes, ReactNode, Ref } from 'react';
+export interface RadioButtonProps extends AsChildProp, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onSelect' | 'type'> {
+    checked?: boolean;
+    children: ReactNode;
+    expanded?: boolean;
+    isKeptActive?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    onSelect?: (checked: boolean) => void;
+}
+export declare const RadioButton: {
+    ({ asChild, checked, children, className, disabled, expanded, isKeptActive, onCheckedChange, onClick, onSelect, ref, ...rest }: RadioButtonProps & {
+        ref?: Ref<HTMLButtonElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=RadioButton.d.ts.map

package/dist/RadioButton.js

@@ -0,0 +1,33 @@
+import "./styles/main.css";
+import { t as e } from "./twUtils-VNWgstKL.js";
+import { Slot as t } from "./primitives/slot.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/RadioButton/RadioButton.tsx
+var r = ({ asChild: r = !1, checked: i = !1, children: a, className: o, disabled: s = !1, expanded: c = !1, isKeptActive: l = !1, onCheckedChange: u, onClick: d, onSelect: f, ref: p, ...m }) => {
+	let h = (e) => {
+		d?.(e), !(e.defaultPrevented || s) && (u?.(!0), f?.(!0));
+	}, g = {
+		...m,
+		className: e("gap-2 rounded-md text-sm font-medium focus-visible:border-ring focus-visible:ring-ring/50 h-9 px-3 min-w-9 [&_svg:not([class*='size-']):not([width]):not([height])]:size-4 inline-flex items-center justify-center border border-toggle-border bg-toggle-bg text-toggle-text shadow-none transition-colors outline-none hover:cursor-pointer hover:border-toggle-border--hover hover:bg-toggle-bg--hover hover:text-toggle-text--hover focus:z-10 focus:outline-none focus-visible:z-10 focus-visible:ring-[3px] active:border-toggle-border--active active:bg-toggle-bg--active active:text-toggle-text--active disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", c && "w-full", l && "data-[state=on]:border-toggle-border--active data-[state=on]:bg-toggle-bg--active data-[state=on]:text-toggle-text--active", o),
+		disabled: s,
+		onClick: h,
+		role: "radio",
+		"aria-checked": i,
+		"data-state": i ? "on" : "off",
+		"data-testid": "spectral-radio-button"
+	};
+	return r ? /* @__PURE__ */ n(t, {
+		ref: p,
+		...g,
+		children: a
+	}) : /* @__PURE__ */ n("button", {
+		ref: p,
+		...g,
+		type: "button",
+		children: a
+	});
+};
+r.displayName = "RadioButton";
+//#endregion
+export { r as RadioButton };

package/dist/RadioButtonGroup/RadioButtonGroupBase.d.ts

@@ -1,6 +1,8 @@
 import { AsChildProp } from '../primitives/slot';
 import { ButtonHTMLAttributes, ReactNode, Ref } from 'react';
 export interface RadioButtonGroupProps {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
     asChild?: boolean;
     children: ReactNode;
     className?: string;
@@ -14,7 +16,7 @@ export interface RadioButtonGroupItemProps extends AsChildProp, Omit<ButtonHTMLA
     onSelect?: (value: string) => void;
     value: string;
 }
-export declare const RadioButtonGroupBase: ({ children, className, expanded, isKeptActive, onValueChange, value }: RadioButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioButtonGroupBase: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, children, className, expanded, isKeptActive, onValueChange, value }: RadioButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
 export declare const RadioButtonGroupItem: {
     ({ asChild, children, className, disabled, onClick, onSelect, ref, value, ...rest }: RadioButtonGroupItemProps & {
         ref?: Ref<HTMLButtonElement>;

package/dist/RadioButtonGroup/RadioButtonGroupBase.js

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

package/dist/RadioButtonGroup.d.ts

@@ -1,5 +1,5 @@
-import { RadioButtonGroupBase, RadioButtonGroupItemProps as RadioButtonGroupItemPropsBase } from './RadioButtonGroupBase';
 import { ComponentProps } from 'react';
+import { RadioButtonGroupBase, RadioButtonGroupItemProps as RadioButtonGroupItemPropsBase } from './RadioButtonGroupBase';
 export type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroupBase>;
 export type RadioButtonGroupItemProps = RadioButtonGroupItemPropsBase;
 export declare const RadioButtonGroup: ({ className, children, ...props }: RadioButtonGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/RadioButtonGroup.js

@@ -1,10 +1,13 @@
 import "./styles/main.css";
-import { jsx as e } from "react/jsx-runtime";
-import { RadioButtonGroupItem as n, RadioButtonGroupBase as u } from "./RadioButtonGroup/RadioButtonGroupBase.js";
-import { cn as m } from "./utils/twUtils.js";
+import { t as e } from "./twUtils-VNWgstKL.js";
+import { RadioButtonGroupBase as t, RadioButtonGroupItem as n } from "./RadioButtonGroup/RadioButtonGroupBase.js";
 import "react";
-const s = ({ className: t, children: o, ...r }) => /* @__PURE__ */ e(u, { className: m("flex h-fit w-fit items-center rounded-md whitespace-nowrap [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md", t), ...r, children: o }), f = n;
-export {
-  s as RadioButtonGroup,
-  f as RadioButtonGroupItem
-};
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/RadioButtonGroup/RadioButtonGroup.tsx
+var i = ({ className: n, children: i, ...a }) => /* @__PURE__ */ r(t, {
+	className: e("rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md flex h-fit w-fit items-center whitespace-nowrap", n),
+	...a,
+	children: i
+}), a = n;
+//#endregion
+export { i as RadioButtonGroup, a as RadioButtonGroupItem };