@spear-ai/spectral 1.12.6 → 1.13.1

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

@@ -1,6 +1,7 @@
 import './styles/main.css'
 import { t as e } from "./twUtils-BpqlKSeB.js";
-import { ErrorMessage as t, WarningMessage as n, useFormFieldId as r } from "./utils/formFieldUtils.js";
+import { ErrorMessage as t, WarningMessage as n } from "./FormFieldMessage.js";
+import { 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";
 import { createElement as s, forwardRef as c } from "react";
@@ -49,29 +50,29 @@ var d = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), f = (e) =
 	d: "m6 6 12 12",
 	key: "d8bk6v"
 }]]), x = "bg-switch-thumb--checked data-[state=checked]:bg-switch-thumb pointer-events-none block rounded-full ring-0 transition-transform motion-reduce:transition-none", S = ({ className: s, disabled: c, errorMessage: d, hideLabel: f = !1, id: p, label: m, labelPosition: h = "right", labelText: g, name: _, onChange: v, ref: S, required: C, state: w = "default", value: T, variant: E, warningMessage: D, "aria-describedby": O, "aria-label": k, ...A }) => {
-	let j = r(p, _), M = w === "disabled" ? "default" : w, N = !!c, P = g ?? m, F = `${j}-error`, I = `${j}-warning`, L = M === "error" && d && F ? F : M === "warning" && D && I ? I : void 0, R = E === "squared";
+	let j = r(p, _), M = !!c, N = g ?? m, P = `${j}-error`, F = `${j}-warning`, I = w === "error" && d && P ? P : w === "warning" && D && F ? F : void 0, L = E === "squared";
 	return /* @__PURE__ */ u("div", {
 		className: "flex items-center",
 		"data-testid": "spectral-switch-container",
-		"data-state": N ? "disabled" : M,
+		"data-state": w,
 		children: [
-			h === "left" && !f && P && /* @__PURE__ */ l(i, {
+			h === "left" && !f && N && /* @__PURE__ */ l(i, {
 				className: "mr-2",
 				"data-testid": "spectral-switch-label-left",
 				htmlFor: j,
-				children: P
+				children: N
 			}),
 			E === "permanent-indicator" ? /* @__PURE__ */ u("div", {
 				className: "h-7 text-sm font-medium relative inline-grid grid-cols-[1fr_1fr] items-center",
 				children: [
 					/* @__PURE__ */ l(a, {
 						"aria-required": C,
-						"aria-describedby": [L, O].filter(Boolean).join(" ") || void 0,
-						"aria-invalid": M === "error" ? !0 : void 0,
-						"aria-label": k ?? (f ? P : void 0),
+						"aria-describedby": [I, O].filter(Boolean).join(" ") || void 0,
+						"aria-invalid": w === "error" ? !0 : void 0,
+						"aria-label": k ?? (f ? N : void 0),
 						className: e("peer inset-0 w-14 focus-visible:ring-ring absolute inline-flex h-[inherit] items-center focus-visible:ring-offset-background data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg/50", "shadow-2xs cursor-pointer rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:cursor-not-allowed disabled:opacity-50", s),
 						"data-testid": "spectral-switch",
-						disabled: N,
+						disabled: M,
 						id: j,
 						name: _,
 						onCheckedChange: v,
@@ -98,12 +99,12 @@ var d = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), f = (e) =
 				]
 			}) : /* @__PURE__ */ l(a, {
 				"aria-required": C,
-				"aria-describedby": [L, O].filter(Boolean).join(" ") || void 0,
-				"aria-invalid": M === "error" ? !0 : void 0,
-				"aria-label": k ?? (f ? P : void 0),
-				className: e(R ? "peer h-6 w-10 rounded-sm focus-visible:ring-black inline-flex shrink-0 items-center border-2 border-transparent transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg [&_span]:rounded-[4px]" : "focus-visible:ring-ring peer h-6 w-10 shadow-2xs inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg", s),
+				"aria-describedby": [I, O].filter(Boolean).join(" ") || void 0,
+				"aria-invalid": w === "error" ? !0 : void 0,
+				"aria-label": k ?? (f ? N : void 0),
+				className: e(L ? "peer h-6 w-10 rounded-sm focus-visible:ring-black inline-flex shrink-0 items-center border-2 border-transparent transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg [&_span]:rounded-[4px]" : "focus-visible:ring-ring peer h-6 w-10 shadow-2xs inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg", s),
 				"data-testid": "spectral-switch",
-				disabled: N,
+				disabled: M,
 				id: j,
 				name: _,
 				onCheckedChange: v,
@@ -111,30 +112,30 @@ var d = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), f = (e) =
 				required: C,
 				value: T,
 				...A,
-				children: /* @__PURE__ */ l(o, { className: e(x, R ? "size-5 shadow-xs data-[state=checked]:translate-x-4 data-[state=checked]:rtl:-translate-x-4" : "h-5 w-5 shadow-lg data-[state=checked]:translate-x-4") })
+				children: /* @__PURE__ */ l(o, { className: e(x, L ? "size-5 shadow-xs data-[state=checked]:translate-x-4 data-[state=checked]:rtl:-translate-x-4" : "h-5 w-5 shadow-lg data-[state=checked]:translate-x-4") })
 			}),
-			h === "right" && !f && P && /* @__PURE__ */ l(i, {
+			h === "right" && !f && N && /* @__PURE__ */ l(i, {
 				className: "ml-2",
 				"data-testid": "spectral-switch-label-right",
 				htmlFor: j,
 				id: `${j}-label`,
-				children: P
+				children: N
 			}),
-			f && P && /* @__PURE__ */ l(i, {
+			f && N && /* @__PURE__ */ l(i, {
 				className: "sr-only",
 				"data-testid": "spectral-switch-label-hidden",
 				htmlFor: j,
-				children: P
+				children: N
 			}),
-			M === "error" && d && F && /* @__PURE__ */ l(t, {
+			/* @__PURE__ */ l(t, {
 				dataTestId: "spectral-switch-error-message",
-				id: F,
-				message: d
+				id: P,
+				message: w === "error" ? d ?? null : null
 			}),
-			M === "warning" && D && I && /* @__PURE__ */ l(n, {
+			/* @__PURE__ */ l(n, {
 				dataTestId: "spectral-switch-warning-message",
-				id: I,
-				message: D
+				id: F,
+				message: w === "warning" ? D ?? null : null
 			})
 		]
 	});

package/dist/Switch.js

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

package/dist/Textarea/TextareaUtils.js

@@ -5,14 +5,10 @@ var t = (e, t, n) => {
 	let r = e.target.value;
 	r.length <= t && n?.(r);
 }, n = (e, t, n, r) => {
-	let i = e.clipboardData.getData("text"), a = n || "", o = e.currentTarget, s = o.selectionStart || 0, c = o.selectionEnd || 0, l = a.substring(0, s), u = a.substring(c);
-	if ((l + i + u).length > t) {
-		e.preventDefault();
-		let n = c - s, d = t - a.length + n, f = i.substring(0, Math.max(0, d)), p = l + f + u;
-		r?.(p), setTimeout(() => {
-			let e = s + f.length;
-			o.setSelectionRange(e, e);
-		}, 0);
+	let i = e.clipboardData.getData("text"), a = n || "", o = e.currentTarget.selectionStart || 0, s = e.currentTarget.selectionEnd || 0, c = a.substring(0, o), l = a.substring(s);
+	if ((c + i + l).length > t) {
+		let e = s - o, n = t - a.length + e, u = c + i.substring(0, Math.max(0, n)) + l;
+		r?.(u);
 	}
 }, r = ({ maxLength: r, value: i, onChange: a, onFocus: o, onBlur: s }) => ({
 	handleFocus: e((e) => {

package/dist/Textarea.js

@@ -2,40 +2,41 @@
 import './styles/main.css'
 import { LoaderIcon as e } from "./Icons/LoaderIcon.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";
-import { useTextarea as d } from "./Textarea/TextareaUtils.js";
-import { useRef as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ErrorMessage as n, WarningMessage as r } from "./FormFieldMessage.js";
+import { getAriaProps as i, getErrorMessageId as a, getTextareaClasses as o, useFormFieldId as s, useFormFieldState as c } from "./utils/formFieldUtils.js";
+import { useUncontrolledState as ee } from "./hooks/useUncontrolledState.js";
+import { Label as l } from "./Label.js";
+import { useTextarea as u } from "./Textarea/TextareaUtils.js";
+import { useRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/Textarea/Textarea.tsx
-var h = "absolute right-4 top-4", ee = (e) => e || "off", g = (e, n) => t("absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums", e >= n ? "text-danger-400" : "text-text-secondary"), _ = (_) => {
-	let { ref: v, autoComplete: y, className: b, defaultValue: x, disabled: S, errorMessage: C, id: w, label: T, labelClassName: E, maxLength: D = 280, name: O, onBlur: k, onChange: A, onFocus: j, placeholder: M, required: N, state: P = "default", value: F, warningMessage: I, ...L } = _, R = s(w, O), z = a(R), B = `${R}-warning`, V = P === "error" ? z : P === "warning" && I ? B : void 0, H = f(null), U = v ?? H, [W, G] = l({
+var m = "absolute right-4 top-4", h = (e) => e || "off", g = (e, n) => t("absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums", e >= n ? "text-danger-400" : "text-text-secondary"), _ = (_) => {
+	let { ref: v, autoComplete: y, className: b, defaultValue: x, disabled: S, errorMessage: C, id: w, label: T, labelClassName: E, maxLength: D = 280, name: O, onBlur: k, onChange: A, onFocus: j, placeholder: M, required: N, state: P = "default", value: F, warningMessage: I, ...L } = _, R = s(w, O), z = a(R), B = `${R}-warning`, V = P === "error" ? z : P === "warning" && I ? B : void 0, H = d(null), U = v ?? H, [W, G] = ee({
 		value: F,
 		defaultValue: typeof x == "string" ? x : x == null ? "" : String(x),
 		onChange: A
-	}), { handleFocus: K, handleBlur: q, handleChange: J, handlePaste: Y } = d({
+	}), { handleFocus: K, handleBlur: q, handleChange: J, handlePaste: Y } = u({
 		maxLength: D,
 		value: W,
 		onChange: G,
 		onFocus: j,
 		onBlur: k
 	}), { isDisabled: X, isLoading: Z } = c(S, P), Q = i(P, L["aria-describedby"], N, V), $ = W?.length || 0, te = o(P, b);
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "w-full",
 		children: [
-			T && /* @__PURE__ */ p(u, {
+			T && /* @__PURE__ */ f(l, {
 				"data-testid": "spectral-textarea-label",
 				htmlFor: R,
 				className: t("mb-2 block", X && "cursor-not-allowed opacity-50", E),
 				children: T
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				className: "relative",
 				children: [
-					/* @__PURE__ */ p("textarea", {
+					/* @__PURE__ */ f("textarea", {
 						"aria-multiline": "true",
-						autoComplete: ee(y),
+						autoComplete: h(y),
 						className: te,
 						"data-state": P,
 						"data-testid": "spectral-textarea",
@@ -59,12 +60,12 @@ var h = "absolute right-4 top-4", ee = (e) => e || "off", g = (e, n) => t("absol
 						...Q,
 						...L
 					}),
-					Z && /* @__PURE__ */ p("div", {
-						className: h,
+					Z && /* @__PURE__ */ f("div", {
+						className: m,
 						"data-testid": "spectral-textarea-loading-icon",
-						children: /* @__PURE__ */ p(e, { size: 24 })
+						children: /* @__PURE__ */ f(e, { size: 24 })
 					}),
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ p("div", {
 						"aria-label": $ + " of " + D + " characters used",
 						"aria-live": "polite",
 						className: g($, D),
@@ -78,15 +79,15 @@ var h = "absolute right-4 top-4", ee = (e) => e || "off", g = (e, n) => t("absol
 					})
 				]
 			}),
-			P === "error" && C && /* @__PURE__ */ p(n, {
+			/* @__PURE__ */ f(n, {
 				dataTestId: "spectral-textarea-error-message",
 				id: z,
-				message: C
+				message: P === "error" ? C : null
 			}),
-			P === "warning" && I && /* @__PURE__ */ p(r, {
+			/* @__PURE__ */ f(r, {
 				dataTestId: "spectral-textarea-warning-message",
 				id: B,
-				message: I
+				message: P === "warning" ? I : null
 			})
 		]
 	});

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",

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/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 = g ?? v.variant, b = p ?? v.size, x = d ?? v.layout, S = s ?? v.activeColor, C = c ?? v.activeTextColor;
+	return /* @__PURE__ */ o(i, {
+		className: e(n({
+			variant: y,
+			size: b,
+			layout: x
+		}), "group rounded-none shadow-none focus:z-10 focus-visible:z-10 data-[variant=outline]:border-toggle-border data-[variant=outline]:data-[state=on]:border-toggle-border--active", 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,22 @@
+import { DropdownMenuOption, DropdownMenuProps } from '../DropdownMenu/DropdownMenu';
+import { CSSProperties, ReactNode } from 'react';
+import { ToggleGroupItemProps } from './ToggleGroupItem';
+export interface ToggleGroupSplitMenuItemProps extends Omit<ToggleGroupItemProps, 'children'> {
+    children: ReactNode;
+    dropdownAlign?: DropdownMenuProps['align'];
+    dropdownAriaLabel: string;
+    dropdownButtonClassName?: string;
+    dropdownCollisionPadding?: DropdownMenuProps['collisionPadding'];
+    dropdownButtonStyle?: CSSProperties;
+    dropdownOptions: DropdownMenuOption[];
+    dropdownSide?: DropdownMenuProps['side'];
+    dropdownValue?: string | string[];
+    dropdownValueLabel?: string;
+    onDropdownValueChange?: (value: string | string[]) => void;
+    triggerIcon?: ReactNode;
+}
+export declare const ToggleGroupSplitMenuItem: {
+    ({ activeColor, activeTextColor, children, className, dropdownAlign, dropdownAriaLabel, dropdownButtonClassName, dropdownButtonStyle, dropdownCollisionPadding, dropdownOptions, dropdownSide, 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,114 @@
+'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-BO_RPCVU.js";
+import { useContext as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/ToggleGroup/ToggleGroupSplitMenuItem.tsx
+var p = ({ activeColor: p, activeTextColor: m, children: h, className: g, dropdownAlign: _ = "end", dropdownAriaLabel: v, dropdownButtonClassName: y, dropdownButtonStyle: b, dropdownCollisionPadding: x = 12, dropdownOptions: S, dropdownSide: C = "bottom", dropdownValue: w, dropdownValueLabel: T, layout: E, onDropdownValueChange: D, onKeyDown: O, size: k, style: A, triggerIcon: j = /* @__PURE__ */ d(e, { size: 16 }), value: M, variant: N, ...P }) => {
+	let [F, I] = l(!1), L = c(null), R = c(null), z = c(null), B = c(null), V = P.disabled ?? !1, H = s(i), U = N ?? H.variant, W = k ?? H.size, G = E ?? H.layout, K = H.orientation ?? "horizontal", q = p ?? H.activeColor, J = m ?? H.activeTextColor, Y = {
+		...n(q, J),
+		...A
+	}, X = (e = "first") => {
+		let t = L.current;
+		if (!t) return;
+		let n = Array.from(t.querySelectorAll("[role=\"menuitem\"]:not([data-disabled]), [role=\"menuitemcheckbox\"]:not([data-disabled]), [role=\"menuitemradio\"]:not([data-disabled])"));
+		if (n.length !== 0) {
+			if (e === "last") {
+				n[n.length - 1]?.focus();
+				return;
+			}
+			n[0]?.focus();
+		}
+	}, Z = (e) => {
+		B.current = e, I(!0), setTimeout(() => {
+			X("first");
+		}, 0);
+	}, Q = () => {
+		let e = B.current === "primary" ? R.current : z.current;
+		B.current = null, e?.focus();
+	}, $ = (e) => {
+		if (e) {
+			B.current ||= "chevron", I(!0), setTimeout(() => {
+				X("first");
+			}, 0);
+			return;
+		}
+		I(!1), Q();
+	}, ee = (e) => {
+		if (e.key === "ArrowDown" && K !== "vertical") {
+			e.preventDefault(), Z("primary"), O && O(e);
+			return;
+		}
+		O && O(e);
+	}, te = (e) => {
+		if (F && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+			e.preventDefault(), X(e.key === "ArrowUp" ? "last" : "first"), O && O(e);
+			return;
+		}
+		if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " " || e.key === "Space" || e.key === "Spacebar") {
+			e.preventDefault(), Z("chevron"), O && O(e);
+			return;
+		}
+		O && O(e);
+	};
+	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(a, {
+		activeColor: q,
+		activeTextColor: J,
+		"aria-label": P["aria-label"] ? `${P["aria-label"]}${T ? `, ${T}` : ""}` : void 0,
+		className: t("peer/spectral-split-menu rounded-r-none! border-r-0", g),
+		layout: G,
+		onKeyDown: ee,
+		ref: R,
+		size: W,
+		style: Y,
+		value: M,
+		variant: U,
+		...(({ "aria-label": e, ...t }) => t)(P),
+		children: h
+	}), /* @__PURE__ */ d(o, {
+		align: _,
+		asChild: !0,
+		collisionPadding: x,
+		disabled: V,
+		dropdownContentRef: L,
+		onOpenChange: $,
+		onValueChange: D,
+		open: F,
+		options: S,
+		side: C,
+		trigger: /* @__PURE__ */ d("button", {
+			"aria-expanded": F,
+			"aria-haspopup": "menu",
+			"aria-label": v,
+			className: t(r({
+				layout: G,
+				size: W,
+				variant: U
+			}), "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-border", "hover:opacity-100! data-[variant=outline]:hover:border-toggle-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--active!", "peer-data-[state=on]/spectral-split-menu:bg-toggle-bg--active", "peer-data-[state=on]/spectral-split-menu:hover:border-toggle-border--active!", "peer-data-[state=on]/spectral-split-menu:hover:bg-toggle-bg--active!", "peer-data-[state=on]/spectral-split-menu:text-toggle-text--active", "peer-data-[state=on]/spectral-split-menu:hover:text-toggle-text--active!", y),
+			"data-layout": G,
+			"data-size": W,
+			"data-variant": U,
+			disabled: V,
+			onKeyDown: te,
+			onPointerDown: () => {
+				B.current = "chevron";
+			},
+			ref: z,
+			style: {
+				...Y,
+				...b
+			},
+			type: "button",
+			children: j
+		}),
+		value: w
+	})] });
+};
+p.displayName = "ToggleGroupSplitMenuItem";
+//#endregion
+export { p 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 flex h-fit w-fit items-center data-[layout='expanded']:w-full data-[variant='outline']:[--color-toggle-border:var(--color-toggle-outline-border)] data-[variant='outline']:[&_button:not(:first-of-type)]:border-l-0", 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

@@ -12,6 +12,7 @@ export { DataCard, type DataCardProps } from './components/DataCard/DataCard';
 export { DateTimePicker, type DateTimePickerProps } from './components/DateTimePicker/DateTimePicker';
 export { Dialog } from './components/Dialog/Dialog';
 export { Drawer, type DrawerProps } from './components/Drawer/Drawer';
+export { ErrorMessage, WarningMessage, type FormFieldMessageValue } from './components/FormFieldMessage/FormFieldMessage';
 export { HoverCard, HoverCardContent, HoverCardTrigger, type HoverCardProps } from './components/HoverCard/HoverCard';
 export { Input, type InputProps } from './components/Input/Input';
 export { InputNumeric, type InputNumericProps } from './components/InputNumeric/InputNumeric';
@@ -33,7 +34,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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"}

package/dist/primitives/select.d.ts

@@ -10,7 +10,7 @@ export declare const SelectTrigger: ({ asChild, children, className, size, ...pr
 type SelectContentProps = ComponentProps<typeof SelectPrimitive.Content> & {
     dropdownWidth?: DropdownWidth;
 };
-export declare const SelectContent: ({ align, children, className, dropdownWidth, onCloseAutoFocus, onFocusCapture, position, style, ...props }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectContent: ({ align, children, className, dropdownWidth, onCloseAutoFocus, position, style, ...props }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
 export declare const SelectLabel: ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Label>) => import("react/jsx-runtime").JSX.Element;
 export declare const SelectItem: ({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Item>) => import("react/jsx-runtime").JSX.Element;
 export declare const SelectSeparator: ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>) => import("react/jsx-runtime").JSX.Element;

package/dist/primitives/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/primitives/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAA6B,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAErF,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AA6CnD,eAAO,MAAM,MAAM,GAAI,cAAc,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAE/E,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,cAAc,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAErF,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAQhG,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,kDAM3B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,4CAoBA,CAAA;AAED,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACzE,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,4GAA8I,kBAAkB,4CAwD7L,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAEhG,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,mCAAmC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAkBxG,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,4CAExG,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,4CAMlH,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,4CAMtH,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/primitives/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAkE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE1H,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,eAAO,MAAM,MAAM,GAAI,cAAc,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAE/E,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,cAAc,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAErF,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAQhG,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,kDAM3B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,4CA4BA,CAAA;AAED,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACzE,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,4FAA8H,kBAAkB,4CA2C7K,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAEhG,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,mCAAmC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAWxG,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,4CAExG,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,4CAMlH,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,4CAMtH,CAAA"}