@vellira-ui/react 2.41.0 → 2.43.0

package/dist/index.js

@@ -748,30 +748,30 @@ function Pe() {
 	return e;
 }
 var K = {
-	item: "_item_1vj4n_1",
-	disabled: "_disabled_1vj4n_22",
-	active: "_active_1vj4n_37",
-	itemShortcut: "_itemShortcut_1vj4n_44",
-	itemDescription: "_itemDescription_1vj4n_45",
-	primary: "_primary_1vj4n_53",
-	success: "_success_1vj4n_71",
-	warning: "_warning_1vj4n_89",
-	danger: "_danger_1vj4n_107",
-	itemIcon: "_itemIcon_1vj4n_131",
-	sm: "_sm_1vj4n_151",
-	md: "_md_1vj4n_157",
-	lg: "_lg_1vj4n_161",
-	itemText: "_itemText_1vj4n_168",
-	itemLabel: "_itemLabel_1vj4n_177",
-	itemBadge: "_itemBadge_1vj4n_203",
-	indicator: "_indicator_1vj4n_230",
-	"dropdown-indicator-in": "_dropdown-indicator-in_1vj4n_1",
-	checked: "_checked_1vj4n_246",
-	"dropdown-item-pop": "_dropdown-item-pop_1vj4n_1",
-	subContent: "_subContent_1vj4n_251",
-	"dropdown-sub-in": "_dropdown-sub-in_1vj4n_1",
-	subLabel: "_subLabel_1vj4n_276",
-	subSeparator: "_subSeparator_1vj4n_284"
+	item: "_item_xmygj_1",
+	disabled: "_disabled_xmygj_35",
+	active: "_active_xmygj_53",
+	itemShortcut: "_itemShortcut_xmygj_67",
+	itemDescription: "_itemDescription_xmygj_68",
+	primary: "_primary_xmygj_76",
+	success: "_success_xmygj_94",
+	warning: "_warning_xmygj_112",
+	danger: "_danger_xmygj_130",
+	itemIcon: "_itemIcon_xmygj_154",
+	sm: "_sm_xmygj_174",
+	md: "_md_xmygj_180",
+	lg: "_lg_xmygj_184",
+	itemText: "_itemText_xmygj_191",
+	itemLabel: "_itemLabel_xmygj_200",
+	itemBadge: "_itemBadge_xmygj_226",
+	indicator: "_indicator_xmygj_253",
+	"dropdown-indicator-in": "_dropdown-indicator-in_xmygj_1",
+	checked: "_checked_xmygj_270",
+	"dropdown-item-pop": "_dropdown-item-pop_xmygj_1",
+	subContent: "_subContent_xmygj_275",
+	"dropdown-sub-in": "_dropdown-sub-in_xmygj_1",
+	subLabel: "_subLabel_xmygj_300",
+	subSeparator: "_subSeparator_xmygj_308"
 }, Fe = L("item", "Dropdown.Item"), Ie = ({ item: e, itemIndex: i }) => {
 	let a = G(), o = g(void 0), [s, c] = _(e.type === "checkbox" ? e.props.defaultChecked ?? !1 : !1), l = a.activeIndex === i, u = a.openSubId === e.id, d = e.type === "checkbox", f = e.type === "radio", p = e.type === "subTrigger", m = d ? e.props.checked ?? s : f ? (e.groupProps?.value ?? a.radioValues[e.groupId]) === e.props.value : !1, h = a.loading || e.disabled, v = e.props, b = z(v.children), S = b.icon ?? v.icon, C = b.description ?? ("description" in v ? v.description : void 0), w = b.badge ?? ("badge" in v ? v.badge : void 0), T = b.shortcut ?? v.shortcut, E = b.content.length ? b.content : v.children, D = "color" in v ? v.color : void 0, O = e.type === "item" ? e.props.href : void 0, k = e.type === "item" ? e.props.target : void 0, A = e.type === "item" ? e.props.download : void 0, j = a.getItemId(i), M = d ? "menuitemcheckbox" : f ? "menuitemradio" : "menuitem", N = e.type === "item" && k === "_blank" && !e.props.rel ? "noreferrer noopener" : e.type === "item" ? e.props.rel : void 0, F = O ? "a" : "li", I = d || f, L = (t) => {
 		if (h) {
@@ -811,11 +811,6 @@ var K = {
 			window.clearTimeout(o.current);
 		},
 		children: [
-			I && /* @__PURE__ */ n("span", {
-				className: K.indicator,
-				"aria-hidden": "true",
-				children: m ? /* @__PURE__ */ n(y, {}) : null
-			}),
 			S && /* @__PURE__ */ n("span", {
 				className: K.itemIcon,
 				children: S
@@ -838,6 +833,11 @@ var K = {
 				className: K.itemShortcut,
 				children: T
 			}),
+			I && /* @__PURE__ */ n("span", {
+				className: K.indicator,
+				"aria-hidden": "true",
+				children: m ? /* @__PURE__ */ n(y, {}) : null
+			}),
 			p && /* @__PURE__ */ n("span", {
 				className: K.itemShortcut,
 				"aria-hidden": "true",
@@ -957,12 +957,18 @@ Ge.displayName = "DropdownSeparatorSurface";
 //#endregion
 //#region src/components/Dropdown/Content/DropdownContent.tsx
 var Ke = ({ className: e }) => {
-	let t = G();
-	if (!t.isOpen) return null;
-	let i = P(we.dropdown, we[t.color], t.contentProps?.className, t.dropdownClassName, e), o = /* @__PURE__ */ r("ul", {
-		ref: t.setContentRef,
+	let t = G(), { contentReadyToFocus: i, isOpen: o, setContentRef: s } = t, c = g(null), l = u((e) => {
+		c.current = e, s(e);
+	}, [s]);
+	if (f(() => {
+		let e = c.current;
+		!o || !i || !e || e.contains(document.activeElement) || e.focus({ preventScroll: !0 });
+	}, [i, o]), !o) return null;
+	let d = P(we.dropdown, we[t.color], t.contentProps?.className, e), p = /* @__PURE__ */ r("ul", {
+		ref: l,
 		id: t.contentId,
 		role: "menu",
+		autoFocus: !0,
 		tabIndex: -1,
 		"aria-labelledby": t.triggerId,
 		"aria-activedescendant": t.activeIndex >= 0 && t.activeIndex < t.items.length ? t.getItemId(t.activeIndex) : void 0,
@@ -971,7 +977,7 @@ var Ke = ({ className: e }) => {
 			...t.surfaceStyle,
 			...t.contentProps?.style
 		},
-		className: i,
+		className: d,
 		"data-color": t.color,
 		children: [t.searchable && /* @__PURE__ */ r("li", {
 			role: "presentation",
@@ -992,7 +998,7 @@ var Ke = ({ className: e }) => {
 			itemIndex: e.itemIndex
 		}) }, e.item.id)) : /* @__PURE__ */ n(Ee, {})]
 	});
-	return t.portal ? /* @__PURE__ */ n(Ce, { children: o }) : o;
+	return t.portal ? /* @__PURE__ */ n(Ce, { children: p }) : p;
 };
 Ke.__velliraDropdownPart = "content", Ke.displayName = "Dropdown.Content";
 //#endregion
@@ -1006,8 +1012,8 @@ var qe = L("itemBadge", "Dropdown.ItemBadge"), Je = L("itemDescription", "Dropdo
 			t.removeEventListener("change", r);
 		};
 	}, [e]), t;
-}, et = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", offset: i = 2, matchTriggerWidth: a = !1, avoidCollisions: o = !0, mobileSheetBreakpoint: s, middleware: c = [] } = {}) => {
-	let l = $e(s), { refs: u, floatingStyles: d, update: p, context: m, middlewareData: g, placement: _ } = A({
+}, et = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", offset: i = 2, collisionPadding: a = 8, matchTriggerWidth: o = !1, avoidCollisions: s = !0, mobileSheetBreakpoint: c, middleware: l = [] } = {}) => {
+	let u = $e(c), { refs: d, floatingStyles: p, isPositioned: m, update: g, context: _, middlewareData: v, placement: y } = A({
 		open: e,
 		onOpenChange: t,
 		placement: n,
@@ -1015,32 +1021,37 @@ var qe = L("itemBadge", "Dropdown.ItemBadge"), Je = L("itemDescription", "Dropdo
 		transform: !1,
 		middleware: h(() => [
 			D(i),
-			...o ? [E()] : [],
+			...s ? [E({ padding: a })] : [],
 			k({ apply({ rects: e, elements: t }) {
-				!a || l || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
+				!o || u || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
 			} }),
-			...o ? [O({ padding: 8 })] : [],
-			...c
+			...s ? [O({ padding: a })] : [],
+			...l
 		], [
-			o,
-			c,
-			l,
+			s,
 			a,
+			l,
+			u,
+			o,
 			i
 		]),
 		whileElementsMounted: T
 	});
 	return f(() => {
-		l && u.floating.current?.style.removeProperty("width");
-	}, [l, u.floating]), {
-		context: m,
-		placement: _,
-		middlewareData: g,
-		floatingStyles: l ? {} : d,
-		isMobileSheet: l,
-		setRef: u.setReference,
-		setFloatingRef: u.setFloating,
-		updatePosition: p
+		u && d.floating.current?.style.removeProperty("width");
+	}, [u, d.floating]), {
+		context: _,
+		placement: y,
+		middlewareData: v,
+		isPositioned: m,
+		floatingStyles: u ? {} : {
+			...p,
+			visibility: e && !m ? "hidden" : p.visibility
+		},
+		isMobileSheet: u,
+		setRef: d.setReference,
+		setFloatingRef: d.setFloating,
+		updatePosition: g
 	};
 };
 //#endregion
@@ -1066,8 +1077,8 @@ function nt(...e) {
 function rt(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultOpen: i = !1, onOpenChange: a, size: o = "md", color: s = "primary", placement: c = "bottom-start", offset: l = 2, matchTriggerWidth: d = !1, minWidth: m, maxWidth: v, portal: y = !0, avoidCollisions: b = !0, modal: x = !1, closeOnSelect: S = !0, loop: C = !0, disabled: w = !1, loading: T = !1, loadingText: E = "Loading actions...", searchable: D = !1, command: O = !1, searchValue: k, defaultSearchValue: A = "", searchPlaceholder: j, onSearch: M, empty: N, noOptionsText: F, triggerClassName: I, dropdownClassName: L, className: z }) => {
-	let ee = p(), B = `${ee}-trigger`, te = `${ee}-menu`, ne = g(null), re = g(null), [ie, ae] = _(), [oe, V] = _({}), [se, le] = _(A), ue = k ?? se, H = h(() => R(e), [e]), fe = H.content?.props.command ?? !1, pe = D || O || fe || !!H.search, he = h(() => st(H.items), [H.items]), ge = h(() => H.items.map((e) => ({
+var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultOpen: i = !1, onOpenChange: a, size: o = "md", color: s = "primary", placement: c = "bottom-start", strategy: l, offset: d = 2, collisionPadding: m = 8, matchTriggerWidth: v = !1, minWidth: y, maxWidth: b, portal: x = !0, avoidCollisions: S = !0, modal: C = !1, closeOnSelect: w = !0, loop: T = !0, disabled: E = !1, loading: D = !1, loadingText: O = "Loading actions...", searchable: k = !1, command: A = !1, searchValue: j, defaultSearchValue: M = "", searchPlaceholder: N, onSearch: F, empty: I, noOptionsText: L, className: z }) => {
+	let ee = p(), B = `${ee}-trigger`, te = `${ee}-menu`, ne = g(null), re = g(null), [ie, ae] = _(), [oe, V] = _({}), [se, le] = _(M), ue = j ?? se, H = h(() => R(e), [e]), fe = H.content?.props.command ?? !1, pe = k || A || fe || !!H.search, he = h(() => st(H.items), [H.items]), ge = h(() => H.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
 	})), [H.items]), U = h(() => !pe || !ue.trim() ? H : ct(H, ue), [
@@ -1090,36 +1101,38 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 		items: pe ? _e : ge,
 		open: t,
 		defaultOpen: i,
-		disabled: w,
+		disabled: E,
 		onOpenChange: a,
 		getItemValue: (e, t) => (pe ? U.items : H.items)[t]?.id ?? "",
 		getItemText: (e) => e.label,
-		loop: C
-	}), { floatingStyles: we, setRef: Te, setFloatingRef: Ee } = et({
+		loop: T
+	}), { floatingStyles: we, isMobileSheet: Te, isPositioned: Ee, setRef: De, setFloatingRef: Oe } = et({
 		open: W,
 		placement: c,
-		matchTriggerWidth: d,
-		avoidCollisions: b,
-		offset: l,
+		strategy: l ?? (x ? "fixed" : "absolute"),
+		matchTriggerWidth: v,
+		avoidCollisions: S,
+		offset: d,
+		collisionPadding: m,
 		mobileSheetBreakpoint: 640
-	}), De = u((e) => {
-		k === void 0 && le(e), M?.(e), be(0);
+	}), ke = u((e) => {
+		j === void 0 && le(e), F?.(e), be(0);
 	}, [
-		M,
-		k,
+		F,
+		j,
 		be
-	]), { isTopOverlay: Oe } = de({
+	]), { isTopOverlay: Ae } = de({
 		active: W,
 		id: te
 	});
 	me({
 		active: W,
-		enabled: x
+		enabled: C
 	});
-	let ke = u(() => {
+	let je = u(() => {
 		xe(), ne.current?.focus();
-	}, [xe]), Ae = u((e, t) => {
-		if (e.disabled || T) return;
+	}, [xe]), G = u((e, t) => {
+		if (e.disabled || D) return;
 		if (e.type === "subTrigger") {
 			ae(e.id);
 			return;
@@ -1128,13 +1141,13 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 			...t,
 			[e.groupId]: e.props.value
 		})), e.groupProps?.onValueChange?.(e.props.value));
-		let n = e.props.closeOnSelect ?? (e.type !== "checkbox" && S);
-		!t.defaultPrevented && n && ke();
+		let n = e.props.closeOnSelect ?? (e.type !== "checkbox" && w);
+		!t.defaultPrevented && n && je();
 	}, [
-		ke,
-		S,
-		T
-	]), je = u((e) => {
+		je,
+		w,
+		D
+	]), Pe = u((e) => {
 		let t = U.items[ye];
 		if (e.key === "ArrowRight" && t?.type === "subTrigger") {
 			e.preventDefault(), ae(t.id);
@@ -1147,7 +1160,7 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 		if ((e.key === "Enter" || e.key === " ") && t) {
 			e.preventDefault();
 			let n = ot(e);
-			Ae(t, n);
+			G(t, n);
 			return;
 		}
 		Ce(e), e.key === "Escape" && ne.current?.focus();
@@ -1156,68 +1169,67 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 		U.items,
 		Ce,
 		ie,
-		Ae
-	]), G = u((e) => {
+		G
+	]), K = u((e) => {
 		e.preventDefault(), Se();
-	}, [Se]), Pe = u((e) => {
-		ne.current = e, Te(e);
-	}, [Te]), K = u((e) => {
-		re.current = e, Ee(e), e?.focus();
-	}, [Ee]);
+	}, [Se]), Fe = u((e) => {
+		ne.current = e, De(e);
+	}, [De]), Ie = u((e) => {
+		re.current = e, Oe(e), Te && e?.focus({ preventScroll: !0 });
+	}, [Te, Oe]);
 	ce({
 		active: W,
 		closeOnEscape: !0,
 		closeOnOutsidePress: !0,
 		contentRef: re,
 		ignoreRefs: [ne],
-		isTopOverlay: Oe,
+		isTopOverlay: Ae,
 		requestClose: xe
 	});
-	let Fe = {
+	let Le = {
 		...we,
-		minWidth: rt(m),
-		maxWidth: rt(v)
+		minWidth: rt(y),
+		maxWidth: rt(b)
 	};
 	return /* @__PURE__ */ n(Ne, {
 		value: {
-			disabled: w,
+			disabled: E,
 			isOpen: W,
 			contentId: te,
 			triggerId: B,
-			triggerClassName: I,
-			setTriggerRef: Pe,
-			onClick: G,
-			onKeyDown: je
+			setTriggerRef: Fe,
+			onClick: K,
+			onKeyDown: Pe
 		},
 		children: /* @__PURE__ */ n(Me, {
 			value: {
 				activeIndex: ye,
-				closeOnSelect: S,
+				closeOnSelect: w,
 				color: s,
+				contentReadyToFocus: Te || Ee,
 				contentId: te,
 				contentProps: H.content?.props,
-				disabled: w,
-				dropdownClassName: L,
+				disabled: E,
 				entries: U.entries,
 				getItemId: (e) => `${te}-item-${e}`,
 				isOpen: W,
 				items: U.items,
-				loading: T,
-				loadingText: E,
-				noOptionsText: N ?? F,
-				maxWidth: v,
-				minWidth: m,
+				loading: D,
+				loadingText: O,
+				noOptionsText: I ?? L,
+				maxWidth: b,
+				minWidth: y,
 				openSubId: ie,
-				onKeyDown: je,
-				portal: !H.portal && y,
+				onKeyDown: Pe,
+				portal: !H.portal && x,
 				radioValues: oe,
-				searchPlaceholder: H.search?.props.placeholder ?? j ?? (O || fe ? "Type a command..." : "Search actions..."),
+				searchPlaceholder: H.search?.props.placeholder ?? N ?? (A || fe ? "Type a command..." : "Search actions..."),
 				searchProps: H.search?.props,
 				searchValue: ue,
 				searchable: pe,
-				selectItem: Ae,
+				selectItem: G,
 				setActiveIndex: be,
-				setContentRef: K,
+				setContentRef: Ie,
 				setOpenSubId: ae,
 				setRadioValue: (e, t) => {
 					V((n) => ({
@@ -1225,15 +1237,15 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 						[e]: t
 					}));
 				},
-				setSearchValue: De,
+				setSearchValue: ke,
 				size: o,
-				surfaceStyle: Fe,
+				surfaceStyle: Le,
 				triggerId: B
 			},
 			children: /* @__PURE__ */ r("div", {
 				className: P(it.wrapper, z),
-				"data-disabled": w || void 0,
-				children: [H.trigger ?? null, H.portal ?? H.content ?? /* @__PURE__ */ n(Ke, { className: L })]
+				"data-disabled": E || void 0,
+				children: [H.trigger ?? null, H.portal ?? H.content ?? /* @__PURE__ */ n(Ke, {})]
 			})
 		})
 	});
@@ -1293,7 +1305,7 @@ var ht = ({ children: e, asChild: t = !1, disabled: i, className: a }) => {
 		"aria-disabled": d || void 0,
 		"aria-expanded": c.isOpen,
 		"aria-haspopup": "menu",
-		className: P(!u && pt.button, !u && pt[s.size], !u && pt[s.color], c.triggerClassName, a),
+		className: P(!u && pt.button, !u && pt[s.size], !u && pt[s.color], a),
 		"data-state": c.isOpen ? "open" : "closed",
 		disabled: d || void 0,
 		onClick: tt(u?.props.onClick, c.onClick),
@@ -1336,10 +1348,6 @@ var gt = Object.assign(at, {
 	ItemDescription: Je,
 	ItemBadge: qe,
 	ItemShortcut: Xe,
-	Icon: Ye,
-	Description: Je,
-	Badge: qe,
-	Shortcut: Xe,
 	Arrow: I,
 	Empty: Te,
 	Loading: q
@@ -1670,28 +1678,28 @@ function Wt() {
 	return d(Ht);
 }
 var J = {
-	root: "_root_1avxs_1",
-	invalid: "_invalid_1avxs_27",
-	control: "_control_1avxs_27",
-	label: "_label_1avxs_30",
-	wrapper: "_wrapper_1avxs_33",
-	input: "_input_1avxs_34",
-	disabled: "_disabled_1avxs_37",
-	description: "_description_1avxs_45",
-	colorPrimary: "_colorPrimary_1avxs_49",
-	colorNeutral: "_colorNeutral_1avxs_65",
-	colorSuccess: "_colorSuccess_1avxs_81",
-	colorWarning: "_colorWarning_1avxs_97",
-	colorDanger: "_colorDanger_1avxs_113",
-	sm: "_sm_1avxs_129",
-	md: "_md_1avxs_138",
-	lg: "_lg_1avxs_147",
-	indicator: "_indicator_1avxs_202",
-	customIcon: "_customIcon_1avxs_216",
-	"radio-pop": "_radio-pop_1avxs_1",
-	"radio-indicator-in": "_radio-indicator-in_1avxs_1",
-	content: "_content_1avxs_339",
-	error: "_error_1avxs_356"
+	root: "_root_owqkg_1",
+	invalid: "_invalid_owqkg_34",
+	control: "_control_owqkg_34",
+	label: "_label_owqkg_37",
+	wrapper: "_wrapper_owqkg_40",
+	input: "_input_owqkg_41",
+	disabled: "_disabled_owqkg_44",
+	description: "_description_owqkg_52",
+	colorPrimary: "_colorPrimary_owqkg_56",
+	colorNeutral: "_colorNeutral_owqkg_72",
+	colorSuccess: "_colorSuccess_owqkg_88",
+	colorWarning: "_colorWarning_owqkg_104",
+	colorDanger: "_colorDanger_owqkg_120",
+	sm: "_sm_owqkg_136",
+	md: "_md_owqkg_145",
+	lg: "_lg_owqkg_154",
+	indicator: "_indicator_owqkg_209",
+	customIcon: "_customIcon_owqkg_223",
+	"radio-pop": "_radio-pop_owqkg_1",
+	"radio-indicator-in": "_radio-indicator-in_owqkg_1",
+	content: "_content_owqkg_346",
+	error: "_error_owqkg_363"
 }, Gt = {
 	primary: J.colorPrimary,
 	neutral: J.colorNeutral,
@@ -3214,20 +3222,20 @@ var $n = (e) => [...e].sort((e, t) => {
 };
 rr.displayName = "Tabs";
 var ir = {
-	trigger: "_trigger_usnq2_1",
-	iconOnly: "_iconOnly_usnq2_30",
-	icon: "_icon_usnq2_30",
-	body: "_body_usnq2_48",
-	label: "_label_usnq2_56",
-	description: "_description_usnq2_63",
-	badge: "_badge_usnq2_69",
-	sm: "_sm_usnq2_84",
-	md: "_md_usnq2_97",
-	lg: "_lg_usnq2_101",
-	segmented: "_segmented_usnq2_118",
-	line: "_line_usnq2_144",
-	pills: "_pills_usnq2_156",
-	vertical: "_vertical_usnq2_179"
+	trigger: "_trigger_11yl9_1",
+	iconOnly: "_iconOnly_11yl9_30",
+	icon: "_icon_11yl9_30",
+	body: "_body_11yl9_50",
+	label: "_label_11yl9_58",
+	description: "_description_11yl9_65",
+	badge: "_badge_11yl9_71",
+	sm: "_sm_11yl9_86",
+	md: "_md_11yl9_104",
+	lg: "_lg_11yl9_108",
+	segmented: "_segmented_11yl9_130",
+	line: "_line_11yl9_172",
+	pills: "_pills_11yl9_184",
+	vertical: "_vertical_11yl9_207"
 }, ar = ({ children: e, className: t }) => /* @__PURE__ */ n("span", {
 	className: P(ir.badge, t),
 	children: e
@@ -3383,23 +3391,23 @@ function vr(...e) {
 }
 //#endregion
 //#region src/components/Tooltip/Content/TooltipContent.tsx
-var yr = c(({ children: e, forceMount: t = !1, className: r, style: i, ...a }, o) => {
-	let s = pr();
-	return !t && !s.open ? null : /* @__PURE__ */ n("div", {
-		...s.getContentProps({
-			id: s.contentId,
+var yr = c(({ children: e, forceMount: t = !1, withArrow: i = !1, className: a, style: o, ...s }, c) => {
+	let l = pr();
+	return !t && !l.open ? null : /* @__PURE__ */ r("div", {
+		...l.getContentProps({
+			id: l.contentId,
 			role: "tooltip",
-			...a
+			...s
 		}),
-		ref: vr(o, s.setContentRef),
-		className: P(hr.tooltip, r),
-		"data-placement": s.placement,
-		"data-state": s.open ? "open" : "closed",
+		ref: vr(c, l.setContentRef),
+		className: P(hr.tooltip, a),
+		"data-placement": l.placement,
+		"data-state": l.open ? "open" : "closed",
 		style: {
-			...s.floatingStyles,
-			...i
+			...l.floatingStyles,
+			...o
 		},
-		children: e
+		children: [e, i && /* @__PURE__ */ n(gr, {})]
 	});
 });
 yr.displayName = "Tooltip.Content";
@@ -3540,33 +3548,33 @@ Tr.displayName = "Tooltip";
 var Er = (e, t) => {
 	process.env.NODE_ENV !== "production" && !e && console.warn(t);
 }, Z = {
-	button: "_button_1b73n_1",
-	solid: "_solid_1b73n_23",
-	primary: "_primary_1b73n_23",
-	loading: "_loading_1b73n_23",
-	neutral: "_neutral_1b73n_49",
-	success: "_success_1b73n_75",
-	warning: "_warning_1b73n_101",
-	danger: "_danger_1b73n_127",
-	outline: "_outline_1b73n_153",
-	ghost: "_ghost_1b73n_283",
-	soft: "_soft_1b73n_413",
-	link: "_link_1b73n_543",
-	square: "_square_1b73n_711",
-	rounded: "_rounded_1b73n_715",
-	pill: "_pill_1b73n_719",
-	sm: "_sm_1b73n_723",
-	md: "_md_1b73n_729",
-	lg: "_lg_1b73n_735",
-	fullWidth: "_fullWidth_1b73n_741",
-	iconOnly: "_iconOnly_1b73n_745",
-	label: "_label_1b73n_749",
-	labelText: "_labelText_1b73n_771",
-	icon: "_icon_1b73n_745",
-	spinner: "_spinner_1b73n_790",
-	"button-spin": "_button-spin_1b73n_1",
-	badge: "_badge_1b73n_812",
-	shortcut: "_shortcut_1b73n_826"
+	button: "_button_1xn9g_1",
+	solid: "_solid_1xn9g_23",
+	primary: "_primary_1xn9g_23",
+	loading: "_loading_1xn9g_23",
+	neutral: "_neutral_1xn9g_49",
+	success: "_success_1xn9g_75",
+	warning: "_warning_1xn9g_101",
+	danger: "_danger_1xn9g_127",
+	outline: "_outline_1xn9g_153",
+	ghost: "_ghost_1xn9g_283",
+	soft: "_soft_1xn9g_413",
+	link: "_link_1xn9g_543",
+	square: "_square_1xn9g_711",
+	rounded: "_rounded_1xn9g_715",
+	pill: "_pill_1xn9g_719",
+	sm: "_sm_1xn9g_723",
+	md: "_md_1xn9g_729",
+	lg: "_lg_1xn9g_735",
+	fullWidth: "_fullWidth_1xn9g_741",
+	iconOnly: "_iconOnly_1xn9g_745",
+	label: "_label_1xn9g_749",
+	labelText: "_labelText_1xn9g_771",
+	icon: "_icon_1xn9g_745",
+	spinner: "_spinner_1xn9g_790",
+	"button-spin": "_button-spin_1xn9g_1",
+	badge: "_badge_1xn9g_812",
+	shortcut: "_shortcut_1xn9g_826"
 }, Dr = c(({ children: e, color: i = "primary", appearance: a = "solid", size: s = "md", shape: c = "pill", type: u = "button", disabled: d = !1, loading: f = !1, loadingText: p, iconStart: m, iconEnd: h, spinner: g, badge: _, shortcut: v, tooltip: y, fullWidth: b = !1, iconOnly: x = !1, asChild: S = !1, className: C, onClick: w, "aria-label": T, "aria-labelledby": E, href: D, target: O, rel: k, download: A, id: j, role: M, tabIndex: N, ...F }, I) => {
 	let L = S && l(e) ? e : void 0, R = L ? L.props.children : e, z = x || !R && !!(m || h), ee = !!(T || E || L?.props["aria-label"] || L?.props["aria-labelledby"]), B = d || f, te = f && p ? p : R, ne = p && R && !z && (typeof R == "string" || typeof R == "number") && (typeof p == "string" || typeof p == "number") ? String(f ? R : p) : void 0, re = O === "_blank" && !k ? "noreferrer noopener" : k, ie = P(Z.button, Z[i], Z[a], Z[s], Z[c], C, {
 		[Z.disabled]: B,
@@ -3666,40 +3674,40 @@ var Er = (e, t) => {
 });
 Dr.displayName = "Button";
 var Q = {
-	wrapper: "_wrapper_1kk5v_1",
-	colorPrimary: "_colorPrimary_1kk5v_27",
-	colorNeutral: "_colorNeutral_1kk5v_45",
-	colorSuccess: "_colorSuccess_1kk5v_63",
-	colorWarning: "_colorWarning_1kk5v_81",
-	colorDanger: "_colorDanger_1kk5v_99",
-	labelStart: "_labelStart_1kk5v_115",
-	wrapperSm: "_wrapperSm_1kk5v_119",
-	wrapperMd: "_wrapperMd_1kk5v_125",
-	wrapperLg: "_wrapperLg_1kk5v_131",
-	iconOnly: "_iconOnly_1kk5v_137",
-	container: "_container_1kk5v_143",
-	containerSm: "_containerSm_1kk5v_150",
-	containerMd: "_containerMd_1kk5v_154",
-	containerLg: "_containerLg_1kk5v_158",
-	containerLabelStart: "_containerLabelStart_1kk5v_162",
-	descriptionText: "_descriptionText_1kk5v_162",
-	errorText: "_errorText_1kk5v_163",
-	input: "_input_1kk5v_167",
-	customCheckbox: "_customCheckbox_1kk5v_179",
-	requiredMark: "_requiredMark_1kk5v_194",
-	error: "_error_1kk5v_163",
-	checkmark: "_checkmark_1kk5v_210",
-	indeterminateMark: "_indeterminateMark_1kk5v_226",
-	customMark: "_customMark_1kk5v_239",
-	label: "_label_1kk5v_115",
-	labelSm: "_labelSm_1kk5v_270",
-	labelMd: "_labelMd_1kk5v_274",
-	labelLg: "_labelLg_1kk5v_278",
-	indeterminate: "_indeterminate_1kk5v_226",
-	"checkbox-pop": "_checkbox-pop_1kk5v_1",
-	"checkbox-checkmark-in": "_checkbox-checkmark-in_1kk5v_1",
-	"checkbox-indeterminate-in": "_checkbox-indeterminate-in_1kk5v_1",
-	disabled: "_disabled_1kk5v_361"
+	wrapper: "_wrapper_11rc7_1",
+	colorPrimary: "_colorPrimary_11rc7_35",
+	colorNeutral: "_colorNeutral_11rc7_53",
+	colorSuccess: "_colorSuccess_11rc7_71",
+	colorWarning: "_colorWarning_11rc7_89",
+	colorDanger: "_colorDanger_11rc7_107",
+	labelStart: "_labelStart_11rc7_123",
+	wrapperSm: "_wrapperSm_11rc7_127",
+	wrapperMd: "_wrapperMd_11rc7_133",
+	wrapperLg: "_wrapperLg_11rc7_139",
+	iconOnly: "_iconOnly_11rc7_145",
+	container: "_container_11rc7_151",
+	containerSm: "_containerSm_11rc7_158",
+	containerMd: "_containerMd_11rc7_162",
+	containerLg: "_containerLg_11rc7_166",
+	containerLabelStart: "_containerLabelStart_11rc7_170",
+	descriptionText: "_descriptionText_11rc7_170",
+	errorText: "_errorText_11rc7_171",
+	input: "_input_11rc7_175",
+	customCheckbox: "_customCheckbox_11rc7_187",
+	requiredMark: "_requiredMark_11rc7_202",
+	error: "_error_11rc7_171",
+	checkmark: "_checkmark_11rc7_218",
+	indeterminateMark: "_indeterminateMark_11rc7_234",
+	customMark: "_customMark_11rc7_247",
+	label: "_label_11rc7_123",
+	labelSm: "_labelSm_11rc7_278",
+	labelMd: "_labelMd_11rc7_282",
+	labelLg: "_labelLg_11rc7_286",
+	indeterminate: "_indeterminate_11rc7_234",
+	"checkbox-pop": "_checkbox-pop_11rc7_1",
+	"checkbox-checkmark-in": "_checkbox-checkmark-in_11rc7_1",
+	"checkbox-indeterminate-in": "_checkbox-indeterminate-in_11rc7_1",
+	disabled: "_disabled_11rc7_369"
 }, Or = {
 	sm: Q.labelSm,
 	md: Q.labelMd,
@@ -4014,32 +4022,32 @@ var $ = {
 Lr.displayName = "Input";
 //#endregion
 //#region src/theme/ThemeContext.ts
-var Rr = s(null), zr = (e) => e === "highContrast" ? "high-contrast" : e, Br = ({ theme: e, defaultTheme: t = "light", onThemeChange: r, children: i }) => {
-	let [a, o] = U({
+var Rr = s(null), zr = (e) => e === "highContrast" ? "high-contrast" : e, Br = ({ theme: e, defaultTheme: t = "light", onThemeChange: r, syncDocument: i = !0, children: a }) => {
+	let [o, s] = U({
 		value: e,
 		defaultValue: t,
 		onChange: r
-	}), s = zr(a);
+	}), c = zr(o);
 	f(() => {
-		if (typeof document > "u") return;
+		if (!i || typeof document > "u") return;
 		let { documentElement: e } = document, t = e.dataset.velliraTheme;
-		return e.dataset.velliraTheme = s, () => {
+		return e.dataset.velliraTheme = c, () => {
 			if (t === void 0) {
 				delete e.dataset.velliraTheme;
 				return;
 			}
 			e.dataset.velliraTheme = t;
 		};
-	}, [s]);
-	let c = h(() => ({
-		theme: a,
-		setTheme: o
-	}), [a, o]);
+	}, [c, i]);
+	let l = h(() => ({
+		theme: o,
+		setTheme: s
+	}), [o, s]);
 	return /* @__PURE__ */ n(Rr.Provider, {
-		value: c,
+		value: l,
 		children: /* @__PURE__ */ n("div", {
-			"data-vellira-theme": s,
-			children: i
+			"data-vellira-theme": c,
+			children: a
 		})
 	});
 };