@dinofront/design_system 1.6.1 → 1.6.3

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 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 { 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 A, Download as j, EyeOff as M, File as N, GripVertical as P, Info as F, Loader2 as ee, 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 G, Search as ne, SearchX as re, Sparkles as K, Sun as ie, Trash2 as q, UploadCloud as ae, User as oe, Users as se, X as J, 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(te, {
+		children: i ? /* @__PURE__ */ X(ee, {
 			className: "h-4 w-4 animate-spin",
 			"aria-hidden": !0
 		}) : /* @__PURE__ */ Z(Y, { children: [
@@ -229,7 +229,7 @@ function ot(e, { accept: t, maxSizeMB: n }) {
 	return t && !rt(e, t) ? "type" : n !== void 0 && e.size > n * 1024 * 1024 ? "size" : null;
 }
 var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFiles: i, disabled: a, validateFiles: o = !1, maxFiles: s, dedupe: c = o, currentFiles: l = [], onReject: d, showFileList: f = !1, onRemoveFile: h, mode: g = "dropzone", triggerLabel: _, triggerIcon: v, label: y, required: b, error: x = !1, errorText: S, labelAddons: C, className: w, dataTestId: T, ...E }, D) {
-	let O = p(null), [k, ee] = m(!1), A = p(0), j = x || !!S, M = u(), N = S ? `${M}-error` : void 0, P = (t) => {
+	let O = p(null), [k, A] = m(!1), j = p(0), M = x || !!S, N = u(), P = S ? `${N}-error` : void 0, F = (t) => {
 		if (!t.length) return;
 		if (!o) {
 			i?.(t);
@@ -265,19 +265,19 @@ 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);
-	}, te = (e) => {
-		e.preventDefault(), A.current = 0, ee(!1), !a && P(Array.from(e.dataTransfer.files ?? []));
-	}, F = r ?? `${e ? e.toUpperCase().replace(/\./g, "") : "Any file"}${n ? `, up to ${n} MB` : ""}`, I = /* @__PURE__ */ X("input", {
+	}, ee = (e) => {
+		e.preventDefault(), j.current = 0, A(!1), !a && F(Array.from(e.dataTransfer.files ?? []));
+	}, I = r ?? `${e ? e.toUpperCase().replace(/\./g, "") : "Any file"}${n ? `, up to ${n} MB` : ""}`, L = /* @__PURE__ */ X("input", {
 		ref: O,
 		type: "file",
 		accept: e,
 		multiple: t,
 		disabled: a,
 		onChange: (e) => {
-			P(Array.from(e.target.files ?? [])), e.target.value = "";
+			F(Array.from(e.target.files ?? [])), e.target.value = "";
 		},
 		className: "sr-only"
-	}), L = (y || C) && /* @__PURE__ */ Z("div", {
+	}), R = (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
 		})]
-	}), R = S ? /* @__PURE__ */ X("p", {
-		id: `${M}-error`,
+	}), z = S ? /* @__PURE__ */ X("p", {
+		id: `${N}-error`,
 		className: "text-p-sm text-red-700",
 		children: S
-	}) : null, z = f && l.length > 0 && /* @__PURE__ */ X("div", {
+	}) : null, B = 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: [
-			L,
-			z,
-			R
+			R,
+			B,
+			z
 		]
 	});
 	if (g !== "dropzone") {
@@ -322,33 +322,33 @@ 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: [
-				L,
+				R,
 				/* @__PURE__ */ X(nt, {
 					type: "button",
 					variant: "secondary",
 					iconOnly: e,
 					disabled: a,
 					onClick: () => O.current?.click(),
-					leftIcon: e ? void 0 : v ?? /* @__PURE__ */ X(B, { className: "h-4 w-4" }),
+					leftIcon: e ? void 0 : v ?? /* @__PURE__ */ X(V, { className: "h-4 w-4" }),
 					"aria-label": e ? "Upload file" : void 0,
-					children: e ? v ?? /* @__PURE__ */ X(V, { className: "h-4 w-4" }) : _ ?? "Choose a file"
+					children: e ? v ?? /* @__PURE__ */ X(H, { className: "h-4 w-4" }) : _ ?? "Choose a file"
 				}),
-				I,
-				z,
-				R
+				L,
+				B,
+				z
 			]
 		});
 	}
-	let H = /* @__PURE__ */ Z("div", {
+	let U = /* @__PURE__ */ Z("div", {
 		ref: D,
 		onDragEnter: () => {
-			A.current += 1, a || ee(!0);
+			j.current += 1, a || A(!0);
 		},
 		onDragOver: (e) => e.preventDefault(),
 		onDragLeave: () => {
-			A.current = Math.max(0, A.current - 1), A.current === 0 && ee(!1);
+			j.current = Math.max(0, j.current - 1), j.current === 0 && A(!1);
 		},
-		onDrop: te,
+		onDrop: ee,
 		onClick: () => !a && O.current?.click(),
 		role: "button",
 		tabIndex: 0,
@@ -356,10 +356,10 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
 			(e.key === "Enter" || e.key === " ") && !a && (e.preventDefault(), O.current?.click());
 		},
 		"aria-disabled": a || void 0,
-		"aria-invalid": j || void 0,
-		"aria-describedby": N,
+		"aria-invalid": M || void 0,
+		"aria-describedby": P,
 		"data-test-id": T,
-		className: Q("flex flex-col items-center justify-center text-center gap-2 px-6 py-8 rounded-lg border-2 border-dashed cursor-pointer transition-colors outline-none", j ? "border-red-300 bg-bg-danger-lighter" : k ? "border-brand-500 bg-brand-20" : "border-border-default bg-bg-container hover:bg-bg-subtle", "focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-1", a && "opacity-50 cursor-not-allowed", w),
+		className: Q("flex flex-col items-center justify-center text-center gap-2 px-6 py-8 rounded-lg border-2 border-dashed cursor-pointer transition-colors outline-none", M ? "border-red-300 bg-bg-danger-lighter" : k ? "border-brand-500 bg-brand-20" : "border-border-default bg-bg-container hover:bg-bg-subtle", "focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-1", a && "opacity-50 cursor-not-allowed", w),
 		...E,
 		children: [
 			/* @__PURE__ */ X("div", {
@@ -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: F
+					children: I
 				})]
 			}),
-			I
+			L
 		]
 	});
-	return !L && !R && !z ? H : /* @__PURE__ */ Z("div", {
+	return !R && !z && !B ? U : /* @__PURE__ */ Z("div", {
 		className: "flex flex-col gap-1.5",
 		children: [
-			L,
-			H,
-			z,
-			R
+			R,
+			U,
+			B,
+			z
 		]
 	});
 }), ct = {
@@ -410,7 +410,7 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
 					alt: "",
 					className: "h-full w-full object-cover",
 					onError: () => g(!0)
-				}) : /* @__PURE__ */ X(M, { className: "h-4 w-4" })
+				}) : /* @__PURE__ */ X(N, { className: "h-4 w-4" })
 			}),
 			/* @__PURE__ */ Z("div", {
 				className: "flex-1 min-w-0",
@@ -463,7 +463,7 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
 				onClick: o,
 				"aria-label": "Remove",
 				className: "shrink-0 p-1 rounded-md text-fg-tertiary hover:text-fg-default hover:bg-bg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
-				children: X(n === "completed" ? q : se, { className: "h-4 w-4" })
+				children: X(n === "completed" ? q : J, { className: "h-4 w-4" })
 			})
 		]
 	});
@@ -546,7 +546,7 @@ var _t = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
 		}
 		let r = URL.createObjectURL(t);
 		T.current = r, S(r), b(!1), c?.(t);
-	}, D = x ?? e, O = !!D && !y, k = n ? ht(n) : "", ee = n ? gt(n) : "bg-gray-300 dark:bg-gray-600";
+	}, D = x ?? e, O = !!D && !y, k = n ? ht(n) : "", A = n ? gt(n) : "bg-gray-300 dark:bg-gray-600";
 	return /* @__PURE__ */ Z("span", {
 		ref: v,
 		"data-test-id": g,
@@ -554,7 +554,7 @@ var _t = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
 		..._,
 		children: [
 			/* @__PURE__ */ X("span", {
-				className: Q("inline-flex items-center justify-center overflow-hidden font-semibold text-white select-none", ut[r], a === "circle" ? "rounded-full" : "rounded-md", !O && ee),
+				className: Q("inline-flex items-center justify-center overflow-hidden font-semibold text-white select-none", ut[r], a === "circle" ? "rounded-full" : "rounded-md", !O && A),
 				children: O ? /* @__PURE__ */ X("img", {
 					src: D,
 					alt: t ?? n ?? "",
@@ -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(V, { className: "h-1/2 w-1/2" })
+				children: /* @__PURE__ */ X(H, { className: "h-1/2 w-1/2" })
 			}), /* @__PURE__ */ X("input", {
 				ref: C,
 				type: "file",
@@ -694,7 +694,7 @@ var _t = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
 				disabled: l,
 				"aria-label": "Dismiss",
 				className: "inline-flex shrink-0 -mr-0.5 rounded-full p-0.5 hover:bg-black/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
-				children: /* @__PURE__ */ X(se, { className: "h-3 w-3" })
+				children: /* @__PURE__ */ X(J, { className: "h-3 w-3" })
 			})
 		]
 	});
@@ -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 ? I : b, {
+				children: X(a ? L : b, {
 					className: Q(zt[e], "text-white"),
 					strokeWidth: 3,
 					"aria-hidden": !0
@@ -955,7 +955,7 @@ var Gt = {
 function Kt({ content: e, children: t, side: r = "top", align: i = "center", offset: a = 8, open: s, defaultOpen: c = !1, onOpenChange: d, flip: f = !0, showArrow: h = !0, closeOnScroll: g = !0, autoFocus: _ = !1, container: v, className: y, dataTestId: b }) {
 	let [x, S] = m(c), C = s !== void 0, w = C ? s : x, T = p(null), [E, D] = m(null), O = u(), k = (e) => {
 		C || S(e), d?.(e);
-	}, { style: ee, arrowStyle: A, resolvedSide: j } = Wt({
+	}, { style: A, arrowStyle: j, resolvedSide: M } = Wt({
 		anchor: T,
 		panel: E,
 		open: w,
@@ -991,30 +991,30 @@ function Kt({ content: e, children: t, side: r = "top", align: i = "center", off
 		_,
 		E
 	]), !o(t)) return t;
-	let M = t.props ?? {}, N = t.ref, P = n(t, {
-		ref: Vt(T, N),
+	let N = t.props ?? {}, P = t.ref, F = n(t, {
+		ref: Vt(T, P),
 		onClick: (e) => {
-			M.onClick?.(e), e.defaultPrevented || k(!w);
+			N.onClick?.(e), e.defaultPrevented || k(!w);
 		},
 		"aria-haspopup": "dialog",
 		"aria-expanded": w
-	}), te = v ?? (typeof document < "u" ? document.body : null);
-	return /* @__PURE__ */ Z(Y, { children: [P, w && te && de(/* @__PURE__ */ Z("div", {
+	}), ee = v ?? (typeof document < "u" ? document.body : null);
+	return /* @__PURE__ */ Z(Y, { children: [F, w && ee && de(/* @__PURE__ */ Z("div", {
 		ref: Vt(D),
 		id: O,
 		role: "dialog",
 		"aria-label": typeof e == "string" ? e : void 0,
 		tabIndex: -1,
-		"data-side": j,
+		"data-side": M,
 		"data-test-id": b,
-		style: ee,
+		style: A,
 		className: Q("fixed z-50 max-w-60 max-h-54 overflow-auto rounded-lg border border-border-default bg-bg-default p-3 text-fg-default shadow-z4", y),
 		children: [e, h && /* @__PURE__ */ X("span", {
 			"aria-hidden": !0,
-			style: A,
-			className: Q("absolute size-2 rotate-45 bg-bg-default", Gt[j])
+			style: j,
+			className: Q("absolute size-2 rotate-45 bg-bg-default", Gt[M])
 		})]
-	}), te)] });
+	}), ee)] });
 }
 //#endregion
 //#region src/components/Copy/Copy.tsx
@@ -1042,7 +1042,7 @@ var qt = a(function({ text: e, copiedLabel: t = "Copied", label: n = "Copy to cl
 			"aria-label": n,
 			dataTestId: c,
 			...u,
-			children: f ? /* @__PURE__ */ X(b, { className: "size-4" }) : i ?? /* @__PURE__ */ X(ee, { className: "size-4" })
+			children: f ? /* @__PURE__ */ X(b, { className: "size-4" }) : i ?? /* @__PURE__ */ X(A, { className: "size-4" })
 		})
 	}), /* @__PURE__ */ X("span", {
 		role: "status",
@@ -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(I, { className: "size-4" })
+			children: /* @__PURE__ */ X(L, { 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(ne, { className: "size-4" })
+			children: /* @__PURE__ */ X(te, { className: "size-4" })
 		}),
 		className: Q("text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", p),
 		..._
@@ -1264,21 +1264,21 @@ function mn(e, t) {
 	for (; i.length % 7 != 0;) i.push(null);
 	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, [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;
+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: A, wrapperClassName: j, dataTestId: M }, N) {
+	let P = u(), F = k ?? P, [ee, I] = m(!1), [L, R] = m(e ?? i?.start ?? /* @__PURE__ */ new Date()), [z, B] = m(null), V = p(null), H = D || !!O, U = O ? `${F}-error` : g ? `${F}-help` : void 0;
 	l(() => {
-		b && F(!1);
+		b && I(!1);
 	}, [b]), l(() => {
-		if (!te) return;
+		if (!ee) return;
 		let e = (e) => {
-			B.current && !B.current.contains(e.target) && F(!1);
+			V.current && !V.current.contains(e.target) && I(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [te]);
-	let U = r ? i?.start ? `${pn(i.start, c)}${i.end ? ` – ${pn(i.end, c)}` : ""}` : "" : e ? pn(e, c) : "";
-	function ne(e) {
+	}, [ee]);
+	let W = r ? i?.start ? `${pn(i.start, c)}${i.end ? ` – ${pn(i.end, c)}` : ""}` : "" : e ? pn(e, c) : "";
+	function te(e) {
 		if (!r) {
-			t?.(e), F(!1);
+			t?.(e), I(!1);
 			return;
 		}
 		let n = i ?? {
@@ -1302,32 +1302,32 @@ var hn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
 		a?.({
 			start: n.start,
 			end: e
-		}), F(!1);
+		}), I(!1);
 	}
-	function W(e) {
+	function G(e) {
 		e.stopPropagation(), r ? (a?.({
 			start: null,
 			end: null
-		}), z(null)) : t?.(null);
+		}), B(null)) : t?.(null);
 	}
-	let { firstDayOfWeek: re, monthNames: G, weekdayNames: K } = f(() => {
+	let { firstDayOfWeek: ne, monthNames: re, weekdayNames: K } = f(() => {
 		let e = rn(s), t = an(e);
 		return {
 			firstDayOfWeek: t,
 			monthNames: on(e),
 			weekdayNames: cn(e, t)
 		};
-	}, [s]), ie = mn(I, re), q = i ?? {
+	}, [s]), ie = mn(L, ne), q = i ?? {
 		start: null,
 		end: null
-	}, ae = q.end ?? R;
+	}, ae = q.end ?? z;
 	return /* @__PURE__ */ Z("div", {
-		ref: B,
-		"data-test-id": j,
-		className: Q("flex flex-col gap-1.5", v && "w-full", A),
+		ref: V,
+		"data-test-id": M,
+		className: Q("flex flex-col gap-1.5", v && "w-full", j),
 		children: [
 			d && /* @__PURE__ */ Z("label", {
-				htmlFor: P,
+				htmlFor: F,
 				className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
 				children: [d, h && /* @__PURE__ */ X("span", {
 					className: "text-red-600",
@@ -1338,30 +1338,30 @@ var hn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
 			/* @__PURE__ */ Z("div", {
 				className: "relative",
 				children: [/* @__PURE__ */ Z("button", {
-					ref: M,
-					id: P,
+					ref: N,
+					id: F,
 					type: "button",
 					disabled: b,
-					"aria-invalid": V || void 0,
+					"aria-invalid": H || void 0,
 					"aria-required": h || void 0,
-					"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),
+					"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], A),
 					children: [/* @__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", {
+						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", {
 						role: "button",
 						tabIndex: 0,
 						"aria-label": "Clear date",
-						onClick: W,
+						onClick: G,
 						onKeyDown: (e) => {
-							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), W(e));
+							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), G(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" })
+						children: /* @__PURE__ */ X(J, { className: "w-4 h-4 text-fg-secondary" })
 					}) : /* @__PURE__ */ X(y, { className: Q("w-4 h-4", b ? "text-fg-disabled" : "text-fg-secondary") })]
-				}), te && /* @__PURE__ */ Z("div", {
+				}), ee && /* @__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,22 +1369,22 @@ 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: () => L(new Date(I.getFullYear(), I.getMonth() - 1, 1)),
+								onClick: () => R(new Date(L.getFullYear(), L.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: [
-									G[I.getMonth()],
+									re[L.getMonth()],
 									" ",
-									I.getFullYear()
+									L.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: () => L(new Date(I.getFullYear(), I.getMonth() + 1, 1)),
+								onClick: () => R(new Date(L.getFullYear(), L.getMonth() + 1, 1)),
 								"aria-label": "Next month",
 								children: /* @__PURE__ */ X(w, { className: "w-4 h-4" })
 							})
@@ -1401,8 +1401,8 @@ var hn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
 								type: "button",
 								disabled: i,
 								"aria-disabled": i || void 0,
-								onMouseEnter: () => !i && r && q.start && !q.end && z(t),
-								onClick: () => !i && ne(t),
+								onMouseEnter: () => !i && r && q.start && !q.end && B(t),
+								onClick: () => !i && te(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);
@@ -1411,11 +1411,11 @@ var hn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
 				})]
 			}),
 			O ? /* @__PURE__ */ X("p", {
-				id: `${P}-error`,
+				id: `${F}-error`,
 				className: "text-p-sm text-red-700",
 				children: O
 			}) : g ? /* @__PURE__ */ X("p", {
-				id: `${P}-help`,
+				id: `${F}-help`,
 				className: "text-p-sm text-fg-secondary",
 				children: g
 			}) : null
@@ -1568,7 +1568,7 @@ var Cn = {
 							onClick: t,
 							"aria-label": "Close",
 							className: "p-2 rounded-md text-fg-secondary hover:text-fg-default hover:bg-bg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
-							children: /* @__PURE__ */ X(se, { className: "h-5 w-5" })
+							children: /* @__PURE__ */ X(J, { className: "h-5 w-5" })
 						})]
 					})]
 				}),
@@ -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: G,
+				icon: re,
 				tone: "gray",
 				shape: "circle",
 				size: Yn[e]
@@ -2025,7 +2025,7 @@ var $n = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
 						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), a());
 					},
 					className: "inline-flex items-center justify-center rounded-full p-0.5 hover:bg-black/10",
-					children: /* @__PURE__ */ X(se, { className: "h-3 w-3" })
+					children: /* @__PURE__ */ X(J, { className: "h-3 w-3" })
 				}) : /* @__PURE__ */ X(S, {
 					className: Q("h-4 w-4 text-fg-secondary transition-transform", f && "rotate-180"),
 					"aria-hidden": !0
@@ -2043,14 +2043,14 @@ var $n = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
 		defaultValues: r,
 		shouldFocusError: s,
 		shouldUnregister: o
-	}), { errors: O, isDirty: k, isSubmitted: ee, isSubmitting: A, dirtyFields: j, isValid: M } = y;
+	}), { errors: O, isDirty: k, isSubmitted: A, isSubmitting: j, dirtyFields: M, isValid: N } = y;
 	l(() => {
 		let e = Object.keys(O).filter((e) => e !== "root" && e !== "form");
 		e.length > 0 && T(e);
 	}, [d]);
-	let N = h((e) => {
-		u?.(e, y, j);
-	}), P = {
+	let P = h((e) => {
+		u?.(e, y, M);
+	}), F = {
 		control: v,
 		register: g,
 		errors: O,
@@ -2064,21 +2064,21 @@ var $n = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
 		getFieldState: E,
 		unregister: D,
 		isDirty: k,
-		isSubmitted: ee,
-		isSubmitting: A,
-		isValid: M,
-		dirtyFields: j,
-		submit: N
+		isSubmitted: A,
+		isSubmitting: j,
+		isValid: N,
+		dirtyFields: M,
+		submit: P
 	};
 	return /* @__PURE__ */ X("form", {
 		ref: m,
 		id: c,
-		onSubmit: N,
+		onSubmit: P,
 		"data-test-id": f,
 		className: Q("flex flex-col gap-4", t),
 		...p,
 		children: /* @__PURE__ */ Z(er.Provider, {
-			value: P,
+			value: F,
 			children: [e, i && i.length > 0 && /* @__PURE__ */ X("div", {
 				className: "flex items-center gap-3",
 				"data-test-id": f ? `${f}-buttons` : void 0,
@@ -2160,7 +2160,7 @@ var $n = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
 	info: {
 		container: "bg-blue-50 border-blue-200",
 		iconColor: "text-blue-700",
-		DefaultIcon: P
+		DefaultIcon: F
 	},
 	discovery: {
 		container: "bg-purple-50 border-purple-200",
@@ -2205,7 +2205,7 @@ var $n = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
 				onClick: r,
 				"aria-label": "Dismiss",
 				className: "flex-shrink-0 -mr-1 -mt-1 p-1 rounded-md text-fg-secondary hover:text-fg-default hover:bg-black/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
-				children: /* @__PURE__ */ X(se, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ X(J, { className: "h-4 w-4" })
 			})
 		]
 	});
@@ -2293,7 +2293,7 @@ var $n = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
 						onClick: t,
 						"aria-label": "Close",
 						className: "-mr-2 -mt-2 p-2 rounded-md text-fg-secondary hover:text-fg-default hover:bg-bg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
-						children: /* @__PURE__ */ X(se, { className: "h-5 w-5" })
+						children: /* @__PURE__ */ X(J, { className: "h-5 w-5" })
 					})]
 				}),
 				i && /* @__PURE__ */ X("div", {
@@ -2335,11 +2335,11 @@ var ur = {
 		input: "h-8 text-p-md min-w-[140px]",
 		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`, 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();
+}, 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: A, dataTestId: j }, M) {
+	let N = u(), P = O ?? N, F = `${P}-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 M == "function" ? M(e) : M && (M.current = e);
+	}, G = f(() => new Map(e.map((e) => [String(e.value), e])), [e]), re = f(() => n.map((e) => G.get(String(e))).filter((e) => !!e), [n, G]), K = f(() => {
+		let t = L.trim().toLowerCase();
 		return e.filter((e) => {
 			if (Ke(n, e.value)) return !1;
 			if (t === "") return !0;
@@ -2349,47 +2349,47 @@ var ur = {
 	}, [
 		e,
 		n,
-		I
+		L
 	]), ie = C !== void 0 && n.length >= C;
 	l(() => {
-		if (!R) return;
+		if (!z) return;
 		let e = (e) => {
-			H.current && !H.current.contains(e.target) && z(!1);
+			U.current && !U.current.contains(e.target) && B(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [R]), l(() => {
-		V((e) => Math.min(e, Math.max(0, K.length - 1)));
+	}, [z]), l(() => {
+		H((e) => Math.min(e, Math.max(0, K.length - 1)));
 	}, [K.length]), l(() => {
-		h && z(!1);
+		h && B(!1);
 	}, [h]);
 	let q = (e) => {
-		let t = W.get(String(e));
-		d || ie || !t || t.disabled || (r([...n, e]), i?.(t), L(""), V(0), U.current?.focus());
+		let t = G.get(String(e));
+		d || ie || !t || t.disabled || (r([...n, e]), i?.(t), R(""), H(0), W.current?.focus());
 	}, ae = (e) => {
 		d || Ke(S, e) || (r(n.filter((t) => !Ge(t, e))), a?.(e));
 	}, oe = (e) => {
 		if (!K.length) return;
-		let t = B;
+		let t = V;
 		for (let n = 0; n < K.length && (t = (t + e + K.length) % K.length, K[t]?.disabled); n++);
-		V(t);
+		H(t);
 	}, ce = (e) => {
-		if (e.key === "ArrowDown") e.preventDefault(), R ? oe(1) : h || z(!0);
+		if (e.key === "ArrowDown") e.preventDefault(), z ? oe(1) : h || B(!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));
+		else if (e.key === "Enter") z && K[V] && !K[V].disabled && (e.preventDefault(), q(K[V].value));
+		else if (e.key === "Escape") B(!1);
+		else if (e.key === "Backspace" && L === "" && re.length > 0) {
+			let e = [...re].reverse().find((e) => !Ke(S, e.value));
 			e && ae(e.value);
 		}
-	}, le = b ? `${N}-error` : y ? `${N}-help` : void 0;
+	}, le = b ? `${P}-error` : y ? `${P}-help` : void 0;
 	return /* @__PURE__ */ Z("div", {
-		"data-test-id": A,
-		className: Q("flex flex-col gap-1.5 w-full", ee),
+		"data-test-id": j,
+		className: Q("flex flex-col gap-1.5 w-full", A),
 		children: [
 			(_ || v) && /* @__PURE__ */ Z("div", {
 				className: "flex items-center gap-1.5",
 				children: [_ && /* @__PURE__ */ Z("label", {
-					htmlFor: N,
+					htmlFor: P,
 					className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
 					children: [_, x && /* @__PURE__ */ X("span", {
 						className: "text-red-600",
@@ -2402,13 +2402,13 @@ var ur = {
 				})]
 			}),
 			/* @__PURE__ */ Z("div", {
-				ref: H,
+				ref: U,
 				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" : 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(),
+					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(),
 					children: [
-						G.map((e) => {
+						re.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),
@@ -2434,56 +2434,56 @@ var ur = {
 										},
 										"aria-label": `Remove ${lr(e) ?? String(e.value)}`,
 										className: "-mr-0.5 ml-0.5 text-fg-tertiary hover:text-fg-default p-0.5 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
-										children: /* @__PURE__ */ X(se, { className: "w-3 h-3" })
+										children: /* @__PURE__ */ X(J, { className: "w-3 h-3" })
 									})
 								]
 							}, String(e.value));
 						}),
 						/* @__PURE__ */ X("input", {
-							ref: ne,
-							id: N,
+							ref: te,
+							id: P,
 							type: "text",
 							role: "combobox",
-							"aria-expanded": R,
-							"aria-controls": P,
+							"aria-expanded": z,
+							"aria-controls": F,
 							"aria-autocomplete": "list",
-							"aria-activedescendant": R && K[B] ? `${P}-opt-${B}` : void 0,
-							"aria-invalid": F || void 0,
+							"aria-activedescendant": z && K[V] ? `${F}-opt-${V}` : void 0,
+							"aria-invalid": I || void 0,
 							"aria-describedby": le,
 							"aria-busy": h || void 0,
-							value: I,
+							value: L,
 							readOnly: !w,
 							disabled: d || ie,
 							onChange: (e) => {
-								L(e.target.value), h || z(!0);
+								R(e.target.value), h || B(!0);
 							},
-							onFocus: () => !h && z(!0),
+							onFocus: () => !h && B(!0),
 							onKeyDown: ce,
-							placeholder: G.length === 0 ? s : ie ? `Limit ${C} reached` : c,
+							placeholder: re.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(te, {
+						h && /* @__PURE__ */ X(ee, {
 							className: "h-4 w-4 shrink-0 text-fg-secondary animate-spin",
 							"aria-hidden": !0
 						})
 					]
-				}), R && !d && !h && !ie && /* @__PURE__ */ Z("div", {
+				}), z && !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", {
+						children: [/* @__PURE__ */ X(ne, { className: "w-3.5 h-3.5 shrink-0" }), /* @__PURE__ */ X("span", {
 							className: "truncate",
-							children: I ? `Matches for "${I}"` : T
+							children: L ? `Matches for "${L}"` : T
 						})]
 					}), K.length === 0 ? /* @__PURE__ */ Z("div", {
 						className: "px-3 py-6 text-center",
-						children: [/* @__PURE__ */ X(J, { className: "w-5 h-5 mx-auto text-fg-tertiary mb-2" }), /* @__PURE__ */ X("span", {
+						children: [/* @__PURE__ */ X(se, { className: "w-5 h-5 mx-auto text-fg-tertiary mb-2" }), /* @__PURE__ */ X("span", {
 							className: "text-p-sm text-fg-secondary",
 							children: E
 						})]
 					}) : /* @__PURE__ */ X("ul", {
 						role: "listbox",
-						id: P,
+						id: F,
 						className: "py-1",
 						children: K.map((e, n) => /* @__PURE__ */ Z(t, { children: [!!e.group && e.group !== K[n - 1]?.group && /* @__PURE__ */ X("li", {
 							role: "presentation",
@@ -2491,17 +2491,17 @@ var ur = {
 							children: e.group
 						}), /* @__PURE__ */ X("li", {
 							role: "option",
-							id: `${P}-opt-${n}`,
-							"aria-selected": n === B,
+							id: `${F}-opt-${n}`,
+							"aria-selected": n === V,
 							"aria-disabled": e.disabled || void 0,
 							children: /* @__PURE__ */ Z("button", {
 								type: "button",
 								disabled: e.disabled,
-								onMouseEnter: () => V(n),
+								onMouseEnter: () => H(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 === B ? "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 === V ? "bg-bg-subtle" : "hover:bg-bg-subtle"),
 								children: [(D || e.avatarSrc) && /* @__PURE__ */ X(_t, {
 									src: e.avatarSrc,
 									name: lr(e),
@@ -2522,11 +2522,11 @@ var ur = {
 				})]
 			}),
 			b ? /* @__PURE__ */ X("p", {
-				id: `${N}-error`,
+				id: `${P}-error`,
 				className: "text-p-sm text-red-700",
 				children: b
 			}) : y ? /* @__PURE__ */ X("p", {
-				id: `${N}-help`,
+				id: `${P}-help`,
 				className: "text-p-sm text-fg-secondary",
 				children: y
 			}) : null
@@ -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(R, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ X(z, { className: "h-4 w-4" })
 				}, `${t}-${r}`);
 				let i = t === e;
 				return /* @__PURE__ */ X("button", {
@@ -2880,57 +2880,57 @@ 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, 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() : "";
+	let A = u(), j = T ?? A, M = `${j}-listbox`, [N, P] = m(!1), [F, I] = m(r), L = n !== void 0, R = L ? n : F, z = p(null), B = p(null), V = p(null), [H, U] = m(-1), [W, te] = m(""), G = h || !!d, re = d ? `${j}-error` : c ? `${j}-help` : void 0, K = e.find((e) => Ge(e.value, R)), ie = f(() => e.some((e) => e.icon != null), [e]), q = f(() => {
+		let t = v ? W.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,
-		U,
+		W,
 		v
 	]), ae = (e) => {
-		I || F(e), i?.(e), N(!1), v && z.current?.focus();
+		L || I(e), i?.(e), P(!1), v && B.current?.focus();
 	};
 	l(() => {
-		if (!M) return;
+		if (!N) return;
 		let e = (e) => {
-			R.current?.contains(e.target) || N(!1);
+			z.current?.contains(e.target) || P(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [M]), l(() => {
-		if (!M) {
-			H(-1), ne("");
+	}, [N]), l(() => {
+		if (!N) {
+			U(-1), te("");
 			return;
 		}
-		let e = q.findIndex((e) => Ge(e.value, L));
-		H(e >= 0 && !q[e]?.disabled ? e : Rr(q));
+		let e = q.findIndex((e) => Ge(e.value, R));
+		U(e >= 0 && !q[e]?.disabled ? e : Rr(q));
 	}, [
-		M,
-		L,
+		N,
+		R,
 		q
 	]), l(() => {
-		M && v && B.current?.focus();
-	}, [M, v]), l(() => {
-		_ && N(!1);
+		N && v && V.current?.focus();
+	}, [N, v]), l(() => {
+		_ && P(!1);
 	}, [_]);
 	let oe = (e) => {
 		let t = q.length;
 		if (t === 0) return;
-		let n = V < 0 ? e === 1 ? -1 : 0 : V;
+		let n = H < 0 ? e === 1 ? -1 : 0 : H;
 		for (let r = 0; r < t && (n = (n + e + t) % t, q[n]?.disabled); r++);
-		H(n);
-	}, J = () => {
-		let e = q[V];
+		U(n);
+	}, se = () => {
+		let e = q[H];
 		e && !e.disabled && ae(e.value);
 	};
 	return /* @__PURE__ */ Z("div", {
-		ref: R,
+		ref: z,
 		"data-test-id": O,
 		className: Q("flex flex-col gap-1.5 w-full relative", D),
 		children: [
 			(o || s) && /* @__PURE__ */ Z("div", {
 				className: "flex items-center gap-1.5",
 				children: [o && /* @__PURE__ */ Z("label", {
-					htmlFor: A,
+					htmlFor: j,
 					className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
 					children: [o, g && /* @__PURE__ */ X("span", {
 						className: "text-red-600",
@@ -2943,35 +2943,35 @@ var zr = a(function({ options: e, value: n, defaultValue: r, onChange: i, placeh
 				})]
 			}),
 			/* @__PURE__ */ Z("button", {
-				ref: Vt(k, z),
-				id: A,
+				ref: Vt(k, B),
+				id: j,
 				type: "button",
 				disabled: w,
 				onClick: () => {
-					w || _ || N((e) => !e);
+					w || _ || P((e) => !e);
 				},
 				onKeyDown: (e) => {
 					if (!(w || _)) if (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter" || e.key === " ") {
-						if (e.preventDefault(), !M) {
-							N(!0);
+						if (e.preventDefault(), !N) {
+							P(!0);
 							return;
 						}
 						if (e.key === "Enter" || e.key === " ") {
-							J();
+							se();
 							return;
 						}
 						oe(e.key === "ArrowDown" ? 1 : -1);
-					} else e.key === "Escape" && N(!1);
+					} else e.key === "Escape" && P(!1);
 				},
 				"aria-haspopup": "listbox",
-				"aria-expanded": M,
-				"aria-invalid": W || void 0,
+				"aria-expanded": N,
+				"aria-invalid": G || void 0,
 				"aria-required": g || void 0,
 				"aria-busy": _ || void 0,
 				"aria-disabled": _ || void 0,
-				"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", 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),
+				"aria-describedby": re,
+				"aria-controls": N && q.length > 0 ? M : void 0,
+				className: Q("inline-flex items-center justify-between w-full rounded-lg border bg-bg-default transition-colors outline-none", "text-left", G ? "border-red-600" : "border-border-default", !w && !G && "hover:border-border-strong", "focus-visible:ring-2", G ? "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: [ie && K?.icon && /* @__PURE__ */ X("span", {
@@ -2981,33 +2981,33 @@ var zr = a(function({ options: e, value: n, defaultValue: r, onChange: i, placeh
 						className: Q("truncate", !K && "text-fg-tertiary"),
 						children: K ? K.label : a
 					})]
-				}), _ ? /* @__PURE__ */ X(te, {
+				}), _ ? /* @__PURE__ */ X(ee, {
 					className: "h-4 w-4 ml-2 shrink-0 text-fg-secondary animate-spin",
 					"aria-hidden": !0
 				}) : /* @__PURE__ */ X(S, {
-					className: Q("h-4 w-4 ml-2 shrink-0 text-fg-secondary transition-transform", M && "rotate-180"),
+					className: Q("h-4 w-4 ml-2 shrink-0 text-fg-secondary transition-transform", N && "rotate-180"),
 					"aria-hidden": !0
 				})]
 			}),
-			M && /* @__PURE__ */ Z("div", {
+			N && /* @__PURE__ */ Z("div", {
 				className: "absolute left-0 right-0 top-full mt-1 rounded-lg border border-border-default bg-bg-default shadow-z4 z-50 overflow-hidden",
 				children: [v && /* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-2 px-3 py-2 border-b border-border-default",
-					children: [/* @__PURE__ */ X(re, {
+					children: [/* @__PURE__ */ X(ne, {
 						className: "h-3.5 w-3.5 shrink-0 text-fg-tertiary",
 						"aria-hidden": !0
 					}), /* @__PURE__ */ X("input", {
-						ref: B,
+						ref: V,
 						type: "text",
 						role: "combobox",
 						"aria-expanded": !0,
-						"aria-controls": q.length > 0 ? j : void 0,
+						"aria-controls": q.length > 0 ? M : void 0,
 						"aria-autocomplete": "list",
-						"aria-activedescendant": V >= 0 ? `${j}-opt-${V}` : void 0,
-						value: U,
-						onChange: (e) => ne(e.target.value),
+						"aria-activedescendant": H >= 0 ? `${M}-opt-${H}` : void 0,
+						value: W,
+						onChange: (e) => te(e.target.value),
 						onKeyDown: (e) => {
-							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));
+							e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), oe(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Enter" ? (e.preventDefault(), se()) : e.key === "Escape" ? (e.preventDefault(), P(!1), B.current?.focus()) : e.key === "Tab" && (B.current?.focus(), P(!1));
 						},
 						placeholder: y,
 						className: "w-full bg-transparent outline-none text-p-std text-fg-default placeholder:text-fg-tertiary"
@@ -3016,21 +3016,21 @@ var zr = a(function({ options: e, value: n, defaultValue: r, onChange: i, placeh
 					className: "px-3 py-6 text-center text-p-sm text-fg-secondary",
 					children: x
 				}) : /* @__PURE__ */ X("ul", {
-					id: j,
+					id: M,
 					role: "listbox",
 					className: "max-h-60 overflow-y-auto py-1",
 					children: q.map((e, n) => {
-						let r = Ge(e.value, L), i = n === V;
+						let r = Ge(e.value, R), i = n === H;
 						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",
 							children: e.group
 						}), /* @__PURE__ */ Z("li", {
-							id: `${j}-opt-${n}`,
+							id: `${M}-opt-${n}`,
 							role: "option",
 							"aria-selected": r,
 							"aria-disabled": e.disabled || void 0,
-							onMouseEnter: () => !e.disabled && H(n),
+							onMouseEnter: () => !e.disabled && U(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", {
@@ -3051,11 +3051,11 @@ var zr = a(function({ options: e, value: n, defaultValue: r, onChange: i, placeh
 				})]
 			}),
 			d ? /* @__PURE__ */ X("p", {
-				id: `${A}-error`,
+				id: `${j}-error`,
 				className: "text-p-sm text-red-700",
 				children: d
 			}) : c ? /* @__PURE__ */ X("p", {
-				id: `${A}-help`,
+				id: `${j}-help`,
 				className: "text-p-sm text-fg-secondary",
 				children: c
 			}) : null
@@ -3183,7 +3183,7 @@ function Qr(e) {
 function $r(e) {
 	return /* @__PURE__ */ X(_e.ClearIndicator, {
 		...e,
-		children: /* @__PURE__ */ X(se, {
+		children: /* @__PURE__ */ X(J, {
 			className: "h-3.5 w-3.5",
 			"aria-hidden": !0
 		})
@@ -3192,7 +3192,7 @@ function $r(e) {
 function ei(e) {
 	return /* @__PURE__ */ X(_e.MultiValueRemove, {
 		...e,
-		children: /* @__PURE__ */ X(se, {
+		children: /* @__PURE__ */ X(J, {
 			className: "h-3 w-3",
 			"aria-hidden": !0
 		})
@@ -3206,7 +3206,7 @@ function ti(e) {
 	}) : null;
 }
 function ni() {
-	return /* @__PURE__ */ X(te, {
+	return /* @__PURE__ */ X(ee, {
 		className: "h-4 w-4 animate-spin text-fg-secondary",
 		"aria-hidden": !0
 	});
@@ -3263,7 +3263,7 @@ 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, ...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 { 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: A = "md", disabled: j = !1, id: M, className: N, wrapperClassName: P, dataTestId: F, ...ee } = e, I = e.isMulti ? !!e.singleLine : !1, L = Vr[k], R = _ ?? L.placeholder, z = O ?? L.noResults, B = c ?? ((e) => L.createLabel(e)), V = u(), H = M ?? V, U = S || !!x, W = d !== void 0, [te, G] = m(l ? void 0 : h), [ne, re] = 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);
@@ -3284,21 +3284,21 @@ var ai = a(function(e, t) {
 	let ae = s((e) => K.get(String(e)) ?? {
 		value: e,
 		label: String(e)
-	}, [K]), oe = U ? d : ne, J = f(() => (U ? d : re) ?? [], [
-		U,
+	}, [K]), oe = W ? d : te, se = f(() => (W ? d : ne) ?? [], [
+		W,
 		d,
-		re
-	]), ce = !l && oe !== void 0 ? ae(oe) : null, le = l ? J.map(ae) : [], ue = f(() => {
+		ne
+	]), ce = !l && oe !== void 0 ? ae(oe) : null, le = l ? se.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 ?? []];
 			q(t);
 			let n = t.map((e) => e.value);
-			G(n), g?.(n);
+			re(n), g?.(n);
 		} else {
 			let t = e;
-			t && q([t]), W(t?.value), g?.(t?.value ?? void 0);
+			t && q([t]), G(t?.value), g?.(t?.value ?? void 0);
 		}
 	}, [
 		l,
@@ -3310,20 +3310,20 @@ var ai = a(function(e, t) {
 			label: e
 		};
 		if (q([t]), o?.(e), l) {
-			let e = [...J, t.value];
-			G(e), g?.(e);
-		} else W(t.value), g?.(t.value);
+			let e = [...se, t.value];
+			re(e), g?.(e);
+		} else G(t.value), g?.(t.value);
 	}, [
 		l,
-		J,
+		se,
 		q,
 		g,
 		o
-	]), fe = !!r, pe = fe ? a ? be : ve : a ? ye : ge, me = f(() => Zr(ee, H, F), [
-		ee,
-		H,
-		F
-	]), he = p(null), _e = p(null), xe = !!l && F, Se = Br({
+	]), fe = !!r, pe = fe ? a ? be : ve : a ? ye : ge, me = f(() => Zr(A, U, I), [
+		A,
+		U,
+		I
+	]), he = p(null), _e = p(null), xe = !!l && I, Se = Br({
 		wrapperRef: he,
 		measureRef: _e,
 		total: le.length,
@@ -3337,40 +3337,40 @@ var ai = a(function(e, t) {
 		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;
+		let e = new Set(se.map(String)), t = Oe.filter((t) => e.has(String(t.value))).length;
 		return {
 			count: Oe.length,
 			checked: t === Oe.length,
 			indeterminate: t > 0 && t < Oe.length,
-			label: I.selectAllLabel(Oe.length)
+			label: L.selectAllLabel(Oe.length)
 		};
 	}, [
 		we,
 		Oe,
-		J,
-		I
+		se,
+		L
 	]), 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)));
+		if (ke.checked) t = se.filter((t) => !e.has(String(t)));
 		else {
 			q(Oe);
-			let e = new Set(J.map(String));
-			t = [...J, ...Oe.filter((t) => !e.has(String(t.value))).map((e) => e.value)];
+			let e = new Set(se.map(String));
+			t = [...se, ...Oe.filter((t) => !e.has(String(t.value))).map((e) => e.value)];
 		}
-		G(t), g?.(t);
+		re(t), g?.(t);
 	}, [
 		ke,
 		Oe,
-		J,
+		se,
 		q,
 		g
 	]), je = {
-		...te,
-		inputId: V,
+		...ee,
+		inputId: H,
 		unstyled: !0,
 		classNames: me,
-		className: M,
+		className: N,
 		isMulti: l,
 		options: n,
 		loadOptions: ue,
@@ -3378,7 +3378,7 @@ var ai = a(function(e, t) {
 		value: l ? le : ce,
 		onChange: Y,
 		onCreateOption: a ? de : void 0,
-		formatCreateLabel: a ? z : void 0,
+		formatCreateLabel: a ? B : void 0,
 		getOptionValue: (e) => String(e.value),
 		getOptionLabel: Yr,
 		formatOptionLabel: (e, t) => t.context === "value" ? e.label : Ce && e.description ? /* @__PURE__ */ Z("span", {
@@ -3392,14 +3392,14 @@ var ai = a(function(e, t) {
 			})]
 		}) : e.label,
 		isOptionDisabled: (e) => !!e.disabled,
-		placeholder: L,
-		isDisabled: A || w,
+		placeholder: R,
+		isDisabled: j || w,
 		isClearable: T,
 		isSearchable: E,
 		isLoading: w || void 0,
-		noOptionsMessage: () => R,
-		loadingMessage: () => I.loadingMessage,
-		"aria-invalid": H || void 0,
+		noOptionsMessage: () => z,
+		loadingMessage: () => L.loadingMessage,
+		"aria-invalid": U || void 0,
 		"aria-required": C || void 0,
 		...we ? {
 			inputValue: Te,
@@ -3421,13 +3421,13 @@ var ai = a(function(e, t) {
 	};
 	return /* @__PURE__ */ Z("div", {
 		ref: he,
-		"data-test-id": P,
-		className: Q("flex flex-col gap-1.5 w-full", N),
+		"data-test-id": F,
+		className: Q("flex flex-col gap-1.5 w-full", P),
 		children: [
 			(v || y) && /* @__PURE__ */ Z("div", {
 				className: "flex items-center gap-1.5",
 				children: [v && /* @__PURE__ */ Z("label", {
-					htmlFor: V,
+					htmlFor: H,
 					className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
 					children: [v, C && /* @__PURE__ */ X("span", {
 						className: "text-fg-danger",
@@ -3461,7 +3461,7 @@ var ai = a(function(e, t) {
 						children: Yr(e)
 					}), /* @__PURE__ */ X("span", {
 						className: Kr,
-						children: /* @__PURE__ */ X(se, {
+						children: /* @__PURE__ */ X(J, {
 							className: "h-3 w-3",
 							"aria-hidden": !0
 						})
@@ -3472,11 +3472,11 @@ var ai = a(function(e, t) {
 				})]
 			}),
 			x ? /* @__PURE__ */ X("p", {
-				id: `${V}-error`,
+				id: `${H}-error`,
 				className: "text-p-sm text-fg-danger",
 				children: x
 			}) : b ? /* @__PURE__ */ X("p", {
-				id: `${V}-help`,
+				id: `${H}-help`,
 				className: "text-p-sm text-fg-secondary",
 				children: b
 			}) : null
@@ -3526,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(F, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ X(I, { className: "h-4 w-4" })
 					})
 				]
 			}), /* @__PURE__ */ X("nav", {
@@ -3646,11 +3646,11 @@ var pi = a(function({ variant: e = "text", animation: t = "pulse", width: n, hei
 	},
 	info: {
 		container: "bg-gray-900 dark:bg-gray-700 text-white",
-		icon: P
+		icon: F
 	},
 	neutral: {
 		container: "bg-gray-900 dark:bg-gray-700 text-white",
-		icon: P
+		icon: F
 	}
 }, hi = {
 	success: "text-green-400",
@@ -3723,7 +3723,7 @@ function vi({ children: e, dataTestId: t }) {
 							onClick: () => a(e.id),
 							"aria-label": "Close",
 							className: "shrink-0 p-1 rounded-md text-white/70 hover:text-white hover:bg-white/10",
-							children: /* @__PURE__ */ X(se, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ X(J, { className: "h-4 w-4" })
 						})
 					]
 				}, e.id);
@@ -4136,7 +4136,7 @@ function Qi({ table: e, enableGlobalFilter: t, enableColumnVisibility: n, search
 		className: "flex flex-wrap items-center gap-2 p-3 border-b border-border-default",
 		children: [t && /* @__PURE__ */ X(Qt, {
 			size: "sm",
-			leftIcon: /* @__PURE__ */ X(re, { className: "h-4 w-4" }),
+			leftIcon: /* @__PURE__ */ X(ne, { className: "h-4 w-4" }),
 			placeholder: r ?? "Search...",
 			"aria-label": "Search",
 			value: String(e.getState().globalFilter ?? ""),
@@ -4150,13 +4150,13 @@ function Qi({ table: e, enableGlobalFilter: t, enableColumnVisibility: n, search
 					size: "sm",
 					iconOnly: !0,
 					"aria-label": "Refresh",
-					leftIcon: /* @__PURE__ */ X(W, { className: "h-4 w-4" }),
+					leftIcon: /* @__PURE__ */ X(G, { className: "h-4 w-4" }),
 					onClick: i
 				}),
 				a && /* @__PURE__ */ X(nt, {
 					variant: "secondary",
 					size: "sm",
-					leftIcon: /* @__PURE__ */ X(A, { className: "h-4 w-4" }),
+					leftIcon: /* @__PURE__ */ X(j, { className: "h-4 w-4" }),
 					onClick: a,
 					children: "Export"
 				}),
@@ -4209,7 +4209,7 @@ function na({ row: e, actions: t }) {
 		size: "sm",
 		iconOnly: !0,
 		"aria-label": "Row actions",
-		leftIcon: /* @__PURE__ */ X(z, { className: "h-4 w-4" })
+		leftIcon: /* @__PURE__ */ X(B, { className: "h-4 w-4" })
 	}) }), /* @__PURE__ */ X(In, {
 		align: "end",
 		children: t.map((t, n) => /* @__PURE__ */ X(Ln, {
@@ -4311,7 +4311,7 @@ function ua({ header: e, density: t, enableSorting: n, enableFiltering: r, enabl
 						"aria-label": `Reorder ${typeof h == "string" ? h : c.id} column`,
 						...d.attributes,
 						...d.listeners,
-						children: /* @__PURE__ */ X(N, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ X(P, { className: "h-3.5 w-3.5" })
 					}),
 					n && c.getCanSort() ? /* @__PURE__ */ Z("button", {
 						type: "button",
@@ -4332,30 +4332,30 @@ 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(R, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ X(z, { 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(H, { className: "h-4 w-4" }),
+									icon: /* @__PURE__ */ X(U, { className: "h-4 w-4" }),
 									onSelect: () => c.pin("left"),
 									children: "Pin left"
 								}),
 								c.getIsPinned() !== "right" && /* @__PURE__ */ X(Ln, {
-									icon: /* @__PURE__ */ X(H, { className: "h-4 w-4" }),
+									icon: /* @__PURE__ */ X(U, { className: "h-4 w-4" }),
 									onSelect: () => c.pin("right"),
 									children: "Pin right"
 								}),
 								c.getIsPinned() && /* @__PURE__ */ X(Ln, {
-									icon: /* @__PURE__ */ X(U, { className: "h-4 w-4" }),
+									icon: /* @__PURE__ */ X(W, { className: "h-4 w-4" }),
 									onSelect: () => c.pin(!1),
 									children: "Unpin"
 								})
 							] }),
 							o && c.getCanPin() && s && c.getCanHide() && /* @__PURE__ */ X(Rn, {}),
 							s && c.getCanHide() && /* @__PURE__ */ X(Ln, {
-								icon: /* @__PURE__ */ X(j, { className: "h-4 w-4" }),
+								icon: /* @__PURE__ */ X(M, { className: "h-4 w-4" }),
 								onSelect: () => c.toggleVisibility(!1),
 								children: "Hide column"
 							})
@@ -4427,125 +4427,145 @@ 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: 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, {
+	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: h, manualSorting: g = !1, enableFiltering: _ = !1, columnFilters: v, onColumnFiltersChange: y, manualFiltering: b = !1, enableGlobalFilter: x = !1, globalFilter: S, onGlobalFilterChange: C, enableRowSelection: w = !1, enableMultiRowSelection: T = !0, rowSelection: E, onRowSelectionChange: D, enableColumnVisibility: O = !1, columnVisibility: k, onColumnVisibilityChange: A, enableColumnOrdering: j = !1, columnOrder: M, onColumnOrderChange: N, enablePinning: P = !1, columnPinning: F, onColumnPinningChange: ee, enableColumnResizing: I = !1, columnResizeMode: L = "onChange", enablePagination: R = !1, pageSize: z = 10, pageSizeOptions: B, pagination: V, onPaginationChange: H, manualPagination: U = !1, pageCount: W, rowCount: te, enableVirtualization: G = !1, estimatedRowHeight: ne = 44, maxBodyHeight: re = 480, onRowClick: K, toolbar: ie = !1, toolbarActions: q, searchPlaceholder: ae, onRefresh: oe, onExport: se, density: J = "comfortable", stickyHeader: ce = !1, wrapperClassName: le, className: ue, dataTestId: de } = e, [fe, pe] = ca(u, h, []), [me, he] = ca(v, y, []), [ge, _e] = ca(S, C, ""), [ve, ye] = ca(E, D, {}), [be, ke] = ca(k, A, {}), [Ae, je] = ca(M, N, []), [Me, Ne] = ca(F, ee, {}), [Fe, Le] = ca(V, H, {
 		pageIndex: 0,
-		pageSize: I
-	}), Fe = De({
+		pageSize: z
+	}), Re = De({
 		data: n,
-		columns: f(() => !S || r.some((e) => e.id === "select") ? r : [aa(), ...r], [r, S]),
+		columns: f(() => !w || r.some((e) => e.id === "select") ? r : [aa(), ...r], [r, w]),
 		getRowId: s,
 		state: {
-			sorting: ue,
-			columnFilters: fe,
-			globalFilter: me,
-			rowSelection: ge,
-			columnVisibility: ve,
-			columnOrder: be,
-			columnPinning: Ae,
-			pagination: Me
+			sorting: fe,
+			columnFilters: me,
+			globalFilter: ge,
+			rowSelection: ve,
+			columnVisibility: be,
+			columnOrder: Ae,
+			columnPinning: Me,
+			pagination: Fe
 		},
-		onSortingChange: de,
-		onColumnFiltersChange: pe,
-		onGlobalFilterChange: he,
-		onRowSelectionChange: _e,
-		onColumnVisibilityChange: ye,
-		onColumnOrderChange: ke,
-		onColumnPinningChange: je,
-		onPaginationChange: Ne,
+		onSortingChange: pe,
+		onColumnFiltersChange: he,
+		onGlobalFilterChange: _e,
+		onRowSelectionChange: ye,
+		onColumnVisibilityChange: ke,
+		onColumnOrderChange: je,
+		onColumnPinningChange: Ne,
+		onPaginationChange: Le,
 		enableSorting: c,
 		enableMultiSort: l,
-		manualSorting: m,
-		enableFilters: h || y,
-		enableGlobalFilter: y,
-		manualFiltering: v,
-		enableRowSelection: S,
-		enableMultiRowSelection: C,
-		enableColumnResizing: P,
-		columnResizeMode: te,
-		manualPagination: B,
-		pageCount: V,
-		rowCount: H,
+		manualSorting: g,
+		enableFilters: _ || x,
+		enableGlobalFilter: x,
+		manualFiltering: b,
+		enableRowSelection: w,
+		enableMultiRowSelection: T,
+		enableColumnResizing: I,
+		columnResizeMode: L,
+		manualPagination: U,
+		pageCount: W,
+		rowCount: te,
 		getCoreRowModel: Ce(),
 		getSortedRowModel: c ? Ee() : void 0,
-		getFilteredRowModel: h || y ? we() : 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,
+		getFilteredRowModel: _ || x ? we() : void 0,
+		getPaginationRowModel: R ? Te() : void 0
+	}), ze = Re.getRowModel().rows, Be = Re.getVisibleLeafColumns().length, Ve = p(null), [He, Ue] = m(null);
+	d(() => {
+		if (!R || G) return;
+		let e = Ve.current?.getBoundingClientRect().height;
+		e && e !== He && Ue(e);
+	}, [
+		R,
+		G,
+		J,
+		ze,
+		He
+	]);
+	let We = He ?? ne, Ge = R && !G ? Math.max(0, Fe.pageSize - ze.length) * We : 0, Ke = f(() => Ae.length > 0 ? Ae : Re.getAllLeafColumns().map((e) => e.id), [Ae, Re]), qe = ea({
+		columnOrder: Ke,
+		onColumnOrderChange: je
+	}), Je = (e) => qe.handleDragEnd(e), Ye = p(null), Xe = xe({
+		count: ze.length,
+		getScrollElement: () => Ye.current,
 		estimateSize: () => ne,
 		overscan: 10,
-		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", {
+		enabled: G
+	}), Ze = G ? Xe.getVirtualItems() : null, Qe = Ze && Ze.length > 0 ? Ze[0]?.start ?? 0 : 0, $e = Ze && Ze.length > 0 ? Xe.getTotalSize() - (Ze[Ze.length - 1]?.end ?? 0) : 0, et = (e, t) => /* @__PURE__ */ X("tr", {
+		ref: t,
 		"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"),
+		onClick: K ? () => K(e.original) : void 0,
+		className: Q("group border-t border-border-default", K && "cursor-pointer"),
 		children: e.getVisibleCells().map((e) => /* @__PURE__ */ X("td", {
 			style: sa(e.column),
-			className: Q("bg-bg-default px-4", ra[oe], ia[e.column.columnDef.meta?.align ?? "left"]),
+			className: Q("bg-bg-default px-4 group-hover:bg-bg-container group-data-[selected]:bg-brand-50", ra[J], 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, {
+	}, e.id), tt = (e, t) => /* @__PURE__ */ X("tr", { children: t.map((e) => /* @__PURE__ */ X(ua, {
 		header: e,
-		density: oe,
+		density: J,
 		enableSorting: c,
-		enableFiltering: h,
-		enableColumnOrdering: k,
-		enableColumnResizing: P,
-		enablePinning: j,
-		enableColumnVisibility: E
-	}, e.id)) }, e), Ye = /* @__PURE__ */ Z("table", {
+		enableFiltering: _,
+		enableColumnOrdering: j,
+		enableColumnResizing: I,
+		enablePinning: P,
+		enableColumnVisibility: O
+	}, e.id)) }, e), nt = /* @__PURE__ */ Z("table", {
 		className: "w-full border-collapse text-p-std text-fg-default",
-		style: { width: P ? Fe.getTotalSize() : "100%" },
+		style: { width: I ? Re.getTotalSize() : "100%" },
 		children: [/* @__PURE__ */ X("thead", {
-			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))
+			className: Q("text-p-sm font-semibold text-fg-secondary uppercase tracking-wider", ce && "sticky top-0 z-10"),
+			children: Re.getHeaderGroups().map((e) => tt(e.id, e.headers))
 		}), /* @__PURE__ */ X("tbody", { children: i ? /* @__PURE__ */ X(Yi, {
-			columnCount: Re,
-			rowCount: Me.pageSize
-		}) : Le.length === 0 ? /* @__PURE__ */ X("tr", { children: /* @__PURE__ */ X("td", {
-			colSpan: Re,
+			columnCount: Be,
+			rowCount: Fe.pageSize
+		}) : ze.length === 0 ? /* @__PURE__ */ X("tr", { children: /* @__PURE__ */ X("td", {
+			colSpan: Be,
 			className: "p-0",
 			children: /* @__PURE__ */ X(Xn, {
 				size: "sm",
 				title: o
 			})
-		}) }) : U && We ? /* @__PURE__ */ Z(Y, { children: [
-			Ge > 0 && /* @__PURE__ */ X("tr", {
+		}) }) : G && Ze ? /* @__PURE__ */ Z(Y, { children: [
+			Qe > 0 && /* @__PURE__ */ X("tr", {
 				"aria-hidden": !0,
 				children: /* @__PURE__ */ X("td", {
-					style: { height: Ge },
-					colSpan: Re
+					style: { height: Qe },
+					colSpan: Be
 				})
 			}),
-			We.map((e) => {
-				let t = Le[e.index];
-				return t ? qe(t) : null;
+			Ze.map((e) => {
+				let t = ze[e.index];
+				return t ? et(t) : null;
 			}),
-			Ke > 0 && /* @__PURE__ */ X("tr", {
+			$e > 0 && /* @__PURE__ */ X("tr", {
 				"aria-hidden": !0,
 				children: /* @__PURE__ */ X("td", {
-					style: { height: Ke },
-					colSpan: Re
+					style: { height: $e },
+					colSpan: Be
 				})
 			})
-		] }) : Le.map(qe) })]
+		] }) : /* @__PURE__ */ Z(Y, { children: [ze.map((e, t) => et(e, t === 0 ? Ve : void 0)), Ge > 0 && /* @__PURE__ */ X("tr", {
+			"aria-hidden": !0,
+			children: /* @__PURE__ */ X("td", {
+				style: { height: Ge },
+				colSpan: Be,
+				className: "p-0"
+			})
+		})] }) })]
 	});
 	return /* @__PURE__ */ Z("div", {
 		ref: t,
-		"data-test-id": le,
-		className: Q("w-full rounded-lg border border-border-default bg-bg-default", se, ce),
+		"data-test-id": de,
+		className: Q("w-full rounded-lg border border-border-default bg-bg-default", le, ue),
 		children: [
-			G === !1 ? null : G ?? /* @__PURE__ */ X(Qi, {
-				table: Fe,
-				enableGlobalFilter: y,
-				enableColumnVisibility: E,
-				searchPlaceholder: ie,
-				onRefresh: q,
-				onExport: ae,
-				actions: K
+			ie === !1 ? null : ie ?? /* @__PURE__ */ X(Qi, {
+				table: Re,
+				enableGlobalFilter: x,
+				enableColumnVisibility: O,
+				searchPlaceholder: ae,
+				onRefresh: oe,
+				onExport: se,
+				actions: q
 			}),
 			a ? /* @__PURE__ */ X("div", {
 				className: "p-4",
@@ -4557,34 +4577,34 @@ function pa(e, t) {
 			}) : /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X("div", {
 				className: "hidden md:block",
 				children: /* @__PURE__ */ X("div", {
-					ref: He,
-					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,
-						modifiers: Be.modifiers,
-						onDragEnd: Ve,
+					ref: Ye,
+					className: Q("w-full overflow-auto", ie === !1 ? "rounded-lg" : "rounded-b-lg"),
+					style: G || ce ? { maxHeight: re } : void 0,
+					children: j ? /* @__PURE__ */ X(Oe, {
+						sensors: qe.sensors,
+						collisionDetection: qe.collisionDetection,
+						modifiers: qe.modifiers,
+						onDragEnd: Je,
 						children: /* @__PURE__ */ X(Pe, {
-							items: ze,
+							items: Ke,
 							strategy: Ie,
-							children: Ye
+							children: nt
 						})
-					}) : Ye
+					}) : nt
 				})
 			}), /* @__PURE__ */ X("div", {
 				className: "md:hidden",
-				children: i ? /* @__PURE__ */ X(fa, { rowCount: Me.pageSize }) : Le.length === 0 ? /* @__PURE__ */ X(Xn, {
+				children: i ? /* @__PURE__ */ X(fa, { rowCount: Fe.pageSize }) : ze.length === 0 ? /* @__PURE__ */ X(Xn, {
 					size: "sm",
 					title: o
-				}) : Le.map((e) => /* @__PURE__ */ X(da, {
+				}) : ze.map((e) => /* @__PURE__ */ X(da, {
 					row: e,
-					onRowClick: re
+					onRowClick: K
 				}, e.id))
 			})] }),
-			F && !a && /* @__PURE__ */ X(Ji, {
-				table: Fe,
-				pageSizeOptions: L
+			R && !a && /* @__PURE__ */ X(Ji, {
+				table: Re,
+				pageSizeOptions: B
 			})
 		]
 	});
@@ -4827,7 +4847,7 @@ var ba = {
 					children: [/* @__PURE__ */ X(ie, {
 						className: "size-4 text-yellow-500 z-1",
 						"aria-hidden": !0
-					}), /* @__PURE__ */ X(L, {
+					}), /* @__PURE__ */ X(R, {
 						className: "size-4 text-gray-400 z-1",
 						"aria-hidden": !0
 					})]