@spear-ai/spectral 1.11.2 → 1.11.3

package/dist/Select.js

@@ -6,16 +6,18 @@ import { LoaderIcon as n } from "./Icons/LoaderIcon.js";
 import { t as r } from "./twUtils-VNWgstKL.js";
 import { EmptyState as i, ErrorMessage as a, LoadingState as o, getAriaProps as s, getDropdownSurfaceClasses as c, getErrorMessageId as l, getFormFieldCSSProperties as ee, getOptionClasses as te, getStateClasses as ne, getTriggerClasses as re, groupOptions as ie, useFormFieldId as ae, useFormFieldState as oe } from "./utils/formFieldUtils.js";
 import { Label as u } from "./Label.js";
-import { a as d, c as f, d as p, f as m, h, i as g, l as se, m as ce, n as le, o as ue, p as de, r as fe, t as pe, u as me } from "./dist-fW81qjVl.js";
-import { useState as he } from "react";
+import { useAutoDropdownHorizontalShift as d } from "./utils/dropdownPositioning.js";
+import { a as f, c as p, d as m, f as h, h as se, i as ce, l as le, m as ue, n as de, o as fe, p as pe, r as me, t as he, u as ge } from "./dist-fW81qjVl.js";
+import { useState as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/Select/Select.tsx
 var b = (b) => {
-	let x = "value" in b, { align: S = "start", alignOffset: C = 0, avoidCollisions: w = !0, className: T, collisionBoundary: E, collisionPadding: D = 10, defaultValue: O, dropdownWidth: k = "trigger", emptyMessage: A = "No options found", errorMessage: j, id: M, label: N, labelClassName: P, loadingMessage: F = "Loading…", name: I, onChange: L, options: R = [], placeholder: z = "Select an option", position: B = "popper", ref: ge, side: _e = "bottom", sideOffset: ve = 4, state: V = "default", value: H, "aria-label": ye, "aria-describedby": be, ...U } = b, W = x ? H ?? "" : H, [G, xe] = he(!1), K = ae(M, I), q = l(K), J = k === "trigger" ? "var(--radix-select-trigger-width)" : k === "content" ? "max-content" : k, Y = k === "trigger" || k === "content" ? k : "custom", Se = {
-		"--spectral-select-content-width": J,
-		width: B === "item-aligned" ? J : void 0
-	}, { isDisabled: X, isLoading: Z, isInvalid: Ce } = oe(U.disabled, V), we = s(V, be, U.required, q), { groups: Q, ungrouped: $ } = ie(R), Te = () => {
-		if (Z) return /* @__PURE__ */ v(o, {
+	let x = "value" in b, { align: S = "start", alignOffset: C = 0, avoidCollisions: w = !0, className: T, collisionBoundary: E, collisionPadding: D = 10, defaultValue: O, dropdownWidth: k = "trigger", emptyMessage: A = "No options found", errorMessage: j, id: M, label: N, labelClassName: P, loadingMessage: F = "Loading…", name: I, onChange: L, options: R = [], placeholder: _e = "Select an option", position: z = "popper", ref: ve, side: ye = "bottom", sideOffset: be = 4, state: B = "default", value: V, "aria-label": xe, "aria-describedby": Se, ...H } = b, U = x ? V ?? "" : V, [W, Ce] = g(!1), { dropdownShiftStyle: we, setDropdownElement: Te } = d(W), G = ae(M, I), K = l(G), q = k === "trigger" ? "var(--radix-select-trigger-width)" : k === "content" ? "max-content" : k, J = k === "trigger" || k === "content" ? k : "custom", Ee = {
+		"--spectral-select-content-width": q,
+		width: z === "item-aligned" ? q : void 0,
+		...we
+	}, { isDisabled: Y, isLoading: X, isInvalid: De } = oe(H.disabled, B), Z = s(B, Se, H.required, K), { groups: Q, ungrouped: $ } = ie(R), Oe = () => {
+		if (X) return /* @__PURE__ */ v(o, {
 			"data-testid": "spectral-select-loading",
 			message: F
 		});
@@ -24,17 +26,17 @@ var b = (b) => {
 			message: A
 		});
 		let t = (t) => {
-			let n = W === t.value;
-			return /* @__PURE__ */ y(g, {
+			let n = U === t.value;
+			return /* @__PURE__ */ y(ce, {
 				className: r(te(!!t.disabled, !1, n), "relative flex w-full cursor-pointer items-center"),
 				"data-testid": "spectral-select-item",
 				disabled: t.disabled,
 				value: t.value,
-				children: [/* @__PURE__ */ v(ue, {
+				children: [/* @__PURE__ */ v(fe, {
 					"data-testid": "spectral-select-item-text",
 					className: "block truncate",
 					children: t.label
-				}), /* @__PURE__ */ v(d, {
+				}), /* @__PURE__ */ v(f, {
 					"data-testid": "spectral-select-item-selected-indicator",
 					asChild: !0,
 					children: /* @__PURE__ */ v("span", {
@@ -44,13 +46,13 @@ var b = (b) => {
 				})]
 			}, t.value);
 		};
-		return /* @__PURE__ */ y(_, { children: [$.length > 0 && /* @__PURE__ */ y(_, { children: [$.map(t), Object.keys(Q).length > 0 && /* @__PURE__ */ v(m, {
+		return /* @__PURE__ */ y(_, { children: [$.length > 0 && /* @__PURE__ */ y(_, { children: [$.map(t), Object.keys(Q).length > 0 && /* @__PURE__ */ v(h, {
 			className: "-mx-1 my-1 h-px bg-border-secondary",
 			"data-testid": "spectral-select-separator"
-		})] }), Object.entries(Q).map(([e, n], i) => /* @__PURE__ */ y(le, {
+		})] }), Object.entries(Q).map(([e, n], i) => /* @__PURE__ */ y(de, {
 			"data-testid": "spectral-select-group",
 			children: [
-				i > 0 && /* @__PURE__ */ v(m, {
+				i > 0 && /* @__PURE__ */ v(h, {
 					className: "-mx-1 my-1 h-px bg-border-secondary",
 					"data-testid": "spectral-select-group-separator"
 				}),
@@ -67,72 +69,73 @@ var b = (b) => {
 		className: "w-full",
 		children: [
 			N && /* @__PURE__ */ v(u, {
-				className: r("mb-2 block text-text-primary", P, X && "text-text-secondary"),
+				className: r("mb-2 block text-text-primary", P, Y && "text-text-secondary"),
 				"data-testid": "spectral-select-label",
-				htmlFor: K,
+				htmlFor: G,
 				children: N
 			}),
-			/* @__PURE__ */ y(se, {
+			/* @__PURE__ */ y(le, {
 				"data-testid": "spectral-select",
 				defaultValue: O,
-				disabled: X,
+				disabled: Y,
 				name: I,
-				onOpenChange: xe,
+				onOpenChange: Ce,
 				onValueChange: L,
-				open: G,
-				required: U.required,
-				value: W,
-				children: [/* @__PURE__ */ v(de, {
-					"aria-controls": K,
-					"aria-expanded": G,
-					"aria-label": ye ?? N,
+				open: W,
+				required: H.required,
+				value: U,
+				children: [/* @__PURE__ */ v(pe, {
+					"aria-controls": G,
+					"aria-expanded": W,
+					"aria-label": xe ?? N,
 					asChild: !0,
-					className: r(re(!1, V), ne(V), "text-input-text data-placeholder:text-input-text!", T),
+					className: r(re(!1, B), ne(B), "text-input-text data-placeholder:text-input-text-placeholder!", T),
 					"data-slot": "select-trigger",
-					"data-state": V,
+					"data-state": B,
 					"data-testid": "spectral-select-trigger",
-					id: K,
-					ref: ge,
+					id: G,
+					ref: ve,
 					role: "combobox",
 					style: ee(),
-					...we,
-					...U,
+					...Z,
+					...H,
 					children: /* @__PURE__ */ y("button", {
-						className: "min-w-0 gap-2 [&>span]:min-w-0 grid w-full cursor-pointer grid-cols-[minmax(0,1fr)_auto] items-center overflow-hidden text-left whitespace-nowrap text-input-text! data-placeholder:text-input-text! [&>span]:block [&>span]:overflow-hidden [&>span]:text-ellipsis [&>span]:whitespace-nowrap [&>span[data-placeholder]]:text-input-text!",
+						className: "min-w-0 gap-2 [&>span]:min-w-0 grid w-full cursor-pointer grid-cols-[minmax(0,1fr)_auto] items-center overflow-hidden text-left whitespace-nowrap text-input-text! data-placeholder:text-input-text-placeholder! [&>span]:block [&>span]:overflow-hidden [&>span]:text-ellipsis [&>span]:whitespace-nowrap [&>span[data-placeholder]]:text-input-text-placeholder!",
 						type: "button",
-						disabled: X,
-						children: [/* @__PURE__ */ v(ce, {
-							className: "min-w-0 block max-w-full flex-1 truncate text-left whitespace-nowrap text-input-text! data-placeholder:text-input-text!",
+						disabled: Y,
+						children: [/* @__PURE__ */ v(ue, {
+							className: "min-w-0 block max-w-full flex-1 truncate text-left whitespace-nowrap text-input-text! data-placeholder:text-input-text-placeholder!",
 							"data-testid": "spectral-select-value",
-							placeholder: z
-						}), /* @__PURE__ */ v(fe, {
+							placeholder: _e
+						}), /* @__PURE__ */ v(me, {
 							asChild: !0,
 							children: /* @__PURE__ */ v("div", {
 								className: "flex shrink-0 cursor-pointer items-center",
-								children: Z ? /* @__PURE__ */ v(n, { size: 20 }) : /* @__PURE__ */ v(t, {
-									className: r("transition-transform duration-200", G && "rotate-180"),
+								children: X ? /* @__PURE__ */ v(n, { size: 20 }) : /* @__PURE__ */ v(t, {
+									className: r("transition-transform duration-200", W && "rotate-180"),
 									size: 20
 								})
 							})
 						})]
 					})
-				}), /* @__PURE__ */ v(f, { children: /* @__PURE__ */ y(pe, {
+				}), /* @__PURE__ */ v(p, { children: /* @__PURE__ */ y(he, {
 					align: S,
 					alignOffset: C,
 					avoidCollisions: w,
-					className: r("relative z-50 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:animate-in", c(), "motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", "max-h-[min(var(--radix-select-content-available-height),300px)] motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2", "min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto", B === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1"),
+					className: r("relative z-50 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:animate-in", c(), "motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", "max-h-[min(var(--radix-select-content-available-height),300px)] motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2", "min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto", z === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1"),
 					collisionBoundary: E,
 					collisionPadding: D,
-					"data-dropdown-width-mode": Y,
-					"data-dropdown-width-value": Y === "custom" ? k : void 0,
+					"data-dropdown-width-mode": J,
+					"data-dropdown-width-value": J === "custom" ? k : void 0,
 					"data-slot": "select-content",
 					"data-testid": "spectral-select-content",
-					position: B,
-					side: _e,
-					sideOffset: ve,
-					style: Se,
+					position: z,
+					ref: Te,
+					side: ye,
+					sideOffset: be,
+					style: Ee,
 					children: [
-						/* @__PURE__ */ v(p, {
+						/* @__PURE__ */ v(m, {
 							className: "py-1 flex cursor-default items-center justify-center",
 							"data-testid": "spectral-select-scroll-up-button",
 							children: /* @__PURE__ */ v(t, {
@@ -141,15 +144,15 @@ var b = (b) => {
 								size: 18
 							})
 						}),
-						/* @__PURE__ */ v(h, {
+						/* @__PURE__ */ v(se, {
 							asChild: !0,
 							children: /* @__PURE__ */ v("div", {
-								className: r("p-1", B === "popper" && "scroll-my-1 h-(--radix-select-trigger-height) w-(--spectral-select-content-width) min-w-(--spectral-select-content-width)"),
+								className: r("p-1", z === "popper" && "scroll-my-1 h-(--radix-select-trigger-height) w-(--spectral-select-content-width) min-w-(--spectral-select-content-width)"),
 								"data-testid": "spectral-select-items",
-								children: Te()
+								children: Oe()
 							})
 						}),
-						/* @__PURE__ */ v(me, {
+						/* @__PURE__ */ v(ge, {
 							className: "py-1 flex cursor-default items-center justify-center",
 							"data-testid": "spectral-select-scroll-down-button",
 							children: /* @__PURE__ */ v(t, {
@@ -160,9 +163,9 @@ var b = (b) => {
 					]
 				}) })]
 			}),
-			Ce && j && /* @__PURE__ */ v(a, {
+			De && j && /* @__PURE__ */ v(a, {
 				"data-testid": "spectral-select-error-message",
-				id: q,
+				id: K,
 				message: j
 			})
 		]

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;AACzD,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,4CAEhG,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,4CAoD7L,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,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,4CAEhG,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"}

package/dist/primitives/select.js

@@ -4,22 +4,23 @@ import { ChevronDownIcon as t } from "../Icons/ChevronDownIcon.js";
 import { ChevronUpIcon as n } from "../Icons/ChevronUpIcon.js";
 import { t as r } from "../twUtils-VNWgstKL.js";
 import { getDropdownSurfaceClasses as i } from "../utils/formFieldUtils.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-fW81qjVl.js";
-import { useRef as b } from "react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+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 { useRef as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/primitives/select.tsx
-var C = 12, w = (e) => {
+var w = 12, T = (e) => {
 	let t = document.querySelectorAll("[aria-controls]");
 	for (let n of t) if (n.getAttribute("aria-controls") === e) return n;
 	return null;
-}, T = (e) => {
+}, E = (e) => {
 	let t = e.id;
 	if (!t) return;
-	let n = w(t);
+	let n = T(t);
 	if (!n) return;
 	let r = n.closest("[data-slot=\"dialog-content\"]");
 	if (!r) return;
-	let i = e.getBoundingClientRect(), a = r.getBoundingClientRect(), o = i.bottom - a.bottom + C;
+	let i = e.getBoundingClientRect(), a = r.getBoundingClientRect(), o = i.bottom - a.bottom + w;
 	if (o > 0) {
 		r.scrollTo({
 			top: r.scrollTop + o,
@@ -27,98 +28,100 @@ var C = 12, w = (e) => {
 		});
 		return;
 	}
-	let s = a.top - i.top + C;
+	let s = a.top - i.top + w;
 	s > 0 && r.scrollTo({
 		top: Math.max(0, r.scrollTop - s),
 		behavior: "smooth"
 	});
-}, E = ({ ...e }) => /* @__PURE__ */ x(d, {
+}, D = ({ ...e }) => /* @__PURE__ */ S(f, {
 	"data-slot": "select",
 	...e
-}), D = ({ ...e }) => /* @__PURE__ */ x(p, {
+}), O = ({ ...e }) => /* @__PURE__ */ S(m, {
 	"data-slot": "select-group",
 	...e
-}), O = ({ className: e, ...t }) => /* @__PURE__ */ x(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!", e),
+}), k = ({ className: e, ...t }) => /* @__PURE__ */ S(p, {
+	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
-}), k = ({ asChild: e, children: n, className: i, size: a = "default", ...o }) => /* @__PURE__ */ S(h, {
+}), A = ({ asChild: e, children: n, className: i, size: a = "default", ...o }) => /* @__PURE__ */ C(g, {
 	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! *: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),
+	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__ */ x(g, {
+	children: [n, !e && /* @__PURE__ */ S(_, {
 		asChild: !0,
-		children: /* @__PURE__ */ x(t, {
+		children: /* @__PURE__ */ S(t, {
 			className: "size-4 opacity-50 transition-transform duration-200",
 			"data-slot": "select-chevron"
 		})
 	})]
-}), A = ({ align: e = "center", children: t, className: n, dropdownWidth: a = "trigger", onCloseAutoFocus: s, onFocusCapture: c, position: u = "popper", style: d, ...f }) => {
-	let p = b(!1), m = a === "trigger" ? "var(--radix-select-trigger-width)" : a === "content" ? "max-content" : a, h = a === "trigger" || a === "content" ? a : "custom", g = (e) => {
-		if (c?.(e), p.current) return;
-		p.current = !0;
+}), 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", w = (e) => {
+		if (l?.(e), m.current) return;
+		m.current = !0;
 		let t = e.currentTarget;
 		requestAnimationFrame(() => {
-			T(t);
+			E(t), g();
 		});
-	}, _ = (e) => {
-		p.current = !1, s?.(e);
+	}, T = (e) => {
+		m.current = !1, c?.(e);
 	};
-	return /* @__PURE__ */ x(o, { children: /* @__PURE__ */ S(v, {
+	return /* @__PURE__ */ S(s, { children: /* @__PURE__ */ C(y, {
 		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(), 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": h,
-		"data-dropdown-width-value": h === "custom" ? a : 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(), 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,
 		"data-slot": "select-content",
-		onCloseAutoFocus: _,
-		onFocusCapture: g,
-		position: u,
+		onCloseAutoFocus: T,
+		onFocusCapture: w,
+		position: d,
+		ref: _,
 		style: {
-			...d,
-			width: m
+			...f,
+			width: v,
+			...h
 		},
-		...f,
+		...p,
 		children: [
-			/* @__PURE__ */ x(P, {}),
-			/* @__PURE__ */ x(l, {
-				className: r("p-1", u === "popper" && "scroll-my-1 h-(--radix-select-trigger-height) w-full min-w-full"),
+			/* @__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"),
 				"data-slot": "select-viewport",
 				children: t
 			}),
-			/* @__PURE__ */ x(F, {})
+			/* @__PURE__ */ S(I, {})
 		]
 	}) });
-}, j = ({ className: e, ...t }) => /* @__PURE__ */ x(_, {
+}, M = ({ className: e, ...t }) => /* @__PURE__ */ S(v, {
 	className: r("px-2 py-1.5 text-xs text-text-primary", e),
 	"data-slot": "select-label",
 	...t
-}), M = ({ className: t, children: n, ...i }) => /* @__PURE__ */ S(u, {
+}), N = ({ className: t, children: n, ...i }) => /* @__PURE__ */ C(d, {
 	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__ */ x("span", {
+	children: [/* @__PURE__ */ S("span", {
 		className: "right-2 size-3.5 absolute flex items-center justify-center",
-		children: /* @__PURE__ */ x(a, { children: /* @__PURE__ */ x(e, { className: "size-4" }) })
-	}), /* @__PURE__ */ x(m, {
+		children: /* @__PURE__ */ S(o, { children: /* @__PURE__ */ S(e, { className: "size-4" }) })
+	}), /* @__PURE__ */ S(h, {
 		className: "min-w-0 block max-w-full truncate whitespace-nowrap",
 		children: n
 	})]
-}), N = ({ className: e, ...t }) => /* @__PURE__ */ x(c, {
+}), P = ({ className: e, ...t }) => /* @__PURE__ */ S(l, {
 	className: r("bg-border -mx-1 my-1 pointer-events-none h-px", e),
 	"data-slot": "select-separator",
 	...t
-}), P = ({ className: e, ...t }) => /* @__PURE__ */ x(s, {
+}), F = ({ className: e, ...t }) => /* @__PURE__ */ S(c, {
 	className: r("py-1 flex cursor-default items-center justify-center", e),
 	"data-slot": "select-scroll-up-button",
 	...t,
-	children: /* @__PURE__ */ x(n, { className: "size-4" })
-}), F = ({ className: e, ...n }) => /* @__PURE__ */ x(y, {
+	children: /* @__PURE__ */ S(n, { className: "size-4" })
+}), I = ({ className: e, ...n }) => /* @__PURE__ */ S(b, {
 	className: r("py-1 flex cursor-default items-center justify-center", e),
 	"data-slot": "select-scroll-down-button",
 	...n,
-	children: /* @__PURE__ */ x(t, { className: "size-4" })
+	children: /* @__PURE__ */ S(t, { className: "size-4" })
 });
 //#endregion
-export { E as Select, A as SelectContent, D as SelectGroup, M as SelectItem, j as SelectLabel, F as SelectScrollDownButton, P as SelectScrollUpButton, N as SelectSeparator, k as SelectTrigger, O as SelectValue };
+export { D as Select, j as SelectContent, O as SelectGroup, N as SelectItem, M as SelectLabel, I as SelectScrollDownButton, F as SelectScrollUpButton, P as SelectSeparator, A as SelectTrigger, k as SelectValue };