@spear-ai/spectral 1.12.5 → 1.13.0

package/dist/{HoverCard-BGpW6LnA.js → HoverCard-BhxgELKP.js}

@@ -1,9 +1,9 @@
 import './styles/main.css'
-import { a as e, d as t, l as n, r, t as i } from "./dist-7HRQ5IKN.js";
-import { t as a } from "./dist-Bft31cJh.js";
-import { t as o } from "./twUtils-D_qzdiwM.js";
-import { n as s, t as c } from "./dist-jQ7HawWM.js";
-import { a as l, i as u, n as d, r as f, t as p } from "./dist-Cv8I-d2q.js";
+import { a as e, d as t, l as n, r, t as i } from "./dist-DEkDg4Sk.js";
+import { t as a } from "./dist-D9FsQh8P.js";
+import { t as o } from "./twUtils-BpqlKSeB.js";
+import { n as s, t as c } from "./dist-iDaHUF3d.js";
+import { a as l, i as u, n as d, r as f, t as p } from "./dist-CwYxT5fv.js";
 import * as m from "react";
 import { createContext as h, useContext as g } from "react";
 import { jsx as _ } from "react/jsx-runtime";

package/dist/HoverCard.js

@@ -1,3 +1,3 @@
 'use client'
-import { n as e, r as t, t as n } from "./HoverCard-BGpW6LnA.js";
+import { n as e, r as t, t as n } from "./HoverCard-BhxgELKP.js";
 export { n as HoverCard, e as HoverCardContent, t as HoverCardTrigger };

package/dist/IconsAnimated/PanelLeftCloseIcon.js

@@ -1,8 +1,8 @@
 'use client'
 import '../styles/main.css'
-import { t as e } from "../twUtils-D_qzdiwM.js";
-import { t } from "../proxy-CCB7C4Pu.js";
-import { t as n } from "../use-animation-C-qL83hj.js";
+import { t as e } from "../twUtils-BpqlKSeB.js";
+import { t } from "../proxy-BFVscmYQ.js";
+import { t as n } from "../use-animation-BeSipRjB.js";
 import { useCallback as r, useImperativeHandle as i, useRef as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/IconsAnimated/PanelLeftCloseIcon.tsx

package/dist/IconsAnimated/PanelLeftOpenIcon.js

@@ -1,8 +1,8 @@
 'use client'
 import '../styles/main.css'
-import { t as e } from "../twUtils-D_qzdiwM.js";
-import { t } from "../proxy-CCB7C4Pu.js";
-import { t as n } from "../use-animation-C-qL83hj.js";
+import { t as e } from "../twUtils-BpqlKSeB.js";
+import { t } from "../proxy-BFVscmYQ.js";
+import { t as n } from "../use-animation-BeSipRjB.js";
 import { useCallback as r, useImperativeHandle as i, useRef as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/IconsAnimated/PanelLeftOpenIcon.tsx

package/dist/Input.js

@@ -7,7 +7,7 @@ import { EyeClosedIcon as te } from "./Icons/EyeClosedIcon.js";
 import { EyeOpenIcon as n } from "./Icons/EyeOpenIcon.js";
 import { LoaderIcon as ne } from "./Icons/LoaderIcon.js";
 import { WarningIcon as re } from "./Icons/WarningIcon.js";
-import { t as r } from "./twUtils-D_qzdiwM.js";
+import { t as r } from "./twUtils-BpqlKSeB.js";
 import { ErrorMessage as i, WarningMessage as ie, getAriaProps as a, getFormFieldCSSProperties as o, getInputClasses as s, useFormFieldId as c, useFormFieldState as l } from "./utils/formFieldUtils.js";
 import { useUncontrolledState as u } from "./hooks/useUncontrolledState.js";
 import { Label as d } from "./Label.js";

package/dist/InputNumeric.js

@@ -1,6 +1,6 @@
 'use client'
 import './styles/main.css'
-import { t as e } from "./twUtils-D_qzdiwM.js";
+import { t as e } from "./twUtils-BpqlKSeB.js";
 import { useUncontrolledState as t } from "./hooks/useUncontrolledState.js";
 import { Input as n } from "./Input.js";
 import { useCallback as r } from "react";

package/dist/{InputOTP-BkSw_KIB.js → InputOTP-DyhesOLs.js}

@@ -1,6 +1,6 @@
 import './styles/main.css'
 import { MinusIcon as e } from "./Icons/MinusIcon.js";
-import { t } from "./twUtils-D_qzdiwM.js";
+import { t } from "./twUtils-BpqlKSeB.js";
 import { ErrorMessage as n, getErrorMessageId as r, useFormFieldId as i, useFormFieldState as a } from "./utils/formFieldUtils.js";
 import * as o from "react";
 import { createContext as s, useContext as c } from "react";

package/dist/InputOTP.js

@@ -1,3 +1,3 @@
 'use client'
-import { t as e } from "./InputOTP-BkSw_KIB.js";
+import { t as e } from "./InputOTP-DyhesOLs.js";
 export { e as InputOTP };

package/dist/Kbd.js

@@ -1,6 +1,6 @@
 'use client'
 import './styles/main.css'
-import { t as e } from "./twUtils-D_qzdiwM.js";
+import { t as e } from "./twUtils-BpqlKSeB.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/Kbd/Kbd.tsx

package/dist/Label.js

@@ -1,6 +1,6 @@
 'use client'
 import './styles/main.css'
-import { t as e } from "./twUtils-D_qzdiwM.js";
+import { t as e } from "./twUtils-BpqlKSeB.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Label/Label.tsx

package/dist/MultiSelect/MultiSelectBase.js

@@ -4,12 +4,12 @@ import { CheckmarkIcon as e } from "../Icons/CheckmarkIcon.js";
 import { ChevronDownIcon as t } from "../Icons/ChevronDownIcon.js";
 import { CloseIcon as n } from "../Icons/CloseIcon.js";
 import { SearchIcon as r } from "../Icons/SearchIcon.js";
-import { t as i } from "../twUtils-D_qzdiwM.js";
+import { t as i } from "../twUtils-BpqlKSeB.js";
 import { EmptyState as a, ErrorMessage as o, LoadingState as s, WarningMessage as c, getAriaProps as l, getDropdownSurfaceClasses as u, getDropdownWidthStyles as d, getErrorMessageId as f, getTriggerClasses as ee, useFormFieldId as te } from "../utils/formFieldUtils.js";
 import { useUncontrolledState as ne } from "../hooks/useUncontrolledState.js";
 import { Label as re } from "../Label.js";
 import { useAutoDropdownHorizontalShift as ie } from "../utils/dropdownPositioning.js";
-import { a as ae, i as oe, n as se, r as ce } from "../dist-nYKAWiy4.js";
+import { a as ae, i as oe, n as se, r as ce } from "../dist-B9w6c9RC.js";
 import { useCallback as p, useEffect as le, useId as ue, useMemo as m, useRef as de, useState as h } from "react";
 import { Fragment as fe, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/MultiSelect/MultiSelectBase.tsx

package/dist/Popover.js

@@ -1,7 +1,7 @@
 'use client'
 import './styles/main.css'
-import { t as e } from "./twUtils-D_qzdiwM.js";
-import { a as t, i as n, n as r, r as i, t as a } from "./dist-nYKAWiy4.js";
+import { t as e } from "./twUtils-BpqlKSeB.js";
+import { a as t, i as n, n as r, r as i, t as a } from "./dist-B9w6c9RC.js";
 import "react";
 import { jsx as o } from "react/jsx-runtime";
 //#region src/components/Popover/Popover.tsx

package/dist/RadioButton.js

@@ -1,6 +1,6 @@
 'use client'
 import './styles/main.css'
-import { t as e } from "./twUtils-D_qzdiwM.js";
+import { t as e } from "./twUtils-BpqlKSeB.js";
 import { Slot as t } from "./primitives/slot.js";
 import "react";
 import { jsx as n } from "react/jsx-runtime";

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/RadioButtonGroup/RadioButtonGroupBase.js

@@ -1,6 +1,6 @@
 'use client'
 import '../styles/main.css'
-import { t as e } from "../twUtils-D_qzdiwM.js";
+import { t as e } from "../twUtils-BpqlKSeB.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";

package/dist/RadioButtonGroup.js

@@ -1,6 +1,6 @@
 'use client'
 import './styles/main.css'
-import { t as e } from "./twUtils-D_qzdiwM.js";
+import { t as e } from "./twUtils-BpqlKSeB.js";
 import { RadioButtonGroupBase as t, RadioButtonGroupItem as n } from "./RadioButtonGroup/RadioButtonGroupBase.js";
 import "react";
 import { jsx as r } from "react/jsx-runtime";

package/dist/{RadioGroup-CfjhpW5o.js → RadioGroup-BsBK247l.js}

@@ -1,15 +1,15 @@
 import './styles/main.css'
-import { a as e, d as t, l as n, r, t as i } from "./dist-7HRQ5IKN.js";
-import { t as a } from "./dist-CGzgmYB9.js";
-import { t as o } from "./dist-Bft31cJh.js";
-import { t as s } from "./twUtils-D_qzdiwM.js";
+import { a as e, d as t, l as n, r, t as i } from "./dist-DEkDg4Sk.js";
+import { t as a } from "./dist-CcsVPym2.js";
+import { t as o } from "./dist-D9FsQh8P.js";
+import { t as s } from "./twUtils-BpqlKSeB.js";
 import { ErrorMessage as c, WarningMessage as l, useFormFieldId as u } from "./utils/formFieldUtils.js";
 import { Label as d } from "./Label.js";
-import { t as f } from "./dist-K0_i37VL.js";
-import { t as p } from "./dist-DFT13f_s.js";
-import { n as m, r as h, t as g } from "./dist-BMu6Dgh_.js";
-import { a as _, i as v, o as y, t as b, u as x } from "./proxy-CCB7C4Pu.js";
-import { t as S } from "./AnimatePresence-D9FLxIGV.js";
+import { t as f } from "./dist-PfrTYHr_.js";
+import { t as p } from "./dist-s1uWaZYZ.js";
+import { n as m, r as h, t as g } from "./dist-DBLajRTL.js";
+import { a as _, i as v, o as y, t as b, u as x } from "./proxy-BFVscmYQ.js";
+import { t as S } from "./AnimatePresence-Bz_JZ2ah.js";
 import * as C from "react";
 import { createContext as w, memo as T, useContext as E, useId as D, useMemo as ee, useState as O } from "react";
 import { jsx as k, jsxs as A } from "react/jsx-runtime";

package/dist/RadioGroup.js

@@ -1,3 +1,3 @@
 'use client'
-import { n as e, r as t, t as n } from "./RadioGroup-CfjhpW5o.js";
+import { n as e, r as t, t as n } from "./RadioGroup-BsBK247l.js";
 export { n as RadioGroup, e as RadioGroupItem, t as RadioGroupLabel };

package/dist/Select.js

@@ -3,10 +3,10 @@ import './styles/main.css'
 import { CheckmarkIcon as e } from "./Icons/CheckmarkIcon.js";
 import { ChevronDownIcon as t } from "./Icons/ChevronDownIcon.js";
 import { LoaderIcon as n } from "./Icons/LoaderIcon.js";
-import { t as r } from "./twUtils-D_qzdiwM.js";
+import { t as r } from "./twUtils-BpqlKSeB.js";
 import { EmptyState as i, ErrorMessage as a, LoadingState as o, WarningMessage as s, getAriaProps as c, getDropdownSurfaceClasses as l, getDropdownWidthStyles as ee, getErrorMessageId as te, getFormFieldCSSProperties as ne, getOptionClasses as re, getTriggerClasses as ie, groupOptions as ae, useFormFieldId as oe } from "./utils/formFieldUtils.js";
 import { Label as u } from "./Label.js";
-import { C as se, S as ce, _ as le, b as ue, d, f, g as de, h as fe, m as pe, p as me, u as he, v as ge, x as p, y as _e } from "./select-D7pPhL6t.js";
+import { C as se, S as ce, _ as le, b as ue, d, f, g as de, h as fe, m as pe, p as me, u as he, v as ge, x as p, y as _e } from "./select-oAOoVl5g.js";
 import { useAutoDropdownHorizontalShift as ve } from "./utils/dropdownPositioning.js";
 import { useState as ye } from "react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
@@ -106,7 +106,7 @@ var _ = (_) => {
 					...Fe,
 					...De,
 					children: /* @__PURE__ */ g("button", {
-						className: "grid w-full min-w-0 cursor-pointer grid-cols-[minmax(0,1fr)_auto] items-center gap-2 overflow-hidden whitespace-nowrap text-left text-input-text! data-placeholder:text-input-text-placeholder! [&>span]:block [&>span]:min-w-0 [&>span]:overflow-hidden [&>span]:text-ellipsis [&>span]:whitespace-nowrap [&>span[data-placeholder]]:text-input-text-placeholder!",
+						className: "min-w-0 gap-2 [&>span]:min-w-0 grid w-full cursor-pointer grid-cols-[minmax(0,1fr)_auto] items-center overflow-hidden text-left whitespace-nowrap text-input-text! data-placeholder:text-input-text-placeholder! [&>span]:block [&>span]:overflow-hidden [&>span]:text-ellipsis [&>span]:whitespace-nowrap [&>span[data-placeholder]]:text-input-text-placeholder!",
 						type: "button",
 						disabled: X,
 						children: [/* @__PURE__ */ h(he, {

package/dist/Separator.js

@@ -1,6 +1,6 @@
 'use client'
 import './styles/main.css'
-import { t as e } from "./twUtils-D_qzdiwM.js";
+import { t as e } from "./twUtils-BpqlKSeB.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Separator/Separator.tsx

package/dist/Skeleton.js

@@ -1,6 +1,6 @@
 'use client'
 import './styles/main.css'
-import { t as e } from "./twUtils-D_qzdiwM.js";
+import { t as e } from "./twUtils-BpqlKSeB.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Skeleton/Skeleton.tsx

package/dist/{Slider-mODhqkCs.js → Slider-CPYW_VYu.js}

@@ -1,11 +1,11 @@
 import './styles/main.css'
-import { a as e, d as t, l as n, r, t as i } from "./dist-7HRQ5IKN.js";
-import { n as a, t as o } from "./dist-CGzgmYB9.js";
-import { t as s } from "./twUtils-D_qzdiwM.js";
+import { a as e, d as t, l as n, r, t as i } from "./dist-DEkDg4Sk.js";
+import { n as a, t as o } from "./dist-CcsVPym2.js";
+import { t as s } from "./twUtils-BpqlKSeB.js";
 import { Input as c } from "./primitives/input.js";
-import { t as l } from "./dist-DDjUcieO.js";
-import { t as u } from "./dist-K0_i37VL.js";
-import { t as d } from "./dist-DFT13f_s.js";
+import { t as l } from "./dist-C6pGYii-.js";
+import { t as u } from "./dist-PfrTYHr_.js";
+import { t as d } from "./dist-s1uWaZYZ.js";
 import * as f from "react";
 import { useCallback as p, useEffect as m, useMemo as h, useState as g } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";

package/dist/Slider.js

@@ -1,3 +1,3 @@
 'use client'
-import { t as e } from "./Slider-mODhqkCs.js";
+import { t as e } from "./Slider-CPYW_VYu.js";
 export { e as Slider };

package/dist/{Switch-Wj_zov--.js → Switch-Vep4hsq4.js}

@@ -1,5 +1,5 @@
 import './styles/main.css'
-import { t as e } from "./twUtils-D_qzdiwM.js";
+import { t as e } from "./twUtils-BpqlKSeB.js";
 import { ErrorMessage as t, WarningMessage as n, useFormFieldId as r } from "./utils/formFieldUtils.js";
 import { Label as i } from "./Label.js";
 import { Switch as a, SwitchThumb as o } from "./Switch/SwitchBase.js";

package/dist/Switch.js

@@ -1,3 +1,3 @@
 'use client'
-import { t as e } from "./Switch-Wj_zov--.js";
+import { t as e } from "./Switch-Vep4hsq4.js";
 export { e as Switch };

package/dist/Tabs/TabsBase.js

@@ -1,9 +1,9 @@
 'use client'
 import '../styles/main.css'
-import { t as e } from "../twUtils-D_qzdiwM.js";
-import { t } from "../proxy-CCB7C4Pu.js";
-import { t as n } from "../AnimatePresence-D9FLxIGV.js";
-import { t as r } from "../dist-Cujfuel1.js";
+import { t as e } from "../twUtils-BpqlKSeB.js";
+import { t } from "../proxy-BFVscmYQ.js";
+import { t as n } from "../AnimatePresence-Bz_JZ2ah.js";
+import { t as r } from "../dist-Cc8NfAO6.js";
 import { calculateIndicatorStyle as i, debounce as a, generateId as o, prefersReducedMotion as s } from "./tabsUtils.js";
 import { createContext as c, useCallback as l, useContext as u, useEffect as d, useId as f, useMemo as p, useRef as m, useState as h } from "react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";

package/dist/Tabs.js

@@ -1,6 +1,6 @@
 'use client'
 import './styles/main.css'
-import { t as e } from "./twUtils-D_qzdiwM.js";
+import { t as e } from "./twUtils-BpqlKSeB.js";
 import { getTabKeys as t, validateTabValues as n } from "./Tabs/tabsUtils.js";
 import { TabsBase as r, TabsContent as i, TabsContentContainer as a, TabsList as o, TabsTrigger as s } from "./Tabs/TabsBase.js";
 import "react";

package/dist/Textarea.js

@@ -1,7 +1,7 @@
 'use client'
 import './styles/main.css'
 import { LoaderIcon as e } from "./Icons/LoaderIcon.js";
-import { t } from "./twUtils-D_qzdiwM.js";
+import { t } from "./twUtils-BpqlKSeB.js";
 import { ErrorMessage as n, WarningMessage as r, getAriaProps as i, getErrorMessageId as a, getTextareaClasses as o, useFormFieldId as s, useFormFieldState as c } from "./utils/formFieldUtils.js";
 import { useUncontrolledState as l } from "./hooks/useUncontrolledState.js";
 import { Label as u } from "./Label.js";

package/dist/{Toast-CJvzLlMD.js → Toast-BuaZxqlt.js}

@@ -3,8 +3,8 @@ import { CheckSquareIcon as e } from "./Icons/CheckSquareIcon.js";
 import { CloseCircleIcon as t } from "./Icons/CloseCircleIcon.js";
 import { InfoIcon as n } from "./Icons/InfoIcon.js";
 import { WarningIcon as r } from "./Icons/WarningIcon.js";
-import { t as i } from "./twUtils-D_qzdiwM.js";
-import { t as a } from "./dist-B4g6zpUF.js";
+import { t as i } from "./twUtils-BpqlKSeB.js";
+import { t as a } from "./dist-tMzzRwxG.js";
 import o from "react";
 import s from "react-dom";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/Toast.js

@@ -1,3 +1,3 @@
 'use client'
-import { n as e, t } from "./Toast-CJvzLlMD.js";
+import { n as e, t } from "./Toast-BuaZxqlt.js";
 export { t as Toast, e as toast };

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

@@ -1,7 +1,7 @@
 'use client'
 import './styles/main.css'
-import { t as e } from "./twUtils-D_qzdiwM.js";
-import { t } from "./dist-B4g6zpUF.js";
+import { t as e } from "./twUtils-BpqlKSeB.js";
+import { t } from "./dist-tMzzRwxG.js";
 import { ToggleBase as n } from "./Toggle/ToggleBase.js";
 import "react";
 import { jsx as r } from "react/jsx-runtime";
@@ -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