@spear-ai/spectral 1.12.6 → 1.13.0

package/dist/RadioButtonGroup/RadioButtonGroupBase.d.ts

@@ -1,8 +1,6 @@
 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;
@@ -10,6 +8,8 @@ export interface RadioButtonGroupProps {
     isKeptActive?: boolean;
     onValueChange?: (value: string) => void;
     value?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 }
 export interface RadioButtonGroupItemProps extends AsChildProp, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onSelect' | 'type'> {
     children: ReactNode;

package/dist/Toggle.d.ts

@@ -12,7 +12,7 @@ export declare const toggleVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
     layout?: "default" | "expanded" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const Toggle: ({ ref, className, variant, size, layout, disabled, activeColor, activeTextColor, style, ...props }: ToggleProps & {
+export declare const Toggle: ({ activeColor, activeTextColor, className, disabled, layout, ref, size, style, variant, ...props }: ToggleProps & {
     ref?: Ref<HTMLButtonElement>;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Toggle.d.ts.map

package/dist/Toggle.js

@@ -14,7 +14,7 @@ var i = /^(#|rgb|hsl|oklch|oklab|lab|lch|color|var\(|transparent|currentcolor)/i
 		},
 		...t && { "--color-toggle-text--active": o(t) }
 	};
-}, c = t("gap-2 rounded-md text-sm shadow-sm font-medium focus-visible:border-ring focus-visible:ring-ring/50 inline-flex w-fit items-center justify-center border bg-toggle-bg whitespace-nowrap text-toggle-text transition-colors outline-none hover:cursor-pointer hover:border-toggle-border--hover hover:bg-toggle-bg--hover hover:text-toggle-text--hover focus:outline-none focus-visible:ring-[3px] active:bg-toggle-bg--active aria-invalid:border-danger-200 aria-invalid:ring-danger-200/20 aria-pressed:border-toggle-border--active aria-pressed:bg-toggle-bg--active aria-pressed:text-toggle-text--active data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[state=on]:border-toggle-border--active data-[state=on]:bg-toggle-bg--active data-[state=on]:text-toggle-text--active [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+}, c = t("gap-2 rounded-md text-sm shadow-sm font-medium inline-flex w-fit items-center justify-center border bg-toggle-bg whitespace-nowrap text-toggle-text transition-colors hover:cursor-pointer hover:border-toggle-border--hover hover:bg-toggle-bg--hover hover:text-toggle-text--hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent active:bg-toggle-bg--active aria-invalid:border-danger-200 aria-invalid:outline-danger-200/20 aria-pressed:border-toggle-border--active aria-pressed:bg-toggle-bg--active aria-pressed:text-toggle-text--active data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[state=on]:border-toggle-border--active data-[state=on]:bg-toggle-bg--active data-[state=on]:text-toggle-text--active [&_svg]:pointer-events-none [&_svg]:shrink-0", {
 	variants: {
 		variant: {
 			default: "border-toggle-border hover:border-toggle-border--hover",
@@ -31,23 +31,23 @@ var i = /^(#|rgb|hsl|oklch|oklab|lab|lch|color|var\(|transparent|currentcolor)/i
 		}
 	},
 	defaultVariants: {
-		variant: "default",
+		layout: "default",
 		size: "default",
-		layout: "default"
+		variant: "default"
 	}
-}), l = ({ ref: t, className: i, variant: a, size: o, layout: l, disabled: u, activeColor: d, activeTextColor: f, style: p, ...m }) => /* @__PURE__ */ r(n, {
-	ref: t,
-	disabled: u,
+}), l = ({ activeColor: t, activeTextColor: i, className: a, disabled: o, layout: l, ref: u, size: d, style: f, variant: p, ...m }) => /* @__PURE__ */ r(n, {
+	ref: u,
+	disabled: o,
 	"data-slot": "toggle",
 	"data-testid": "spectral-toggle",
 	className: e(c({
-		variant: a,
-		size: o,
+		variant: p,
+		size: d,
 		layout: l
-	}), i),
+	}), a),
 	style: {
-		...s(d, f),
-		...p
+		...s(t, i),
+		...f
 	},
 	...m
 });

package/dist/ToggleGroup/ToggleGroup.context.d.ts

@@ -0,0 +1,9 @@
+import { ActiveColor, toggleVariants } from '../Toggle/Toggle';
+import { VariantProps } from 'class-variance-authority';
+export type ToggleGroupContextValue = VariantProps<typeof toggleVariants> & {
+    activeColor?: ActiveColor;
+    activeTextColor?: ActiveColor;
+    orientation?: 'horizontal' | 'vertical';
+};
+export declare const ToggleGroupContext: import('react').Context<ToggleGroupContextValue>;
+//# sourceMappingURL=ToggleGroup.context.d.ts.map

package/dist/ToggleGroup/ToggleGroup.context.js

@@ -0,0 +1,11 @@
+'use client'
+import "../Toggle.js";
+import { createContext as e } from "react";
+//#region src/components/ToggleGroup/ToggleGroup.context.ts
+var t = e({
+	layout: "default",
+	size: "default",
+	variant: "default"
+});
+//#endregion
+export { t as ToggleGroupContext };

package/dist/ToggleGroup/ToggleGroupBase.d.ts

@@ -30,7 +30,7 @@ export type ToggleGroupItemProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>,
     /** @deprecated This prop is ignored - pressed state is managed by ToggleGroup */
     defaultPressed?: boolean;
 };
-export declare const ToggleGroupItemBase: ({ ref, value, disabled, className, children, onKeyDown, onClick, ...rest }: ToggleGroupItemProps & {
+export declare const ToggleGroupItemBase: ({ children, className, disabled, onClick, onKeyDown, ref, value, ...rest }: ToggleGroupItemProps & {
     ref?: Ref<HTMLButtonElement>;
 }) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ToggleGroup/ToggleGroupBase.js

@@ -6,7 +6,7 @@ import { createContext as n, useCallback as r, useContext as i, useEffect as a,
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/ToggleGroup/ToggleGroupBase.tsx
 var d = n(null), f = (n) => {
-	let { className: i, defaultValue: a, disabled: o = !1, loop: f = !0, name: p, onValueChange: m, orientation: h = "horizontal", type: g = "single", value: _, "data-variant": v, "data-size": y, "data-slot": b, "data-layout": x, ...S } = n, C = g === "multiple", [w, T] = e({
+	let { className: i, defaultValue: a, disabled: o = !1, loop: f = !0, name: p, onValueChange: m, orientation: h = "horizontal", type: g = "single", value: _, "data-layout": v, "data-size": y, "data-slot": b, "data-variant": x, ...S } = n, C = g === "multiple", [w, T] = e({
 		defaultValue: a === void 0 ? C ? [] : "" : a,
 		onChange: m,
 		value: _
@@ -52,11 +52,11 @@ var d = n(null), f = (n) => {
 	return /* @__PURE__ */ u("div", {
 		className: i,
 		"data-disabled": o ? "" : void 0,
-		"data-layout": x,
+		"data-layout": v,
 		"data-orientation": h,
 		"data-size": y,
 		"data-slot": b,
-		"data-variant": v,
+		"data-variant": x,
 		role: "group",
 		...S,
 		children: [
@@ -76,19 +76,19 @@ var d = n(null), f = (n) => {
 			}, e)) : null
 		]
 	});
-}, p = function({ ref: e, value: t, disabled: n, className: s, children: u, onKeyDown: f, onClick: p, ...m }) {
+}, p = function({ children: e, className: t, disabled: n, onClick: s, onKeyDown: u, ref: f, value: p, ...m }) {
 	let h = i(d);
 	if (!h) throw Error("ToggleGroupItem must be used within ToggleGroup");
 	let { type: g, orientation: _, groupDisabled: v, setValue: y, isItemPressed: b, itemsSnapshot: x, register: S } = h, C = c(null);
-	o(e, () => {
+	o(f, () => {
 		if (!C.current) throw Error("ToggleGroupItem button ref is not set");
 		return C.current;
-	}), a(() => S(t, C.current), [S, t]);
-	let w = b(t), T = r(() => {
-		if (!(v || n)) if (g === "single") y(w ? "" : t);
+	}), a(() => S(p, C.current), [S, p]);
+	let w = b(p), T = r(() => {
+		if (!(v || n)) if (g === "single") y(w ? "" : p);
 		else {
 			let e = h.value;
-			y(w ? e.filter((e) => e !== t) : [...e, t]);
+			y(w ? e.filter((e) => e !== p) : [...e, p]);
 		}
 	}, [
 		h.value,
@@ -97,28 +97,28 @@ var d = n(null), f = (n) => {
 		w,
 		y,
 		g,
-		t
+		p
 	]), E = r((e) => {
-		if (f && f(e), e.defaultPrevented) return;
+		if (u && u(e), e.defaultPrevented) return;
 		if (e.key === " " || e.key === "Enter") {
 			e.preventDefault(), T();
 			return;
 		}
-		let n = x(), r = n.findIndex((e) => e.val === t), i = _ === "horizontal" ? "ArrowLeft" : "ArrowUp", a = _ === "horizontal" ? "ArrowRight" : "ArrowDown";
-		e.key === i ? (e.preventDefault(), h.focusItemByIndex(r - 1)) : e.key === a ? (e.preventDefault(), h.focusItemByIndex(r + 1)) : e.key === "Home" ? (e.preventDefault(), h.focusItemByIndex(0)) : e.key === "End" && (e.preventDefault(), h.focusItemByIndex(n.length - 1));
+		let t = x(), n = t.findIndex((e) => e.val === p), r = _ === "horizontal" ? "ArrowLeft" : "ArrowUp", i = _ === "horizontal" ? "ArrowRight" : "ArrowDown";
+		e.key === r ? (e.preventDefault(), h.focusItemByIndex(n - 1)) : e.key === i ? (e.preventDefault(), h.focusItemByIndex(n + 1)) : e.key === "Home" ? (e.preventDefault(), h.focusItemByIndex(0)) : e.key === "End" && (e.preventDefault(), h.focusItemByIndex(t.length - 1));
 	}, [
 		h,
 		x,
-		f,
+		u,
 		_,
 		T,
-		t
+		p
 	]), D = r((e) => {
-		p && p(e), !e.defaultPrevented && T();
-	}, [p, T]);
+		s && s(e), !e.defaultPrevented && T();
+	}, [s, T]);
 	return /* @__PURE__ */ l("button", {
 		"aria-pressed": w,
-		className: s,
+		className: t,
 		"data-disabled": v || n ? "" : void 0,
 		"data-state": w ? "on" : "off",
 		disabled: v || n,
@@ -127,7 +127,7 @@ var d = n(null), f = (n) => {
 		ref: C,
 		type: "button",
 		...m,
-		children: u
+		children: e
 	});
 };
 //#endregion

package/dist/ToggleGroup/ToggleGroupItem.d.ts

@@ -0,0 +1,15 @@
+import { toggleVariants, ActiveColor } from '../Toggle/Toggle';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps, Ref } from 'react';
+import { ToggleGroupItemBase } from './ToggleGroupBase';
+export type ToggleGroupItemProps = ComponentProps<typeof ToggleGroupItemBase> & VariantProps<typeof toggleVariants> & {
+    activeColor?: ActiveColor;
+    activeTextColor?: ActiveColor;
+};
+export declare const ToggleGroupItem: {
+    ({ activeColor, activeTextColor, children, className, layout, ref, size, style, value, variant, ...props }: ToggleGroupItemProps & {
+        ref?: Ref<HTMLButtonElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ToggleGroupItem.d.ts.map

package/dist/ToggleGroup/ToggleGroupItem.js

@@ -0,0 +1,35 @@
+'use client'
+import '../styles/main.css'
+import { t as e } from "../twUtils-BpqlKSeB.js";
+import { getActiveColorStyle as t, toggleVariants as n } from "../Toggle.js";
+import { ToggleGroupContext as r } from "./ToggleGroup.context.js";
+import { ToggleGroupItemBase as i } from "./ToggleGroupBase.js";
+import { useContext as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/ToggleGroup/ToggleGroupItem.tsx
+var s = ({ activeColor: s, activeTextColor: c, children: l, className: u, layout: d, ref: f, size: p, style: m, value: h, variant: g, ..._ }) => {
+	let v = a(r), y = v.variant ?? g, b = v.size ?? p, x = v.layout ?? d, S = s ?? v.activeColor, C = c ?? v.activeTextColor;
+	return /* @__PURE__ */ o(i, {
+		className: e(n({
+			variant: y,
+			size: b,
+			layout: x
+		}), "group data-[variant=outline]:hover:border-togglegroup-border rounded-none shadow-none focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:border-toggle-outline-border", u),
+		"data-layout": x,
+		"data-size": b,
+		"data-slot": "toggle-group-item",
+		"data-testid": "spectral-toggle-group-item",
+		"data-variant": y,
+		ref: f,
+		style: {
+			...t(S, C),
+			...m
+		},
+		value: h,
+		..._,
+		children: l
+	});
+};
+s.displayName = "ToggleGroupItem";
+//#endregion
+export { s as ToggleGroupItem };

package/dist/ToggleGroup/ToggleGroupSplitMenuItem.d.ts

@@ -0,0 +1,19 @@
+import { DropdownMenuOption } from '../DropdownMenu/DropdownMenu';
+import { CSSProperties, ReactNode } from 'react';
+import { ToggleGroupItemProps } from './ToggleGroupItem';
+export interface ToggleGroupSplitMenuItemProps extends Omit<ToggleGroupItemProps, 'children'> {
+    children: ReactNode;
+    dropdownAriaLabel: string;
+    dropdownButtonClassName?: string;
+    dropdownButtonStyle?: CSSProperties;
+    dropdownOptions: DropdownMenuOption[];
+    dropdownValue?: string | string[];
+    dropdownValueLabel?: string;
+    onDropdownValueChange?: (value: string | string[]) => void;
+    triggerIcon?: ReactNode;
+}
+export declare const ToggleGroupSplitMenuItem: {
+    ({ activeColor, activeTextColor, children, className, dropdownAriaLabel, dropdownButtonClassName, dropdownButtonStyle, dropdownOptions, dropdownValue, dropdownValueLabel, layout, onDropdownValueChange, onKeyDown, size, style, triggerIcon, value, variant, ...props }: ToggleGroupSplitMenuItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ToggleGroupSplitMenuItem.d.ts.map

package/dist/ToggleGroup/ToggleGroupSplitMenuItem.js

@@ -0,0 +1,75 @@
+'use client'
+import '../styles/main.css'
+import { ChevronDownIcon as e } from "../Icons/ChevronDownIcon.js";
+import { t } from "../twUtils-BpqlKSeB.js";
+import { getActiveColorStyle as n, toggleVariants as r } from "../Toggle.js";
+import { ToggleGroupContext as i } from "./ToggleGroup.context.js";
+import { ToggleGroupItem as a } from "./ToggleGroupItem.js";
+import { t as o } from "../DropdownMenu-B8I8IRcu.js";
+import { useContext as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/ToggleGroup/ToggleGroupSplitMenuItem.tsx
+var f = ({ activeColor: f, activeTextColor: p, children: m, className: h, dropdownAriaLabel: g, dropdownButtonClassName: _, dropdownButtonStyle: v, dropdownOptions: y, dropdownValue: b, dropdownValueLabel: x, layout: S, onDropdownValueChange: C, onKeyDown: w, size: T, style: E, triggerIcon: D = /* @__PURE__ */ u(e, { size: 16 }), value: O, variant: k, ...A }) => {
+	let [j, M] = c(!1), N = A.disabled ?? !1, P = s(i), F = k ?? P.variant, I = T ?? P.size, L = S ?? P.layout, R = P.orientation ?? "horizontal", z = f ?? P.activeColor, B = p ?? P.activeTextColor, V = {
+		...n(z, B),
+		...E
+	}, H = (e) => {
+		if (e.key === "ArrowDown" && R !== "vertical") {
+			e.preventDefault(), M(!0), w && w(e);
+			return;
+		}
+		w && w(e);
+	}, U = (e) => {
+		if (e.key === "ArrowDown" || e.key === "Space" || e.key === "Spacebar") {
+			e.preventDefault(), M(!0), w && w(e);
+			return;
+		}
+		w && w(e);
+	};
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(a, {
+		activeColor: z,
+		activeTextColor: B,
+		"aria-label": A["aria-label"] ? `${A["aria-label"]}${x ? `, ${x}` : ""}` : void 0,
+		className: t("peer/spectral-split-menu rounded-r-none! border-r-0", h),
+		layout: L,
+		onKeyDown: H,
+		size: I,
+		style: V,
+		value: O,
+		variant: F,
+		...(({ "aria-label": e, ...t }) => t)(A),
+		children: m
+	}), /* @__PURE__ */ u(o, {
+		asChild: !0,
+		disabled: N,
+		onOpenChange: M,
+		onValueChange: C,
+		open: j,
+		options: y,
+		trigger: /* @__PURE__ */ u("button", {
+			"aria-expanded": j,
+			"aria-haspopup": "menu",
+			"aria-label": g,
+			className: t(r({
+				layout: L,
+				size: I,
+				variant: F
+			}), "-ml-0.5 px-1 min-w-6 data-[size=sm]:min-w-5 data-[size=sm]:px-0.5 relative rounded-none border-l-0 shadow-none", "data-[size=lg]:min-w-7 data-[size=lg]:px-1.5 data-[variant=outline]:border-toggle-outline-border", "hover:opacity-100! data-[variant=outline]:hover:border-toggle-outline-border", "before:inset-y-2 before:left-0 before:pointer-events-none before:absolute before:w-px before:bg-border-secondary/6", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent", "peer-data-[state=on]/spectral-split-menu:border-toggle-border-primary", "peer-data-[state=on]/spectral-split-menu:bg-toggle-bg--active", "peer-data-[state=on]/spectral-split-menu:hover:bg-toggle-bg--active!", "peer-data-[state=on]/spectral-split-menu:text-toggle-text--active", _),
+			"data-layout": L,
+			"data-size": I,
+			"data-variant": F,
+			disabled: N,
+			onKeyDown: U,
+			style: {
+				...V,
+				...v
+			},
+			type: "button",
+			children: D
+		}),
+		value: b
+	})] });
+};
+f.displayName = "ToggleGroupSplitMenuItem";
+//#endregion
+export { f as ToggleGroupSplitMenuItem };

package/dist/ToggleGroup.d.ts

@@ -1,20 +1,12 @@
-import { toggleVariants, ActiveColor } from '../Toggle/Toggle';
+import { ActiveColor, toggleVariants } from '../Toggle/Toggle';
 import { VariantProps } from 'class-variance-authority';
-import { ComponentProps, Ref } from 'react';
-import { ToggleGroupBase, ToggleGroupItemBase } from './ToggleGroupBase';
-export type ToggleGroupItemProps = ComponentProps<typeof ToggleGroupItemBase> & VariantProps<typeof toggleVariants> & {
-    activeColor?: ActiveColor;
-    activeTextColor?: ActiveColor;
-};
+import { ComponentProps } from 'react';
+import { ToggleGroupBase } from './ToggleGroupBase';
+export { ToggleGroupItem, type ToggleGroupItemProps } from './ToggleGroupItem';
+export { ToggleGroupSplitMenuItem, type ToggleGroupSplitMenuItemProps } from './ToggleGroupSplitMenuItem';
 export type ToggleGroupProps = ComponentProps<typeof ToggleGroupBase> & VariantProps<typeof toggleVariants> & {
     activeColor?: ActiveColor;
     activeTextColor?: ActiveColor;
 };
-export declare const ToggleGroup: ({ className, variant, size, layout, activeColor, activeTextColor, children, ...props }: ToggleGroupProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ToggleGroupItem: {
-    ({ activeColor, activeTextColor, children, className, layout, ref, size, style, value, variant, ...props }: ToggleGroupItemProps & {
-        ref?: Ref<HTMLButtonElement>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ToggleGroup: ({ className, variant, size, layout, activeColor, activeTextColor, orientation, children, ...props }: ToggleGroupProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ToggleGroup.d.ts.map

package/dist/ToggleGroup.js

@@ -1,56 +1,34 @@
 'use client'
 import './styles/main.css'
 import { t as e } from "./twUtils-BpqlKSeB.js";
-import { getActiveColorStyle as t, toggleVariants as n } from "./Toggle.js";
-import { ToggleGroupBase as r, ToggleGroupItemBase as i } from "./ToggleGroup/ToggleGroupBase.js";
-import { createContext as a, useContext as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
+import "./Toggle.js";
+import { ToggleGroupContext as t } from "./ToggleGroup/ToggleGroup.context.js";
+import { ToggleGroupBase as n } from "./ToggleGroup/ToggleGroupBase.js";
+import { ToggleGroupItem as r } from "./ToggleGroup/ToggleGroupItem.js";
+import { ToggleGroupSplitMenuItem as i } from "./ToggleGroup/ToggleGroupSplitMenuItem.js";
+import "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/components/ToggleGroup/ToggleGroup.tsx
-var c = a({
-	layout: "default",
-	size: "default",
-	variant: "default"
-}), l = ({ className: t, variant: n, size: i, layout: a, activeColor: o, activeTextColor: l, children: u, ...d }) => /* @__PURE__ */ s(r, {
-	className: e("group/toggle-group rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md data-[variant='outline']:gap-0.5 flex h-fit w-fit items-center data-[layout='expanded']:w-full", t),
-	"data-layout": a,
-	"data-size": i,
+var o = ({ className: r, variant: i, size: o, layout: s, activeColor: c, activeTextColor: l, orientation: u, children: d, ...f }) => /* @__PURE__ */ a(n, {
+	className: e("group/toggle-group rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md data-[variant='outline']:gap-0.5 flex h-fit w-fit items-center data-[layout='expanded']:w-full", r),
+	"data-layout": s,
+	"data-size": o,
 	"data-slot": "toggle-group",
 	"data-testid": "spectral-toggle-group",
-	"data-variant": n,
-	...d,
-	children: /* @__PURE__ */ s(c.Provider, {
+	"data-variant": i,
+	orientation: u,
+	...f,
+	children: /* @__PURE__ */ a(t.Provider, {
 		value: {
-			variant: n,
-			size: i,
-			layout: a,
-			activeColor: o,
-			activeTextColor: l
+			variant: i,
+			size: o,
+			layout: s,
+			activeColor: c,
+			activeTextColor: l,
+			orientation: u
 		},
-		children: u
+		children: d
 	})
-}), u = ({ activeColor: r, activeTextColor: a, children: l, className: u, layout: d, ref: f, size: p, style: m, value: h, variant: g, ..._ }) => {
-	let v = o(c), y = v.variant ?? g, b = v.size ?? p, x = v.layout ?? d, S = r ?? v.activeColor, C = a ?? v.activeTextColor;
-	return /* @__PURE__ */ s(i, {
-		className: e(n({
-			variant: y,
-			size: b,
-			layout: x
-		}), "group data-[variant=outline]:hover:border-togglegroup-border rounded-none shadow-none focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:border-toggle-outline-border", u),
-		"data-layout": x,
-		"data-size": b,
-		"data-slot": "toggle-group-item",
-		"data-testid": "spectral-toggle-group-item",
-		"data-variant": y,
-		ref: f,
-		style: {
-			...t(S, C),
-			...m
-		},
-		value: h,
-		..._,
-		children: l
-	});
-};
-u.displayName = "ToggleGroupItem";
+});
 //#endregion
-export { l as ToggleGroup, u as ToggleGroupItem };
+export { o as ToggleGroup, r as ToggleGroupItem, i as ToggleGroupSplitMenuItem };

package/dist/Tooltip.js

@@ -1,3 +1,3 @@
 'use client'
-import { i as e, n as t, r as n, t as r } from "./Tooltip-vEdD4f2U.js";
+import { i as e, n as t, r as n, t as r } from "./Tooltip-CTjKOfvC.js";
 export { r as Tooltip, t as TooltipContent, n as TooltipProvider, e as TooltipTrigger };

package/dist/index.d.ts

@@ -33,7 +33,7 @@ export { Tabs, type TabsProps } from './components/Tabs/Tabs';
 export { Textarea, type TextareaProps } from './components/Textarea/Textarea';
 export { Toast, toast, type ToastProps } from './components/Toast/Toast';
 export { Toggle, type ToggleProps } from './components/Toggle/Toggle';
-export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps } from './components/ToggleGroup/ToggleGroup';
+export { ToggleGroup, ToggleGroupItem, ToggleGroupSplitMenuItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleGroupSplitMenuItemProps } from './components/ToggleGroup/ToggleGroup';
 export { Tooltip, TooltipContent, TooltipTrigger } from './components/Tooltip/Tooltip';
 export { Tray, type TrayBaseProps, type TrayBodyProps, type TrayContentProps } from './components/Tray/Tray';
 export * from './components/Icons';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}