@bzync/rui 0.0.3

package/dist/select-Ch5fp1GT.js

@@ -0,0 +1,461 @@
+import { t as e } from "./cn-DpgY2leY.js";
+import { o as t, t as n } from "./component-styles-Ce56hn9T.js";
+import { a as r, i, n as a, o, r as s, t as c } from "./utils-CQ8pvCtk.js";
+import { t as l } from "./use-event-callback-DGkfO_uu.js";
+import { AnimatePresence as u, motion as d } from "framer-motion";
+import { forwardRef as f, useCallback as p, useEffect as m, useId as h, useMemo as g, useRef as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { createPortal as S } from "react-dom";
+//#region src/components/select/option-list.tsx
+function C({ listId: t, listRef: n, open: i, pos: a, options: o, flat: s, activeIdx: c, setActiveIdx: l, isSelected: f, onSelect: p, colorDot: m, multiselectable: h = !1, className: g }) {
+	return typeof document > "u" ? null : S(/* @__PURE__ */ b(u, { children: i && a && /* @__PURE__ */ b(d.ul, {
+		ref: n,
+		id: t,
+		role: "listbox",
+		"aria-multiselectable": h,
+		initial: {
+			opacity: 0,
+			y: a.placement === "bottom" ? -4 : 4,
+			scaleY: .97
+		},
+		animate: {
+			opacity: 1,
+			y: 0,
+			scaleY: 1
+		},
+		exit: {
+			opacity: 0,
+			y: a.placement === "bottom" ? -4 : 4,
+			scaleY: .97
+		},
+		transition: { duration: .13 },
+		style: {
+			originY: a.placement === "bottom" ? 0 : 1,
+			position: "fixed",
+			top: a.top,
+			left: a.left,
+			width: a.width,
+			maxHeight: a.maxHeight
+		},
+		className: e("z-[110] overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-surface-raised py-1 shadow-floating", g),
+		children: o.map((e, n) => r(e) ? /* @__PURE__ */ x("li", { children: [/* @__PURE__ */ b("p", {
+			className: "px-3 pt-2 pb-1 text-xs font-semibold text-slate-600 uppercase tracking-widest",
+			children: e.group
+		}), /* @__PURE__ */ b("ul", { children: e.options.map((e) => {
+			let n = s.find((t) => t.value === e.value);
+			return /* @__PURE__ */ b(w, {
+				opt: e,
+				listId: t,
+				flatIdx: n.flatIdx,
+				isActive: n.flatIdx === c,
+				isSelected: f(e.value),
+				onSelect: p,
+				onHover: l,
+				colorDot: m
+			}, e.value);
+		}) })] }, n) : /* @__PURE__ */ b(w, {
+			opt: e,
+			listId: t,
+			flatIdx: s.find((t) => t.value === e.value).flatIdx,
+			isActive: s.find((t) => t.value === e.value).flatIdx === c,
+			isSelected: f(e.value),
+			onSelect: p,
+			onHover: l,
+			colorDot: m
+		}, e.value))
+	}) }), document.body);
+}
+function w({ opt: t, listId: n, flatIdx: r, isActive: i, isSelected: a, onSelect: o, onHover: s, colorDot: c }) {
+	return /* @__PURE__ */ x("li", {
+		id: `${n}-opt-${r}`,
+		role: "option",
+		"aria-selected": a,
+		"aria-disabled": t.disabled,
+		"data-idx": r,
+		onMouseDown: (e) => e.preventDefault(),
+		onClick: () => !t.disabled && o(t),
+		onMouseEnter: () => !t.disabled && s(r),
+		className: e("flex min-h-9 items-center gap-3 px-3 py-2 cursor-pointer transition-colors select-none", i && "bg-surface-muted", a && !i && "bg-accent-50 dark:bg-accent-500/10", t.disabled && "opacity-40 cursor-not-allowed pointer-events-none"),
+		children: [
+			t.icon && /* @__PURE__ */ b("span", {
+				className: "shrink-0 text-slate-500 dark:text-slate-400",
+				children: t.icon
+			}),
+			t.color && t.color !== "default" && /* @__PURE__ */ b("span", { className: e("w-2 h-2 rounded-full shrink-0", c[t.color]) }),
+			/* @__PURE__ */ x("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ b("p", {
+					className: e("text-sm leading-snug truncate", a ? "text-accent-700 dark:text-accent-300 font-medium" : "text-foreground"),
+					children: t.label
+				}), t.description && /* @__PURE__ */ b("p", {
+					className: "mt-0.5 truncate text-xs text-muted-foreground",
+					children: t.description
+				})]
+			}),
+			a && /* @__PURE__ */ b("svg", {
+				"aria-hidden": "true",
+				width: "14",
+				height: "14",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				className: "text-accent-600 shrink-0",
+				children: /* @__PURE__ */ b("path", { d: "m20 6-11 11-5-5" })
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/select/select-single.tsx
+var T = f(({ options: r, value: u, defaultValue: d, onChange: f, placeholder: S = "Select…", label: w, hint: T, error: E, disabled: D, required: O, clearable: k = !1, className: A, wrapperClassName: j, triggerClassName: M, listClassName: N, id: P, unstyled: F = !1 }, I) => {
+	let L = h(), R = P ?? L, z = `${R}-list`, B = `${R}-message`, [V, H] = v(!1), [U, W] = v(d ?? ""), [G, K] = v(-1), q = _(null), J = _(null), Y = l((e) => f?.(e)), X = u === void 0 ? U : u, Z = g(() => i(r), [r]), Q = g(() => Z.find((e) => e.value === X), [Z, X]), $ = p((e) => {
+		u === void 0 && W(e.value), Y(e.value), H(!1), K(-1);
+	}, [u, Y]), ee = p((e) => {
+		e.stopPropagation(), u === void 0 && W(""), Y("");
+	}, [u, Y]), te = p((e) => {
+		if (!V) {
+			if ([
+				"Enter",
+				" ",
+				"ArrowDown",
+				"ArrowUp"
+			].includes(e.key)) {
+				e.preventDefault(), H(!0);
+				let t = Z.find((e) => e.value === X && e.flatIdx >= 0)?.flatIdx ?? -1, n = Z.filter((e) => e.flatIdx >= 0);
+				K(t >= 0 ? t : e.key === "ArrowUp" ? n[n.length - 1]?.flatIdx ?? -1 : n[0]?.flatIdx ?? -1);
+			}
+			return;
+		}
+		if (e.key === "ArrowDown") e.preventDefault(), K((e) => {
+			let t = Z.filter((e) => e.flatIdx >= 0), n = t.findIndex((t) => t.flatIdx === e);
+			return t[Math.min(n + 1, t.length - 1)]?.flatIdx ?? e;
+		});
+		else if (e.key === "ArrowUp") e.preventDefault(), K((e) => {
+			let t = Z.filter((e) => e.flatIdx >= 0), n = t.findIndex((t) => t.flatIdx === e);
+			return t[Math.max(n - 1, 0)]?.flatIdx ?? e;
+		});
+		else if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			let t = Z.find((e) => e.flatIdx === G);
+			t && $(t);
+		} else (e.key === "Escape" || e.key === "Tab") && (H(!1), K(-1));
+	}, [
+		V,
+		Z,
+		X,
+		G,
+		$
+	]);
+	m(() => {
+		G < 0 || !J.current || J.current.querySelector(`[data-idx="${G}"]`)?.scrollIntoView({ block: "nearest" });
+	}, [G]), m(() => {
+		function e(e) {
+			let t = e.target;
+			q.current?.contains(t) || J.current?.contains(t) || H(!1);
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let ne = o(V, q);
+	return F ? /* @__PURE__ */ x("div", {
+		ref: q,
+		className: e(A, j),
+		children: [/* @__PURE__ */ b("button", {
+			ref: I,
+			id: R,
+			type: "button",
+			role: "combobox",
+			"aria-expanded": V,
+			onClick: () => H((e) => !e),
+			className: M,
+			children: Q?.label ?? S
+		}), V && /* @__PURE__ */ b("ul", {
+			ref: J,
+			id: z,
+			className: N,
+			children: Z.map((e) => /* @__PURE__ */ b("li", {
+				"data-idx": e.flatIdx,
+				onClick: () => $(e),
+				children: e.label
+			}, e.value))
+		})]
+	}) : /* @__PURE__ */ x("div", {
+		ref: q,
+		className: e("relative", t, j, A),
+		children: [
+			w && /* @__PURE__ */ x("label", {
+				htmlFor: R,
+				className: "text-sm font-medium leading-5 text-foreground",
+				children: [w, O && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("span", {
+					"aria-hidden": "true",
+					className: "ml-1 text-destructive",
+					children: "*"
+				}), /* @__PURE__ */ b("span", {
+					className: "sr-only",
+					children: " (required)"
+				})] })]
+			}),
+			/* @__PURE__ */ x("button", {
+				ref: I,
+				id: R,
+				type: "button",
+				role: "combobox",
+				"aria-haspopup": "listbox",
+				"aria-expanded": V,
+				"aria-controls": z,
+				"aria-activedescendant": V && G >= 0 ? `${z}-opt-${G}` : void 0,
+				"aria-invalid": E ? !0 : void 0,
+				"aria-required": O || void 0,
+				"aria-describedby": E || T ? B : void 0,
+				disabled: D,
+				onKeyDown: te,
+				onClick: () => {
+					D || (H((e) => !e), V || K(Z.find((e) => e.value === X && e.flatIdx >= 0)?.flatIdx ?? -1));
+				},
+				className: e("flex h-9 w-full items-center gap-2 rounded-[var(--radius-md)] px-3 text-left outline-none", n, "focus:border-accent-500 focus:ring-2 focus:ring-focus-ring/20", E && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20", D && "opacity-50 cursor-not-allowed", M),
+				children: [
+					Q?.icon && /* @__PURE__ */ b("span", {
+						className: "shrink-0 text-slate-500 dark:text-slate-400",
+						children: Q.icon
+					}),
+					Q?.color && Q.color !== "default" && /* @__PURE__ */ b("span", { className: e("w-2 h-2 rounded-full shrink-0", s[Q.color]) }),
+					/* @__PURE__ */ b("span", {
+						className: e("flex-1 min-w-0 text-sm truncate", Q ? "text-foreground" : "text-muted-foreground"),
+						children: Q?.label ?? S
+					}),
+					k && X && !D && /* @__PURE__ */ b("span", {
+						role: "button",
+						tabIndex: -1,
+						onClick: ee,
+						className: "shrink-0 text-slate-400 hover:text-slate-600 dark:hover:text-slate-300 transition-colors",
+						children: /* @__PURE__ */ b(a, {})
+					}),
+					/* @__PURE__ */ b(c, { open: V })
+				]
+			}),
+			/* @__PURE__ */ b(C, {
+				listId: z,
+				listRef: J,
+				open: V,
+				pos: ne,
+				options: r,
+				flat: Z,
+				activeIdx: G,
+				setActiveIdx: K,
+				isSelected: (e) => e === X,
+				onSelect: $,
+				colorDot: s,
+				className: N
+			}),
+			E && /* @__PURE__ */ b("p", {
+				id: B,
+				"aria-live": "polite",
+				className: "text-xs leading-5 text-destructive",
+				children: E
+			}),
+			T && !E && /* @__PURE__ */ b("p", {
+				id: B,
+				className: "text-xs leading-5 text-muted-foreground",
+				children: T
+			})
+		]
+	});
+});
+T.displayName = "SelectSingle";
+//#endregion
+//#region src/components/select/select-multi.tsx
+var E = f(({ options: r, value: l, defaultValue: u, onChange: d, placeholder: f = "Select…", label: p, hint: g, error: S, disabled: w, required: T, clearable: E = !1, className: D, wrapperClassName: O, triggerClassName: k, listClassName: A, id: j, unstyled: M = !1 }, N) => {
+	let P = h(), F = j ?? P, I = `${F}-list`, L = `${F}-message`, [R, z] = v(!1), [B, V] = v(u ?? []), [H, U] = v(-1), W = _(null), G = _(null), K = l === void 0 ? B : l, q = i(r), J = q.filter((e) => K.includes(e.value));
+	function Y(e) {
+		let t = K.includes(e.value) ? K.filter((t) => t !== e.value) : [...K, e.value];
+		l === void 0 && V(t), d?.(t);
+	}
+	function X(e, t) {
+		t.stopPropagation();
+		let n = K.filter((t) => t !== e);
+		l === void 0 && V(n), d?.(n);
+	}
+	function Z(e) {
+		e.stopPropagation(), l === void 0 && V([]), d?.([]);
+	}
+	function Q(e) {
+		if (!R) {
+			[
+				"Enter",
+				" ",
+				"ArrowDown",
+				"ArrowUp"
+			].includes(e.key) && (e.preventDefault(), z(!0));
+			return;
+		}
+		if (e.key === "ArrowDown") e.preventDefault(), U((e) => {
+			let t = q.filter((e) => e.flatIdx >= 0), n = t.findIndex((t) => t.flatIdx === e);
+			return t[Math.min(n + 1, t.length - 1)]?.flatIdx ?? e;
+		});
+		else if (e.key === "ArrowUp") e.preventDefault(), U((e) => {
+			let t = q.filter((e) => e.flatIdx >= 0), n = t.findIndex((t) => t.flatIdx === e);
+			return t[Math.max(n - 1, 0)]?.flatIdx ?? e;
+		});
+		else if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			let t = q.find((e) => e.flatIdx === H);
+			t && Y(t);
+		} else (e.key === "Escape" || e.key === "Tab") && (z(!1), U(-1));
+	}
+	m(() => {
+		H < 0 || !G.current || G.current.querySelector(`[data-idx="${H}"]`)?.scrollIntoView({ block: "nearest" });
+	}, [H]), m(() => {
+		function e(e) {
+			let t = e.target;
+			W.current?.contains(t) || G.current?.contains(t) || z(!1);
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let $ = o(R, W);
+	return M ? /* @__PURE__ */ x("div", {
+		ref: W,
+		className: e(D, O),
+		children: [/* @__PURE__ */ b("button", {
+			ref: N,
+			id: F,
+			type: "button",
+			role: "combobox",
+			"aria-expanded": R,
+			"aria-controls": I,
+			onKeyDown: Q,
+			onClick: () => z((e) => !e),
+			className: k,
+			children: J.length > 0 ? J.map((e) => e.label).join(", ") : f
+		}), /* @__PURE__ */ b(C, {
+			listId: I,
+			listRef: G,
+			open: R,
+			pos: $,
+			options: r,
+			flat: q,
+			activeIdx: H,
+			setActiveIdx: U,
+			isSelected: (e) => K.includes(e),
+			onSelect: Y,
+			multiselectable: !0,
+			colorDot: s,
+			className: A
+		})]
+	}) : /* @__PURE__ */ x("div", {
+		ref: W,
+		className: e("relative", t, O, D),
+		children: [
+			p && /* @__PURE__ */ x("label", {
+				htmlFor: F,
+				className: "text-sm font-medium leading-5 text-foreground",
+				children: [p, T && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("span", {
+					"aria-hidden": "true",
+					className: "ml-1 text-destructive",
+					children: "*"
+				}), /* @__PURE__ */ b("span", {
+					className: "sr-only",
+					children: " (required)"
+				})] })]
+			}),
+			/* @__PURE__ */ x("button", {
+				ref: N,
+				id: F,
+				type: "button",
+				role: "combobox",
+				"aria-haspopup": "listbox",
+				"aria-expanded": R,
+				"aria-controls": I,
+				"aria-activedescendant": R && H >= 0 ? `${I}-opt-${H}` : void 0,
+				"aria-invalid": S ? !0 : void 0,
+				"aria-required": T || void 0,
+				"aria-describedby": S || g ? L : void 0,
+				disabled: w,
+				onKeyDown: Q,
+				onClick: () => {
+					w || z((e) => !e);
+				},
+				className: e("flex min-h-9 w-full flex-wrap items-center gap-1.5 rounded-[var(--radius-md)] px-2.5 py-1.5 text-left outline-none", n, "focus:border-accent-500 focus:ring-2 focus:ring-focus-ring/20", S && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20", w && "opacity-50 cursor-not-allowed", k),
+				children: [J.length === 0 ? /* @__PURE__ */ b("span", {
+					className: "flex-1 text-sm text-slate-500 truncate",
+					children: f
+				}) : J.map((t) => /* @__PURE__ */ x("span", {
+					className: "inline-flex max-w-[160px] items-center gap-1 rounded-md border border-border bg-surface-muted px-2 py-0.5 text-xs font-medium text-foreground",
+					children: [
+						t.color && t.color !== "default" && /* @__PURE__ */ b("span", { className: e("w-1.5 h-1.5 rounded-full shrink-0", s[t.color]) }),
+						/* @__PURE__ */ b("span", {
+							className: "truncate",
+							children: t.label
+						}),
+						/* @__PURE__ */ b("span", {
+							role: "button",
+							tabIndex: -1,
+							onMouseDown: (e) => e.stopPropagation(),
+							onClick: (e) => X(t.value, e),
+							className: "shrink-0 text-slate-500 dark:text-slate-400 hover:text-gray-900 dark:hover:text-white transition-colors cursor-pointer ml-0.5",
+							"aria-label": `Remove ${t.label}`,
+							children: /* @__PURE__ */ b(a, {})
+						})
+					]
+				}, t.value)), /* @__PURE__ */ x("span", {
+					className: "ml-auto flex items-center gap-1.5 shrink-0 pl-1",
+					children: [
+						E && K.length > 0 && !w && /* @__PURE__ */ b("span", {
+							role: "button",
+							tabIndex: -1,
+							onClick: Z,
+							className: "text-slate-500 hover:text-slate-600 dark:hover:text-slate-300 transition-colors",
+							"aria-label": "Clear all",
+							children: /* @__PURE__ */ b(a, {})
+						}),
+						K.length > 0 && /* @__PURE__ */ b("span", {
+							className: "text-[10px] font-medium text-slate-500 tabular-nums",
+							children: K.length
+						}),
+						/* @__PURE__ */ b(c, { open: R })
+					]
+				})]
+			}),
+			/* @__PURE__ */ b(C, {
+				listId: I,
+				listRef: G,
+				open: R,
+				pos: $,
+				options: r,
+				flat: q,
+				activeIdx: H,
+				setActiveIdx: U,
+				isSelected: (e) => K.includes(e),
+				onSelect: Y,
+				multiselectable: !0,
+				colorDot: s,
+				className: A
+			}),
+			S && /* @__PURE__ */ b("p", {
+				id: L,
+				"aria-live": "polite",
+				className: "text-xs leading-5 text-destructive",
+				children: S
+			}),
+			g && !S && /* @__PURE__ */ b("p", {
+				id: L,
+				className: "text-xs leading-5 text-muted-foreground",
+				children: g
+			})
+		]
+	});
+});
+E.displayName = "SelectMulti";
+//#endregion
+//#region src/components/select.tsx
+var D = f((e, t) => e.multiple ? /* @__PURE__ */ b(E, {
+	...e,
+	ref: t
+}) : /* @__PURE__ */ b(T, {
+	...e,
+	ref: t
+}));
+D.displayName = "Select";
+//#endregion
+export { D as t };

package/dist/select-q0YCMhBP.cjs

@@ -0,0 +1 @@
+const e=require("./cn-BdjraxxU.cjs"),t=require("./component-styles-TkZ7v6Ef.cjs"),n=require("./utils-DOFJTw8o.cjs"),r=require("./use-event-callback-Du9_9eAi.cjs");let i=require("framer-motion"),a=require("react"),o=require("react/jsx-runtime"),s=require("react-dom");function c({listId:t,listRef:r,open:a,pos:c,options:u,flat:d,activeIdx:f,setActiveIdx:p,isSelected:m,onSelect:h,colorDot:g,multiselectable:_=!1,className:v}){return typeof document>`u`?null:(0,s.createPortal)((0,o.jsx)(i.AnimatePresence,{children:a&&c&&(0,o.jsx)(i.motion.ul,{ref:r,id:t,role:`listbox`,"aria-multiselectable":_,initial:{opacity:0,y:c.placement===`bottom`?-4:4,scaleY:.97},animate:{opacity:1,y:0,scaleY:1},exit:{opacity:0,y:c.placement===`bottom`?-4:4,scaleY:.97},transition:{duration:.13},style:{originY:c.placement===`bottom`?0:1,position:`fixed`,top:c.top,left:c.left,width:c.width,maxHeight:c.maxHeight},className:e.t(`z-[110] overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-surface-raised py-1 shadow-floating`,v),children:u.map((e,r)=>n.a(e)?(0,o.jsxs)(`li`,{children:[(0,o.jsx)(`p`,{className:`px-3 pt-2 pb-1 text-xs font-semibold text-slate-600 uppercase tracking-widest`,children:e.group}),(0,o.jsx)(`ul`,{children:e.options.map(e=>{let n=d.find(t=>t.value===e.value);return(0,o.jsx)(l,{opt:e,listId:t,flatIdx:n.flatIdx,isActive:n.flatIdx===f,isSelected:m(e.value),onSelect:h,onHover:p,colorDot:g},e.value)})})]},r):(0,o.jsx)(l,{opt:e,listId:t,flatIdx:d.find(t=>t.value===e.value).flatIdx,isActive:d.find(t=>t.value===e.value).flatIdx===f,isSelected:m(e.value),onSelect:h,onHover:p,colorDot:g},e.value))})}),document.body)}function l({opt:t,listId:n,flatIdx:r,isActive:i,isSelected:a,onSelect:s,onHover:c,colorDot:l}){return(0,o.jsxs)(`li`,{id:`${n}-opt-${r}`,role:`option`,"aria-selected":a,"aria-disabled":t.disabled,"data-idx":r,onMouseDown:e=>e.preventDefault(),onClick:()=>!t.disabled&&s(t),onMouseEnter:()=>!t.disabled&&c(r),className:e.t(`flex min-h-9 items-center gap-3 px-3 py-2 cursor-pointer transition-colors select-none`,i&&`bg-surface-muted`,a&&!i&&`bg-accent-50 dark:bg-accent-500/10`,t.disabled&&`opacity-40 cursor-not-allowed pointer-events-none`),children:[t.icon&&(0,o.jsx)(`span`,{className:`shrink-0 text-slate-500 dark:text-slate-400`,children:t.icon}),t.color&&t.color!=="default"&&(0,o.jsx)(`span`,{className:e.t(`w-2 h-2 rounded-full shrink-0`,l[t.color])}),(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`p`,{className:e.t(`text-sm leading-snug truncate`,a?`text-accent-700 dark:text-accent-300 font-medium`:`text-foreground`),children:t.label}),t.description&&(0,o.jsx)(`p`,{className:`mt-0.5 truncate text-xs text-muted-foreground`,children:t.description})]}),a&&(0,o.jsx)(`svg`,{"aria-hidden":`true`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-accent-600 shrink-0`,children:(0,o.jsx)(`path`,{d:`m20 6-11 11-5-5`})})]})}var u=(0,a.forwardRef)(({options:i,value:s,defaultValue:l,onChange:u,placeholder:d=`Select…`,label:f,hint:p,error:m,disabled:h,required:g,clearable:_=!1,className:v,wrapperClassName:y,triggerClassName:b,listClassName:x,id:S,unstyled:C=!1},w)=>{let T=(0,a.useId)(),E=S??T,D=`${E}-list`,O=`${E}-message`,[k,A]=(0,a.useState)(!1),[j,M]=(0,a.useState)(l??``),[N,P]=(0,a.useState)(-1),F=(0,a.useRef)(null),I=(0,a.useRef)(null),L=r.t(e=>u?.(e)),R=s===void 0?j:s,z=(0,a.useMemo)(()=>n.i(i),[i]),B=(0,a.useMemo)(()=>z.find(e=>e.value===R),[z,R]),V=(0,a.useCallback)(e=>{s===void 0&&M(e.value),L(e.value),A(!1),P(-1)},[s,L]),H=(0,a.useCallback)(e=>{e.stopPropagation(),s===void 0&&M(``),L(``)},[s,L]),U=(0,a.useCallback)(e=>{if(!k){if([`Enter`,` `,`ArrowDown`,`ArrowUp`].includes(e.key)){e.preventDefault(),A(!0);let t=z.find(e=>e.value===R&&e.flatIdx>=0)?.flatIdx??-1,n=z.filter(e=>e.flatIdx>=0);P(t>=0?t:e.key===`ArrowUp`?n[n.length-1]?.flatIdx??-1:n[0]?.flatIdx??-1)}return}if(e.key===`ArrowDown`)e.preventDefault(),P(e=>{let t=z.filter(e=>e.flatIdx>=0),n=t.findIndex(t=>t.flatIdx===e);return t[Math.min(n+1,t.length-1)]?.flatIdx??e});else if(e.key===`ArrowUp`)e.preventDefault(),P(e=>{let t=z.filter(e=>e.flatIdx>=0),n=t.findIndex(t=>t.flatIdx===e);return t[Math.max(n-1,0)]?.flatIdx??e});else if(e.key===`Enter`||e.key===` `){e.preventDefault();let t=z.find(e=>e.flatIdx===N);t&&V(t)}else(e.key===`Escape`||e.key===`Tab`)&&(A(!1),P(-1))},[k,z,R,N,V]);(0,a.useEffect)(()=>{N<0||!I.current||I.current.querySelector(`[data-idx="${N}"]`)?.scrollIntoView({block:`nearest`})},[N]),(0,a.useEffect)(()=>{function e(e){let t=e.target;F.current?.contains(t)||I.current?.contains(t)||A(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let W=n.o(k,F);return C?(0,o.jsxs)(`div`,{ref:F,className:e.t(v,y),children:[(0,o.jsx)(`button`,{ref:w,id:E,type:`button`,role:`combobox`,"aria-expanded":k,onClick:()=>A(e=>!e),className:b,children:B?.label??d}),k&&(0,o.jsx)(`ul`,{ref:I,id:D,className:x,children:z.map(e=>(0,o.jsx)(`li`,{"data-idx":e.flatIdx,onClick:()=>V(e),children:e.label},e.value))})]}):(0,o.jsxs)(`div`,{ref:F,className:e.t(`relative`,t.o,y,v),children:[f&&(0,o.jsxs)(`label`,{htmlFor:E,className:`text-sm font-medium leading-5 text-foreground`,children:[f,g&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,o.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),(0,o.jsxs)(`button`,{ref:w,id:E,type:`button`,role:`combobox`,"aria-haspopup":`listbox`,"aria-expanded":k,"aria-controls":D,"aria-activedescendant":k&&N>=0?`${D}-opt-${N}`:void 0,"aria-invalid":m?!0:void 0,"aria-required":g||void 0,"aria-describedby":m||p?O:void 0,disabled:h,onKeyDown:U,onClick:()=>{h||(A(e=>!e),k||P(z.find(e=>e.value===R&&e.flatIdx>=0)?.flatIdx??-1))},className:e.t(`flex h-9 w-full items-center gap-2 rounded-[var(--radius-md)] px-3 text-left outline-none`,t.t,`focus:border-accent-500 focus:ring-2 focus:ring-focus-ring/20`,m&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20`,h&&`opacity-50 cursor-not-allowed`,b),children:[B?.icon&&(0,o.jsx)(`span`,{className:`shrink-0 text-slate-500 dark:text-slate-400`,children:B.icon}),B?.color&&B.color!=="default"&&(0,o.jsx)(`span`,{className:e.t(`w-2 h-2 rounded-full shrink-0`,n.r[B.color])}),(0,o.jsx)(`span`,{className:e.t(`flex-1 min-w-0 text-sm truncate`,B?`text-foreground`:`text-muted-foreground`),children:B?.label??d}),_&&R&&!h&&(0,o.jsx)(`span`,{role:`button`,tabIndex:-1,onClick:H,className:`shrink-0 text-slate-400 hover:text-slate-600 dark:hover:text-slate-300 transition-colors`,children:(0,o.jsx)(n.n,{})}),(0,o.jsx)(n.t,{open:k})]}),(0,o.jsx)(c,{listId:D,listRef:I,open:k,pos:W,options:i,flat:z,activeIdx:N,setActiveIdx:P,isSelected:e=>e===R,onSelect:V,colorDot:n.r,className:x}),m&&(0,o.jsx)(`p`,{id:O,"aria-live":`polite`,className:`text-xs leading-5 text-destructive`,children:m}),p&&!m&&(0,o.jsx)(`p`,{id:O,className:`text-xs leading-5 text-muted-foreground`,children:p})]})});u.displayName=`SelectSingle`;var d=(0,a.forwardRef)(({options:r,value:i,defaultValue:s,onChange:l,placeholder:u=`Select…`,label:d,hint:f,error:p,disabled:m,required:h,clearable:g=!1,className:_,wrapperClassName:v,triggerClassName:y,listClassName:b,id:x,unstyled:S=!1},C)=>{let w=(0,a.useId)(),T=x??w,E=`${T}-list`,D=`${T}-message`,[O,k]=(0,a.useState)(!1),[A,j]=(0,a.useState)(s??[]),[M,N]=(0,a.useState)(-1),P=(0,a.useRef)(null),F=(0,a.useRef)(null),I=i===void 0?A:i,L=n.i(r),R=L.filter(e=>I.includes(e.value));function z(e){let t=I.includes(e.value)?I.filter(t=>t!==e.value):[...I,e.value];i===void 0&&j(t),l?.(t)}function B(e,t){t.stopPropagation();let n=I.filter(t=>t!==e);i===void 0&&j(n),l?.(n)}function V(e){e.stopPropagation(),i===void 0&&j([]),l?.([])}function H(e){if(!O){[`Enter`,` `,`ArrowDown`,`ArrowUp`].includes(e.key)&&(e.preventDefault(),k(!0));return}if(e.key===`ArrowDown`)e.preventDefault(),N(e=>{let t=L.filter(e=>e.flatIdx>=0),n=t.findIndex(t=>t.flatIdx===e);return t[Math.min(n+1,t.length-1)]?.flatIdx??e});else if(e.key===`ArrowUp`)e.preventDefault(),N(e=>{let t=L.filter(e=>e.flatIdx>=0),n=t.findIndex(t=>t.flatIdx===e);return t[Math.max(n-1,0)]?.flatIdx??e});else if(e.key===`Enter`||e.key===` `){e.preventDefault();let t=L.find(e=>e.flatIdx===M);t&&z(t)}else(e.key===`Escape`||e.key===`Tab`)&&(k(!1),N(-1))}(0,a.useEffect)(()=>{M<0||!F.current||F.current.querySelector(`[data-idx="${M}"]`)?.scrollIntoView({block:`nearest`})},[M]),(0,a.useEffect)(()=>{function e(e){let t=e.target;P.current?.contains(t)||F.current?.contains(t)||k(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let U=n.o(O,P);return S?(0,o.jsxs)(`div`,{ref:P,className:e.t(_,v),children:[(0,o.jsx)(`button`,{ref:C,id:T,type:`button`,role:`combobox`,"aria-expanded":O,"aria-controls":E,onKeyDown:H,onClick:()=>k(e=>!e),className:y,children:R.length>0?R.map(e=>e.label).join(`, `):u}),(0,o.jsx)(c,{listId:E,listRef:F,open:O,pos:U,options:r,flat:L,activeIdx:M,setActiveIdx:N,isSelected:e=>I.includes(e),onSelect:z,multiselectable:!0,colorDot:n.r,className:b})]}):(0,o.jsxs)(`div`,{ref:P,className:e.t(`relative`,t.o,v,_),children:[d&&(0,o.jsxs)(`label`,{htmlFor:T,className:`text-sm font-medium leading-5 text-foreground`,children:[d,h&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,o.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),(0,o.jsxs)(`button`,{ref:C,id:T,type:`button`,role:`combobox`,"aria-haspopup":`listbox`,"aria-expanded":O,"aria-controls":E,"aria-activedescendant":O&&M>=0?`${E}-opt-${M}`:void 0,"aria-invalid":p?!0:void 0,"aria-required":h||void 0,"aria-describedby":p||f?D:void 0,disabled:m,onKeyDown:H,onClick:()=>{m||k(e=>!e)},className:e.t(`flex min-h-9 w-full flex-wrap items-center gap-1.5 rounded-[var(--radius-md)] px-2.5 py-1.5 text-left outline-none`,t.t,`focus:border-accent-500 focus:ring-2 focus:ring-focus-ring/20`,p&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20`,m&&`opacity-50 cursor-not-allowed`,y),children:[R.length===0?(0,o.jsx)(`span`,{className:`flex-1 text-sm text-slate-500 truncate`,children:u}):R.map(t=>(0,o.jsxs)(`span`,{className:`inline-flex max-w-[160px] items-center gap-1 rounded-md border border-border bg-surface-muted px-2 py-0.5 text-xs font-medium text-foreground`,children:[t.color&&t.color!=="default"&&(0,o.jsx)(`span`,{className:e.t(`w-1.5 h-1.5 rounded-full shrink-0`,n.r[t.color])}),(0,o.jsx)(`span`,{className:`truncate`,children:t.label}),(0,o.jsx)(`span`,{role:`button`,tabIndex:-1,onMouseDown:e=>e.stopPropagation(),onClick:e=>B(t.value,e),className:`shrink-0 text-slate-500 dark:text-slate-400 hover:text-gray-900 dark:hover:text-white transition-colors cursor-pointer ml-0.5`,"aria-label":`Remove ${t.label}`,children:(0,o.jsx)(n.n,{})})]},t.value)),(0,o.jsxs)(`span`,{className:`ml-auto flex items-center gap-1.5 shrink-0 pl-1`,children:[g&&I.length>0&&!m&&(0,o.jsx)(`span`,{role:`button`,tabIndex:-1,onClick:V,className:`text-slate-500 hover:text-slate-600 dark:hover:text-slate-300 transition-colors`,"aria-label":`Clear all`,children:(0,o.jsx)(n.n,{})}),I.length>0&&(0,o.jsx)(`span`,{className:`text-[10px] font-medium text-slate-500 tabular-nums`,children:I.length}),(0,o.jsx)(n.t,{open:O})]})]}),(0,o.jsx)(c,{listId:E,listRef:F,open:O,pos:U,options:r,flat:L,activeIdx:M,setActiveIdx:N,isSelected:e=>I.includes(e),onSelect:z,multiselectable:!0,colorDot:n.r,className:b}),p&&(0,o.jsx)(`p`,{id:D,"aria-live":`polite`,className:`text-xs leading-5 text-destructive`,children:p}),f&&!p&&(0,o.jsx)(`p`,{id:D,className:`text-xs leading-5 text-muted-foreground`,children:f})]})});d.displayName=`SelectMulti`;var f=(0,a.forwardRef)((e,t)=>e.multiple?(0,o.jsx)(d,{...e,ref:t}):(0,o.jsx)(u,{...e,ref:t}));f.displayName=`Select`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});