@spear-ai/spectral 1.11.2 → 1.12.0

package/dist/Separator.js

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

package/dist/Skeleton.js

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

package/dist/{Slider-BzzZT3Zm.js → Slider-CfUFkWU4.js}

@@ -1,7 +1,7 @@
 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-VNWgstKL.js";
+import { t as s } from "./twUtils-D_qzdiwM.js";
 import { Input as c } from "./primitives/input.js";
 import { t as l } from "./dist-D8Wb_MX9.js";
 import { t as u } from "./dist-BK1K0g9W.js";

package/dist/Slider.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Slider-BzzZT3Zm.js";
+import { t as e } from "./Slider-CfUFkWU4.js";
 export { e as Slider };

package/dist/Switch-Wj_zov--.js

@@ -0,0 +1,144 @@
+import "./styles/main.css";
+import { t as e } from "./twUtils-D_qzdiwM.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";
+import { createElement as s, forwardRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region node_modules/.pnpm/lucide-react@0.562.0_react@19.2.3/node_modules/lucide-react/dist/esm/shared/src/utils.js
+var d = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), f = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), p = (e) => {
+	let t = f(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, m = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), h = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+}, g = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, _ = c(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...c }, l) => s("svg", {
+	ref: l,
+	...g,
+	width: t,
+	height: t,
+	stroke: e,
+	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
+	className: m("lucide", i),
+	...!a && !h(c) && { "aria-hidden": "true" },
+	...c
+}, [...o.map(([e, t]) => s(e, t)), ...Array.isArray(a) ? a : [a]])), v = (e, t) => {
+	let n = c(({ className: n, ...r }, i) => s(_, {
+		ref: i,
+		iconNode: t,
+		className: m(`lucide-${d(p(e))}`, `lucide-${e}`, n),
+		...r
+	}));
+	return n.displayName = p(e), n;
+}, y = v("check", [["path", {
+	d: "M20 6 9 17l-5-5",
+	key: "1gmf2c"
+}]]), b = v("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	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";
+	return /* @__PURE__ */ u("div", {
+		className: "flex items-center",
+		"data-testid": "spectral-switch-container",
+		"data-state": N ? "disabled" : M,
+		children: [
+			h === "left" && !f && P && /* @__PURE__ */ l(i, {
+				className: "mr-2",
+				"data-testid": "spectral-switch-label-left",
+				htmlFor: j,
+				children: P
+			}),
+			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),
+						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,
+						id: j,
+						name: _,
+						onCheckedChange: v,
+						ref: S,
+						required: C,
+						value: T,
+						...A,
+						children: /* @__PURE__ */ l(o, { className: e(x, "size-6.5 shadow-xs relative z-10 duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] data-[state=checked]:translate-x-[26px] motion-reduce:duration-0 data-[state=checked]:rtl:translate-x-[-26px]") })
+					}),
+					/* @__PURE__ */ l("span", {
+						className: "ml-0.5 min-w-8 peer-data-[state=unchecked]:translate-x-6 peer-data-[state=unchecked]:rtl:-translate-x-6 motion-reduce:translate-x-0 pointer-events-none relative flex items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:invisible motion-reduce:transition-none motion-reduce:duration-0",
+						children: /* @__PURE__ */ l(b, {
+							"aria-hidden": "true",
+							className: "size-4"
+						})
+					}),
+					/* @__PURE__ */ l("span", {
+						className: "min-w-8 motion-reduce:translate-x-0 pointer-events-none relative flex items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:-translate-x-full peer-data-[state=checked]:text-background peer-data-[state=unchecked]:invisible motion-reduce:transition-none motion-reduce:duration-0 peer-data-[state=checked]:rtl:translate-x-full",
+						children: /* @__PURE__ */ l(y, {
+							"aria-hidden": "true",
+							className: "size-4"
+						})
+					})
+				]
+			}) : /* @__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),
+				"data-testid": "spectral-switch",
+				disabled: N,
+				id: j,
+				name: _,
+				onCheckedChange: v,
+				ref: S,
+				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") })
+			}),
+			h === "right" && !f && P && /* @__PURE__ */ l(i, {
+				className: "ml-2",
+				"data-testid": "spectral-switch-label-right",
+				htmlFor: j,
+				id: `${j}-label`,
+				children: P
+			}),
+			f && P && /* @__PURE__ */ l(i, {
+				className: "sr-only",
+				"data-testid": "spectral-switch-label-hidden",
+				htmlFor: j,
+				children: P
+			}),
+			M === "error" && d && F && /* @__PURE__ */ l(t, {
+				dataTestId: "spectral-switch-error-message",
+				id: F,
+				message: d
+			}),
+			M === "warning" && D && I && /* @__PURE__ */ l(n, {
+				dataTestId: "spectral-switch-warning-message",
+				id: I,
+				message: D
+			})
+		]
+	});
+};
+S.displayName = "Switch";
+//#endregion
+export { S as t };

package/dist/Switch.d.ts

@@ -1,18 +1,27 @@
+import { BaseFormFieldProps, FormFieldState } from './utils/formFieldUtils';
 import { Ref } from 'react';
 import { SwitchProps as SwitchBaseProps } from './SwitchBase';
+type SwitchVisualState = Exclude<FormFieldState, 'disabled'>;
 export type SwitchProps = Omit<SwitchBaseProps, 'onCheckedChange'> & {
+    'aria-describedby'?: string;
+    'aria-label'?: string;
+    errorMessage?: BaseFormFieldProps['errorMessage'];
     hideLabel?: boolean;
-    id: string;
+    id?: string;
+    label?: string;
     labelPosition?: 'left' | 'right';
-    labelText: string;
+    labelText?: string;
     onChange?: (checked: boolean) => void;
     ref?: Ref<HTMLButtonElement>;
     required?: boolean;
+    state?: SwitchVisualState;
     value?: string;
     variant?: 'default' | 'squared' | 'permanent-indicator';
+    warningMessage?: BaseFormFieldProps['errorMessage'];
 };
 export declare const Switch: {
-    ({ className, disabled, hideLabel, id, labelPosition, labelText, name, onChange, ref, required, value, variant, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, disabled, errorMessage, hideLabel, id, label, labelPosition, labelText, name, onChange, ref, required, state, value, variant, warningMessage, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+export {};
 //# sourceMappingURL=Switch.d.ts.map

package/dist/Switch.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Switch-CVzRJ-0n.js";
+import { t as e } from "./Switch-Wj_zov--.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-VNWgstKL.js";
-import { t } from "../proxy-Dn10Pl_g.js";
-import { t as n } from "../AnimatePresence-D-9jXfgI.js";
-import { t as r } from "../dist-B4FgboI8.js";
+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 { 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,5 +1,5 @@
 import "./styles/main.css";
-import { t as e } from "./twUtils-VNWgstKL.js";
+import { t as e } from "./twUtils-D_qzdiwM.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.d.ts

@@ -1,9 +1,9 @@
-import { FormFieldState } from './utils/formFieldUtils';
+import { BaseFormFieldProps, FormFieldState } from './utils/formFieldUtils';
 import { ComponentProps, FocusEvent, Ref } from 'react';
 export type TextareaState = FormFieldState;
 export type TextareaProps = Omit<ComponentProps<'textarea'>, 'onChange'> & {
     className?: string | undefined;
-    errorMessage?: string | undefined;
+    errorMessage?: BaseFormFieldProps['errorMessage'];
     id?: string | undefined;
     label: string;
     labelClassName?: string;
@@ -16,6 +16,7 @@ export type TextareaProps = Omit<ComponentProps<'textarea'>, 'onChange'> & {
     required?: boolean;
     state?: TextareaState;
     value?: string | undefined;
+    warningMessage?: BaseFormFieldProps['errorMessage'];
 };
 export declare const Textarea: {
     (allProps: TextareaProps & {

package/dist/Textarea.js

@@ -1,87 +1,92 @@
 "use client";
 import "./styles/main.css";
 import { LoaderIcon as e } from "./Icons/LoaderIcon.js";
-import { t } from "./twUtils-VNWgstKL.js";
-import { ErrorMessage as n, getAriaProps as r, getErrorMessageId as i, getTextareaClasses as a, useFormFieldId as o, useFormFieldState as s } from "./utils/formFieldUtils.js";
-import { useUncontrolledState as c } 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";
+import { t } from "./twUtils-D_qzdiwM.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";
 //#region src/components/Textarea/Textarea.tsx
-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, ...I } = _, L = o(w, O), R = i(L), z = d(null), B = v ?? z, [V, H] = c({
+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({
 		value: F,
 		defaultValue: typeof x == "string" ? x : x == null ? "" : String(x),
 		onChange: A
-	}), { handleFocus: U, handleBlur: W, handleChange: G, handlePaste: K } = u({
+	}), { handleFocus: K, handleBlur: q, handleChange: J, handlePaste: Y } = d({
 		maxLength: D,
-		value: V,
-		onChange: H,
+		value: W,
+		onChange: G,
 		onFocus: j,
 		onBlur: k
-	}), { isDisabled: q, isLoading: J } = s(S, P), Y = r(P, I["aria-describedby"], N, R), X = V?.length || 0, Z = a(P, b), Q = () => ({
-		"--textarea-min-height": "6rem",
-		"--textarea-max-height": "12rem",
-		"--textarea-border-radius": "0.5rem"
-	});
-	return /* @__PURE__ */ p("div", {
+	}), { 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", {
 		className: "w-full",
 		children: [
-			T && /* @__PURE__ */ f(l, {
+			T && /* @__PURE__ */ p(u, {
 				"data-testid": "spectral-textarea-label",
-				htmlFor: L,
-				className: t("mb-2 block", q && "cursor-not-allowed opacity-50", E),
+				htmlFor: R,
+				className: t("mb-2 block", X && "cursor-not-allowed opacity-50", E),
 				children: T
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "relative",
 				children: [
-					/* @__PURE__ */ f("textarea", {
+					/* @__PURE__ */ p("textarea", {
 						"aria-multiline": "true",
-						autoComplete: h(y),
-						className: Z,
+						autoComplete: ee(y),
+						className: te,
 						"data-state": P,
 						"data-testid": "spectral-textarea",
-						disabled: q,
-						id: L,
+						disabled: X,
+						id: R,
 						name: O,
-						onBlur: W,
-						onChange: G,
-						onFocus: U,
-						onPaste: K,
+						onBlur: q,
+						onChange: J,
+						onFocus: K,
+						onPaste: Y,
 						placeholder: M,
-						ref: B,
+						ref: U,
 						required: N,
 						spellCheck: "true",
-						style: Q(),
-						value: V,
-						...Y,
-						...I
+						style: {
+							"--textarea-min-height": "6rem",
+							"--textarea-max-height": "12rem",
+							"--textarea-border-radius": "0.5rem"
+						},
+						value: W,
+						...Q,
+						...L
 					}),
-					J && /* @__PURE__ */ f("div", {
-						className: m,
+					Z && /* @__PURE__ */ p("div", {
+						className: h,
 						"data-testid": "spectral-textarea-loading-icon",
-						children: /* @__PURE__ */ f(e, { size: 24 })
+						children: /* @__PURE__ */ p(e, { size: 24 })
 					}),
-					/* @__PURE__ */ p("div", {
-						"aria-label": X + " of " + D + " characters used",
+					/* @__PURE__ */ m("div", {
+						"aria-label": $ + " of " + D + " characters used",
 						"aria-live": "polite",
-						className: g(X, D),
+						className: g($, D),
 						"data-testid": "spectral-textarea-counter",
 						role: "status",
 						children: [
-							X,
+							$,
 							"/",
 							D
 						]
 					})
 				]
 			}),
-			P === "error" && C && /* @__PURE__ */ f(n, {
+			P === "error" && C && /* @__PURE__ */ p(n, {
 				dataTestId: "spectral-textarea-error-message",
-				id: R,
+				id: z,
 				message: C
+			}),
+			P === "warning" && I && /* @__PURE__ */ p(r, {
+				dataTestId: "spectral-textarea-warning-message",
+				id: B,
+				message: I
 			})
 		]
 	});

package/dist/{Toast-9zqXxKKO.js → Toast-CJvzLlMD.js}

@@ -3,7 +3,7 @@ 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-VNWgstKL.js";
+import { t as i } from "./twUtils-D_qzdiwM.js";
 import { t as a } from "./dist-B4g6zpUF.js";
 import o from "react";
 import s from "react-dom";

package/dist/Toast.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./Toast-9zqXxKKO.js";
+import { n as e, t } from "./Toast-CJvzLlMD.js";
 export { t as Toast, e as toast };

package/dist/Toggle.js

@@ -1,5 +1,5 @@
 import "./styles/main.css";
-import { t as e } from "./twUtils-VNWgstKL.js";
+import { t as e } from "./twUtils-D_qzdiwM.js";
 import { t } from "./dist-B4g6zpUF.js";
 import { ToggleBase as n } from "./Toggle/ToggleBase.js";
 import "react";

package/dist/ToggleGroup.js

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

package/dist/{Tooltip-D1K8kY1y.js → Tooltip-BR0tdif4.js}

@@ -2,7 +2,7 @@ import "./styles/main.css";
 import { a as e, d as t, l as n, r, s as i, t as a } from "./dist-7HRQ5IKN.js";
 import { t as o } from "./dist-Bft31cJh.js";
 import { t as s } from "./dist-Dtvmk11N.js";
-import { t as c } from "./twUtils-VNWgstKL.js";
+import { t as c } from "./twUtils-D_qzdiwM.js";
 import { t as l } from "./dist-B4g6zpUF.js";
 import { n as u, t as d } from "./dist-B2k1iWFp.js";
 import { a as f, i as p, n as m, r as h, t as g } from "./dist-C0Hifjgh.js";
@@ -315,7 +315,7 @@ function X(e, t) {
 }
 function Z(e) {
 	let t = e.slice();
-	return t.sort((e, t) => e.x < t.x ? -1 : e.x > t.x ? 1 : e.y < t.y ? -1 : e.y > t.y ? 1 : 0), ne(t);
+	return t.sort((e, t) => e.x < t.x ? -1 : e.x > t.x ? 1 : e.y < t.y ? -1 : +(e.y > t.y)), ne(t);
 }
 function ne(e) {
 	if (e.length <= 1) return e.slice();

package/dist/Tooltip.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./Tooltip-D1K8kY1y.js";
+import { i as e, n as t, r as n, t as r } from "./Tooltip-BR0tdif4.js";
 export { r as Tooltip, t as TooltipContent, n as TooltipProvider, e as TooltipTrigger };

package/dist/Tray.js

@@ -1,13 +1,13 @@
 "use client";
 import "./styles/main.css";
 import { CloseIcon as e } from "./Icons/CloseIcon.js";
-import { t } from "./twUtils-VNWgstKL.js";
+import { t } from "./twUtils-D_qzdiwM.js";
 import { t as n } from "./dist-B4g6zpUF.js";
 import { ButtonIcon as r } from "./ButtonIcon.js";
 import { t as i } from "./dist-3Af8168y.js";
-import { t as a } from "./proxy-Dn10Pl_g.js";
-import { t as o } from "./AnimatePresence-D-9jXfgI.js";
-import { t as s } from "./dist-B4FgboI8.js";
+import { t as a } from "./proxy-CCB7C4Pu.js";
+import { t as o } from "./AnimatePresence-D9FLxIGV.js";
+import { t as s } from "./dist-Cujfuel1.js";
 import { createContext as c, useContext as l, useMemo as u, useRef as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/Tray/Tray.tsx

package/dist/{chunk-h9knIhTc.js → chunk-C4rFPcKS.js}

@@ -1,5 +1,5 @@
 //#region \0rolldown/runtime.js
-var e = Object.defineProperty, t = Object.getOwnPropertyDescriptor, n = Object.getOwnPropertyNames, r = Object.prototype.hasOwnProperty, i = (e, t) => () => (e && (t = e(e = 0)), t), a = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), o = (t, n) => {
+var e = Object.defineProperty, t = Object.getOwnPropertyDescriptor, n = Object.getOwnPropertyNames, r = Object.prototype.hasOwnProperty, i = (e, t) => () => (e && (t = e(e = 0)), t), a = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), o = (t, n) => {
 	let r = {};
 	for (var i in t) e(r, i, {
 		get: t[i],

package/dist/dist-DcUGLq_y.js

@@ -0,0 +1,149 @@
+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 "./dist-Dtvmk11N.js";
+import { t as c } from "./dist-ClmepHp4.js";
+import * as l from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.11_@types+react-dom@19.2.3_@types+react@19.2.14__@type_201cfa283d5b26fb84e6cfb74449149c/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
+var d = "rovingFocusGroup.onEntryFocus", f = {
+	bubbles: !1,
+	cancelable: !0
+}, p = "RovingFocusGroup", [m, h, g] = a(p), [_, v] = t(p, [g]), [y, b] = _(p), x = l.forwardRef((e, t) => /* @__PURE__ */ u(m.Provider, {
+	scope: e.__scopeRovingFocusGroup,
+	children: /* @__PURE__ */ u(m.Slot, {
+		scope: e.__scopeRovingFocusGroup,
+		children: /* @__PURE__ */ u(S, {
+			...e,
+			ref: t
+		})
+	})
+}));
+x.displayName = p;
+var S = l.forwardRef((t, a) => {
+	let { __scopeRovingFocusGroup: s, orientation: m, loop: g = !1, dir: _, currentTabStopId: v, defaultCurrentTabStopId: b, onCurrentTabStopIdChange: x, onEntryFocus: S, preventScrollOnEntryFocus: C = !1, ...w } = t, T = l.useRef(null), E = n(a, T), D = o(_), [k, A] = r({
+		prop: v,
+		defaultProp: b ?? null,
+		onChange: x,
+		caller: p
+	}), [j, M] = l.useState(!1), N = c(S), P = h(s), F = l.useRef(!1), [I, L] = l.useState(0);
+	return l.useEffect(() => {
+		let e = T.current;
+		if (e) return e.addEventListener(d, N), () => e.removeEventListener(d, N);
+	}, [N]), /* @__PURE__ */ u(y, {
+		scope: s,
+		orientation: m,
+		dir: D,
+		loop: g,
+		currentTabStopId: k,
+		onItemFocus: l.useCallback((e) => A(e), [A]),
+		onItemShiftTab: l.useCallback(() => M(!0), []),
+		onFocusableItemAdd: l.useCallback(() => L((e) => e + 1), []),
+		onFocusableItemRemove: l.useCallback(() => L((e) => e - 1), []),
+		children: /* @__PURE__ */ u(i.div, {
+			tabIndex: j || I === 0 ? -1 : 0,
+			"data-orientation": m,
+			...w,
+			ref: E,
+			style: {
+				outline: "none",
+				...t.style
+			},
+			onMouseDown: e(t.onMouseDown, () => {
+				F.current = !0;
+			}),
+			onFocus: e(t.onFocus, (e) => {
+				let t = !F.current;
+				if (e.target === e.currentTarget && t && !j) {
+					let t = new CustomEvent(d, f);
+					if (e.currentTarget.dispatchEvent(t), !t.defaultPrevented) {
+						let e = P().filter((e) => e.focusable);
+						O([
+							e.find((e) => e.active),
+							e.find((e) => e.id === k),
+							...e
+						].filter(Boolean).map((e) => e.ref.current), C);
+					}
+				}
+				F.current = !1;
+			}),
+			onBlur: e(t.onBlur, () => M(!1))
+		})
+	});
+}), C = "RovingFocusGroupItem", w = l.forwardRef((t, n) => {
+	let { __scopeRovingFocusGroup: r, focusable: a = !0, active: o = !1, tabStopId: c, children: d, ...f } = t, p = s(), g = c || p, _ = b(C, r), v = _.currentTabStopId === g, y = h(r), { onFocusableItemAdd: x, onFocusableItemRemove: S, currentTabStopId: w } = _;
+	return l.useEffect(() => {
+		if (a) return x(), () => S();
+	}, [
+		a,
+		x,
+		S
+	]), /* @__PURE__ */ u(m.ItemSlot, {
+		scope: r,
+		id: g,
+		focusable: a,
+		active: o,
+		children: /* @__PURE__ */ u(i.span, {
+			tabIndex: v ? 0 : -1,
+			"data-orientation": _.orientation,
+			...f,
+			ref: n,
+			onMouseDown: e(t.onMouseDown, (e) => {
+				a ? _.onItemFocus(g) : e.preventDefault();
+			}),
+			onFocus: e(t.onFocus, () => _.onItemFocus(g)),
+			onKeyDown: e(t.onKeyDown, (e) => {
+				if (e.key === "Tab" && e.shiftKey) {
+					_.onItemShiftTab();
+					return;
+				}
+				if (e.target !== e.currentTarget) return;
+				let t = D(e, _.orientation, _.dir);
+				if (t !== void 0) {
+					if (e.metaKey || e.ctrlKey || e.altKey || e.shiftKey) return;
+					e.preventDefault();
+					let n = y().filter((e) => e.focusable).map((e) => e.ref.current);
+					if (t === "last") n.reverse();
+					else if (t === "prev" || t === "next") {
+						t === "prev" && n.reverse();
+						let r = n.indexOf(e.currentTarget);
+						n = _.loop ? k(n, r + 1) : n.slice(r + 1);
+					}
+					setTimeout(() => O(n));
+				}
+			}),
+			children: typeof d == "function" ? d({
+				isCurrentTabStop: v,
+				hasTabStop: w != null
+			}) : d
+		})
+	});
+});
+w.displayName = C;
+var T = {
+	ArrowLeft: "prev",
+	ArrowUp: "prev",
+	ArrowRight: "next",
+	ArrowDown: "next",
+	PageUp: "first",
+	Home: "first",
+	PageDown: "last",
+	End: "last"
+};
+function E(e, t) {
+	return t === "rtl" ? e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e : e;
+}
+function D(e, t, n) {
+	let r = E(e.key, n);
+	if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r))) return T[r];
+}
+function O(e, t = !1) {
+	let n = document.activeElement;
+	for (let r of e) if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
+}
+function k(e, t) {
+	return e.map((n, r) => e[(t + r) % e.length]);
+}
+var A = x, j = w;
+//#endregion
+export { A as n, v as r, j as t };

package/dist/main.js

@@ -1,6 +1,6 @@
 "use client";
 import "./styles/main.css";
-import { i as e, t } from "./chunk-h9knIhTc.js";
+import { i as e, t } from "./chunk-C4rFPcKS.js";
 import n from "./App.js";
 import { StrictMode as r } from "react";
 import { jsx as i } from "react/jsx-runtime";

package/dist/primitives/button.js

@@ -1,4 +1,4 @@
-import { t as e } from "../twUtils-VNWgstKL.js";
+import { t as e } from "../twUtils-D_qzdiwM.js";
 import { t } from "../dist-B4g6zpUF.js";
 import { Slot as n } from "./slot.js";
 import "react";