@cascivo/react 0.11.1 → 0.13.0

package/dist/node/command-menu/command-menu.js

@@ -3,10 +3,10 @@
 import { Spinner as e } from "../spinner/spinner.js";
 import { Kbd as t } from "../kbd/kbd.js";
 import n from "./command-menu.module.js";
-import { batch as r, cn as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
+import { batch as r, cn as i, useEffectPropSignal as a, useSignal as o, useSignalEffect as s, useSignals as ee } from "@cascivo/core";
 import { builtin as c, t as l } from "@cascivo/i18n";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useId as ee, useRef as f } from "react";
+import { useId as te, useRef as f } from "react";
 //#region ../components/src/command-menu/command-menu.tsx
 function p(e, t) {
 	if (e.length === 0) return {
@@ -66,46 +66,42 @@ function _(e, t) {
 	}
 	return null;
 }
-function v({ open: m, onOpenChange: v, groups: te, placeholder: y, emptyLabel: b, hotkey: x = !0, label: S, loading: C = !1, onQueryChange: w, scopes: T = [], className: E }) {
-	s();
-	let D = S ?? l(c.commandMenu.label), ne = b ?? l(c.commandMenu.empty), O = ee(), k = `${O}-listbox`, A = f(null), j = f(null), M = f([]), N = f(v);
-	N.current = v;
-	let P = f(w);
-	P.current = w;
-	let F = a(m);
-	F.value = m;
-	let I = a(x);
-	I.value = x;
-	let L = a(""), R = a(0), z = a([]), B = a(null), re = z.value.at(-1)?.groups ?? te, ie = y ?? z.value.at(-1)?.placeholder ?? l(c.commandMenu.placeholder), V = T.find((e) => e.id === B.value) ?? null, H = re.filter((e) => !B.value || !e.scope || e.scope === B.value).map((e) => ({
+function v({ open: m, onOpenChange: v, groups: ne, placeholder: re, emptyLabel: ie, hotkey: y = !0, label: b, loading: x = !1, onQueryChange: S, scopes: C = [], className: ae }) {
+	ee();
+	let w = b ?? l(c.commandMenu.label), T = ie ?? l(c.commandMenu.empty), E = te(), D = `${E}-listbox`, O = f(null), k = f(null), A = f([]), j = f(v);
+	j.current = v;
+	let M = f(S);
+	M.current = S;
+	let N = a(m), P = a(y), F = o(""), I = o(0), L = o([]), R = o(null), z = L.value.at(-1)?.groups ?? ne, B = re ?? L.value.at(-1)?.placeholder ?? l(c.commandMenu.placeholder), V = C.find((e) => e.id === R.value) ?? null, H = z.filter((e) => !R.value || !e.scope || e.scope === R.value).map((e) => ({
 		heading: e.heading,
 		items: e.items.map((e) => ({
 			item: e,
-			score: h(L.value, e)
+			score: h(F.value, e)
 		})).filter(({ score: e }) => e > 0).sort((e, t) => t.score - e.score).map(({ item: e }) => ({
 			item: e,
-			indices: p(L.value, e.label)?.indices ?? []
+			indices: p(F.value, e.label)?.indices ?? []
 		}))
-	})).filter((e) => e.items.length > 0), U = H.flatMap((e) => e.items.map((e) => e.item)), W = U.flatMap((e, t) => e.disabled ? [] : [t]), G = W.includes(R.value) ? R.value : W[0] ?? -1, K = (e) => `${O}-option-${e}`;
-	o(() => {
-		let e = A.current;
-		e && (F.value ? e.open || (r(() => {
-			L.value = "", R.value = 0, z.value = [], B.value = null;
-		}), typeof e.showModal == "function" && e.showModal(), j.current?.focus()) : e.open && (z.value = [], e.close()));
-	}), o(() => {
-		let e = A.current;
+	})).filter((e) => e.items.length > 0), U = H.flatMap((e) => e.items.map((e) => e.item)), W = U.flatMap((e, t) => e.disabled ? [] : [t]), G = W.includes(I.value) ? I.value : W[0] ?? -1, K = (e) => `${E}-option-${e}`;
+	s(() => {
+		let e = O.current;
+		e && (N.value ? e.open || (r(() => {
+			F.value = "", I.value = 0, L.value = [], R.value = null;
+		}), typeof e.showModal == "function" && e.showModal(), k.current?.focus()) : e.open && (L.value = [], e.close()));
+	}), s(() => {
+		let e = O.current;
 		if (!e) return;
-		let t = () => N.current(!1);
+		let t = () => j.current(!1);
 		return e.addEventListener("close", t), () => e.removeEventListener("close", t);
-	}), o(() => {
-		if (!I.value) return;
+	}), s(() => {
+		if (!P.value) return;
 		let e = (e) => {
-			(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), N.current(!F.value));
+			(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), j.current(!N.value));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	});
 	let q = (e) => {
-		R.value = e;
-		let t = M.current[e];
+		I.value = e;
+		let t = A.current[e];
 		t && typeof t.scrollIntoView == "function" && t.scrollIntoView({ block: "nearest" });
 	}, J = (e) => {
 		if (W.length === 0) return;
@@ -118,7 +114,7 @@ function v({ open: m, onOpenChange: v, groups: te, placeholder: y, emptyLabel: b
 			if (e.page) {
 				if (t === "secondary") return;
 				r(() => {
-					z.value = [...z.value, e.page], L.value = "", R.value = 0;
+					L.value = [...L.value, e.page], F.value = "", I.value = 0;
 				});
 				return;
 			}
@@ -129,21 +125,21 @@ function v({ open: m, onOpenChange: v, groups: te, placeholder: y, emptyLabel: b
 			}
 			t !== "secondary" && (e.onSelect?.(), v(!1));
 		}
-	}, ae = (e) => {
-		if (T.length === 0) return;
-		let t = [null, ...T.map((e) => e.id)], n = t[(t.indexOf(B.value) + e + t.length) % t.length];
+	}, oe = (e) => {
+		if (C.length === 0) return;
+		let t = [null, ...C.map((e) => e.id)], n = t[(t.indexOf(R.value) + e + t.length) % t.length];
 		r(() => {
-			B.value = n ?? null, R.value = 0;
+			R.value = n ?? null, I.value = 0;
 		});
 	}, Z = () => {
 		r(() => {
-			B.value = null, R.value = 0;
-		}), j.current?.focus();
+			R.value = null, I.value = 0;
+		}), k.current?.focus();
 	}, Q = () => {
 		r(() => {
-			z.value = z.value.slice(0, -1), L.value = "", R.value = 0;
+			L.value = L.value.slice(0, -1), F.value = "", I.value = 0;
 		});
-	}, oe = (e) => {
+	}, se = (e) => {
 		switch (e.key) {
 			case "ArrowDown":
 				e.preventDefault(), J(1);
@@ -152,7 +148,7 @@ function v({ open: m, onOpenChange: v, groups: te, placeholder: y, emptyLabel: b
 				e.preventDefault(), J(-1);
 				break;
 			case "Tab":
-				T.length > 0 && (e.preventDefault(), ae(e.shiftKey ? -1 : 1));
+				C.length > 0 && (e.preventDefault(), oe(e.shiftKey ? -1 : 1));
 				break;
 			case "Home":
 				e.preventDefault(), W[0] !== void 0 && q(W[0]);
@@ -167,20 +163,20 @@ function v({ open: m, onOpenChange: v, groups: te, placeholder: y, emptyLabel: b
 				e.preventDefault(), G >= 0 && X(U[G], e.metaKey || e.ctrlKey ? "secondary" : "primary");
 				break;
 			case "Backspace":
-				L.value === "" && (z.value.length > 0 ? (e.preventDefault(), Q()) : B.value && (e.preventDefault(), Z()));
+				F.value === "" && (L.value.length > 0 ? (e.preventDefault(), Q()) : R.value && (e.preventDefault(), Z()));
 				break;
 		}
-	}, se = (e) => {
-		e.key === "Escape" && (e.preventDefault(), z.value.length > 0 ? Q() : A.current?.close());
 	}, ce = (e) => {
-		e.target === A.current && A.current?.close();
+		e.key === "Escape" && (e.preventDefault(), L.value.length > 0 ? Q() : O.current?.close());
+	}, le = (e) => {
+		e.target === O.current && O.current?.close();
 	}, $ = -1;
 	return /* @__PURE__ */ u("dialog", {
-		ref: A,
-		"aria-label": D,
-		className: i(n.dialog, E),
-		onClick: ce,
-		onKeyDown: se,
+		ref: O,
+		"aria-label": w,
+		className: i(n.dialog, ae),
+		onClick: le,
+		onKeyDown: ce,
 		children: /* @__PURE__ */ d("div", {
 			className: n.panel,
 			children: [
@@ -231,44 +227,44 @@ function v({ open: m, onOpenChange: v, groups: te, placeholder: y, emptyLabel: b
 							})]
 						}),
 						/* @__PURE__ */ u("input", {
-							ref: j,
+							ref: k,
 							type: "text",
 							role: "combobox",
 							"aria-expanded": "true",
-							"aria-controls": k,
+							"aria-controls": D,
 							"aria-activedescendant": G >= 0 ? K(G) : void 0,
 							"aria-autocomplete": "list",
-							"aria-label": D,
+							"aria-label": w,
 							autoComplete: "off",
 							spellCheck: !1,
 							className: n.input,
-							placeholder: ie,
-							value: L.value,
+							placeholder: B,
+							value: F.value,
 							onChange: (e) => {
 								let t = e.target.value;
-								if (!B.value && T.length > 0) {
-									let e = _(t, T);
-									e && (B.value = e.scope.id, t = e.rest);
+								if (!R.value && C.length > 0) {
+									let e = _(t, C);
+									e && (R.value = e.scope.id, t = e.rest);
 								}
-								L.value = t, R.value = 0, P.current?.(t);
+								F.value = t, I.value = 0, M.current?.(t);
 							},
-							onKeyDown: oe
+							onKeyDown: se
 						})
 					]
 				}),
-				T.length > 0 && /* @__PURE__ */ d("div", {
+				C.length > 0 && /* @__PURE__ */ d("div", {
 					className: n.scopes,
 					children: [/* @__PURE__ */ u("span", {
 						className: n.scopesLabel,
 						children: l(c.commandMenu.scopeLabel)
-					}), T.map((e) => /* @__PURE__ */ d("button", {
+					}), C.map((e) => /* @__PURE__ */ d("button", {
 						type: "button",
 						className: n.scopePill,
-						"data-active": e.id === B.value || void 0,
+						"data-active": e.id === R.value || void 0,
 						onClick: () => {
 							r(() => {
-								B.value = B.value === e.id ? null : e.id, R.value = 0;
-							}), j.current?.focus();
+								R.value = R.value === e.id ? null : e.id, I.value = 0;
+							}), k.current?.focus();
 						},
 						children: [e.prefix && /* @__PURE__ */ u("span", {
 							className: n.scopePrefix,
@@ -280,8 +276,8 @@ function v({ open: m, onOpenChange: v, groups: te, placeholder: y, emptyLabel: b
 					className: n.list,
 					children: [/* @__PURE__ */ u("div", {
 						role: "listbox",
-						id: k,
-						"aria-label": S,
+						id: D,
+						"aria-label": b,
 						tabIndex: 0,
 						children: H.map((e, r) => /* @__PURE__ */ d("div", {
 							role: "group",
@@ -290,7 +286,7 @@ function v({ open: m, onOpenChange: v, groups: te, placeholder: y, emptyLabel: b
 							children: [e.heading && /* @__PURE__ */ d("div", {
 								className: n.heading,
 								"aria-hidden": "true",
-								children: [/* @__PURE__ */ u("span", { children: e.heading }), L.value !== "" && /* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ u("span", { children: e.heading }), F.value !== "" && /* @__PURE__ */ u("span", {
 									className: n.count,
 									children: l(c.commandMenu.matches, { count: e.items.length })
 								})]
@@ -300,7 +296,7 @@ function v({ open: m, onOpenChange: v, groups: te, placeholder: y, emptyLabel: b
 								let a = $;
 								return /* @__PURE__ */ d("div", {
 									ref: (e) => {
-										M.current[a] = e;
+										A.current[a] = e;
 									},
 									id: K(a),
 									role: "option",
@@ -310,7 +306,7 @@ function v({ open: m, onOpenChange: v, groups: te, placeholder: y, emptyLabel: b
 									"data-disabled": r.disabled || void 0,
 									className: n.option,
 									onMouseEnter: () => {
-										r.disabled || (R.value = a);
+										r.disabled || (I.value = a);
 									},
 									onClick: () => X(r, "primary"),
 									children: [
@@ -366,14 +362,14 @@ function v({ open: m, onOpenChange: v, groups: te, placeholder: y, emptyLabel: b
 								}, r.id);
 							})]
 						}, e.heading ?? `group-${r}`))
-					}), U.length === 0 && (C ? /* @__PURE__ */ d("div", {
+					}), U.length === 0 && (x ? /* @__PURE__ */ d("div", {
 						role: "status",
 						className: n.empty,
 						children: [/* @__PURE__ */ u(e, { size: "sm" }), l(c.commandMenu.loading)]
 					}) : /* @__PURE__ */ u("div", {
 						role: "status",
 						className: n.empty,
-						children: ne
+						children: T
 					}))]
 				}),
 				/* @__PURE__ */ d("div", {
@@ -401,7 +397,7 @@ function v({ open: m, onOpenChange: v, groups: te, placeholder: y, emptyLabel: b
 								children: "↵"
 							}), " open"]
 						}),
-						T.length > 0 && /* @__PURE__ */ d("span", {
+						C.length > 0 && /* @__PURE__ */ d("span", {
 							className: n.hint,
 							children: [/* @__PURE__ */ u(t, {
 								size: "sm",

package/dist/node/data-table/data-table.js

@@ -117,6 +117,7 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
 		"data-zebra": pe || void 0,
 		"data-sticky-header": me || void 0,
 		"data-paginated": h ? !0 : void 0,
+		"data-fixed-layout": f.every((e) => e.width !== void 0) || void 0,
 		children: [
 			/* @__PURE__ */ l("span", {
 				"aria-live": "polite",
@@ -176,7 +177,10 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
 						/* @__PURE__ */ u("colgroup", { children: [
 							v && /* @__PURE__ */ l("col", { className: n.controlCol }),
 							g && /* @__PURE__ */ l("col", { className: n.controlCol }),
-							f.map((e) => /* @__PURE__ */ l("col", { style: e.width === void 0 ? void 0 : { width: e.width } }, e.key))
+							f.map((e) => /* @__PURE__ */ l("col", { style: e.width !== void 0 || e.minWidth !== void 0 ? {
+								...e.width === void 0 ? {} : { width: e.width },
+								...e.minWidth === void 0 ? {} : { minWidth: e.minWidth }
+							} : void 0 }, e.key))
 						] }),
 						/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", { children: [
 							v && /* @__PURE__ */ l("th", {
@@ -205,6 +209,7 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
 								return /* @__PURE__ */ l("th", {
 									scope: "col",
 									"data-align": e.align ?? "start",
+									"data-sized": e.width !== void 0 || void 0,
 									"aria-sort": e.sortable ? r : void 0,
 									children: e.sortable ? /* @__PURE__ */ l("button", {
 										type: "button",
@@ -269,6 +274,7 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
 										}),
 										f.map((t) => /* @__PURE__ */ l("td", {
 											"data-align": t.align ?? "start",
+											"data-sized": t.width !== void 0 || void 0,
 											children: t.render ? t.render(e.row) : String(d(e.row, t.key) ?? "")
 										}, t.key))
 									]

package/dist/node/data-table/data-table.module.js

@@ -1,35 +1,35 @@
 "use client";
 
 var e = {
-	root: "_root_jwjfs_2",
-	toolbar: "_toolbar_jwjfs_26",
-	heading: "_heading_jwjfs_35",
-	title: "_title_jwjfs_41",
-	description: "_description_jwjfs_47",
-	search: "_search_jwjfs_52",
-	batchBar: "_batchBar_jwjfs_79",
-	batchCount: "_batchCount_jwjfs_89",
-	batchActions: "_batchActions_jwjfs_95",
-	scroller: "_scroller_jwjfs_101",
-	scrollerVirtualized: "_scrollerVirtualized_jwjfs_106",
-	table: "_table_jwjfs_112",
-	row: "_row_jwjfs_172",
-	controlCol: "_controlCol_jwjfs_178",
-	controlCell: "_controlCell_jwjfs_182",
-	sortButton: "_sortButton_jwjfs_188",
-	emptyCell: "_emptyCell_jwjfs_236",
-	expansionRow: "_expansionRow_jwjfs_243",
-	expansionGrid: "_expansionGrid_jwjfs_249",
-	expansionInner: "_expansionInner_jwjfs_253",
-	expandButton: "_expandButton_jwjfs_258",
-	chevron: "_chevron_jwjfs_281",
-	shimmer: "_shimmer_jwjfs_296",
-	footer: "_footer_jwjfs_323",
-	pageSize: "_pageSize_jwjfs_333",
-	range: "_range_jwjfs_359",
-	pageButtons: "_pageButtons_jwjfs_364",
-	pageButton: "_pageButton_jwjfs_364",
-	srOnly: "_srOnly_jwjfs_405"
+	root: "_root_ulang_2",
+	toolbar: "_toolbar_ulang_26",
+	heading: "_heading_ulang_35",
+	title: "_title_ulang_41",
+	description: "_description_ulang_47",
+	search: "_search_ulang_52",
+	batchBar: "_batchBar_ulang_79",
+	batchCount: "_batchCount_ulang_89",
+	batchActions: "_batchActions_ulang_95",
+	scroller: "_scroller_ulang_101",
+	scrollerVirtualized: "_scrollerVirtualized_ulang_106",
+	table: "_table_ulang_112",
+	row: "_row_ulang_182",
+	controlCol: "_controlCol_ulang_188",
+	controlCell: "_controlCell_ulang_192",
+	sortButton: "_sortButton_ulang_198",
+	emptyCell: "_emptyCell_ulang_246",
+	expansionRow: "_expansionRow_ulang_253",
+	expansionGrid: "_expansionGrid_ulang_259",
+	expansionInner: "_expansionInner_ulang_263",
+	expandButton: "_expandButton_ulang_268",
+	chevron: "_chevron_ulang_291",
+	shimmer: "_shimmer_ulang_306",
+	footer: "_footer_ulang_333",
+	pageSize: "_pageSize_ulang_343",
+	range: "_range_ulang_369",
+	pageButtons: "_pageButtons_ulang_374",
+	pageButton: "_pageButton_ulang_374",
+	srOnly: "_srOnly_ulang_415"
 };
 //#endregion
 export { e as default };

package/dist/node/date-picker/date-picker.module.js

@@ -1,25 +1,25 @@
 "use client";
 
 var e = {
-	wrapper: "_wrapper_6chzy_2",
-	label: "_label_6chzy_27",
-	field: "_field_6chzy_34",
-	trigger: "_trigger_6chzy_40",
-	value: "_value_6chzy_78",
-	placeholder: "_placeholder_6chzy_84",
-	icon: "_icon_6chzy_87",
-	clear: "_clear_6chzy_92",
-	calendar: "_calendar_6chzy_117",
-	header: "_header_6chzy_149",
-	monthLabel: "_monthLabel_6chzy_156",
-	navButton: "_navButton_6chzy_162",
-	grid: "_grid_6chzy_184",
-	weekday: "_weekday_6chzy_189",
-	cell: "_cell_6chzy_198",
-	empty: "_empty_6chzy_202",
-	day: "_day_6chzy_206",
-	error: "_error_6chzy_241",
-	hint: "_hint_6chzy_245"
+	wrapper: "_wrapper_1hgll_2",
+	label: "_label_1hgll_31",
+	field: "_field_1hgll_38",
+	trigger: "_trigger_1hgll_44",
+	value: "_value_1hgll_82",
+	placeholder: "_placeholder_1hgll_88",
+	icon: "_icon_1hgll_91",
+	clear: "_clear_1hgll_96",
+	calendar: "_calendar_1hgll_121",
+	header: "_header_1hgll_153",
+	monthLabel: "_monthLabel_1hgll_160",
+	navButton: "_navButton_1hgll_166",
+	grid: "_grid_1hgll_188",
+	weekday: "_weekday_1hgll_193",
+	cell: "_cell_1hgll_202",
+	empty: "_empty_1hgll_206",
+	day: "_day_1hgll_210",
+	error: "_error_1hgll_245",
+	hint: "_hint_1hgll_249"
 };
 //#endregion
 export { e as default };

package/dist/node/dropdown/dropdown.js

@@ -1,102 +1,100 @@
 "use client";
 
 import e from "./dropdown.module.js";
-import { composeRefs as t, createMachine as n, useMachine as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { cloneElement as l, useRef as u } from "react";
+import { composeRefs as t, createMachine as n, useEffectPropSignal as r, useMachine as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { cloneElement as u, useRef as d } from "react";
 //#region ../components/src/dropdown/dropdown.tsx
-var d = n({
+var f = n({
 	initial: "closed",
 	states: {
 		closed: { on: { OPEN: "open" } },
 		open: { on: { CLOSE: "closed" } }
 	}
 });
-function f({ trigger: n, items: f, onSelect: p, placement: m = "bottom-start", open: h, onOpenChange: g }) {
-	o();
-	let [_, v] = r(d), y = u(null), b = u(null), x = u(null), S = u([]), C = i(-1), w = h !== void 0, T = w ? h : _.value === "open", E = i(T);
-	E.value = T;
-	let D = f.map((e, t) => ({
+function p({ trigger: n, items: p, onSelect: m, placement: h = "bottom-start", open: g, onOpenChange: _ }) {
+	s();
+	let [v, y] = i(f), b = d(null), x = d(null), S = d(null), C = d([]), w = a(-1), T = g !== void 0, E = T ? g : v.value === "open", D = r(E), O = p.map((e, t) => ({
 		item: e,
 		index: t
-	})).filter(({ item: e }) => !e.separator && !e.disabled).map(({ index: e }) => e), O = (e) => {
-		w || v(e ? "OPEN" : "CLOSE"), g?.(e);
+	})).filter(({ item: e }) => !e.separator && !e.disabled).map(({ index: e }) => e), k = (e) => {
+		T || y(e ? "OPEN" : "CLOSE"), _?.(e);
 	};
-	a(() => {
-		let e = C.value;
-		E.value && e >= 0 && S.current[e]?.focus();
-	}), a(() => {
-		E.value ? C.value = D[0] ?? -1 : C.value = -1;
-	}), a(() => {
-		E.value ? x.current?.showPopover() : x.current?.hidePopover();
-	}), a(() => {
-		let e = x.current;
+	o(() => {
+		let e = w.value;
+		D.value && e >= 0 && C.current[e]?.focus();
+	}), o(() => {
+		D.value ? w.value = O[0] ?? -1 : w.value = -1;
+	}), o(() => {
+		D.value ? S.current?.showPopover() : S.current?.hidePopover();
+	}), o(() => {
+		let e = S.current;
 		if (!e) return;
 		let t = (e) => {
-			e.newState === "closed" && O(!1);
+			e.newState === "closed" && k(!1);
 		};
 		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
 	});
-	let k = (e) => {
-		let t = f[e];
-		!t || t.separator || t.disabled || (p?.(t.value), O(!1), b.current?.focus());
-	}, A = (e) => {
-		D.length !== 0 && (C.value = D[(D.indexOf(C.value) + e + D.length) % D.length] ?? -1);
+	let A = (e) => {
+		let t = p[e];
+		!t || t.separator || t.disabled || (m?.(t.value), k(!1), x.current?.focus());
 	}, j = (e) => {
+		O.length !== 0 && (w.value = O[(O.indexOf(w.value) + e + O.length) % O.length] ?? -1);
+	}, M = (e) => {
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), A(1);
+				e.preventDefault(), j(1);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), A(-1);
+				e.preventDefault(), j(-1);
 				break;
 			case "Home":
-				e.preventDefault(), C.value = D[0] ?? -1;
+				e.preventDefault(), w.value = O[0] ?? -1;
 				break;
 			case "End":
-				e.preventDefault(), C.value = D[D.length - 1] ?? -1;
+				e.preventDefault(), w.value = O[O.length - 1] ?? -1;
 				break;
 			case "Escape":
-				e.preventDefault(), O(!1), b.current?.focus();
+				e.preventDefault(), k(!1), x.current?.focus();
 				break;
 			case "Enter":
 			case " ":
-				e.preventDefault(), k(C.value);
+				e.preventDefault(), A(w.value);
 				break;
 		}
-	}, M = n, N = l(M, {
-		ref: t(b, M.props.ref),
+	}, N = n, P = u(N, {
+		ref: t(x, N.props.ref),
 		onClick: (e) => {
-			M.props.onClick?.(e), O(!T);
+			N.props.onClick?.(e), k(!E);
 		},
 		"aria-haspopup": "menu",
-		"aria-expanded": T
+		"aria-expanded": E
 	});
-	return /* @__PURE__ */ c("div", {
-		ref: y,
+	return /* @__PURE__ */ l("div", {
+		ref: b,
 		className: e.root,
-		children: [N, /* @__PURE__ */ s("div", {
-			ref: x,
+		children: [P, /* @__PURE__ */ c("div", {
+			ref: S,
 			popover: "auto",
 			role: "menu",
-			"data-placement": m,
-			"data-state": T ? "open" : "closed",
+			"data-placement": h,
+			"data-state": E ? "open" : "closed",
 			className: e.menu,
-			onKeyDown: j,
-			children: f.map((t, n) => t.separator ? /* @__PURE__ */ s("div", {
+			onKeyDown: M,
+			children: p.map((t, n) => t.separator ? /* @__PURE__ */ c("div", {
 				role: "separator",
 				className: e.separator
-			}, `sep-${n}`) : /* @__PURE__ */ c("button", {
+			}, `sep-${n}`) : /* @__PURE__ */ l("button", {
 				type: "button",
 				role: "menuitem",
 				ref: (e) => {
-					S.current[n] = e;
+					C.current[n] = e;
 				},
-				tabIndex: C.value === n ? 0 : -1,
+				tabIndex: w.value === n ? 0 : -1,
 				disabled: t.disabled,
 				className: e.item,
-				onClick: () => k(n),
-				children: [t.icon && /* @__PURE__ */ s("span", {
+				onClick: () => A(n),
+				children: [t.icon && /* @__PURE__ */ c("span", {
 					className: e.icon,
 					"aria-hidden": "true",
 					children: t.icon
@@ -106,4 +104,4 @@ function f({ trigger: n, items: f, onSelect: p, placement: m = "bottom-start", o
 	});
 }
 //#endregion
-export { f as Dropdown };
+export { p as Dropdown };

package/dist/node/file-uploader/file-uploader.module.js

@@ -1,20 +1,20 @@
 "use client";
 
 var e = {
-	uploader: "_uploader_bw6tn_2",
-	label: "_label_bw6tn_9",
-	input: "_input_bw6tn_15",
-	zone: "_zone_bw6tn_24",
-	hint: "_hint_bw6tn_57",
-	list: "_list_bw6tn_62",
-	file: "_file_bw6tn_71",
-	status: "_status_bw6tn_88",
-	"glyph-complete": "_glyph-complete_bw6tn_94",
-	"glyph-error": "_glyph-error_bw6tn_98",
-	name: "_name_bw6tn_102",
-	size: "_size_bw6tn_109",
-	remove: "_remove_bw6tn_115",
-	"error-message": "_error-message_bw6tn_135"
+	uploader: "_uploader_nfhc5_2",
+	label: "_label_nfhc5_13",
+	input: "_input_nfhc5_19",
+	zone: "_zone_nfhc5_28",
+	hint: "_hint_nfhc5_61",
+	list: "_list_nfhc5_66",
+	file: "_file_nfhc5_75",
+	status: "_status_nfhc5_92",
+	"glyph-complete": "_glyph-complete_nfhc5_98",
+	"glyph-error": "_glyph-error_nfhc5_102",
+	name: "_name_nfhc5_106",
+	size: "_size_nfhc5_113",
+	remove: "_remove_nfhc5_119",
+	"error-message": "_error-message_nfhc5_139"
 };
 //#endregion
 export { e as default };