@vellira-ui/react 2.24.0 → 2.25.0

package/dist/index.js

@@ -42,7 +42,7 @@ var I = (e) => {
 			t.removeEventListener("change", r);
 		};
 	}, [e]), t;
-}, L = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", matchTriggerWidth: a = !1, mobileSheetBreakpoint: s, middleware: c = [] } = {}) => {
+}, ee = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", matchTriggerWidth: a = !1, mobileSheetBreakpoint: s, middleware: c = [] } = {}) => {
 	let l = I(s), { refs: u, floatingStyles: d, update: f, context: p, middlewareData: m, placement: h } = x({
 		open: e,
 		onOpenChange: t,
@@ -76,7 +76,7 @@ var I = (e) => {
 		setFloatingRef: u.setFloating,
 		updatePosition: f
 	};
-}, R = (e, t, n = !0) => {
+}, L = (e, t, n = !0) => {
 	let r = s(e);
 	r.current = e;
 	let a = s(t);
@@ -88,11 +88,11 @@ var I = (e) => {
 		};
 		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
 	}, [n]);
-}, z = { group: "_group_1yomt_1" }, B = ({ label: e }) => /* @__PURE__ */ f("li", {
+}, R = { group: "_group_1yomt_1" }, te = ({ label: e }) => /* @__PURE__ */ f("li", {
 	role: "presentation",
-	className: z.group,
+	className: R.group,
 	children: e
-}), V = {
+}), z = {
 	item: "_item_t87eq_1",
 	disabled: "_disabled_t87eq_18",
 	active: "_active_t87eq_28",
@@ -103,7 +103,7 @@ var I = (e) => {
 	"itemText--truncate": "_itemText--truncate_t87eq_74",
 	"itemText--wrap": "_itemText--wrap_t87eq_79",
 	"itemText--nowrap": "_itemText--nowrap_t87eq_83"
-}, H = ({ id: e, children: t, label: n, icon: r, danger: i, disabled: a, active: o, onClick: s, onMouseEnter: c, shortcut: l, textWrap: u = "truncate", className: d }) => {
+}, ne = ({ id: e, children: t, label: n, icon: r, danger: i, disabled: a, active: o, onClick: s, onMouseEnter: c, shortcut: l, textWrap: u = "truncate", className: d }) => {
 	let m = t || n;
 	return /* @__PURE__ */ p("li", {
 		id: e,
@@ -114,47 +114,47 @@ var I = (e) => {
 		"data-danger": i || void 0,
 		onClick: a ? void 0 : s,
 		onMouseEnter: a ? void 0 : c,
-		className: M(V.item, {
-			[V.active]: o,
-			[V.disabled]: a,
-			[V.danger]: i
+		className: M(z.item, {
+			[z.active]: o,
+			[z.disabled]: a,
+			[z.danger]: i
 		}, d),
 		children: [
 			r && /* @__PURE__ */ f("span", {
 				"aria-hidden": "true",
-				className: V.itemIcon,
+				className: z.itemIcon,
 				children: r
 			}),
 			m && /* @__PURE__ */ f("span", {
-				className: M(V.itemText, V[`itemText--${u}`]),
+				className: M(z.itemText, z[`itemText--${u}`]),
 				children: m
 			}),
 			l && /* @__PURE__ */ f("span", {
-				className: V.itemShortcut,
+				className: z.itemShortcut,
 				children: l
 			})
 		]
 	});
-}, U = { group: "_group_ts4nb_1" }, W = () => /* @__PURE__ */ f("li", {
+}, B = { group: "_group_ts4nb_1" }, V = () => /* @__PURE__ */ f("li", {
 	role: "separator",
-	className: U.separator,
+	className: B.separator,
 	"aria-hidden": "true"
-}), G = {
+}), H = {
 	button: "_button_ii6sx_1",
 	disabled: "_disabled_ii6sx_16",
 	iconLeft: "_iconLeft_ii6sx_27",
 	arrow: "_arrow_ii6sx_39",
 	iconOnly: "_iconOnly_ii6sx_42",
 	open: "_open_ii6sx_75"
-}, ee = t(({ children: e, isOpen: t, icon: n, arrowIcon: r, showArrow: i = !0, rotateAngle: a = 90, label: o, className: s, ...c }, l) => {
+}, re = t(({ children: e, isOpen: t, icon: n, arrowIcon: r, showArrow: i = !0, rotateAngle: a = 90, label: o, className: s, ...c }, l) => {
 	let u = !!n, d = !!e, m = u && !d, h = i && d, g = r ?? /* @__PURE__ */ f(k, {}), _ = m ? o ?? "Open menu" : void 0;
 	return /* @__PURE__ */ p("button", {
 		...c,
 		ref: l,
 		type: "button",
-		className: M(G.button, {
-			[G.disabled]: c.disabled,
-			[G.iconOnly]: m
+		className: M(H.button, {
+			[H.disabled]: c.disabled,
+			[H.iconOnly]: m
 		}, s),
 		"aria-label": _,
 		"aria-expanded": t,
@@ -163,36 +163,36 @@ var I = (e) => {
 		children: [
 			u && /* @__PURE__ */ f("span", {
 				"aria-hidden": "true",
-				className: G.iconLeft,
+				className: H.iconLeft,
 				children: n
 			}),
 			e,
 			h && /* @__PURE__ */ f("span", {
 				"aria-hidden": "true",
-				className: M(G.arrow, { [G.open]: t }),
+				className: M(H.arrow, { [H.open]: t }),
 				children: g
 			})
 		]
 	});
 });
-ee.displayName = "DropdownTrigger";
+re.displayName = "DropdownTrigger";
 //#endregion
 //#region src/components/Dropdown/types.ts
-var te = (e) => e.type !== "group" && e.type !== "separator", ne = (e) => e.type === "group", re = (e) => e.type === "separator", ie = { wrapper: "_wrapper_14ue8_1" }, ae = ({ label: e, icon: t, trigger: n, items: r = [], onSelect: i, className: o, disabled: l, rotateAngle: u = 90, placement: d, matchTriggerWidth: m, textWrap: h, showArrow: g = !0, arrowIcon: _ }) => {
-	let [v, y] = c(!1), [b, x] = c(-1), S = s(null), C = s(null), w = a(), T = `${w}-trigger`, { floatingStyles: D, setRef: O, setFloatingRef: k } = L({
+var U = (e) => e.type !== "group" && e.type !== "separator", W = (e) => e.type === "group", ie = (e) => e.type === "separator", ae = { wrapper: "_wrapper_14ue8_1" }, oe = ({ label: e, icon: t, trigger: n, items: r = [], onSelect: i, className: o, disabled: l, rotateAngle: u = 90, placement: d, matchTriggerWidth: m, textWrap: h, showArrow: g = !0, arrowIcon: _ }) => {
+	let [v, y] = c(!1), [b, x] = c(-1), S = s(null), C = s(null), w = a(), T = `${w}-trigger`, { floatingStyles: D, setRef: O, setFloatingRef: k } = ee({
 		placement: d,
 		matchTriggerWidth: m,
 		mobileSheetBreakpoint: 640
-	}), A = r.filter(te), j = v && b >= 0 ? `${w}-item-${b}` : void 0, N = () => A.findIndex((e) => !e.disabled), P = () => {
+	}), A = r.filter(U), j = v && b >= 0 ? `${w}-item-${b}` : void 0, N = () => A.findIndex((e) => !e.disabled), P = () => {
 		l || y((e) => {
 			let t = !e;
 			return x(t ? N() : -1), t;
 		});
 	}, I = () => {
 		y(!1), x(-1);
-	}, z = () => {
+	}, R = () => {
 		I(), S.current?.focus();
-	}, { onKeyDown: V } = E({
+	}, { onKeyDown: z } = E({
 		activeIndex: b,
 		setActiveIndex: x,
 		items: A,
@@ -200,20 +200,20 @@ var te = (e) => e.type !== "group" && e.type !== "separator", ne = (e) => e.type
 		onOpen: P,
 		onSelect: () => {
 			let e = A[b];
-			!e || e.disabled || (i?.(e.value), z());
+			!e || e.disabled || (i?.(e.value), R());
 		},
-		onClose: z
+		onClose: R
 	});
-	R([S, C], () => I(), v);
-	let U = (e) => {
+	L([S, C], () => I(), v);
+	let B = (e) => {
 		S.current = e, O(e);
-	}, G = (e) => {
+	}, H = (e) => {
 		C.current = e, k(e), e?.focus();
 	};
 	return /* @__PURE__ */ p("div", {
-		className: M(ie.wrapper, o),
-		children: [/* @__PURE__ */ f(ee, {
-			ref: U,
+		className: M(ae.wrapper, o),
+		children: [/* @__PURE__ */ f(re, {
+			ref: B,
 			id: T,
 			isOpen: v,
 			disabled: l,
@@ -223,31 +223,31 @@ var te = (e) => e.type !== "group" && e.type !== "separator", ne = (e) => e.type
 			arrowIcon: _,
 			rotateAngle: u,
 			onClick: P,
-			onKeyDown: V,
+			onKeyDown: z,
 			"aria-expanded": v,
 			"aria-haspopup": "menu",
 			...v && { "aria-controls": w },
 			children: n
 		}), v && /* @__PURE__ */ f(F, {
-			ref: G,
+			ref: H,
 			floatingStyles: D,
 			menuId: w,
 			labelledById: n ? T : void 0,
 			label: n ? void 0 : e,
 			activeDescendantId: j,
-			onKeyDown: V,
+			onKeyDown: z,
 			children: r.map((e, t) => {
-				if (ne(e)) return /* @__PURE__ */ f(B, { label: e.label }, `group-${e.label}`);
-				if (re(e)) return /* @__PURE__ */ f(W, {}, `separator-${t}`);
-				if (te(e)) {
+				if (W(e)) return /* @__PURE__ */ f(te, { label: e.label }, `group-${e.label}`);
+				if (ie(e)) return /* @__PURE__ */ f(V, {}, `separator-${t}`);
+				if (U(e)) {
 					let t = A.findIndex((t) => t === e);
-					return /* @__PURE__ */ f(H, {
+					return /* @__PURE__ */ f(ne, {
 						id: `${w}-item-${t}`,
 						...e,
 						active: b === t,
 						textWrap: e.textWrap || h,
 						onClick: () => {
-							e.disabled || (i?.(e.value), z());
+							e.disabled || (i?.(e.value), R());
 						},
 						onMouseEnter: () => {
 							t < 0 || e.disabled || x(t);
@@ -258,23 +258,23 @@ var te = (e) => e.type !== "group" && e.type !== "separator", ne = (e) => e.type
 			})
 		})]
 	});
-}, oe = e(void 0), se = () => {
-	let e = r(oe);
+}, se = e(void 0), ce = () => {
+	let e = r(se);
 	if (e === void 0) throw Error("Modal compound components must be used inside Modal");
 	return e;
 };
-oe.displayName = "ModalContext";
-var ce = { modalBody: "_modalBody_iv33a_1" }, le = ({ children: e }) => {
-	let { descriptionId: t } = se();
+se.displayName = "ModalContext";
+var le = { modalBody: "_modalBody_iv33a_1" }, ue = ({ children: e }) => {
+	let { descriptionId: t } = ce();
 	return /* @__PURE__ */ f("div", {
 		id: t,
-		className: ce.modalBody,
+		className: le.modalBody,
 		children: e
 	});
 };
-le.displayName = "ModalBody";
-var ue = { content: "_content_avpai_1" }, de = ({ children: e }) => /* @__PURE__ */ f("div", {
-	className: ue.content,
+ue.displayName = "ModalBody";
+var G = { content: "_content_avpai_1" }, de = ({ children: e }) => /* @__PURE__ */ f("div", {
+	className: G.content,
 	children: e
 });
 de.displayName = "ModalContent";
@@ -288,7 +288,7 @@ var me = {
 	modalHeaderTitle: "_modalHeaderTitle_155d7_8",
 	modalHeaderCloseButton: "_modalHeaderCloseButton_155d7_15"
 }, he = ({ children: e }) => {
-	let { onClose: t, titleId: n } = se();
+	let { onClose: t, titleId: n } = ce();
 	return /* @__PURE__ */ p("div", {
 		className: me.modalHeader,
 		children: [/* @__PURE__ */ f("h2", {
@@ -318,7 +318,7 @@ var ge = ({ isOpen: e, onClose: t }) => {
 	"overlay--animated": "_overlay--animated_1xotg_17",
 	modal: "_modal_1xotg_21"
 }, ve = 0, ye = "", be = ({ children: e, onClose: t, isOpen: r, className: a, closeOnBackdrop: o, closeOnClick: c, closeOnEsc: l = !0, zIndex: u = 1e3, animated: d = !0 }) => {
-	let p = o ?? c ?? !0, m = s(null), { titleId: h, descriptionId: g } = se(), _ = n((e) => {
+	let p = o ?? c ?? !0, m = s(null), { titleId: h, descriptionId: g } = ce(), _ = n((e) => {
 		p && e.target === e.currentTarget && t?.();
 	}, [p, t]);
 	return ge({
@@ -360,7 +360,7 @@ be.displayName = "ModalOverlay";
 //#region src/components/Modal/Modal.tsx
 var xe = ({ isOpen: e, children: t, onClose: n, closeOnBackdrop: r, closeOnClick: i, closeOnEsc: o = !0 }) => {
 	let s = a(), c = a();
-	return e ? /* @__PURE__ */ f(oe.Provider, {
+	return e ? /* @__PURE__ */ f(se.Provider, {
 		value: {
 			onClose: n,
 			titleId: s,
@@ -380,7 +380,7 @@ xe.displayName = "Modal";
 //#region src/components/Modal/index.ts
 var Se = Object.assign(xe, {
 	Header: he,
-	Body: le,
+	Body: ue,
 	Content: de,
 	Footer: pe
 }), Ce = e(null), we = Ce.Provider;
@@ -456,15 +456,20 @@ var K = {
 });
 Ee.displayName = "RadioGroup";
 var q = {
-	wrapper: "_wrapper_ng5ym_1",
-	label: "_label_ng5ym_9",
-	required: "_required_ng5ym_20",
-	description: "_description_ng5ym_25",
-	control: "_control_ng5ym_32",
-	errorText: "_errorText_ng5ym_40",
-	disabled: "_disabled_ng5ym_47",
-	storyInput: "_storyInput_ng5ym_60",
-	storyBadge: "_storyBadge_ng5ym_65"
+	wrapper: "_wrapper_w0lsp_1",
+	label: "_label_w0lsp_9",
+	required: "_required_w0lsp_20",
+	description: "_description_w0lsp_25",
+	control: "_control_w0lsp_32",
+	errorText: "_errorText_w0lsp_40",
+	disabled: "_disabled_w0lsp_47",
+	storyInput: "_storyInput_w0lsp_60",
+	storyBadge: "_storyBadge_w0lsp_65",
+	storyCustomRoot: "_storyCustomRoot_w0lsp_76",
+	storyCustomLabel: "_storyCustomLabel_w0lsp_83",
+	storyCustomControl: "_storyCustomControl_w0lsp_87",
+	storyCustomDescription: "_storyCustomDescription_w0lsp_91",
+	storyCustomError: "_storyCustomError_w0lsp_95"
 }, De = ({ id: e, label: t, description: n, error: r, required: i = !1, disabled: a = !1, children: o, className: s, controlClassName: c, labelClassName: l, descriptionClassName: u, errorClassName: d, ...m }) => {
 	let h = n && e ? `${e}-description` : void 0, g = r && e ? `${e}-error` : void 0;
 	return /* @__PURE__ */ p("div", {
@@ -501,13 +506,15 @@ var q = {
 		]
 	});
 }, Oe = {
-	option: "_option_1qm3g_1",
-	selected: "_selected_1qm3g_10",
-	disabled: "_disabled_1qm3g_10",
-	active: "_active_1qm3g_21"
+	option: "_option_1mcld_1",
+	selected: "_selected_1mcld_17",
+	disabled: "_disabled_1mcld_17",
+	active: "_active_1mcld_28",
+	label: "_label_1mcld_40",
+	check: "_check_1mcld_48"
 }, ke = ({ option: e, isSelected: t, isActive: n, optionId: r, onSelect: i, onMouseEnter: a }) => {
 	let o = !!e.disabled;
-	return /* @__PURE__ */ f("li", {
+	return /* @__PURE__ */ p("li", {
 		id: r,
 		role: "option",
 		"aria-selected": t,
@@ -523,41 +530,56 @@ var q = {
 		onMouseEnter: () => {
 			o || a();
 		},
-		children: e.label
+		children: [/* @__PURE__ */ f("span", {
+			className: Oe.label,
+			children: e.label
+		}), /* @__PURE__ */ f("span", {
+			className: Oe.check,
+			"aria-hidden": "true",
+			children: t && /* @__PURE__ */ f(O, {})
+		})]
 	});
 };
 ke.displayName = "SelectOption";
 var Ae = {
-	dropdown: "_dropdown_1vrjb_1",
-	dropdownIn: "_dropdownIn_1vrjb_1"
-}, je = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style: i, options: a, selectedValue: o, activeIndex: s, onSelect: c, onMouseEnter: l }) => e ? /* @__PURE__ */ f(N, { children: /* @__PURE__ */ f("ul", {
+	dropdown: "_dropdown_jl377_1",
+	dropdownIn: "_dropdownIn_jl377_1",
+	empty: "_empty_jl377_17"
+}, je = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style: i, options: a, noOptionsText: o, selectedValue: s, activeIndex: c, className: l, onSelect: u, onMouseEnter: d }) => e ? /* @__PURE__ */ f(N, { children: /* @__PURE__ */ f("ul", {
 	ref: r,
 	id: t,
 	role: "listbox",
 	"aria-labelledby": n,
-	className: Ae.dropdown,
+	className: [Ae.dropdown, l].filter(Boolean).join(" "),
 	style: i,
-	children: a.map((e, n) => /* @__PURE__ */ f(ke, {
+	children: a.length ? a.map((e, n) => /* @__PURE__ */ f(ke, {
 		option: e,
-		isSelected: e.value === o,
-		isActive: n === s,
+		isSelected: e.value === s,
+		isActive: n === c,
 		optionId: `${t}-option-${n}`,
-		onSelect: c,
-		onMouseEnter: () => l(n)
-	}, e.value))
+		onSelect: u,
+		onMouseEnter: () => d(n)
+	}, e.value)) : /* @__PURE__ */ f("li", {
+		className: Ae.empty,
+		role: "presentation",
+		children: o
+	})
 }) }) : null;
 je.displayName = "SelectDropdown";
 var J = {
-	control: "_control_mmsxg_1",
-	disabled: "_disabled_mmsxg_19",
-	arrow: "_arrow_mmsxg_24",
-	value: "_value_mmsxg_34",
-	placeholder: "_placeholder_mmsxg_42",
-	error: "_error_mmsxg_46",
-	open: "_open_mmsxg_87"
-}, Me = ({ id: e, errorId: t, isOpen: n, disabled: r, required: i, listboxId: a, activeIndex: o, ariaLabel: s, error: c, displayText: l, isPlaceholder: u, buttonRef: d, onClick: m, onKeyDown: h }) => /* @__PURE__ */ p("button", {
+	control: "_control_ole58_1",
+	disabled: "_disabled_ole58_18",
+	arrow: "_arrow_ole58_23",
+	sm: "_sm_ole58_33",
+	md: "_md_ole58_40",
+	lg: "_lg_ole58_47",
+	value: "_value_ole58_54",
+	placeholder: "_placeholder_ole58_62",
+	error: "_error_ole58_66",
+	open: "_open_ole58_107"
+}, Me = ({ id: e, errorId: t, isOpen: n, disabled: r, required: i, listboxId: a, activeIndex: o, ariaLabel: s, error: c, displayText: l, isPlaceholder: u, size: d = "md", className: m, buttonRef: h, onClick: g, onKeyDown: _, onBlur: v, onFocus: y }) => /* @__PURE__ */ p("button", {
 	id: e,
-	ref: d,
+	ref: h,
 	type: "button",
 	role: "combobox",
 	disabled: r,
@@ -566,15 +588,18 @@ var J = {
 	"aria-expanded": n,
 	"aria-haspopup": "listbox",
 	"aria-label": s,
+	"aria-invalid": c || void 0,
 	"aria-controls": n ? a : void 0,
 	"aria-describedby": t,
 	"aria-activedescendant": n && o >= 0 ? `${a}-option-${o}` : void 0,
-	className: M(J.control, {
+	className: M(J.control, J[d], {
 		[J.error]: !!c,
 		[J.disabled]: r
-	}),
-	onClick: m,
-	onKeyDown: h,
+	}, m),
+	onClick: g,
+	onKeyDown: _,
+	onBlur: v,
+	onFocus: y,
 	children: [/* @__PURE__ */ f("span", {
 		className: M(J.value, { [J.placeholder]: u }),
 		children: l
@@ -587,97 +612,110 @@ var J = {
 Me.displayName = "SelectTrigger";
 //#endregion
 //#region src/components/Select/Select.tsx
-var Ne = ({ label: e, description: t, id: r, name: i, value: l, defaultValue: u, onChange: d, options: m, placeholder: h = "Select...", required: g = !1, disabled: _ = !1, error: v, className: y }) => {
-	let b = a(), x = r ?? b, S = `${x}-listbox`, C = v ? `${x}-error` : void 0, w = s(null), D = s(null), [O, k] = T({
-		value: l,
-		defaultValue: u ?? "",
-		onChange: d
-	}), [A, j] = c(!1), [M, N] = c(-1), P = o(() => m.find((e) => e.value === O), [m, O]), F = !!P, { floatingStyles: I, setRef: z, setFloatingRef: B } = L({
-		open: A,
-		matchTriggerWidth: !0,
+var Ne = ({ label: e, description: t, id: r, name: i, "aria-label": l, value: u, defaultValue: d, onChange: m, options: h, placeholder: g = "Select...", noOptionsText: _ = "No options available", size: v = "md", required: y = !1, disabled: b = !1, error: x, placement: S = "bottom-start", matchTriggerWidth: C = !0, open: w, defaultOpen: D = !1, onOpenChange: O, onBlur: k, onFocus: A, className: j, triggerClassName: M, dropdownClassName: N }) => {
+	let P = a(), F = r ?? P, I = `${F}-listbox`, R = !!x, te = R ? `${F}-error` : void 0, z = s(null), ne = s(null), [B, V] = T({
+		value: u,
+		defaultValue: d ?? "",
+		onChange: m
+	}), [H, re] = T({
+		value: w,
+		defaultValue: D,
+		onChange: O
+	}), [U, W] = c(-1), ie = o(() => h.find((e) => e.value === B), [h, B]), ae = !!ie, { floatingStyles: oe, setRef: se, setFloatingRef: ce } = ee({
+		open: H,
+		onOpenChange: re,
+		placement: S,
+		matchTriggerWidth: C,
 		mobileSheetBreakpoint: 640
-	}), V = n(() => {
-		let e = m.findIndex((e) => e.value === O && !e.disabled);
-		return e >= 0 ? e : m.findIndex((e) => !e.disabled);
-	}, [m, O]), H = n(() => {
-		_ || (N(V()), j(!0));
-	}, [_, V]), U = n(() => {
-		j(!1);
-	}, []), W = n(() => {
-		if (!_) {
-			if (A) {
-				U();
+	}), le = n(() => {
+		let e = h.findIndex((e) => e.value === B && !e.disabled);
+		return e >= 0 ? e : h.findIndex((e) => !e.disabled);
+	}, [h, B]), ue = n(() => {
+		b || (W(le()), re(!0));
+	}, [b, le]), G = n(() => {
+		re(!1);
+	}, []), de = n(() => {
+		if (!b) {
+			if (H) {
+				G();
 				return;
 			}
-			H();
+			ue();
 		}
 	}, [
-		U,
-		_,
-		A,
-		H
-	]), G = n((e) => {
-		k(e), U(), w.current?.focus();
-	}, [U, k]), { onKeyDown: ee } = E({
-		activeIndex: M,
-		setActiveIndex: N,
-		items: m,
-		isOpen: A,
-		onOpen: H,
-		onClose: U,
+		G,
+		b,
+		H,
+		ue
+	]), fe = n((e) => {
+		V(e), G(), z.current?.focus();
+	}, [G, V]), { onKeyDown: pe } = E({
+		activeIndex: U,
+		setActiveIndex: W,
+		items: h,
+		isOpen: H,
+		onOpen: ue,
+		onClose: G,
 		onSelect: () => {
-			let e = m[M];
-			!e || e.disabled || G(e.value);
-		}
+			let e = h[U];
+			!e || e.disabled || fe(e.value);
+		},
+		getItemText: (e) => e.label
 	});
-	R([w, D], U, A);
-	let te = n((e) => {
-		w.current = e, z(e);
-	}, [z]), ne = n((e) => {
-		D.current = e, B(e);
-	}, [B]);
+	L([z, ne], G, H);
+	let me = n((e) => {
+		z.current = e, se(e);
+	}, [se]), he = n((e) => {
+		ne.current = e, ce(e);
+	}, [ce]);
 	return /* @__PURE__ */ p(De, {
-		id: x,
+		id: F,
 		label: e,
 		description: t,
-		error: v,
-		required: g,
-		disabled: _,
-		className: y,
+		error: x,
+		required: y,
+		disabled: b,
+		className: j,
 		children: [
 			/* @__PURE__ */ f(Me, {
-				id: x,
-				errorId: C,
-				isOpen: A,
-				disabled: _,
-				required: g,
-				listboxId: S,
-				activeIndex: M,
-				ariaLabel: e ? void 0 : P?.label || h,
-				error: v,
-				displayText: P?.label ?? h,
-				isPlaceholder: !F,
-				buttonRef: te,
-				onClick: W,
-				onKeyDown: ee
+				id: F,
+				errorId: te,
+				isOpen: H,
+				disabled: b,
+				required: y,
+				listboxId: I,
+				activeIndex: U,
+				ariaLabel: l ?? (e ? void 0 : ie?.label || g),
+				error: R,
+				displayText: ie?.label ?? g,
+				isPlaceholder: !ae,
+				size: v,
+				className: M,
+				buttonRef: me,
+				onClick: de,
+				onKeyDown: pe,
+				onBlur: k,
+				onFocus: A
 			}),
 			i && /* @__PURE__ */ f("input", {
 				type: "hidden",
 				name: i,
-				value: O,
-				disabled: _
+				value: B,
+				disabled: b
 			}),
 			/* @__PURE__ */ f(je, {
-				isOpen: A,
-				listboxId: S,
-				labelledById: x,
-				style: I,
-				options: m,
-				selectedValue: O,
-				activeIndex: M,
-				setDropdownRef: ne,
-				onSelect: G,
-				onMouseEnter: N
+				isOpen: H,
+				listboxId: I,
+				labelledById: F,
+				style: oe,
+				options: h,
+				noOptionsText: _,
+				selectedValue: B,
+				activeIndex: U,
+				className: N,
+				setDropdownRef: he,
+				onSelect: fe,
+				onMouseEnter: W
 			})
 		]
 	});
@@ -845,7 +883,7 @@ var Ke = ({ children: e, placement: t = "top", content: n, disabled: r = !1, del
 	open: 300,
 	close: 100
 }, maxWidth: o = 250, className: l, onOpenChange: u }) => {
-	let [g, _] = c(!1), v = s(null), y = a(), { context: b, floatingStyles: x, middlewareData: T, setRef: E, setFloatingRef: D, placement: O } = L({
+	let [g, _] = c(!1), v = s(null), y = a(), { context: b, floatingStyles: x, middlewareData: T, setRef: E, setFloatingRef: D, placement: O } = ee({
 		open: g,
 		onOpenChange: (e) => {
 			r || (_(e), u?.(e));
@@ -995,7 +1033,7 @@ var Z = {
 	i(() => {
 		D.current && (D.current.indeterminate = m);
 	}, [m]);
-	let L = (e) => {
+	let ee = (e) => {
 		F(e.target.checked);
 	};
 	return qe(!!(t || y || b), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ p("div", {
@@ -1013,7 +1051,7 @@ var Z = {
 						checked: P,
 						disabled: u,
 						required: d,
-						onChange: L,
+						onChange: ee,
 						className: Z.input,
 						"aria-label": y,
 						"aria-labelledby": b,
@@ -1054,24 +1092,24 @@ var Z = {
 });
 Qe.displayName = "Checkbox";
 var Q = {
-	inputWrapper: "_inputWrapper_y9bue_1",
-	input: "_input_y9bue_1",
-	error: "_error_y9bue_41",
-	sm: "_sm_y9bue_48",
-	md: "_md_y9bue_52",
-	lg: "_lg_y9bue_56",
-	hasLeftAdornment: "_hasLeftAdornment_y9bue_84",
-	hasRightAdornment: "_hasRightAdornment_y9bue_88",
-	leftAdornment: "_leftAdornment_y9bue_92",
-	rightAdornment: "_rightAdornment_y9bue_93",
-	clearButton: "_clearButton_y9bue_114",
-	toneDefault: "_toneDefault_y9bue_153",
-	tonePrimary: "_tonePrimary_y9bue_157",
-	toneSecondary: "_toneSecondary_y9bue_161",
-	toneSuccess: "_toneSuccess_y9bue_165",
-	toneDanger: "_toneDanger_y9bue_169",
-	toneMuted: "_toneMuted_y9bue_173",
-	toneInverse: "_toneInverse_y9bue_177"
+	inputWrapper: "_inputWrapper_1553r_1",
+	input: "_input_1553r_1",
+	error: "_error_1553r_47",
+	sm: "_sm_1553r_54",
+	md: "_md_1553r_58",
+	lg: "_lg_1553r_62",
+	hasLeftAdornment: "_hasLeftAdornment_1553r_90",
+	hasRightAdornment: "_hasRightAdornment_1553r_94",
+	leftAdornment: "_leftAdornment_1553r_98",
+	rightAdornment: "_rightAdornment_1553r_99",
+	clearButton: "_clearButton_1553r_120",
+	toneDefault: "_toneDefault_1553r_159",
+	tonePrimary: "_tonePrimary_1553r_163",
+	toneSecondary: "_toneSecondary_1553r_167",
+	toneSuccess: "_toneSuccess_1553r_171",
+	toneDanger: "_toneDanger_1553r_175",
+	toneMuted: "_toneMuted_1553r_179",
+	toneInverse: "_toneInverse_1553r_183"
 }, $e = {
 	default: Q.toneDefault,
 	primary: Q.tonePrimary,
@@ -1090,25 +1128,25 @@ var Q = {
 		case "search": return "off";
 		default: return;
 	}
-}, tt = t(({ id: e, label: t, name: r, description: i, placeholder: o, value: l, defaultValue: u, onChange: d, type: m = "text", size: h = "md", error: g, disabled: _ = !1, required: v = !1, className: y, autoComplete: b, readOnly: x = !1, clearable: S = !1, onClear: C, leftAdornment: w, rightAdornment: T, clearIcon: E, leftAdornmentTone: D = "default", rightAdornmentTone: O = "default", clearIconTone: k = "danger", autoFocus: A, maxLength: j, onMouseEnter: N, onMouseLeave: P, "aria-describedby": F, "aria-invalid": I, ...L }, R) => {
-	let z = a(), B = e ?? z, V = s(null), [H, U] = c(u ?? ""), W = l !== void 0, G = W ? l : H, ee = G !== "", te = et(m, b), ne = S && ee && !_ && !x, re = [
+}, tt = t(({ id: e, label: t, name: r, description: i, placeholder: o, value: l, defaultValue: u, onChange: d, type: m = "text", size: h = "md", error: g, disabled: _ = !1, required: v = !1, className: y, autoComplete: b, readOnly: x = !1, clearable: S = !1, onClear: C, leftAdornment: w, rightAdornment: T, clearIcon: E, leftAdornmentTone: D = "default", rightAdornmentTone: O = "default", clearIconTone: k = "danger", autoFocus: A, maxLength: j, onMouseEnter: N, onMouseLeave: P, "aria-describedby": F, "aria-invalid": I, ...ee }, L) => {
+	let R = a(), te = e ?? R, z = s(null), [ne, B] = c(u ?? ""), V = l !== void 0, H = V ? l : ne, re = H !== "", U = et(m, b), W = S && re && !_ && !x, ie = [
 		F,
-		i ? `${B}-description` : void 0,
-		g ? `${B}-error` : void 0
-	].filter(Boolean).join(" "), ie = E ?? "×", ae = n((e) => {
-		if (V.current = e, typeof R == "function") {
-			R(e);
+		i ? `${te}-description` : void 0,
+		g ? `${te}-error` : void 0
+	].filter(Boolean).join(" "), ae = E ?? "×", oe = n((e) => {
+		if (z.current = e, typeof L == "function") {
+			L(e);
 			return;
 		}
-		R && (R.current = e);
-	}, [R]), oe = n((e) => {
+		L && (L.current = e);
+	}, [L]), se = n((e) => {
 		let t = e.target.value;
-		W || U(t), d?.(e);
-	}, [W, d]), se = n(() => {
-		W || U(""), C?.(), V.current?.focus();
-	}, [W, C]), ce = !ne && !!T;
+		V || B(t), d?.(e);
+	}, [V, d]), ce = n(() => {
+		V || B(""), C?.(), z.current?.focus();
+	}, [V, C]), le = !W && !!T;
 	return /* @__PURE__ */ f(De, {
-		id: B,
+		id: te,
 		label: t,
 		description: i,
 		error: g,
@@ -1117,7 +1155,7 @@ var Q = {
 		children: /* @__PURE__ */ p("div", {
 			className: M(Q.inputWrapper, {
 				[Q.hasLeftAdornment]: !!w,
-				[Q.hasRightAdornment]: !!T || ne
+				[Q.hasRightAdornment]: !!T || W
 			}),
 			children: [
 				w && /* @__PURE__ */ f("span", {
@@ -1126,15 +1164,15 @@ var Q = {
 					children: w
 				}),
 				/* @__PURE__ */ f("input", {
-					...L,
-					ref: ae,
-					id: B,
+					...ee,
+					ref: oe,
+					id: te,
 					name: r,
 					type: m,
-					autoComplete: te,
+					autoComplete: U,
 					className: M(Q.input, Q[h], { [Q.error]: !!g }, y),
-					value: G,
-					onChange: oe,
+					value: H,
+					onChange: se,
 					placeholder: o,
 					disabled: _,
 					readOnly: x,
@@ -1142,18 +1180,18 @@ var Q = {
 					autoFocus: A,
 					maxLength: j,
 					"aria-invalid": g ? !0 : I,
-					"aria-describedby": re || void 0,
+					"aria-describedby": ie || void 0,
 					onMouseEnter: N,
 					onMouseLeave: P
 				}),
-				ne && /* @__PURE__ */ f("button", {
+				W && /* @__PURE__ */ f("button", {
 					type: "button",
 					className: M(Q.clearButton, $e[k]),
-					onClick: se,
+					onClick: ce,
 					"aria-label": "Clear input",
-					children: ie
+					children: ae
 				}),
-				ce && /* @__PURE__ */ f("div", {
+				le && /* @__PURE__ */ f("div", {
 					className: M(Q.rightAdornment, $e[O]),
 					children: T
 				})
@@ -1187,7 +1225,7 @@ var $ = {
 		value: t,
 		defaultValue: n,
 		onChange: c
-	}), A = D ? b.value === e : O, j = !!b?.disabled || r, N = !!b?.required || i, P = b?.name ?? g, F = !!(s || b?.invalid), I = o ?? b?.size ?? "md", L = (t) => {
+	}), A = D ? b.value === e : O, j = !!b?.disabled || r, N = !!b?.required || i, P = b?.name ?? g, F = !!(s || b?.invalid), I = o ?? b?.size ?? "md", ee = (t) => {
 		if (!j) {
 			if (D) {
 				b.onValueChange(e);
@@ -1215,7 +1253,7 @@ var $ = {
 					"aria-invalid": F || void 0,
 					"aria-describedby": E,
 					className: $.input,
-					onChange: L
+					onChange: ee
 				}),
 				/* @__PURE__ */ f("span", {
 					className: $.control,
@@ -1282,4 +1320,4 @@ function ot() {
 	return e;
 }
 //#endregion
-export { Je as Button, Qe as Checkbox, ae as Dropdown, De as FormField, tt as Input, Se as Modal, nt as Radio, Ee as RadioGroup, Ne as Select, Ue as Tabs, at as ThemeProvider, Ke as Tooltip, ot as useTheme };
+export { Je as Button, Qe as Checkbox, oe as Dropdown, De as FormField, tt as Input, Se as Modal, nt as Radio, Ee as RadioGroup, Ne as Select, Ue as Tabs, at as ThemeProvider, Ke as Tooltip, ot as useTheme };