@spear-ai/spectral 1.12.0 → 1.12.2

package/dist/primitives/select.js

@@ -4,8 +4,8 @@ import { ChevronDownIcon as t } from "../Icons/ChevronDownIcon.js";
 import { ChevronUpIcon as n } from "../Icons/ChevronUpIcon.js";
 import { t as r } from "../twUtils-D_qzdiwM.js";
 import { getDropdownSurfaceClasses as i } from "../utils/formFieldUtils.js";
-import { useAutoDropdownHorizontalShift as a } from "../utils/dropdownPositioning.js";
-import { a as o, c as s, d as c, f as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b } from "../dist-fW81qjVl.js";
+import { a, c as o, d as s, f as c, h as l, i as u, l as d, m as f, n as p, o as m, p as h, r as g, s as _, t as v, u as y } from "../dist-C9fJjxxB.js";
+import { useAutoDropdownHorizontalShift as b } from "../utils/dropdownPositioning.js";
 import { useRef as x } from "react";
 import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/primitives/select.tsx
@@ -33,91 +33,91 @@ var w = 12, T = (e) => {
 		top: Math.max(0, r.scrollTop - s),
 		behavior: "smooth"
 	});
-}, D = ({ ...e }) => /* @__PURE__ */ S(f, {
+}, D = ({ ...e }) => /* @__PURE__ */ S(d, {
 	"data-slot": "select",
 	...e
-}), O = ({ ...e }) => /* @__PURE__ */ S(m, {
+}), O = ({ ...e }) => /* @__PURE__ */ S(p, {
 	"data-slot": "select-group",
 	...e
-}), k = ({ className: e, ...t }) => /* @__PURE__ */ S(p, {
+}), k = ({ className: e, ...t }) => /* @__PURE__ */ S(f, {
 	className: r("min-w-0 block max-w-full flex-1 truncate text-left whitespace-nowrap text-input-text! data-placeholder:text-input-text-placeholder!", e),
 	"data-slot": "select-value",
 	...t
-}), A = ({ asChild: e, children: n, className: i, size: a = "default", ...o }) => /* @__PURE__ */ C(g, {
+}), A = ({ asChild: e, children: n, className: i, size: a = "default", ...o }) => /* @__PURE__ */ C(h, {
 	asChild: e,
 	className: r("[&_svg:not([class*='text-'])]:text-text-placeholder focus-visible:border-ring focus-visible:ring-ring/50 gap-2 rounded-md px-3 py-2 text-sm shadow-xs h-9 *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 min-w-0 *:data-[slot=select-value]:min-w-0 flex w-fit cursor-pointer items-center justify-between border border-input-border bg-transparent text-input-text! transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-danger-400 data-placeholder:text-input-text-placeholder! *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center data-[state=open]:**:data-[slot=select-chevron]:rotate-180 [&_svg]:pointer-events-none [&_svg]:shrink-0", i),
 	"data-size": a,
 	"data-slot": "select-trigger",
 	...o,
-	children: [n, !e && /* @__PURE__ */ S(_, {
+	children: [n, !e && /* @__PURE__ */ S(g, {
 		asChild: !0,
 		children: /* @__PURE__ */ S(t, {
 			className: "size-4 opacity-50 transition-transform duration-200",
 			"data-slot": "select-chevron"
 		})
 	})]
-}), j = ({ align: e = "center", children: t, className: n, dropdownWidth: o = "trigger", onCloseAutoFocus: c, onFocusCapture: l, position: d = "popper", style: f, ...p }) => {
-	let m = x(!1), { dropdownShiftStyle: h, recalculateDropdownPosition: g, setDropdownElement: _ } = a(), v = o === "trigger" ? "var(--radix-select-trigger-width)" : o === "content" ? "max-content" : o, b = o === "trigger" || o === "content" ? o : "custom";
-	return /* @__PURE__ */ S(s, { children: /* @__PURE__ */ C(y, {
+}), j = ({ align: e = "center", children: t, className: n, dropdownWidth: a = "trigger", onCloseAutoFocus: s, onFocusCapture: c, position: u = "popper", style: d, ...f }) => {
+	let p = x(!1), { dropdownShiftStyle: m, recalculateDropdownPosition: h, setDropdownElement: g } = b(), _ = a === "trigger" ? "var(--radix-select-trigger-width)" : a === "content" ? "max-content" : a, y = a === "trigger" || a === "content" ? a : "custom";
+	return /* @__PURE__ */ S(o, { children: /* @__PURE__ */ C(v, {
 		align: e,
-		className: r("min-w-32 relative z-50 max-h-[--radix-select-content-available-height] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto text-text-primary motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", i(), d === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", n),
-		"data-dropdown-width-mode": b,
-		"data-dropdown-width-value": b === "custom" ? o : void 0,
+		className: r("min-w-32 relative z-50 max-h-[--radix-select-content-available-height] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto text-text-primary motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", i(), u === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", n),
+		"data-dropdown-width-mode": y,
+		"data-dropdown-width-value": y === "custom" ? a : void 0,
 		"data-slot": "select-content",
 		onCloseAutoFocus: (e) => {
-			m.current = !1, c?.(e);
+			p.current = !1, s?.(e);
 		},
 		onFocusCapture: (e) => {
-			if (l?.(e), m.current) return;
-			m.current = !0;
+			if (c?.(e), p.current) return;
+			p.current = !0;
 			let t = e.currentTarget;
 			requestAnimationFrame(() => {
-				E(t), g();
+				E(t), h();
 			});
 		},
-		position: d,
-		ref: _,
+		position: u,
+		ref: g,
 		style: {
-			...f,
-			width: v,
-			...h
+			...d,
+			width: _,
+			...m
 		},
-		...p,
+		...f,
 		children: [
 			/* @__PURE__ */ S(F, {}),
-			/* @__PURE__ */ S(u, {
-				className: r("p-1", d === "popper" && "scroll-my-1 h-(--radix-select-trigger-height) w-full min-w-full"),
+			/* @__PURE__ */ S(l, {
+				className: r("p-1", u === "popper" && "scroll-my-1 h-(--radix-select-trigger-height) w-full min-w-full"),
 				"data-slot": "select-viewport",
 				children: t
 			}),
 			/* @__PURE__ */ S(I, {})
 		]
 	}) });
-}, M = ({ className: e, ...t }) => /* @__PURE__ */ S(v, {
+}, M = ({ className: e, ...t }) => /* @__PURE__ */ S(_, {
 	className: r("px-2 py-1.5 text-xs text-text-primary", e),
 	"data-slot": "select-label",
 	...t
-}), N = ({ className: t, children: n, ...i }) => /* @__PURE__ */ C(d, {
+}), N = ({ className: t, children: n, ...i }) => /* @__PURE__ */ C(u, {
 	className: r("gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-none select-none hover:border-input-border--hover hover:bg-accent hover:text-text-inverted! focus:border-input-border--focus focus:bg-accent focus:text-text-inverted! data-disabled:pointer-events-none data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-text-inverted! [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:[&_svg]:text-text-inverted! focus:[&_svg]:text-text-inverted! data-highlighted:[&_svg]:text-text-inverted! *:[span]:last:flex *:[span]:last:items-center", t),
 	"data-slot": "select-item",
 	...i,
 	children: [/* @__PURE__ */ S("span", {
 		className: "right-2 size-3.5 absolute flex items-center justify-center",
-		children: /* @__PURE__ */ S(o, { children: /* @__PURE__ */ S(e, { className: "size-4" }) })
-	}), /* @__PURE__ */ S(h, {
+		children: /* @__PURE__ */ S(a, { children: /* @__PURE__ */ S(e, { className: "size-4" }) })
+	}), /* @__PURE__ */ S(m, {
 		className: "min-w-0 block max-w-full truncate whitespace-nowrap",
 		children: n
 	})]
-}), P = ({ className: e, ...t }) => /* @__PURE__ */ S(l, {
+}), P = ({ className: e, ...t }) => /* @__PURE__ */ S(c, {
 	className: r("bg-border -mx-1 my-1 pointer-events-none h-px", e),
 	"data-slot": "select-separator",
 	...t
-}), F = ({ className: e, ...t }) => /* @__PURE__ */ S(c, {
+}), F = ({ className: e, ...t }) => /* @__PURE__ */ S(s, {
 	className: r("py-1 flex cursor-default items-center justify-center", e),
 	"data-slot": "select-scroll-up-button",
 	...t,
 	children: /* @__PURE__ */ S(n, { className: "size-4" })
-}), I = ({ className: e, ...n }) => /* @__PURE__ */ S(b, {
+}), I = ({ className: e, ...n }) => /* @__PURE__ */ S(y, {
 	className: r("py-1 flex cursor-default items-center justify-center", e),
 	"data-slot": "select-scroll-down-button",
 	...n,