@dinofront/design_system 1.5.0 → 1.6.1

package/dist/index.js

@@ -1,5 +1,5 @@
 import { Children as e, Fragment as t, cloneElement as n, createContext as r, createElement as i, forwardRef as a, isValidElement as o, useCallback as s, useContext as c, useEffect as l, useId as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { AlertCircle as h, AlertTriangle as g, ArrowDown as _, ArrowUp as v, Calendar as y, Check as b, CheckCircle2 as x, ChevronDown as S, ChevronLeft as C, ChevronRight as w, ChevronsUpDown as T, CircleCheck as E, CircleX as D, Columns3 as O, Construction as k, Copy as ee, Download as A, EyeOff as j, File as M, GripVertical as N, Info as P, Loader2 as F, Menu as I, Minus as L, Moon as R, MoreHorizontal as z, MoreVertical as B, Paperclip as V, Pencil as H, Pin as U, PinOff as W, Plus as te, RefreshCw as ne, Search as re, SearchX as ie, Sparkles as G, Sun as K, Trash2 as q, UploadCloud as ae, User as J, Users as oe, X as se, XCircle as ce } from "lucide-react";
+import { AlertCircle as h, AlertTriangle as g, ArrowDown as _, ArrowUp as v, Calendar as y, Check as b, CheckCircle2 as x, ChevronDown as S, ChevronLeft as C, ChevronRight as w, ChevronsUpDown as T, CircleCheck as E, CircleX as D, Columns3 as O, Construction as k, Copy as ee, Download as A, EyeOff as j, File as M, GripVertical as N, Info as P, Loader2 as te, Menu as F, Minus as I, Moon as L, MoreHorizontal as R, MoreVertical as z, Paperclip as B, Pencil as V, Pin as H, PinOff as U, Plus as ne, RefreshCw as W, Search as re, SearchX as G, Sparkles as K, Sun as ie, Trash2 as q, UploadCloud as ae, User as oe, Users as J, X as se, XCircle as ce } from "lucide-react";
 import { clsx as le } from "clsx";
 import { extendTailwindMerge as ue } from "tailwind-merge";
 import { Fragment as Y, jsx as X, jsxs as Z } from "react/jsx-runtime";
@@ -190,7 +190,7 @@ var Xe = a(function({ type: e = "single", defaultValue: t, value: n, onValueChan
 		},
 		className: Q("inline-flex items-center justify-center font-medium transition-colors outline-none", a ? $e[t] : Qe[t], et[e], s && tt[e], o && "w-full", l),
 		...p,
-		children: i ? /* @__PURE__ */ X(F, {
+		children: i ? /* @__PURE__ */ X(te, {
 			className: "h-4 w-4 animate-spin",
 			"aria-hidden": !0
 		}) : /* @__PURE__ */ Z(Y, { children: [
@@ -265,9 +265,9 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
 			r.push(i), u.push(i), --f;
 		}
 		r.length && i?.(r), a.length && d?.(a);
-	}, F = (e) => {
+	}, te = (e) => {
 		e.preventDefault(), A.current = 0, ee(!1), !a && P(Array.from(e.dataTransfer.files ?? []));
-	}, I = r ?? `${e ? e.toUpperCase().replace(/\./g, "") : "Any file"}${n ? `, up to ${n} MB` : ""}`, L = /* @__PURE__ */ X("input", {
+	}, F = r ?? `${e ? e.toUpperCase().replace(/\./g, "") : "Any file"}${n ? `, up to ${n} MB` : ""}`, I = /* @__PURE__ */ X("input", {
 		ref: O,
 		type: "file",
 		accept: e,
@@ -277,7 +277,7 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
 			P(Array.from(e.target.files ?? [])), e.target.value = "";
 		},
 		className: "sr-only"
-	}), R = (y || C) && /* @__PURE__ */ Z("div", {
+	}), L = (y || C) && /* @__PURE__ */ Z("div", {
 		className: "flex items-center gap-1.5",
 		children: [y && /* @__PURE__ */ Z("span", {
 			className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
@@ -290,11 +290,11 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
 			className: "inline-flex items-center gap-1",
 			children: C
 		})]
-	}), z = S ? /* @__PURE__ */ X("p", {
+	}), R = S ? /* @__PURE__ */ X("p", {
 		id: `${M}-error`,
 		className: "text-p-sm text-red-700",
 		children: S
-	}) : null, B = f && l.length > 0 && /* @__PURE__ */ X("div", {
+	}) : null, z = f && l.length > 0 && /* @__PURE__ */ X("div", {
 		className: "flex flex-col gap-2",
 		children: l.map((e, t) => /* @__PURE__ */ X(lt, {
 			name: e.name,
@@ -309,9 +309,9 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
 		className: Q("flex flex-col gap-1.5", w),
 		...E,
 		children: [
-			R,
-			B,
-			z
+			L,
+			z,
+			R
 		]
 	});
 	if (g !== "dropzone") {
@@ -322,24 +322,24 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
 			className: Q("flex flex-col gap-1.5", w),
 			...E,
 			children: [
-				R,
+				L,
 				/* @__PURE__ */ X(nt, {
 					type: "button",
 					variant: "secondary",
 					iconOnly: e,
 					disabled: a,
 					onClick: () => O.current?.click(),
-					leftIcon: e ? void 0 : v ?? /* @__PURE__ */ X(V, { className: "h-4 w-4" }),
+					leftIcon: e ? void 0 : v ?? /* @__PURE__ */ X(B, { className: "h-4 w-4" }),
 					"aria-label": e ? "Upload file" : void 0,
-					children: e ? v ?? /* @__PURE__ */ X(H, { className: "h-4 w-4" }) : _ ?? "Choose a file"
+					children: e ? v ?? /* @__PURE__ */ X(V, { className: "h-4 w-4" }) : _ ?? "Choose a file"
 				}),
-				L,
-				B,
-				z
+				I,
+				z,
+				R
 			]
 		});
 	}
-	let U = /* @__PURE__ */ Z("div", {
+	let H = /* @__PURE__ */ Z("div", {
 		ref: D,
 		onDragEnter: () => {
 			A.current += 1, a || ee(!0);
@@ -348,7 +348,7 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
 		onDragLeave: () => {
 			A.current = Math.max(0, A.current - 1), A.current === 0 && ee(!1);
 		},
-		onDrop: F,
+		onDrop: te,
 		onClick: () => !a && O.current?.click(),
 		role: "button",
 		tabIndex: 0,
@@ -376,19 +376,19 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
 					}), " or drag & drop it here."]
 				}), /* @__PURE__ */ X("p", {
 					className: "text-p-sm text-fg-tertiary",
-					children: I
+					children: F
 				})]
 			}),
-			L
+			I
 		]
 	});
-	return !R && !z && !B ? U : /* @__PURE__ */ Z("div", {
+	return !L && !R && !z ? H : /* @__PURE__ */ Z("div", {
 		className: "flex flex-col gap-1.5",
 		children: [
-			R,
-			U,
-			B,
-			z
+			L,
+			H,
+			z,
+			R
 		]
 	});
 }), ct = {
@@ -560,7 +560,7 @@ var _t = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
 					alt: t ?? n ?? "",
 					onError: () => b(!0),
 					className: "h-full w-full object-cover"
-				}) : n ? k : o ?? /* @__PURE__ */ X(J, { className: "h-1/2 w-1/2 text-white/90" })
+				}) : n ? k : o ?? /* @__PURE__ */ X(oe, { className: "h-1/2 w-1/2 text-white/90" })
 			}),
 			i && /* @__PURE__ */ X("span", {
 				"aria-label": i,
@@ -573,7 +573,7 @@ var _t = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
 				},
 				"aria-label": "Change avatar image",
 				className: Q("absolute right-0 bottom-0 inline-flex items-center justify-center rounded-full ring-2 ring-white bg-brand-500 text-white hover:bg-brand-600 transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-1", mt[r]),
-				children: /* @__PURE__ */ X(H, { className: "h-1/2 w-1/2" })
+				children: /* @__PURE__ */ X(V, { className: "h-1/2 w-1/2" })
 			}), /* @__PURE__ */ X("input", {
 				ref: C,
 				type: "file",
@@ -822,7 +822,7 @@ var _t = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
 	return /* @__PURE__ */ Z("label", {
 		htmlFor: _,
 		"data-test-id": p,
-		className: Q("inline-flex items-start gap-2.5 group/checkbox", c ? "cursor-not-allowed opacity-60" : "cursor-pointer", f),
+		className: Q("inline-flex items-center gap-2.5 group/checkbox", c ? "cursor-not-allowed opacity-60" : "cursor-pointer", f),
 		children: [/* @__PURE__ */ Z("span", {
 			className: "relative inline-flex shrink-0 items-center justify-center mt-0.5",
 			children: [/* @__PURE__ */ X("input", {
@@ -841,7 +841,7 @@ var _t = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
 				...m
 			}), /* @__PURE__ */ X("span", {
 				className: Q("flex items-center justify-center border transition-colors", Rt[e], !a && "bg-bg-default", v ? "border-red-600" : a ? "border-brand-500" : "border-border-strong", !c && !a && (v ? "peer-hover:border-red-700" : "peer-hover:border-fg-tertiary"), "peer-focus-visible:ring-2 peer-focus-visible:ring-brand-300 peer-focus-visible:ring-offset-1", !a && "peer-checked:bg-brand-500 peer-checked:border-brand-500", a && "bg-brand-500", c && !a && "peer-checked:bg-bg-subtle peer-checked:border-border-strong", !a && "[&_svg]:opacity-0 peer-checked:[&_svg]:opacity-100 [&_svg]:transition-opacity"),
-				children: X(a ? L : b, {
+				children: X(a ? I : b, {
 					className: Q(zt[e], "text-white"),
 					strokeWidth: 3,
 					"aria-hidden": !0
@@ -998,8 +998,8 @@ function Kt({ content: e, children: t, side: r = "top", align: i = "center", off
 		},
 		"aria-haspopup": "dialog",
 		"aria-expanded": w
-	}), F = v ?? (typeof document < "u" ? document.body : null);
-	return /* @__PURE__ */ Z(Y, { children: [P, w && F && de(/* @__PURE__ */ Z("div", {
+	}), te = v ?? (typeof document < "u" ? document.body : null);
+	return /* @__PURE__ */ Z(Y, { children: [P, w && te && de(/* @__PURE__ */ Z("div", {
 		ref: Vt(D),
 		id: O,
 		role: "dialog",
@@ -1014,7 +1014,7 @@ function Kt({ content: e, children: t, side: r = "top", align: i = "center", off
 			style: A,
 			className: Q("absolute size-2 rotate-45 bg-bg-default", Gt[j])
 		})]
-	}), F)] });
+	}), te)] });
 }
 //#endregion
 //#region src/components/Copy/Copy.tsx
@@ -1177,7 +1177,7 @@ var qt = a(function({ text: e, copiedLabel: t = "Copied", label: n = "Copy to cl
 			onClick: () => T(S - a),
 			"aria-label": "Decrease",
 			className: $t,
-			children: /* @__PURE__ */ X(L, { className: "size-4" })
+			children: /* @__PURE__ */ X(I, { className: "size-4" })
 		}),
 		rightAddon: /* @__PURE__ */ X("button", {
 			type: "button",
@@ -1185,7 +1185,7 @@ var qt = a(function({ text: e, copiedLabel: t = "Copied", label: n = "Copy to cl
 			onClick: () => T(S + a),
 			"aria-label": "Increase",
 			className: $t,
-			children: /* @__PURE__ */ X(te, { className: "size-4" })
+			children: /* @__PURE__ */ X(ne, { className: "size-4" })
 		}),
 		className: Q("text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", p),
 		..._
@@ -1265,20 +1265,20 @@ function mn(e, t) {
 	return i;
 }
 var hn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, rangeValue: i, onChangeRange: a, size: o = "md", locale: s = "en", format: c = "dd.MM.yyyy", label: d, required: h = !1, helperText: g, placeholder: _ = "Select date", fullWidth: v = !1, disabled: b = !1, minDate: x, maxDate: S, excludeDates: T, filterDate: E, error: D = !1, errorText: O, id: k, className: ee, wrapperClassName: A, dataTestId: j }, M) {
-	let N = u(), P = k ?? N, [F, I] = m(!1), [L, R] = m(e ?? i?.start ?? /* @__PURE__ */ new Date()), [z, B] = m(null), V = p(null), H = D || !!O, U = O ? `${P}-error` : g ? `${P}-help` : void 0;
+	let N = u(), P = k ?? N, [te, F] = m(!1), [I, L] = m(e ?? i?.start ?? /* @__PURE__ */ new Date()), [R, z] = m(null), B = p(null), V = D || !!O, H = O ? `${P}-error` : g ? `${P}-help` : void 0;
 	l(() => {
-		b && I(!1);
+		b && F(!1);
 	}, [b]), l(() => {
-		if (!F) return;
+		if (!te) return;
 		let e = (e) => {
-			V.current && !V.current.contains(e.target) && I(!1);
+			B.current && !B.current.contains(e.target) && F(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [F]);
-	let W = r ? i?.start ? `${pn(i.start, c)}${i.end ? ` – ${pn(i.end, c)}` : ""}` : "" : e ? pn(e, c) : "";
-	function te(e) {
+	}, [te]);
+	let U = r ? i?.start ? `${pn(i.start, c)}${i.end ? ` – ${pn(i.end, c)}` : ""}` : "" : e ? pn(e, c) : "";
+	function ne(e) {
 		if (!r) {
-			t?.(e), I(!1);
+			t?.(e), F(!1);
 			return;
 		}
 		let n = i ?? {
@@ -1302,27 +1302,27 @@ var hn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
 		a?.({
 			start: n.start,
 			end: e
-		}), I(!1);
+		}), F(!1);
 	}
-	function ne(e) {
+	function W(e) {
 		e.stopPropagation(), r ? (a?.({
 			start: null,
 			end: null
-		}), B(null)) : t?.(null);
+		}), z(null)) : t?.(null);
 	}
-	let { firstDayOfWeek: re, monthNames: ie, weekdayNames: G } = f(() => {
+	let { firstDayOfWeek: re, monthNames: G, weekdayNames: K } = f(() => {
 		let e = rn(s), t = an(e);
 		return {
 			firstDayOfWeek: t,
 			monthNames: on(e),
 			weekdayNames: cn(e, t)
 		};
-	}, [s]), K = mn(L, re), q = i ?? {
+	}, [s]), ie = mn(I, re), q = i ?? {
 		start: null,
 		end: null
-	}, ae = q.end ?? z;
+	}, ae = q.end ?? R;
 	return /* @__PURE__ */ Z("div", {
-		ref: V,
+		ref: B,
 		"data-test-id": j,
 		className: Q("flex flex-col gap-1.5", v && "w-full", A),
 		children: [
@@ -1342,26 +1342,26 @@ var hn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
 					id: P,
 					type: "button",
 					disabled: b,
-					"aria-invalid": H || void 0,
+					"aria-invalid": V || void 0,
 					"aria-required": h || void 0,
-					"aria-describedby": U,
-					onClick: () => I((e) => !e),
-					className: Q("inline-flex items-center gap-2 rounded-lg border bg-bg-default text-left transition-colors focus-visible:outline-none focus-visible:ring-2", H ? "border-red-600" : "border-border-default", !b && !H && "hover:border-border-strong", H ? "focus-visible:ring-red-300 focus-visible:border-red-600" : "focus-visible:ring-brand-300 focus-visible:border-brand-500", b && "bg-bg-container border-border-default cursor-not-allowed text-fg-disabled", v ? "w-full min-w-0" : "min-w-[260px]", tn[o], ee),
+					"aria-describedby": H,
+					onClick: () => F((e) => !e),
+					className: Q("inline-flex items-center gap-2 rounded-lg border bg-bg-default text-left transition-colors focus-visible:outline-none focus-visible:ring-2", V ? "border-red-600" : "border-border-default", !b && !V && "hover:border-border-strong", V ? "focus-visible:ring-red-300 focus-visible:border-red-600" : "focus-visible:ring-brand-300 focus-visible:border-brand-500", b && "bg-bg-container border-border-default cursor-not-allowed text-fg-disabled", v ? "w-full min-w-0" : "min-w-[260px]", tn[o], ee),
 					children: [/* @__PURE__ */ X("span", {
-						className: Q("flex-1 text-left truncate", b ? "text-fg-disabled" : W ? "text-fg-default" : "text-fg-tertiary"),
-						children: W || _
-					}), n && W && !b ? /* @__PURE__ */ X("span", {
+						className: Q("flex-1 text-left truncate", b ? "text-fg-disabled" : U ? "text-fg-default" : "text-fg-tertiary"),
+						children: U || _
+					}), n && U && !b ? /* @__PURE__ */ X("span", {
 						role: "button",
 						tabIndex: 0,
 						"aria-label": "Clear date",
-						onClick: ne,
+						onClick: W,
 						onKeyDown: (e) => {
-							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), ne(e));
+							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), W(e));
 						},
 						className: "inline-flex items-center justify-center rounded-full p-0.5 hover:bg-bg-container",
 						children: /* @__PURE__ */ X(se, { className: "w-4 h-4 text-fg-secondary" })
 					}) : /* @__PURE__ */ X(y, { className: Q("w-4 h-4", b ? "text-fg-disabled" : "text-fg-secondary") })]
-				}), F && /* @__PURE__ */ Z("div", {
+				}), te && /* @__PURE__ */ Z("div", {
 					className: "absolute z-50 mt-1 left-0 rounded-xl border border-border-default bg-bg-default shadow-z3 p-3 w-[300px]",
 					children: [/* @__PURE__ */ Z("div", {
 						className: "flex items-center justify-between mb-2",
@@ -1369,40 +1369,40 @@ var hn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
 							/* @__PURE__ */ X("button", {
 								type: "button",
 								className: "w-8 h-8 rounded-md hover:bg-bg-container flex items-center justify-center text-fg-secondary",
-								onClick: () => R(new Date(L.getFullYear(), L.getMonth() - 1, 1)),
+								onClick: () => L(new Date(I.getFullYear(), I.getMonth() - 1, 1)),
 								"aria-label": "Previous month",
 								children: /* @__PURE__ */ X(C, { className: "w-4 h-4" })
 							}),
 							/* @__PURE__ */ Z("div", {
 								className: "text-p-md font-semibold text-fg-default",
 								children: [
-									ie[L.getMonth()],
+									G[I.getMonth()],
 									" ",
-									L.getFullYear()
+									I.getFullYear()
 								]
 							}),
 							/* @__PURE__ */ X("button", {
 								type: "button",
 								className: "w-8 h-8 rounded-md hover:bg-bg-container flex items-center justify-center text-fg-secondary",
-								onClick: () => R(new Date(L.getFullYear(), L.getMonth() + 1, 1)),
+								onClick: () => L(new Date(I.getFullYear(), I.getMonth() + 1, 1)),
 								"aria-label": "Next month",
 								children: /* @__PURE__ */ X(w, { className: "w-4 h-4" })
 							})
 						]
 					}), /* @__PURE__ */ Z("div", {
 						className: "grid grid-cols-7 gap-1 text-center",
-						children: [G.map((e, t) => /* @__PURE__ */ X("div", {
+						children: [K.map((e, t) => /* @__PURE__ */ X("div", {
 							className: "text-p-xs text-fg-tertiary py-1",
 							children: e
-						}, t)), K.map((t, n) => {
+						}, t)), ie.map((t, n) => {
 							if (!t) return /* @__PURE__ */ X("div", {}, n);
 							let i = fn(t, x, S, T, E), a = !r && un(t, e ?? null), o = r && un(t, q.start), s = r && un(t, ae), c = r && !!q.start && !!ae && t > q.start && t < ae;
 							return /* @__PURE__ */ X("button", {
 								type: "button",
 								disabled: i,
 								"aria-disabled": i || void 0,
-								onMouseEnter: () => !i && r && q.start && !q.end && B(t),
-								onClick: () => !i && te(t),
+								onMouseEnter: () => !i && r && q.start && !q.end && z(t),
+								onClick: () => !i && ne(t),
 								className: Q("h-8 rounded-md text-p-sm font-medium", i ? "text-fg-disabled cursor-not-allowed" : a || o || s ? "bg-brand-500 text-white" : c ? "bg-bg-brand-lighter text-brand-700" : "text-fg-default hover:bg-bg-container"),
 								children: t.getDate()
 							}, n);
@@ -1945,7 +1945,7 @@ var Fn = "min-w-[200px] rounded-lg border border-border-default bg-bg-default sh
 		...s,
 		children: [
 			r ?? /* @__PURE__ */ X(Hn, {
-				icon: ie,
+				icon: G,
 				tone: "gray",
 				shape: "circle",
 				size: Yn[e]
@@ -2165,7 +2165,7 @@ var $n = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
 	discovery: {
 		container: "bg-purple-50 border-purple-200",
 		iconColor: "text-purple-700",
-		DefaultIcon: G
+		DefaultIcon: K
 	}
 }, ar = a(function({ variant: e = "info", title: t, description: n, onDismiss: r, actions: i, icon: a, className: o, dataTestId: s, ...c }, l) {
 	let { container: u, iconColor: d, DefaultIcon: f } = ir[e];
@@ -2336,10 +2336,10 @@ var ur = {
 		avatar: "sm"
 	}
 }, dr = a(function({ options: e, value: n, onChange: r, onAdd: i, onRemove: a, size: o = "md", placeholder: s = "Select…", addMorePlaceholder: c = "Add another…", disabled: d = !1, loading: h = !1, error: g = !1, label: _, labelAddons: v, helperText: y, errorText: b, required: x = !1, lockedValues: S = [], max: C, searchable: w = !0, suggestionsLabel: T = "Suggestions", emptyText: E = "No matches. Try a different search.", showAvatars: D = !1, id: O, className: k, wrapperClassName: ee, dataTestId: A }, j) {
-	let M = u(), N = O ?? M, P = `${N}-listbox`, I = g || !!b, [L, R] = m(""), [z, B] = m(!1), [V, H] = m(0), U = p(null), W = p(null), te = (e) => {
-		W.current = e, typeof j == "function" ? j(e) : j && (j.current = e);
-	}, ne = f(() => new Map(e.map((e) => [String(e.value), e])), [e]), ie = f(() => n.map((e) => ne.get(String(e))).filter((e) => !!e), [n, ne]), G = f(() => {
-		let t = L.trim().toLowerCase();
+	let M = u(), N = O ?? M, P = `${N}-listbox`, F = g || !!b, [I, L] = m(""), [R, z] = m(!1), [B, V] = m(0), H = p(null), U = p(null), ne = (e) => {
+		U.current = e, typeof j == "function" ? j(e) : j && (j.current = e);
+	}, W = f(() => new Map(e.map((e) => [String(e.value), e])), [e]), G = f(() => n.map((e) => W.get(String(e))).filter((e) => !!e), [n, W]), K = f(() => {
+		let t = I.trim().toLowerCase();
 		return e.filter((e) => {
 			if (Ke(n, e.value)) return !1;
 			if (t === "") return !0;
@@ -2349,36 +2349,36 @@ var ur = {
 	}, [
 		e,
 		n,
-		L
-	]), K = C !== void 0 && n.length >= C;
+		I
+	]), ie = C !== void 0 && n.length >= C;
 	l(() => {
-		if (!z) return;
+		if (!R) return;
 		let e = (e) => {
-			U.current && !U.current.contains(e.target) && B(!1);
+			H.current && !H.current.contains(e.target) && z(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [z]), l(() => {
-		H((e) => Math.min(e, Math.max(0, G.length - 1)));
-	}, [G.length]), l(() => {
-		h && B(!1);
+	}, [R]), l(() => {
+		V((e) => Math.min(e, Math.max(0, K.length - 1)));
+	}, [K.length]), l(() => {
+		h && z(!1);
 	}, [h]);
 	let q = (e) => {
-		let t = ne.get(String(e));
-		d || K || !t || t.disabled || (r([...n, e]), i?.(t), R(""), H(0), W.current?.focus());
+		let t = W.get(String(e));
+		d || ie || !t || t.disabled || (r([...n, e]), i?.(t), L(""), V(0), U.current?.focus());
 	}, ae = (e) => {
 		d || Ke(S, e) || (r(n.filter((t) => !Ge(t, e))), a?.(e));
-	}, J = (e) => {
-		if (!G.length) return;
-		let t = V;
-		for (let n = 0; n < G.length && (t = (t + e + G.length) % G.length, G[t]?.disabled); n++);
-		H(t);
+	}, oe = (e) => {
+		if (!K.length) return;
+		let t = B;
+		for (let n = 0; n < K.length && (t = (t + e + K.length) % K.length, K[t]?.disabled); n++);
+		V(t);
 	}, ce = (e) => {
-		if (e.key === "ArrowDown") e.preventDefault(), z ? J(1) : h || B(!0);
-		else if (e.key === "ArrowUp") e.preventDefault(), J(-1);
-		else if (e.key === "Enter") z && G[V] && !G[V].disabled && (e.preventDefault(), q(G[V].value));
-		else if (e.key === "Escape") B(!1);
-		else if (e.key === "Backspace" && L === "" && ie.length > 0) {
-			let e = [...ie].reverse().find((e) => !Ke(S, e.value));
+		if (e.key === "ArrowDown") e.preventDefault(), R ? oe(1) : h || z(!0);
+		else if (e.key === "ArrowUp") e.preventDefault(), oe(-1);
+		else if (e.key === "Enter") R && K[B] && !K[B].disabled && (e.preventDefault(), q(K[B].value));
+		else if (e.key === "Escape") z(!1);
+		else if (e.key === "Backspace" && I === "" && G.length > 0) {
+			let e = [...G].reverse().find((e) => !Ke(S, e.value));
 			e && ae(e.value);
 		}
 	}, le = b ? `${N}-error` : y ? `${N}-help` : void 0;
@@ -2402,13 +2402,13 @@ var ur = {
 				})]
 			}),
 			/* @__PURE__ */ Z("div", {
-				ref: U,
+				ref: H,
 				className: "relative",
 				children: [/* @__PURE__ */ Z("div", {
-					className: Q("flex flex-wrap items-center rounded-lg border bg-bg-default transition-colors", ur[o].box, d ? "opacity-60 cursor-not-allowed border-border-default" : I ? "border-red-500 focus-within:ring-2 focus-within:ring-red-300 focus-within:ring-offset-1 cursor-text" : "border-border-default hover:border-border-strong focus-within:border-fg-tertiary focus-within:ring-2 focus-within:ring-brand-300 focus-within:ring-offset-1 cursor-text", h && "cursor-wait", k),
-					onClick: () => !d && !h && W.current?.focus(),
+					className: Q("flex flex-wrap items-center rounded-lg border bg-bg-default transition-colors", ur[o].box, d ? "opacity-60 cursor-not-allowed border-border-default" : F ? "border-red-500 focus-within:ring-2 focus-within:ring-red-300 focus-within:ring-offset-1 cursor-text" : "border-border-default hover:border-border-strong focus-within:border-fg-tertiary focus-within:ring-2 focus-within:ring-brand-300 focus-within:ring-offset-1 cursor-text", h && "cursor-wait", k),
+					onClick: () => !d && !h && U.current?.focus(),
 					children: [
-						ie.map((e) => {
+						G.map((e) => {
 							let t = Ke(S, e.value);
 							return /* @__PURE__ */ Z("span", {
 								className: Q("inline-flex items-center gap-1.5 rounded-full text-fg-default bg-bg-subtle", ur[o].chip, ur[o].chipText),
@@ -2440,44 +2440,44 @@ var ur = {
 							}, String(e.value));
 						}),
 						/* @__PURE__ */ X("input", {
-							ref: te,
+							ref: ne,
 							id: N,
 							type: "text",
 							role: "combobox",
-							"aria-expanded": z,
+							"aria-expanded": R,
 							"aria-controls": P,
 							"aria-autocomplete": "list",
-							"aria-activedescendant": z && G[V] ? `${P}-opt-${V}` : void 0,
-							"aria-invalid": I || void 0,
+							"aria-activedescendant": R && K[B] ? `${P}-opt-${B}` : void 0,
+							"aria-invalid": F || void 0,
 							"aria-describedby": le,
 							"aria-busy": h || void 0,
-							value: L,
+							value: I,
 							readOnly: !w,
-							disabled: d || K,
+							disabled: d || ie,
 							onChange: (e) => {
-								R(e.target.value), h || B(!0);
+								L(e.target.value), h || z(!0);
 							},
-							onFocus: () => !h && B(!0),
+							onFocus: () => !h && z(!0),
 							onKeyDown: ce,
-							placeholder: ie.length === 0 ? s : K ? `Limit ${C} reached` : c,
+							placeholder: G.length === 0 ? s : ie ? `Limit ${C} reached` : c,
 							className: Q("flex-1 bg-transparent outline-none text-fg-default placeholder:text-fg-tertiary disabled:cursor-not-allowed", !w && "cursor-pointer", ur[o].input)
 						}),
-						h && /* @__PURE__ */ X(F, {
+						h && /* @__PURE__ */ X(te, {
 							className: "h-4 w-4 shrink-0 text-fg-secondary animate-spin",
 							"aria-hidden": !0
 						})
 					]
-				}), z && !d && !h && !K && /* @__PURE__ */ Z("div", {
+				}), R && !d && !h && !ie && /* @__PURE__ */ Z("div", {
 					className: "absolute top-full left-0 right-0 mt-1 z-20 max-h-80 overflow-y-auto rounded-lg border border-border-default bg-bg-default shadow-z4",
 					children: [/* @__PURE__ */ Z("div", {
 						className: "px-3 py-2 border-b border-border-subtle flex items-center gap-2 text-p-sm text-fg-tertiary",
 						children: [/* @__PURE__ */ X(re, { className: "w-3.5 h-3.5 shrink-0" }), /* @__PURE__ */ X("span", {
 							className: "truncate",
-							children: L ? `Matches for "${L}"` : T
+							children: I ? `Matches for "${I}"` : T
 						})]
-					}), G.length === 0 ? /* @__PURE__ */ Z("div", {
+					}), K.length === 0 ? /* @__PURE__ */ Z("div", {
 						className: "px-3 py-6 text-center",
-						children: [/* @__PURE__ */ X(oe, { className: "w-5 h-5 mx-auto text-fg-tertiary mb-2" }), /* @__PURE__ */ X("span", {
+						children: [/* @__PURE__ */ X(J, { className: "w-5 h-5 mx-auto text-fg-tertiary mb-2" }), /* @__PURE__ */ X("span", {
 							className: "text-p-sm text-fg-secondary",
 							children: E
 						})]
@@ -2485,23 +2485,23 @@ var ur = {
 						role: "listbox",
 						id: P,
 						className: "py-1",
-						children: G.map((e, n) => /* @__PURE__ */ Z(t, { children: [!!e.group && e.group !== G[n - 1]?.group && /* @__PURE__ */ X("li", {
+						children: K.map((e, n) => /* @__PURE__ */ Z(t, { children: [!!e.group && e.group !== K[n - 1]?.group && /* @__PURE__ */ X("li", {
 							role: "presentation",
 							className: "px-3 pt-2 pb-1 text-label-sm font-medium uppercase tracking-wide text-fg-tertiary select-none",
 							children: e.group
 						}), /* @__PURE__ */ X("li", {
 							role: "option",
 							id: `${P}-opt-${n}`,
-							"aria-selected": n === V,
+							"aria-selected": n === B,
 							"aria-disabled": e.disabled || void 0,
 							children: /* @__PURE__ */ Z("button", {
 								type: "button",
 								disabled: e.disabled,
-								onMouseEnter: () => H(n),
+								onMouseEnter: () => V(n),
 								onMouseDown: (t) => {
 									t.preventDefault(), q(e.value);
 								},
-								className: Q("w-full px-3 py-2 flex items-center gap-3 text-left transition", e.disabled ? "opacity-50 cursor-not-allowed" : n === V ? "bg-bg-subtle" : "hover:bg-bg-subtle"),
+								className: Q("w-full px-3 py-2 flex items-center gap-3 text-left transition", e.disabled ? "opacity-50 cursor-not-allowed" : n === B ? "bg-bg-subtle" : "hover:bg-bg-subtle"),
 								children: [(D || e.avatarSrc) && /* @__PURE__ */ X(_t, {
 									src: e.avatarSrc,
 									name: lr(e),
@@ -2599,7 +2599,7 @@ var vr = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std ro
 				if (t === "ellipsis-left" || t === "ellipsis-right") return /* @__PURE__ */ X("span", {
 					"aria-hidden": !0,
 					className: "inline-flex items-center justify-center w-9 h-9 text-fg-tertiary",
-					children: /* @__PURE__ */ X(z, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ X(R, { className: "h-4 w-4" })
 				}, `${t}-${r}`);
 				let i = t === e;
 				return /* @__PURE__ */ X("button", {
@@ -2812,7 +2812,7 @@ var vr = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std ro
 	return /* @__PURE__ */ Z("label", {
 		htmlFor: v,
 		"data-test-id": p,
-		className: Q("inline-flex items-start gap-2.5", b ? "cursor-not-allowed opacity-60" : "cursor-pointer", f),
+		className: Q("inline-flex items-center gap-2.5", b ? "cursor-not-allowed opacity-60" : "cursor-pointer", f),
 		children: [/* @__PURE__ */ Z("span", {
 			className: "relative inline-flex shrink-0 items-center justify-center mt-0.5",
 			children: [/* @__PURE__ */ X("input", {
@@ -2880,50 +2880,50 @@ function Rr(e) {
 	return e.findIndex((e) => !e.disabled);
 }
 var zr = a(function({ options: e, value: n, defaultValue: r, onChange: i, placeholder: a = "Select…", label: o, labelAddons: s, helperText: c, errorText: d, error: h = !1, required: g = !1, loading: _ = !1, searchable: v = !1, searchPlaceholder: y = "Search…", emptyText: x = "No results", size: C = "md", disabled: w, id: T, className: E, wrapperClassName: D, dataTestId: O }, k) {
-	let ee = u(), A = T ?? ee, j = `${A}-listbox`, [M, N] = m(!1), [P, I] = m(r), L = n !== void 0, R = L ? n : P, z = p(null), B = p(null), V = p(null), [H, U] = m(-1), [W, te] = m(""), ne = h || !!d, ie = d ? `${A}-error` : c ? `${A}-help` : void 0, G = e.find((e) => Ge(e.value, R)), K = f(() => e.some((e) => e.icon != null), [e]), q = f(() => {
-		let t = v ? W.trim().toLowerCase() : "";
+	let ee = u(), A = T ?? ee, j = `${A}-listbox`, [M, N] = m(!1), [P, F] = m(r), I = n !== void 0, L = I ? n : P, R = p(null), z = p(null), B = p(null), [V, H] = m(-1), [U, ne] = m(""), W = h || !!d, G = d ? `${A}-error` : c ? `${A}-help` : void 0, K = e.find((e) => Ge(e.value, L)), ie = f(() => e.some((e) => e.icon != null), [e]), q = f(() => {
+		let t = v ? U.trim().toLowerCase() : "";
 		return t ? e.filter((e) => (e.searchText ?? (typeof e.label == "string" ? e.label : void 0) ?? String(e.value)).toLowerCase().includes(t)) : e;
 	}, [
 		e,
-		W,
+		U,
 		v
 	]), ae = (e) => {
-		L || I(e), i?.(e), N(!1), v && B.current?.focus();
+		I || F(e), i?.(e), N(!1), v && z.current?.focus();
 	};
 	l(() => {
 		if (!M) return;
 		let e = (e) => {
-			z.current?.contains(e.target) || N(!1);
+			R.current?.contains(e.target) || N(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [M]), l(() => {
 		if (!M) {
-			U(-1), te("");
+			H(-1), ne("");
 			return;
 		}
-		let e = q.findIndex((e) => Ge(e.value, R));
-		U(e >= 0 && !q[e]?.disabled ? e : Rr(q));
+		let e = q.findIndex((e) => Ge(e.value, L));
+		H(e >= 0 && !q[e]?.disabled ? e : Rr(q));
 	}, [
 		M,
-		R,
+		L,
 		q
 	]), l(() => {
-		M && v && V.current?.focus();
+		M && v && B.current?.focus();
 	}, [M, v]), l(() => {
 		_ && N(!1);
 	}, [_]);
-	let J = (e) => {
+	let oe = (e) => {
 		let t = q.length;
 		if (t === 0) return;
-		let n = H < 0 ? e === 1 ? -1 : 0 : H;
+		let n = V < 0 ? e === 1 ? -1 : 0 : V;
 		for (let r = 0; r < t && (n = (n + e + t) % t, q[n]?.disabled); r++);
-		U(n);
-	}, oe = () => {
-		let e = q[H];
+		H(n);
+	}, J = () => {
+		let e = q[V];
 		e && !e.disabled && ae(e.value);
 	};
 	return /* @__PURE__ */ Z("div", {
-		ref: z,
+		ref: R,
 		"data-test-id": O,
 		className: Q("flex flex-col gap-1.5 w-full relative", D),
 		children: [
@@ -2943,7 +2943,7 @@ var zr = a(function({ options: e, value: n, defaultValue: r, onChange: i, placeh
 				})]
 			}),
 			/* @__PURE__ */ Z("button", {
-				ref: Vt(k, B),
+				ref: Vt(k, z),
 				id: A,
 				type: "button",
 				disabled: w,
@@ -2957,31 +2957,31 @@ var zr = a(function({ options: e, value: n, defaultValue: r, onChange: i, placeh
 							return;
 						}
 						if (e.key === "Enter" || e.key === " ") {
-							oe();
+							J();
 							return;
 						}
-						J(e.key === "ArrowDown" ? 1 : -1);
+						oe(e.key === "ArrowDown" ? 1 : -1);
 					} else e.key === "Escape" && N(!1);
 				},
 				"aria-haspopup": "listbox",
 				"aria-expanded": M,
-				"aria-invalid": ne || void 0,
+				"aria-invalid": W || void 0,
 				"aria-required": g || void 0,
 				"aria-busy": _ || void 0,
 				"aria-disabled": _ || void 0,
-				"aria-describedby": ie,
+				"aria-describedby": G,
 				"aria-controls": M && q.length > 0 ? j : void 0,
-				className: Q("inline-flex items-center justify-between w-full rounded-lg border bg-bg-default transition-colors outline-none", "text-left", ne ? "border-red-600" : "border-border-default", !w && !ne && "hover:border-border-strong", "focus-visible:ring-2", ne ? "focus-visible:ring-red-300 focus-visible:border-red-600" : "focus-visible:ring-brand-300 focus-visible:border-brand-500", w && "bg-bg-container border-border-default cursor-not-allowed text-fg-disabled", _ && "cursor-wait", Fr[C], E),
+				className: Q("inline-flex items-center justify-between w-full rounded-lg border bg-bg-default transition-colors outline-none", "text-left", W ? "border-red-600" : "border-border-default", !w && !W && "hover:border-border-strong", "focus-visible:ring-2", W ? "focus-visible:ring-red-300 focus-visible:border-red-600" : "focus-visible:ring-brand-300 focus-visible:border-brand-500", w && "bg-bg-container border-border-default cursor-not-allowed text-fg-disabled", _ && "cursor-wait", Fr[C], E),
 				children: [/* @__PURE__ */ Z("span", {
 					className: "flex items-center gap-1.5 min-w-0",
-					children: [K && G?.icon && /* @__PURE__ */ X("span", {
+					children: [ie && K?.icon && /* @__PURE__ */ X("span", {
 						className: Lr,
-						children: G.icon
+						children: K.icon
 					}), /* @__PURE__ */ X("span", {
-						className: Q("truncate", !G && "text-fg-tertiary"),
-						children: G ? G.label : a
+						className: Q("truncate", !K && "text-fg-tertiary"),
+						children: K ? K.label : a
 					})]
-				}), _ ? /* @__PURE__ */ X(F, {
+				}), _ ? /* @__PURE__ */ X(te, {
 					className: "h-4 w-4 ml-2 shrink-0 text-fg-secondary animate-spin",
 					"aria-hidden": !0
 				}) : /* @__PURE__ */ X(S, {
@@ -2997,17 +2997,17 @@ var zr = a(function({ options: e, value: n, defaultValue: r, onChange: i, placeh
 						className: "h-3.5 w-3.5 shrink-0 text-fg-tertiary",
 						"aria-hidden": !0
 					}), /* @__PURE__ */ X("input", {
-						ref: V,
+						ref: B,
 						type: "text",
 						role: "combobox",
 						"aria-expanded": !0,
 						"aria-controls": q.length > 0 ? j : void 0,
 						"aria-autocomplete": "list",
-						"aria-activedescendant": H >= 0 ? `${j}-opt-${H}` : void 0,
-						value: W,
-						onChange: (e) => te(e.target.value),
+						"aria-activedescendant": V >= 0 ? `${j}-opt-${V}` : void 0,
+						value: U,
+						onChange: (e) => ne(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), J(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Enter" ? (e.preventDefault(), oe()) : e.key === "Escape" ? (e.preventDefault(), N(!1), B.current?.focus()) : e.key === "Tab" && (B.current?.focus(), N(!1));
+							e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), oe(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Enter" ? (e.preventDefault(), J()) : e.key === "Escape" ? (e.preventDefault(), N(!1), z.current?.focus()) : e.key === "Tab" && (z.current?.focus(), N(!1));
 						},
 						placeholder: y,
 						className: "w-full bg-transparent outline-none text-p-std text-fg-default placeholder:text-fg-tertiary"
@@ -3020,7 +3020,7 @@ var zr = a(function({ options: e, value: n, defaultValue: r, onChange: i, placeh
 					role: "listbox",
 					className: "max-h-60 overflow-y-auto py-1",
 					children: q.map((e, n) => {
-						let r = Ge(e.value, R), i = n === H;
+						let r = Ge(e.value, L), i = n === V;
 						return /* @__PURE__ */ Z(t, { children: [!!e.group && e.group !== q[n - 1]?.group && /* @__PURE__ */ X("li", {
 							role: "presentation",
 							className: "px-3 pt-2 pb-1 text-label-sm font-medium uppercase tracking-wide text-fg-tertiary select-none",
@@ -3030,12 +3030,12 @@ var zr = a(function({ options: e, value: n, defaultValue: r, onChange: i, placeh
 							role: "option",
 							"aria-selected": r,
 							"aria-disabled": e.disabled || void 0,
-							onMouseEnter: () => !e.disabled && U(n),
+							onMouseEnter: () => !e.disabled && H(n),
 							onClick: () => !e.disabled && ae(e.value),
 							className: Q("flex items-center justify-between gap-2 px-3 py-2 text-p-std cursor-pointer select-none", e.disabled && "opacity-50 cursor-not-allowed", i && !e.disabled && "bg-bg-subtle", r && "font-medium"),
 							children: [/* @__PURE__ */ Z("span", {
 								className: "flex items-center gap-2 min-w-0",
-								children: [K && /* @__PURE__ */ X("span", {
+								children: [ie && /* @__PURE__ */ X("span", {
 									className: Q(Lr, "w-4"),
 									children: e.icon
 								}), /* @__PURE__ */ X("span", {
@@ -3161,9 +3161,9 @@ function Zr(e, t, n) {
 		clearIndicator: () => "text-fg-secondary hover:text-fg-default cursor-pointer p-0.5",
 		dropdownIndicator: () => "text-fg-secondary p-0.5",
 		indicatorSeparator: () => "hidden",
-		menu: () => "mt-1 rounded-lg border border-border-default bg-bg-default shadow-z4 overflow-hidden z-50",
+		menu: () => "mt-1 rounded-lg border border-border-default bg-bg-default shadow-z4 overflow-hidden z-50!",
 		menuList: () => "max-h-60 overflow-y-auto py-1",
-		menuPortal: () => "z-50",
+		menuPortal: () => "z-50!",
 		group: () => "py-1",
 		groupHeading: () => "px-3 pt-2 pb-1 text-label-sm font-medium uppercase tracking-wide text-fg-tertiary select-none",
 		option: ({ isFocused: e, isSelected: t, isDisabled: n }) => Q("flex items-center justify-between gap-2 px-3 py-2 cursor-pointer select-none", n && "opacity-50 cursor-not-allowed", e && !n && "bg-bg-subtle", t && "font-medium"),
@@ -3206,7 +3206,7 @@ function ti(e) {
 	}) : null;
 }
 function ni() {
-	return /* @__PURE__ */ X(F, {
+	return /* @__PURE__ */ X(te, {
 		className: "h-4 w-4 animate-spin text-fg-secondary",
 		"aria-hidden": !0
 	});
@@ -3263,13 +3263,13 @@ function ii(t) {
 	});
 }
 var ai = a(function(e, t) {
-	let { options: n, loadOptions: r, defaultOptions: i, creatable: a = !1, onCreateOption: o, formatCreateLabel: c, isMulti: l, value: d, defaultValue: h, onChange: g, placeholder: _, label: v, labelAddons: y, helperText: b, errorText: x, error: S = !1, required: C = !0, loading: w = !1, clearable: T = !1, searchable: E = !0, virtualized: D = !1, emptyText: O, locale: k = "en-US", size: ee = "md", disabled: A = !1, id: j, className: M, wrapperClassName: N, dataTestId: P } = e, F = e.isMulti ? !!e.singleLine : !1, I = Vr[k], L = _ ?? I.placeholder, R = O ?? I.noResults, z = c ?? ((e) => I.createLabel(e)), B = u(), V = j ?? B, H = S || !!x, U = d !== void 0, [W, te] = m(l ? void 0 : h), [ne, re] = m(l ? h ?? [] : []), [ie, G] = m(() => {
+	let { options: n, loadOptions: r, defaultOptions: i, creatable: a = !1, onCreateOption: o, formatCreateLabel: c, isMulti: l, value: d, defaultValue: h, onChange: g, placeholder: _, label: v, labelAddons: y, helperText: b, errorText: x, error: S = !1, required: C = !0, loading: w = !1, clearable: T = !1, searchable: E = !0, virtualized: D = !1, emptyText: O, locale: k = "en-US", size: ee = "md", disabled: A = !1, id: j, className: M, wrapperClassName: N, dataTestId: P, ...te } = e, F = e.isMulti ? !!e.singleLine : !1, I = Vr[k], L = _ ?? I.placeholder, R = O ?? I.noResults, z = c ?? ((e) => I.createLabel(e)), B = u(), V = j ?? B, H = S || !!x, U = d !== void 0, [ne, W] = m(l ? void 0 : h), [re, G] = m(l ? h ?? [] : []), [K, ie] = m(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of n) e.set(String(t.value), t);
 		if (Array.isArray(i)) for (let t of i) e.set(String(t.value), t);
 		return e;
-	}), K = s((e) => {
-		e.length !== 0 && G((t) => {
+	}), q = s((e) => {
+		e.length !== 0 && ie((t) => {
 			let n = !1, r = new Map(t);
 			for (let t of e) {
 				let e = String(t.value);
@@ -3279,108 +3279,109 @@ var ai = a(function(e, t) {
 		});
 	}, []);
 	f(() => {
-		K(n);
-	}, [n, K]);
-	let q = s((e) => ie.get(String(e)) ?? {
+		q(n);
+	}, [n, q]);
+	let ae = s((e) => K.get(String(e)) ?? {
 		value: e,
 		label: String(e)
-	}, [ie]), ae = U ? d : W, J = f(() => (U ? d : ne) ?? [], [
+	}, [K]), oe = U ? d : ne, J = f(() => (U ? d : re) ?? [], [
 		U,
 		d,
-		ne
-	]), oe = !l && ae !== void 0 ? q(ae) : null, ce = l ? J.map(q) : [], le = f(() => {
-		if (r) return (e) => Promise.resolve(r(e)).then((e) => (K(e), e));
-	}, [r, K]), ue = s((e) => {
+		re
+	]), ce = !l && oe !== void 0 ? ae(oe) : null, le = l ? J.map(ae) : [], ue = f(() => {
+		if (r) return (e) => Promise.resolve(r(e)).then((e) => (q(e), e));
+	}, [r, q]), Y = s((e) => {
 		if (l) {
 			let t = [...e ?? []];
-			K(t);
+			q(t);
 			let n = t.map((e) => e.value);
-			re(n), g?.(n);
+			G(n), g?.(n);
 		} else {
 			let t = e;
-			t && K([t]), te(t?.value), g?.(t?.value ?? void 0);
+			t && q([t]), W(t?.value), g?.(t?.value ?? void 0);
 		}
 	}, [
 		l,
-		K,
+		q,
 		g
-	]), Y = s((e) => {
+	]), de = s((e) => {
 		let t = {
 			value: e,
 			label: e
 		};
-		if (K([t]), o?.(e), l) {
+		if (q([t]), o?.(e), l) {
 			let e = [...J, t.value];
-			re(e), g?.(e);
-		} else te(t.value), g?.(t.value);
+			G(e), g?.(e);
+		} else W(t.value), g?.(t.value);
 	}, [
 		l,
 		J,
-		K,
+		q,
 		g,
 		o
-	]), de = !!r, fe = de ? a ? be : ve : a ? ye : ge, pe = f(() => Zr(ee, H, F), [
+	]), fe = !!r, pe = fe ? a ? be : ve : a ? ye : ge, me = f(() => Zr(ee, H, F), [
 		ee,
 		H,
 		F
-	]), me = p(null), he = p(null), _e = !!l && F, xe = Br({
-		wrapperRef: me,
-		measureRef: he,
-		total: ce.length,
-		labelsKey: ce.map(Yr).join("\0"),
-		enabled: _e
-	}), Se = f(() => n.some((e) => !!e.description), [n]), Ce = !!l && !de, [we, Te] = m(""), Ee = s((e, t) => {
-		t.action === "input-change" && Te(e);
-	}, []), De = f(() => Ce ? n.filter((e) => !e.disabled && Xr(e, we)) : [], [
-		Ce,
+	]), he = p(null), _e = p(null), xe = !!l && F, Se = Br({
+		wrapperRef: he,
+		measureRef: _e,
+		total: le.length,
+		labelsKey: le.map(Yr).join("\0"),
+		enabled: xe
+	}), Ce = f(() => n.some((e) => !!e.description), [n]), we = !!l && !fe, [Te, Ee] = m(""), De = s((e, t) => {
+		t.action === "input-change" && Ee(e);
+	}, []), Oe = f(() => we ? n.filter((e) => !e.disabled && Xr(e, Te)) : [], [
+		we,
 		n,
-		we
-	]), Oe = f(() => {
-		if (!Ce || De.length === 0) return null;
-		let e = new Set(J.map(String)), t = De.filter((t) => e.has(String(t.value))).length;
+		Te
+	]), ke = f(() => {
+		if (!we || Oe.length === 0) return null;
+		let e = new Set(J.map(String)), t = Oe.filter((t) => e.has(String(t.value))).length;
 		return {
-			count: De.length,
-			checked: t === De.length,
-			indeterminate: t > 0 && t < De.length,
-			label: I.selectAllLabel(De.length)
+			count: Oe.length,
+			checked: t === Oe.length,
+			indeterminate: t > 0 && t < Oe.length,
+			label: I.selectAllLabel(Oe.length)
 		};
 	}, [
-		Ce,
-		De,
+		we,
+		Oe,
 		J,
 		I
-	]), ke = s(() => {
-		if (!Oe) return;
-		let e = new Set(De.map((e) => String(e.value))), t;
-		if (Oe.checked) t = J.filter((t) => !e.has(String(t)));
+	]), Ae = s(() => {
+		if (!ke) return;
+		let e = new Set(Oe.map((e) => String(e.value))), t;
+		if (ke.checked) t = J.filter((t) => !e.has(String(t)));
 		else {
-			K(De);
+			q(Oe);
 			let e = new Set(J.map(String));
-			t = [...J, ...De.filter((t) => !e.has(String(t.value))).map((e) => e.value)];
+			t = [...J, ...Oe.filter((t) => !e.has(String(t.value))).map((e) => e.value)];
 		}
-		re(t), g?.(t);
+		G(t), g?.(t);
 	}, [
+		ke,
 		Oe,
-		De,
 		J,
-		K,
+		q,
 		g
-	]), Ae = {
+	]), je = {
+		...te,
 		inputId: V,
 		unstyled: !0,
-		classNames: pe,
+		classNames: me,
 		className: M,
 		isMulti: l,
 		options: n,
-		loadOptions: le,
+		loadOptions: ue,
 		defaultOptions: i,
-		value: l ? ce : oe,
-		onChange: ue,
-		onCreateOption: a ? Y : void 0,
+		value: l ? le : ce,
+		onChange: Y,
+		onCreateOption: a ? de : void 0,
 		formatCreateLabel: a ? z : void 0,
 		getOptionValue: (e) => String(e.value),
 		getOptionLabel: Yr,
-		formatOptionLabel: (e, t) => t.context === "value" ? e.label : Se && e.description ? /* @__PURE__ */ Z("span", {
+		formatOptionLabel: (e, t) => t.context === "value" ? e.label : Ce && e.description ? /* @__PURE__ */ Z("span", {
 			className: "flex flex-col min-w-0",
 			children: [/* @__PURE__ */ X("span", {
 				className: "truncate",
@@ -3400,13 +3401,13 @@ var ai = a(function(e, t) {
 		loadingMessage: () => I.loadingMessage,
 		"aria-invalid": H || void 0,
 		"aria-required": C || void 0,
-		...Ce ? {
-			inputValue: we,
-			onInputChange: Ee,
-			selectAllState: Oe,
-			onSelectAllToggle: ke
+		...we ? {
+			inputValue: Te,
+			onInputChange: De,
+			selectAllState: ke,
+			onSelectAllToggle: Ae
 		} : {},
-		..._e ? { visibleTagCount: xe } : {},
+		...xe ? { visibleTagCount: Se } : {},
 		components: {
 			DropdownIndicator: Qr,
 			ClearIndicator: $r,
@@ -3414,12 +3415,12 @@ var ai = a(function(e, t) {
 			LoadingIndicator: ni,
 			IndicatorSeparator: () => null,
 			...D ? { MenuList: ii } : {},
-			...Ce ? { Menu: ri } : {},
-			..._e ? { MultiValue: ti } : {}
+			...we ? { Menu: ri } : {},
+			...xe ? { MultiValue: ti } : {}
 		}
 	};
 	return /* @__PURE__ */ Z("div", {
-		ref: me,
+		ref: he,
 		"data-test-id": P,
 		className: Q("flex flex-col gap-1.5 w-full", N),
 		children: [
@@ -3438,12 +3439,12 @@ var ai = a(function(e, t) {
 					children: y
 				})]
 			}),
-			/* @__PURE__ */ X(fe, {
+			/* @__PURE__ */ X(pe, {
 				ref: t,
-				...Ae
+				...je
 			}),
-			_e && /* @__PURE__ */ Z("div", {
-				ref: he,
+			xe && /* @__PURE__ */ Z("div", {
+				ref: _e,
 				"aria-hidden": !0,
 				className: "flex items-center gap-1 whitespace-nowrap",
 				style: {
@@ -3452,7 +3453,7 @@ var ai = a(function(e, t) {
 					left: -9999,
 					visibility: "hidden"
 				},
-				children: [ce.map((e) => /* @__PURE__ */ Z("span", {
+				children: [le.map((e) => /* @__PURE__ */ Z("span", {
 					"data-measure-chip": !0,
 					className: Wr,
 					children: [/* @__PURE__ */ X("span", {
@@ -3525,7 +3526,7 @@ var ci = a(function({ defaultCollapsed: e = !1, collapsed: t, onCollapsedChange:
 						onClick: g,
 						"aria-label": h ? "Expand sidebar" : "Collapse sidebar",
 						className: Q("ml-auto inline-flex items-center justify-center h-8 w-8 rounded-md text-fg-secondary hover:bg-bg-subtle hover:text-fg-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300", h && "ml-0"),
-						children: /* @__PURE__ */ X(I, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ X(F, { className: "h-4 w-4" })
 					})
 				]
 			}), /* @__PURE__ */ X("nav", {
@@ -3913,7 +3914,7 @@ var Pi = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
 	}) : /* @__PURE__ */ Z("label", {
 		htmlFor: m,
 		"data-test-id": l,
-		className: Q("inline-flex items-start gap-3", r === "left" && "flex-row-reverse justify-end", a ? "cursor-not-allowed opacity-60" : "cursor-pointer", c),
+		className: Q("inline-flex items-center gap-3", r === "left" && "flex-row-reverse justify-end", a ? "cursor-not-allowed opacity-60" : "cursor-pointer", c),
 		children: [h, /* @__PURE__ */ Z("span", {
 			className: "flex flex-col gap-0.5",
 			children: [t && /* @__PURE__ */ X("span", {
@@ -4149,7 +4150,7 @@ function Qi({ table: e, enableGlobalFilter: t, enableColumnVisibility: n, search
 					size: "sm",
 					iconOnly: !0,
 					"aria-label": "Refresh",
-					leftIcon: /* @__PURE__ */ X(ne, { className: "h-4 w-4" }),
+					leftIcon: /* @__PURE__ */ X(W, { className: "h-4 w-4" }),
 					onClick: i
 				}),
 				a && /* @__PURE__ */ X(nt, {
@@ -4208,7 +4209,7 @@ function na({ row: e, actions: t }) {
 		size: "sm",
 		iconOnly: !0,
 		"aria-label": "Row actions",
-		leftIcon: /* @__PURE__ */ X(B, { className: "h-4 w-4" })
+		leftIcon: /* @__PURE__ */ X(z, { className: "h-4 w-4" })
 	}) }), /* @__PURE__ */ X(In, {
 		align: "end",
 		children: t.map((t, n) => /* @__PURE__ */ X(Ln, {
@@ -4331,23 +4332,23 @@ function ua({ header: e, density: t, enableSorting: n, enableFiltering: r, enabl
 						type: "button",
 						"aria-label": `${typeof h == "string" ? h : c.id} column options`,
 						className: "ml-auto shrink-0 text-fg-tertiary hover:text-fg-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300 rounded-sm",
-						children: /* @__PURE__ */ X(z, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ X(R, { className: "h-3.5 w-3.5" })
 					}) }), /* @__PURE__ */ Z(In, {
 						align: "start",
 						children: [
 							o && c.getCanPin() && /* @__PURE__ */ Z(Y, { children: [
 								c.getIsPinned() !== "left" && /* @__PURE__ */ X(Ln, {
-									icon: /* @__PURE__ */ X(U, { className: "h-4 w-4" }),
+									icon: /* @__PURE__ */ X(H, { className: "h-4 w-4" }),
 									onSelect: () => c.pin("left"),
 									children: "Pin left"
 								}),
 								c.getIsPinned() !== "right" && /* @__PURE__ */ X(Ln, {
-									icon: /* @__PURE__ */ X(U, { className: "h-4 w-4" }),
+									icon: /* @__PURE__ */ X(H, { className: "h-4 w-4" }),
 									onSelect: () => c.pin("right"),
 									children: "Pin right"
 								}),
 								c.getIsPinned() && /* @__PURE__ */ X(Ln, {
-									icon: /* @__PURE__ */ X(W, { className: "h-4 w-4" }),
+									icon: /* @__PURE__ */ X(U, { className: "h-4 w-4" }),
 									onSelect: () => c.pin(!1),
 									children: "Unpin"
 								})
@@ -4426,9 +4427,9 @@ function fa({ rowCount: e }) {
 	}, t)) });
 }
 function pa(e, t) {
-	let { data: n, columns: r, loading: i = !1, error: a, emptyMessage: o = "No results", getRowId: s, enableSorting: c = !1, enableMultiSort: l = !1, sorting: u, onSortingChange: d, manualSorting: m = !1, enableFiltering: h = !1, columnFilters: g, onColumnFiltersChange: _, manualFiltering: v = !1, enableGlobalFilter: y = !1, globalFilter: b, onGlobalFilterChange: x, enableRowSelection: S = !1, enableMultiRowSelection: C = !0, rowSelection: w, onRowSelectionChange: T, enableColumnVisibility: E = !1, columnVisibility: D, onColumnVisibilityChange: O, enableColumnOrdering: k = !1, columnOrder: ee, onColumnOrderChange: A, enablePinning: j = !1, columnPinning: M, onColumnPinningChange: N, enableColumnResizing: P = !1, columnResizeMode: F = "onChange", enablePagination: I = !1, pageSize: L = 10, pageSizeOptions: R, pagination: z, onPaginationChange: B, manualPagination: V = !1, pageCount: H, rowCount: U, enableVirtualization: W = !1, estimatedRowHeight: te = 44, maxBodyHeight: ne = 480, onRowClick: re, toolbar: ie = !1, toolbarActions: G, searchPlaceholder: K, onRefresh: q, onExport: ae, density: J = "comfortable", stickyHeader: oe = !1, wrapperClassName: se, className: ce, dataTestId: le } = e, [ue, de] = ca(u, d, []), [fe, pe] = ca(g, _, []), [me, he] = ca(b, x, ""), [ge, _e] = ca(w, T, {}), [ve, ye] = ca(D, O, {}), [be, ke] = ca(ee, A, []), [Ae, je] = ca(M, N, {}), [Me, Ne] = ca(z, B, {
+	let { data: n, columns: r, loading: i = !1, error: a, emptyMessage: o = "No results", getRowId: s, enableSorting: c = !1, enableMultiSort: l = !1, sorting: u, onSortingChange: d, manualSorting: m = !1, enableFiltering: h = !1, columnFilters: g, onColumnFiltersChange: _, manualFiltering: v = !1, enableGlobalFilter: y = !1, globalFilter: b, onGlobalFilterChange: x, enableRowSelection: S = !1, enableMultiRowSelection: C = !0, rowSelection: w, onRowSelectionChange: T, enableColumnVisibility: E = !1, columnVisibility: D, onColumnVisibilityChange: O, enableColumnOrdering: k = !1, columnOrder: ee, onColumnOrderChange: A, enablePinning: j = !1, columnPinning: M, onColumnPinningChange: N, enableColumnResizing: P = !1, columnResizeMode: te = "onChange", enablePagination: F = !1, pageSize: I = 10, pageSizeOptions: L, pagination: R, onPaginationChange: z, manualPagination: B = !1, pageCount: V, rowCount: H, enableVirtualization: U = !1, estimatedRowHeight: ne = 44, maxBodyHeight: W = 480, onRowClick: re, toolbar: G = !1, toolbarActions: K, searchPlaceholder: ie, onRefresh: q, onExport: ae, density: oe = "comfortable", stickyHeader: J = !1, wrapperClassName: se, className: ce, dataTestId: le } = e, [ue, de] = ca(u, d, []), [fe, pe] = ca(g, _, []), [me, he] = ca(b, x, ""), [ge, _e] = ca(w, T, {}), [ve, ye] = ca(D, O, {}), [be, ke] = ca(ee, A, []), [Ae, je] = ca(M, N, {}), [Me, Ne] = ca(R, z, {
 		pageIndex: 0,
-		pageSize: L
+		pageSize: I
 	}), Fe = De({
 		data: n,
 		columns: f(() => !S || r.some((e) => e.id === "select") ? r : [aa(), ...r], [r, S]),
@@ -4460,35 +4461,35 @@ function pa(e, t) {
 		enableRowSelection: S,
 		enableMultiRowSelection: C,
 		enableColumnResizing: P,
-		columnResizeMode: F,
-		manualPagination: V,
-		pageCount: H,
-		rowCount: U,
+		columnResizeMode: te,
+		manualPagination: B,
+		pageCount: V,
+		rowCount: H,
 		getCoreRowModel: Ce(),
 		getSortedRowModel: c ? Ee() : void 0,
 		getFilteredRowModel: h || y ? we() : void 0,
-		getPaginationRowModel: I ? Te() : void 0
+		getPaginationRowModel: F ? Te() : void 0
 	}), Le = Fe.getRowModel().rows, Re = Fe.getVisibleLeafColumns().length, ze = f(() => be.length > 0 ? be : Fe.getAllLeafColumns().map((e) => e.id), [be, Fe]), Be = ea({
 		columnOrder: ze,
 		onColumnOrderChange: ke
 	}), Ve = (e) => Be.handleDragEnd(e), He = p(null), Ue = xe({
 		count: Le.length,
 		getScrollElement: () => He.current,
-		estimateSize: () => te,
+		estimateSize: () => ne,
 		overscan: 10,
-		enabled: W
-	}), We = W ? Ue.getVirtualItems() : null, Ge = We && We.length > 0 ? We[0]?.start ?? 0 : 0, Ke = We && We.length > 0 ? Ue.getTotalSize() - (We[We.length - 1]?.end ?? 0) : 0, qe = (e) => /* @__PURE__ */ X("tr", {
+		enabled: U
+	}), We = U ? Ue.getVirtualItems() : null, Ge = We && We.length > 0 ? We[0]?.start ?? 0 : 0, Ke = We && We.length > 0 ? Ue.getTotalSize() - (We[We.length - 1]?.end ?? 0) : 0, qe = (e) => /* @__PURE__ */ X("tr", {
 		"data-selected": e.getIsSelected() || void 0,
 		onClick: re ? () => re(e.original) : void 0,
 		className: Q("border-t border-border-default", re && "cursor-pointer hover:bg-bg-container", e.getIsSelected() && "bg-brand-50"),
 		children: e.getVisibleCells().map((e) => /* @__PURE__ */ X("td", {
 			style: sa(e.column),
-			className: Q("bg-bg-default px-4", ra[J], ia[e.column.columnDef.meta?.align ?? "left"]),
+			className: Q("bg-bg-default px-4", ra[oe], ia[e.column.columnDef.meta?.align ?? "left"]),
 			children: Se(e.column.columnDef.cell, e.getContext())
 		}, e.id))
 	}, e.id), Je = (e, t) => /* @__PURE__ */ X("tr", { children: t.map((e) => /* @__PURE__ */ X(ua, {
 		header: e,
-		density: J,
+		density: oe,
 		enableSorting: c,
 		enableFiltering: h,
 		enableColumnOrdering: k,
@@ -4499,7 +4500,7 @@ function pa(e, t) {
 		className: "w-full border-collapse text-p-std text-fg-default",
 		style: { width: P ? Fe.getTotalSize() : "100%" },
 		children: [/* @__PURE__ */ X("thead", {
-			className: Q("text-p-sm font-semibold text-fg-secondary uppercase tracking-wider", oe && "sticky top-0 z-2"),
+			className: Q("text-p-sm font-semibold text-fg-secondary uppercase tracking-wider", J && "sticky top-0 z-2"),
 			children: Fe.getHeaderGroups().map((e) => Je(e.id, e.headers))
 		}), /* @__PURE__ */ X("tbody", { children: i ? /* @__PURE__ */ X(Yi, {
 			columnCount: Re,
@@ -4511,7 +4512,7 @@ function pa(e, t) {
 				size: "sm",
 				title: o
 			})
-		}) }) : W && We ? /* @__PURE__ */ Z(Y, { children: [
+		}) }) : U && We ? /* @__PURE__ */ Z(Y, { children: [
 			Ge > 0 && /* @__PURE__ */ X("tr", {
 				"aria-hidden": !0,
 				children: /* @__PURE__ */ X("td", {
@@ -4537,14 +4538,14 @@ function pa(e, t) {
 		"data-test-id": le,
 		className: Q("w-full rounded-lg border border-border-default bg-bg-default", se, ce),
 		children: [
-			ie === !1 ? null : ie ?? /* @__PURE__ */ X(Qi, {
+			G === !1 ? null : G ?? /* @__PURE__ */ X(Qi, {
 				table: Fe,
 				enableGlobalFilter: y,
 				enableColumnVisibility: E,
-				searchPlaceholder: K,
+				searchPlaceholder: ie,
 				onRefresh: q,
 				onExport: ae,
-				actions: G
+				actions: K
 			}),
 			a ? /* @__PURE__ */ X("div", {
 				className: "p-4",
@@ -4557,8 +4558,8 @@ function pa(e, t) {
 				className: "hidden md:block",
 				children: /* @__PURE__ */ X("div", {
 					ref: He,
-					className: Q("w-full overflow-auto", ie === !1 ? "rounded-lg" : "rounded-b-lg"),
-					style: W || oe ? { maxHeight: ne } : void 0,
+					className: Q("w-full overflow-auto", G === !1 ? "rounded-lg" : "rounded-b-lg"),
+					style: U || J ? { maxHeight: W } : void 0,
 					children: k ? /* @__PURE__ */ X(Oe, {
 						sensors: Be.sensors,
 						collisionDetection: Be.collisionDetection,
@@ -4581,9 +4582,9 @@ function pa(e, t) {
 					onRowClick: re
 				}, e.id))
 			})] }),
-			I && !a && /* @__PURE__ */ X(Ji, {
+			F && !a && /* @__PURE__ */ X(Ji, {
 				table: Fe,
-				pageSizeOptions: R
+				pageSizeOptions: L
 			})
 		]
 	});
@@ -4823,10 +4824,10 @@ var ba = {
 				}),
 				/* @__PURE__ */ Z("span", {
 					className: Q("inline-flex h-8 w-16 items-center justify-between rounded-full px-2 transition-colors", "bg-gray-200 peer-checked:bg-gray-700 dark:bg-gray-700 dark:peer-checked:bg-gray-900", "peer-focus-visible:ring-2 peer-focus-visible:ring-brand-300 peer-focus-visible:ring-offset-2"),
-					children: [/* @__PURE__ */ X(K, {
+					children: [/* @__PURE__ */ X(ie, {
 						className: "size-4 text-yellow-500 z-1",
 						"aria-hidden": !0
-					}), /* @__PURE__ */ X(R, {
+					}), /* @__PURE__ */ X(L, {
 						className: "size-4 text-gray-400 z-1",
 						"aria-hidden": !0
 					})]