@spear-ai/spectral 1.13.0 → 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.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: ({ activeColor, activeTextColor, className, disabled, layout, ref, size, style, variant, ...props }: ToggleProps & {
+export declare const Toggle: ({ ref, className, variant, size, layout, disabled, activeColor, activeTextColor, style, ...props }: ToggleProps & {
     ref?: Ref<HTMLButtonElement>;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Toggle.d.ts.map

package/dist/Toggle.js

@@ -31,23 +31,23 @@ var i = /^(#|rgb|hsl|oklch|oklab|lab|lch|color|var\(|transparent|currentcolor)/i
 		}
 	},
 	defaultVariants: {
-		layout: "default",
+		variant: "default",
 		size: "default",
-		variant: "default"
+		layout: "default"
 	}
-}), 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,
+}), 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,
 	"data-slot": "toggle",
 	"data-testid": "spectral-toggle",
 	className: e(c({
-		variant: p,
-		size: d,
+		variant: a,
+		size: o,
 		layout: l
-	}), a),
+	}), i),
 	style: {
-		...s(t, i),
-		...f
+		...s(d, f),
+		...p
 	},
 	...m
 });

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: ({ children, className, disabled, onClick, onKeyDown, ref, value, ...rest }: ToggleGroupItemProps & {
+export declare const ToggleGroupItemBase: ({ ref, value, disabled, className, children, onKeyDown, onClick, ...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-layout": v, "data-size": y, "data-slot": b, "data-variant": 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-variant": v, "data-size": y, "data-slot": b, "data-layout": 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": v,
+		"data-layout": x,
 		"data-orientation": h,
 		"data-size": y,
 		"data-slot": b,
-		"data-variant": x,
+		"data-variant": v,
 		role: "group",
 		...S,
 		children: [
@@ -76,19 +76,19 @@ var d = n(null), f = (n) => {
 			}, e)) : null
 		]
 	});
-}, p = function({ children: e, className: t, disabled: n, onClick: s, onKeyDown: u, ref: f, value: p, ...m }) {
+}, p = function({ ref: e, value: t, disabled: n, className: s, children: u, onKeyDown: f, onClick: 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(f, () => {
+	o(e, () => {
 		if (!C.current) throw Error("ToggleGroupItem button ref is not set");
 		return C.current;
-	}), a(() => S(p, C.current), [S, p]);
-	let w = b(p), T = r(() => {
-		if (!(v || n)) if (g === "single") y(w ? "" : p);
+	}), a(() => S(t, C.current), [S, t]);
+	let w = b(t), T = r(() => {
+		if (!(v || n)) if (g === "single") y(w ? "" : t);
 		else {
 			let e = h.value;
-			y(w ? e.filter((e) => e !== p) : [...e, p]);
+			y(w ? e.filter((e) => e !== t) : [...e, t]);
 		}
 	}, [
 		h.value,
@@ -97,28 +97,28 @@ var d = n(null), f = (n) => {
 		w,
 		y,
 		g,
-		p
+		t
 	]), E = r((e) => {
-		if (u && u(e), e.defaultPrevented) return;
+		if (f && f(e), e.defaultPrevented) return;
 		if (e.key === " " || e.key === "Enter") {
 			e.preventDefault(), T();
 			return;
 		}
-		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));
+		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));
 	}, [
 		h,
 		x,
-		u,
+		f,
 		_,
 		T,
-		p
+		t
 	]), D = r((e) => {
-		s && s(e), !e.defaultPrevented && T();
-	}, [s, T]);
+		p && p(e), !e.defaultPrevented && T();
+	}, [p, T]);
 	return /* @__PURE__ */ l("button", {
 		"aria-pressed": w,
-		className: t,
+		className: s,
 		"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: e
+		children: u
 	});
 };
 //#endregion

package/dist/ToggleGroup/ToggleGroupItem.js

@@ -8,13 +8,13 @@ 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;
+	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 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),
+		}), "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",

package/dist/ToggleGroup/ToggleGroupSplitMenuItem.d.ts

@@ -1,19 +1,22 @@
-import { DropdownMenuOption } from '../DropdownMenu/DropdownMenu';
+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, dropdownAriaLabel, dropdownButtonClassName, dropdownButtonStyle, dropdownOptions, dropdownValue, dropdownValueLabel, layout, onDropdownValueChange, onKeyDown, size, style, triggerIcon, value, variant, ...props }: ToggleGroupSplitMenuItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ 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

@@ -5,71 +5,110 @@ 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";
+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 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);
+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;
 		}
-		w && w(e);
-	}, U = (e) => {
-		if (e.key === "ArrowDown" || e.key === "Space" || e.key === "Spacebar") {
-			e.preventDefault(), M(!0), w && w(e);
+		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;
 		}
-		w && w(e);
+		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__ */ 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, {
+	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,
-		disabled: N,
-		onOpenChange: M,
-		onValueChange: C,
-		open: j,
-		options: y,
-		trigger: /* @__PURE__ */ u("button", {
-			"aria-expanded": j,
+		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": g,
+			"aria-label": v,
 			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,
+				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: {
-				...V,
-				...v
+				...Y,
+				...b
 			},
 			type: "button",
-			children: D
+			children: j
 		}),
-		value: b
+		value: w
 	})] });
 };
-f.displayName = "ToggleGroupSplitMenuItem";
+p.displayName = "ToggleGroupSplitMenuItem";
 //#endregion
-export { f as ToggleGroupSplitMenuItem };
+export { p as ToggleGroupSplitMenuItem };

package/dist/ToggleGroup.js

@@ -10,7 +10,7 @@ import "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/ToggleGroup/ToggleGroup.tsx
 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),
+	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",

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';

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