@cascivo/react 0.8.0 → 0.10.0

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

@@ -0,0 +1,370 @@
+"use client";
+
+import { Button as e } from "../button/button.js";
+import { Checkbox as t } from "../checkbox/checkbox.js";
+import n from "./data-table.module.js";
+import { batch as r, cn as i, useComputed as a, useSignal as o, useSignalEffect as ee, useSignals as te } from "@cascivo/core";
+import { builtin as s, t as c } from "@cascivo/i18n";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Fragment as ne, useId as re, useRef as ie } from "react";
+import { flushSync as ae } from "react-dom";
+//#region ../components/src/data-table/data-table.tsx
+function d(e, t) {
+	return e[t];
+}
+function oe(e, t) {
+	return typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""));
+}
+function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortMode: ue = "client", onSortChange: de, searchable: m = !1, pagination: h, selection: g, batchActions: _, renderExpandedRow: v, density: fe = "normal", zebra: pe = !1, stickyHeader: me = !1, loading: y = !1, emptyState: he, title: b, description: x, labels: S, className: ge, virtualized: C = !1, rowHeight: w = 40, windowSize: _e = 20, overscan: ve = 3 }) {
+	te();
+	let ye = re(), T = {
+		search: S?.search ?? c(s.dataTable.search),
+		empty: S?.empty ?? c(s.dataTable.empty),
+		selectAll: S?.selectAll ?? c(s.dataTable.selectAll),
+		selectRow: S?.selectRow ?? c(s.dataTable.selectRow),
+		itemsSelected: (e) => S?.itemsSelected?.(e) ?? c(s.dataTable.itemsSelected, { count: e }),
+		expandRow: S?.expandRow ?? c(s.dataTable.expandRow),
+		previousPage: S?.previousPage ?? c(s.dataTable.previousPage),
+		nextPage: S?.nextPage ?? c(s.dataTable.nextPage)
+	}, E = o(se);
+	E.value = se;
+	let D = o(f);
+	D.value = f;
+	let O = o(p ?? le);
+	p !== void 0 && (O.value = p);
+	let k = o(g?.selected ?? []);
+	g?.selected !== void 0 && (k.value = g.selected);
+	let A = o(""), j = o(1), M = o(h?.pageSize ?? 0), N = o(/* @__PURE__ */ new Set()), P = ie(null), F = o(0);
+	ee(() => {
+		if (!C) return;
+		let e = P.current;
+		if (!e) return;
+		let t = () => {
+			ae(() => {
+				F.value = e.scrollTop;
+			});
+		};
+		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
+	});
+	let I = a(() => E.value.map((e, t) => ({
+		row: e,
+		id: ce ? ce(e) : String(t)
+	}))), L = a(() => {
+		let e = A.value.trim().toLowerCase();
+		if (!e) return I.value;
+		let t = D.value;
+		return I.value.filter((n) => t.some((t) => String(d(n.row, t.key) ?? "").toLowerCase().includes(e)));
+	}), R = a(() => {
+		let e = O.value;
+		if (!e || ue === "server") return L.value;
+		let t = L.value.map((e, t) => [e, t]);
+		return t.sort((t, n) => {
+			let r = oe(d(t[0].row, e.key), d(n[0].row, e.key));
+			return e.direction === "desc" && (r = -r), r === 0 ? t[1] - n[1] : r;
+		}), t.map(([e]) => e);
+	}), z = a(() => h ? Math.max(1, Math.ceil(L.value.length / M.value)) : 1), B = a(() => Math.min(j.value, z.value)), V = a(() => {
+		if (!h) return R.value;
+		let e = (B.value - 1) * M.value;
+		return R.value.slice(e, e + M.value);
+	}), H = a(() => C ? Math.floor(F.value / w) : 0), U = a(() => C ? Math.min(H.value + _e + ve * 2, V.value.length) : V.value.length), be = a(() => C ? V.value.slice(H.value, U.value) : V.value), xe = (e) => {
+		let t = O.value, n;
+		n = !t || t.key !== e ? {
+			key: e,
+			direction: "asc"
+		} : t.direction === "asc" ? {
+			key: e,
+			direction: "desc"
+		} : void 0, r(() => {
+			p === void 0 && (O.value = n), j.value = 1;
+		}), de?.(n);
+	}, Se = (e) => {
+		if (![
+			"ArrowUp",
+			"ArrowDown",
+			"ArrowLeft",
+			"ArrowRight"
+		].includes(e.key)) return;
+		let t = e.currentTarget, n = Array.from(t.querySelectorAll("th button, td button, td input[type=\"checkbox\"]")), r = n.indexOf(document.activeElement);
+		if (r === -1) return;
+		e.preventDefault();
+		let i = (e) => e.closest("tr"), a;
+		if (e.key === "ArrowRight" || e.key === "ArrowLeft") {
+			let t = n[r + (e.key === "ArrowRight" ? 1 : -1)];
+			t && i(t) === i(n[r]) && (a = t);
+		} else {
+			let t = e.key === "ArrowDown" ? 1 : -1, o = n[r];
+			for (let e = r + t; e >= 0 && e < n.length; e += t) if (i(n[e]) !== i(o)) {
+				a = n[e];
+				break;
+			}
+		}
+		a?.focus();
+	}, W = (e) => {
+		g?.selected === void 0 && (k.value = e), g?.onChange?.(e);
+	}, Ce = (e) => {
+		let t = k.value;
+		g?.mode === "single" ? W(t.includes(e) ? [] : [e]) : W(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, we = (e) => {
+		let t = new Set(N.value);
+		t.has(e) ? t.delete(e) : t.add(e), N.value = t;
+	}, G = V.value, K = k.value, Te = N.value, q = G.length > 0 && G.every((e) => K.includes(e.id)), Ee = G.some((e) => K.includes(e.id)), J = be.value, Y = H.value, X = U.value, De = () => {
+		let e = G.map((e) => e.id);
+		W(q ? K.filter((t) => !e.includes(t)) : [...new Set([...K, ...e])]);
+	}, Z = f.length + +!!g + +!!v, Oe = h && !C && J.length > 0 ? Math.max(0, M.value - J.length) : 0, ke = `${ye}-title`, Ae = `${ye}-description`, Q = L.value.length, $ = Q === 0 ? 0 : (B.value - 1) * M.value + 1, je = Q === 0 ? 0 : $ + G.length - 1, Me = !!_ && _.length > 0 && K.length > 0;
+	return /* @__PURE__ */ u("div", {
+		className: i(n.root, ge),
+		"data-density": fe,
+		"data-zebra": pe || void 0,
+		"data-sticky-header": me || void 0,
+		"data-paginated": h ? !0 : void 0,
+		children: [
+			/* @__PURE__ */ l("span", {
+				"aria-live": "polite",
+				className: n.srOnly,
+				children: k.value.length > 0 ? T.itemsSelected(k.value.length) : ""
+			}),
+			(b !== void 0 || x !== void 0 || m) && /* @__PURE__ */ u("div", {
+				className: n.toolbar,
+				children: [(b !== void 0 || x !== void 0) && /* @__PURE__ */ u("div", {
+					className: n.heading,
+					children: [b !== void 0 && /* @__PURE__ */ l("div", {
+						id: ke,
+						className: n.title,
+						children: b
+					}), x !== void 0 && /* @__PURE__ */ l("div", {
+						id: Ae,
+						className: n.description,
+						children: x
+					})]
+				}), m && /* @__PURE__ */ l("input", {
+					type: "search",
+					className: n.search,
+					"aria-label": T.search,
+					placeholder: T.search,
+					value: A.value,
+					onChange: (e) => {
+						A.value = e.target.value, j.value = 1;
+					}
+				})]
+			}),
+			Me && /* @__PURE__ */ u("div", {
+				className: n.batchBar,
+				children: [/* @__PURE__ */ l("span", {
+					className: n.batchCount,
+					children: T.itemsSelected(K.length)
+				}), /* @__PURE__ */ l("div", {
+					className: n.batchActions,
+					children: _.map((t, n) => /* @__PURE__ */ l(e, {
+						size: "sm",
+						variant: "secondary",
+						onClick: () => t.onClick(K),
+						children: t.label
+					}, t.id ?? `${n}-${t.label}`))
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				ref: C ? P : void 0,
+				className: i(n.scroller, C && n.scrollerVirtualized),
+				children: /* @__PURE__ */ u("table", {
+					className: n.table,
+					"aria-labelledby": b === void 0 ? void 0 : ke,
+					"aria-describedby": x === void 0 ? void 0 : Ae,
+					"aria-busy": y || void 0,
+					"aria-rowcount": C ? G.length : void 0,
+					onKeyDown: Se,
+					children: [
+						/* @__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))
+						] }),
+						/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", { children: [
+							v && /* @__PURE__ */ l("th", {
+								scope: "col",
+								className: n.controlCell,
+								children: /* @__PURE__ */ l("span", {
+									className: n.srOnly,
+									children: T.expandRow
+								})
+							}),
+							g && /* @__PURE__ */ l("th", {
+								scope: "col",
+								className: n.controlCell,
+								children: g.mode === "multi" ? /* @__PURE__ */ l(t, {
+									"aria-label": T.selectAll,
+									checked: q,
+									indeterminate: Ee && !q,
+									onChange: De
+								}) : /* @__PURE__ */ l("span", {
+									className: n.srOnly,
+									children: T.selectRow
+								})
+							}),
+							f.map((e) => {
+								let t = O.value?.key === e.key ? O.value.direction : void 0, r = t === "asc" ? "ascending" : t === "desc" ? "descending" : "none";
+								return /* @__PURE__ */ l("th", {
+									scope: "col",
+									"data-align": e.align ?? "start",
+									"aria-sort": e.sortable ? r : void 0,
+									children: e.sortable ? /* @__PURE__ */ l("button", {
+										type: "button",
+										className: n.sortButton,
+										"data-state": r,
+										onClick: () => xe(e.key),
+										children: e.header
+									}) : e.header
+								}, e.key);
+							})
+						] }) }),
+						/* @__PURE__ */ u("tbody", { children: [
+							y && Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ l("tr", {
+								className: n.row,
+								children: Array.from({ length: Z }, (e, t) => /* @__PURE__ */ l("td", { children: /* @__PURE__ */ l("span", {
+									className: n.shimmer,
+									"aria-hidden": "true"
+								}) }, t))
+							}, t)),
+							!y && G.length === 0 && /* @__PURE__ */ l("tr", {
+								"data-empty-row": !0,
+								children: /* @__PURE__ */ l("td", {
+									colSpan: Z,
+									className: n.emptyCell,
+									children: he ?? T.empty
+								})
+							}),
+							!y && C && Y > 0 && /* @__PURE__ */ l("tr", {
+								"aria-hidden": "true",
+								style: { height: Y * w }
+							}),
+							!y && J.map((e, r) => {
+								let i = C ? Y + r : r, a = K.includes(e.id), o = Te.has(e.id);
+								return /* @__PURE__ */ u(ne, { children: [/* @__PURE__ */ u("tr", {
+									className: n.row,
+									"data-parity": i % 2 == 0 ? "even" : "odd",
+									"data-state": a ? "selected" : void 0,
+									"aria-rowindex": C ? Y + r + 1 : void 0,
+									children: [
+										v && /* @__PURE__ */ l("td", {
+											className: n.controlCell,
+											children: /* @__PURE__ */ l("button", {
+												type: "button",
+												className: n.expandButton,
+												"aria-expanded": o,
+												"aria-label": T.expandRow,
+												"data-state": o ? "open" : "closed",
+												onClick: () => we(e.id),
+												children: /* @__PURE__ */ l("span", {
+													className: n.chevron,
+													"aria-hidden": "true"
+												})
+											})
+										}),
+										g && /* @__PURE__ */ l("td", {
+											className: n.controlCell,
+											children: /* @__PURE__ */ l(t, {
+												"aria-label": T.selectRow,
+												checked: a,
+												onChange: () => Ce(e.id)
+											})
+										}),
+										f.map((t) => /* @__PURE__ */ l("td", {
+											"data-align": t.align ?? "start",
+											children: t.render ? t.render(e.row) : String(d(e.row, t.key) ?? "")
+										}, t.key))
+									]
+								}), v && /* @__PURE__ */ l("tr", {
+									className: n.expansionRow,
+									"data-state": o ? "open" : "closed",
+									children: /* @__PURE__ */ l("td", {
+										colSpan: Z,
+										children: /* @__PURE__ */ l("div", {
+											className: n.expansionGrid,
+											"data-state": o ? "open" : "closed",
+											children: /* @__PURE__ */ l("div", {
+												className: n.expansionInner,
+												children: v(e.row)
+											})
+										})
+									})
+								})] }, e.id);
+							}),
+							!y && C && X < G.length && /* @__PURE__ */ l("tr", {
+								"aria-hidden": "true",
+								style: { height: (G.length - X) * w }
+							}),
+							Oe > 0 && /* @__PURE__ */ l("tr", {
+								"aria-hidden": "true",
+								"data-filler-row": !0,
+								children: /* @__PURE__ */ l("td", {
+									colSpan: Z,
+									style: {
+										blockSize: `calc(var(--_row-height) * ${Oe})`,
+										padding: 0
+									}
+								})
+							})
+						] })
+					]
+				})
+			}),
+			h && /* @__PURE__ */ u("div", {
+				className: n.footer,
+				children: [
+					h.pageSizeOptions && /* @__PURE__ */ u("label", {
+						className: n.pageSize,
+						children: [/* @__PURE__ */ l("span", { children: "Rows per page" }), /* @__PURE__ */ l("select", {
+							value: M.value,
+							onChange: (e) => {
+								M.value = Number(e.target.value), j.value = 1;
+							},
+							children: h.pageSizeOptions.map((e) => /* @__PURE__ */ l("option", {
+								value: e,
+								children: e
+							}, e))
+						})]
+					}),
+					/* @__PURE__ */ u("span", {
+						className: n.range,
+						children: [
+							$,
+							"–",
+							je,
+							" of ",
+							Q
+						]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: n.pageButtons,
+						children: [/* @__PURE__ */ l("button", {
+							type: "button",
+							className: n.pageButton,
+							"aria-label": T.previousPage,
+							disabled: B.value <= 1,
+							onClick: () => {
+								j.value = B.value - 1;
+							},
+							children: /* @__PURE__ */ l("span", {
+								"aria-hidden": "true",
+								children: "‹"
+							})
+						}), /* @__PURE__ */ l("button", {
+							type: "button",
+							className: n.pageButton,
+							"aria-label": T.nextPage,
+							disabled: B.value >= z.value,
+							onClick: () => {
+								j.value = B.value + 1;
+							},
+							children: /* @__PURE__ */ l("span", {
+								"aria-hidden": "true",
+								children: "›"
+							})
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { f as DataTable };

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

@@ -0,0 +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"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,218 @@
+"use client";
+
+import e from "./date-picker.module.js";
+import { batch as t, cn as n, createMachine as r, useMachine as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
+import { builtin as c, currentLocale as ee, t as l } from "@cascivo/i18n";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useId as f, useRef as te } from "react";
+//#region ../components/src/date-picker/date-picker.tsx
+var p = r({
+	initial: "closed",
+	states: {
+		closed: { on: { OPEN: "open" } },
+		open: { on: { CLOSE: "closed" } }
+	}
+});
+function ne(e) {
+	try {
+		let t = new Intl.Locale(e).weekInfo;
+		if (t) return t.firstDay % 7;
+	} catch {}
+	return 1;
+}
+function m(e, t, n) {
+	let r = new Date(Date.UTC(e, t, 1)), i = new Date(Date.UTC(e, t + 1, 0)), a = (r.getUTCDay() - n + 7) % 7, o = [];
+	for (let e = 0; e < a; e++) o.push(null);
+	for (let n = 1; n <= i.getUTCDate(); n++) o.push(new Date(Date.UTC(e, t, n)));
+	for (; o.length % 7 != 0;) o.push(null);
+	let s = [];
+	for (let e = 0; e < o.length; e += 7) s.push(o.slice(e, e + 7));
+	return s;
+}
+function h(e, t) {
+	return new Intl.DateTimeFormat(t).format(e);
+}
+function g(e) {
+	return e.toISOString().slice(0, 10);
+}
+function _(e) {
+	let [t, n, r] = e.split("-").map(Number);
+	return new Date(Date.UTC(t, n - 1, r));
+}
+function v({ value: r, defaultValue: v, onValueChange: y, onChange: b, min: x, max: S, clearable: C = !1, label: w, hint: T, error: E, size: D = "md", disabled: O = !1, labels: k, className: re, id: A }) {
+	s();
+	let [j, M] = i(p), N = f(), P = A ?? `cascade-date-picker-${N}`, F = `${N}-grid`, I = ee(), ie = k?.placeholder ?? l(c.datePicker.placeholder), ae = k?.previousMonth ?? l(c.datePicker.previousMonth), L = k?.nextMonth ?? l(c.datePicker.nextMonth), R = k?.clear ?? l(c.datePicker.clear), z = /* @__PURE__ */ new Date(), B = g(z), V = a(r ?? v);
+	r !== void 0 && (V.value = r);
+	let H = a(V.value ? _(V.value).getUTCFullYear() : z.getUTCFullYear()), U = a(V.value ? _(V.value).getUTCMonth() : z.getUTCMonth()), W = a(V.value), G = te(null);
+	o(() => {
+		if (j.value !== "open") return;
+		let e = (e) => {
+			G.current && !G.current.contains(e.target) && M("CLOSE");
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	});
+	let K = () => {
+		O || M("OPEN");
+	}, q = () => M("CLOSE"), J = y ?? b, Y = (e) => {
+		x && e < x || S && e > S || (r === void 0 && (V.value = e), J?.(e), q());
+	}, oe = (e) => {
+		e.stopPropagation(), r === void 0 && (V.value = void 0), J?.(void 0);
+	}, se = () => {
+		U.value === 0 ? t(() => {
+			H.value--, U.value = 11;
+		}) : U.value--;
+	}, ce = () => {
+		U.value === 11 ? t(() => {
+			H.value++, U.value = 0;
+		}) : U.value++;
+	}, X = ne(I), Z = m(H.value, U.value, X), le = new Intl.DateTimeFormat(I, { weekday: "short" }), ue = Array.from({ length: 7 }, (e, t) => {
+		let n = new Date(Date.UTC(2024, 0, 7 + X + t));
+		return le.format(n);
+	}), Q = new Intl.DateTimeFormat(I, {
+		month: "long",
+		year: "numeric"
+	}).format(new Date(Date.UTC(H.value, U.value, 1))), de = (e) => {
+		let n = W.value;
+		if (!n) return;
+		let r = _(n), i;
+		if (e.key === "ArrowRight") i = new Date(Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate() + 1));
+		else if (e.key === "ArrowLeft") i = new Date(Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate() - 1));
+		else if (e.key === "ArrowDown") i = new Date(Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate() + 7));
+		else if (e.key === "ArrowUp") i = new Date(Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate() - 7));
+		else if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault(), Y(n);
+			return;
+		} else if (e.key === "Escape") {
+			q();
+			return;
+		} else return;
+		if (e.preventDefault(), i) {
+			let e = g(i);
+			if (x && e < x || S && e > S) return;
+			W.value = e, t(() => {
+				H.value = i.getUTCFullYear(), U.value = i.getUTCMonth();
+			});
+		}
+	}, $ = V.value ? h(_(V.value), I) : "";
+	return /* @__PURE__ */ d("div", {
+		ref: G,
+		className: n(e.wrapper, re),
+		"data-state": E ? "error" : j.value,
+		"data-size": D,
+		children: [
+			w && /* @__PURE__ */ u("label", {
+				className: e.label,
+				htmlFor: P,
+				children: w
+			}),
+			/* @__PURE__ */ d("div", {
+				className: e.field,
+				children: [/* @__PURE__ */ d("button", {
+					id: P,
+					type: "button",
+					role: "combobox",
+					"aria-expanded": j.value === "open",
+					"aria-controls": F,
+					"aria-haspopup": "dialog",
+					"aria-invalid": E ? !0 : void 0,
+					"aria-describedby": E ? `${N}-error` : T ? `${N}-hint` : void 0,
+					className: e.trigger,
+					disabled: O,
+					onClick: j.value === "open" ? q : K,
+					children: [/* @__PURE__ */ u("span", {
+						className: n(e.value, $ ? void 0 : e.placeholder),
+						children: $ || ie
+					}), /* @__PURE__ */ u("span", {
+						className: e.icon,
+						"aria-hidden": "true",
+						children: "📅"
+					})]
+				}), C && V.value !== void 0 && /* @__PURE__ */ u("button", {
+					type: "button",
+					className: e.clear,
+					"aria-label": R,
+					onClick: oe,
+					children: "✕"
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				id: F,
+				role: "dialog",
+				"aria-label": Q,
+				className: e.calendar,
+				"data-state": j.value,
+				onKeyDown: de,
+				children: [/* @__PURE__ */ d("div", {
+					className: e.header,
+					children: [
+						/* @__PURE__ */ u("button", {
+							type: "button",
+							className: e.navButton,
+							"aria-label": ae,
+							onClick: se,
+							children: "‹"
+						}),
+						/* @__PURE__ */ u("span", {
+							className: e.monthLabel,
+							"aria-live": "polite",
+							children: Q
+						}),
+						/* @__PURE__ */ u("button", {
+							type: "button",
+							className: e.navButton,
+							"aria-label": L,
+							onClick: ce,
+							children: "›"
+						})
+					]
+				}), /* @__PURE__ */ d("table", {
+					role: "grid",
+					className: e.grid,
+					children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ u("tr", { children: ue.map((t) => /* @__PURE__ */ u("th", {
+						className: e.weekday,
+						abbr: t,
+						scope: "col",
+						children: t
+					}, t)) }) }), /* @__PURE__ */ u("tbody", { children: Z.map((t, n) => /* @__PURE__ */ u("tr", { children: t.map((t, n) => {
+						if (!t) return /* @__PURE__ */ u("td", { className: e.empty }, n);
+						let r = g(t), i = r === V.value, a = r === B, o = r === W.value, s = x !== void 0 && r < x || S !== void 0 && r > S;
+						return /* @__PURE__ */ u("td", {
+							className: e.cell,
+							children: /* @__PURE__ */ u("button", {
+								type: "button",
+								className: e.day,
+								tabIndex: o ? 0 : -1,
+								"aria-pressed": i,
+								"aria-label": h(t, I),
+								"aria-current": a ? "date" : void 0,
+								"aria-disabled": s || void 0,
+								"data-selected": i || void 0,
+								"data-today": a || void 0,
+								onClick: () => {
+									s || Y(r);
+								},
+								onFocus: () => {
+									W.value = r;
+								},
+								children: t.getUTCDate()
+							})
+						}, n);
+					}) }, n)) })]
+				})]
+			}),
+			E && /* @__PURE__ */ u("span", {
+				id: `${N}-error`,
+				className: e.error,
+				role: "alert",
+				children: E
+			}),
+			!E && T && /* @__PURE__ */ u("span", {
+				id: `${N}-hint`,
+				className: e.hint,
+				children: T
+			})
+		]
+	});
+}
+//#endregion
+export { v as DatePicker };

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

@@ -0,0 +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"
+};
+//#endregion
+export { e as default };