@mechane-ai/ui 0.2.1 → 0.3.0

package/dist/collections.js

@@ -0,0 +1,666 @@
+import { C as e, G as t, J as n, at as r, c as i, it as a, m as o, ot as s, rt as c } from "./src-E7YRJBMO.js";
+import { mergeProps as l } from "@base-ui/react/merge-props";
+import * as u from "@stylexjs/stylex";
+import { Fragment as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { ArrowDown as v, ArrowUp as y, ArrowUpDown as b, CalendarDays as x, ChevronLeft as S, ChevronRight as C, Columns3 as w, X as T } from "lucide-react";
+import { createColumnHelper as E, tableFeatures as D, useTable as ee } from "@tanstack/react-table";
+import { defaultRangeExtractor as te, useVirtualizer as ne } from "@tanstack/react-virtual";
+import { DayButton as O, DayPicker as k, TZDate as A } from "@daypicker/react";
+import { Autocomplete as j } from "@base-ui/react/autocomplete";
+import { useFormatForDisplay as M, useHotkeys as N } from "@tanstack/react-hotkeys";
+// packages/collections/src/list-footer.tsx
+function P({ children: e, actions: t, ...n }) {
+	return /* @__PURE__ */ _("div", {
+		...l({ className: "x78zum5 x6s0dn4 x1qughib x1a02dak xtmze7h x1v5xpdt xom4gu7 x178xt8z x13fuv20 x1cbnph0 xv9cywu xoedhln xvmahel x118kxxs x1hyyzld" }, n),
+		children: [/* @__PURE__ */ g("div", { children: e }), t != null && /* @__PURE__ */ g("div", {
+			className: "x78zum5 x6s0dn4 xf0fr40",
+			children: t
+		})]
+	});
+}
+// packages/collections/src/table.tsx
+var F = {
+	kzqmXN: "x5lhr3w",
+	$$css: !0
+}, I = {
+	secondary: {
+		k1xSpc: "x1n9xxwz x1rlgm0d",
+		$$css: !0
+	},
+	compactWidth: {
+		kzqmXN: "x11576mx",
+		$$css: !0
+	},
+	column: (e) => [F, { "--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`${e}%`) }],
+	th: {
+		kVAEAm: "x1n2onr6",
+		kZKoxP: "xc9qbxq",
+		kB7OPa: "x9f619",
+		k8WAf4: "xt970qd",
+		kg3NbH: "xom4gu7",
+		kWkggS: "x1l90twa",
+		kMwMTN: "xv9cywu",
+		kGuDYH: "xut3y95",
+		k63SB2: "xo1l8bm",
+		khDVqt: "xuxw1ft",
+		k5JduY: "x1s928wv",
+		kwXMNM: "x1j6awrg",
+		kLxBhq: "xnbfe2x",
+		k3foIR: "xxb5w0g",
+		k4zj60: "x1a5uphr",
+		kkgrvl: "xv6d0c5",
+		ks3ayO: "x6fk38j",
+		$$css: !0
+	},
+	lastHeader: {
+		kc3QkE: "x1h1zc6f",
+		$$css: !0
+	},
+	lastPrimaryHeader: {
+		kc3QkE: "x10ee7l9",
+		$$css: !0
+	}
+};
+function L({ headers: e, children: t, label: n, ...r }) {
+	let i = e.findLastIndex((e) => typeof e == "string" || e.secondary !== !0);
+	return /* @__PURE__ */ g("div", {
+		role: "region",
+		"aria-label": n,
+		tabIndex: 0,
+		className: "xeuugli xh8yej3 xw2csxc xnktsf1 x9v5kkp x1m2ab5f x1bqaal",
+		children: /* @__PURE__ */ _("table", {
+			...l({ "aria-label": n }, {
+				0: { className: "xh8yej3 x1mwwwfo x1l90twa xoedhln xvmahel x118kxxs x1hyyzld xdpxx8g" },
+				1: { className: "xh8yej3 x1mwwwfo x1l90twa xoedhln xvmahel x118kxxs x1hyyzld xdpxx8g x140o2bo" }
+			}[!!e.some((e) => typeof e != "string") | 0], r),
+			children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ g("tr", { children: e.map((t, n) => /* @__PURE__ */ g("th", {
+				scope: "col",
+				...u.props(I.th, typeof t != "string" && I.column(t.width), typeof t != "string" && I.compactWidth, typeof t != "string" && t.secondary === !0 && I.secondary, n === e.length - 1 && I.lastHeader, n === i && I.lastPrimaryHeader),
+				children: typeof t == "string" ? t : t.label
+			}, typeof t == "string" ? t : t.label)) }) }), /* @__PURE__ */ g("tbody", { children: t })]
+		})
+	});
+}
+function R({ children: e, secondary: t = !1, mobileLabel: n, ...r }) {
+	return /* @__PURE__ */ _("td", {
+		...l({
+			0: { className: "x14o62y9 x9f619 x1t0vds8 xom4gu7 xgl13c xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv" },
+			1: { className: "x14o62y9 x9f619 x1t0vds8 xom4gu7 xgl13c xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv x1n9xxwz x1rlgm0d" }
+		}[!!t | 0], r),
+		children: [e, n !== void 0 && /* @__PURE__ */ g("small", {
+			className: "x1s85apg xoozo8h xv9cywu xut3y95 xam3yii xb3r6kr xlyipyv",
+			children: n
+		})]
+	});
+}
+// packages/collections/src/inspector.tsx
+function z({ master: e, detail: t, label: n, ...r }) {
+	return /* @__PURE__ */ _("div", {
+		...l({ className: "xrvj5dj x1mkdm3x xmkeg23 x1y0btm7 x1yww3zy x1fa2hmj x1l90twa xb3r6kr" }, r),
+		children: [/* @__PURE__ */ g("div", {
+			className: "xeuugli",
+			children: e
+		}), /* @__PURE__ */ g("aside", {
+			"aria-label": n,
+			className: "xeuugli x1y2y7x9 x1l90twa x178xt8z x13fuv20 x1cbnph0",
+			children: t
+		})]
+	});
+}
+function B({ items: e, ...t }) {
+	return /* @__PURE__ */ g("dl", {
+		...l({ className: "x1ghz6dp xrvj5dj x10i657a xeneseh x17nxlul xoedhln xvmahel x118kxxs x1hyyzld" }, t),
+		children: e.map(({ label: e, value: t }) => /* @__PURE__ */ _("div", {
+			className: "xjp7ctv",
+			children: [/* @__PURE__ */ g("dt", {
+				className: "xv9cywu",
+				children: e
+			}), /* @__PURE__ */ g("dd", {
+				className: "x1ghz6dp xgl13c xj0a0fe xss6m8b",
+				children: t
+			})]
+		}, e))
+	});
+}
+// packages/collections/src/data-table.tsx
+var V = D({}), H = {
+	kmVPX3: "x1717udv",
+	kMzoRj: "xc342km",
+	$$css: !0
+}, U = {
+	viewport: {
+		k7Eaqz: "xeuugli",
+		kVQacm: "xysyzu8",
+		kZeWKH: "xish69e",
+		kPJHz1: "xnktsf1",
+		k7shQP: "x9v5kkp",
+		kZs9gx: "x1m2ab5f",
+		kiEn40: "x1bqaal",
+		$$css: !0
+	},
+	virtual: (e) => [{
+		kskxy: e == null ? e : "x1jols5v",
+		$$css: !0
+	}, { "--x-maxHeight": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }],
+	header: {
+		kVAEAm: "x7wzq59",
+		k87sOh: "x13vifvy",
+		kY2c9j: "x1vjfegm",
+		kZKoxP: "xc9qbxq",
+		k8WAf4: "xt970qd",
+		kg3NbH: "xom4gu7",
+		kt9PQ7: "xso031l",
+		kfdmCh: "x1q0q8m5",
+		kL6WhQ: "x7a6td9",
+		kMwMTN: "xv9cywu",
+		kWkggS: "x1l90twa",
+		k63SB2: "xo1l8bm",
+		kGuDYH: "xut3y95",
+		khDVqt: "xuxw1ft",
+		$$css: !0
+	},
+	cell: {
+		k8WAf4: "x4wz14",
+		kg3NbH: "xom4gu7",
+		kXLuUW: "xxymvpz",
+		kHjlTd: "xj0a0fe",
+		$$css: !0
+	},
+	start: {
+		k9WMMc: "x1yc453h",
+		$$css: !0
+	},
+	end: {
+		k9WMMc: "xp4054r",
+		$$css: !0
+	},
+	width: (e) => [{
+		kzqmXN: e == null ? e : "x5lhr3w",
+		$$css: !0
+	}, { "--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }],
+	spacer: (e) => [
+		H,
+		{
+			kZKoxP: e == null ? e : "x16ye13r",
+			$$css: !0
+		},
+		{ "--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
+	]
+}, W = {
+	start: U.start,
+	end: U.end
+};
+function G({ rows: t, columns: n, getRowId: r, caption: i, empty: a, sort: o, onSortChange: s, selectedIds: c, onSelectionChange: l, selectionLabel: x, window: S, footer: C }) {
+	let w = p(() => {
+		let e = E();
+		return e.columns(n.map((t) => e.display({
+			id: t.id,
+			header: t.label
+		})));
+	}, [n]), T = ee({
+		features: V,
+		columns: w,
+		data: t,
+		getRowId: r
+	}), D = m(null), O = m(null), k = m(null), [A, j] = h(0), [M, N] = h(), P = t.findIndex((e) => r(e) === M);
+	f(() => {
+		let e = O.current, t = k.current;
+		if (S === void 0 || e === null || t === null) return;
+		let n = new ResizeObserver(() => j(e.offsetHeight + t.offsetHeight));
+		return n.observe(e), n.observe(t), () => n.disconnect();
+	}, [S]);
+	let F = ne({
+		count: t.length,
+		enabled: S !== void 0,
+		getScrollElement: () => D.current,
+		getItemKey: (e) => {
+			let n = t[e];
+			if (n === void 0) throw RangeError("The virtual row is outside the supplied table page.");
+			return r(n);
+		},
+		estimateSize: () => S?.estimatedRowHeight ?? 44,
+		scrollMargin: A,
+		scrollPaddingStart: A,
+		overscan: 6,
+		rangeExtractor: (e) => {
+			let n = te(e);
+			return P === -1 ? n : [.../* @__PURE__ */ new Set([
+				...n,
+				P - 1,
+				P,
+				P + 1
+			])].filter((e) => e >= 0 && e < t.length).toSorted((e, t) => e - t);
+		}
+	}), I = S === void 0 ? T.getRowModel().rows.map((e, t) => ({
+		row: e,
+		index: t,
+		gap: 0
+	})) : F.getVirtualItems().flatMap((e, t, n) => {
+		let r = T.getRowModel().rows[e.index];
+		return r === void 0 ? [] : [{
+			row: r,
+			index: e.index,
+			gap: e.start - (n[t - 1]?.end ?? A)
+		}];
+	}), L = n.length + (c === void 0 ? 0 : 1), R = F.getTotalSize() - (F.getVirtualItems().at(-1)?.end ?? A) + A;
+	return /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("div", {
+		ref: D,
+		role: "region",
+		"aria-label": i,
+		tabIndex: 0,
+		...u.props(U.viewport, S !== void 0 && U.virtual(S.height)),
+		children: /* @__PURE__ */ _("table", {
+			"aria-rowcount": S === void 0 ? void 0 : t.length + 1,
+			className: "xh8yej3 x1mwwwfo xoedhln x118kxxs x1hyyzld xss6m8b xdpxx8g xgl13c x1l90twa",
+			children: [
+				/* @__PURE__ */ g("caption", {
+					ref: O,
+					className: "xdpxx8g x1h65vws xv9cywu xut3y95",
+					children: i
+				}),
+				/* @__PURE__ */ g("thead", {
+					ref: k,
+					children: /* @__PURE__ */ _("tr", { children: [c !== void 0 && /* @__PURE__ */ g("th", {
+						scope: "col",
+						className: "x7wzq59 x13vifvy x1vjfegm xc9qbxq xt970qd xso031l x1q0q8m5 x7a6td9 xv9cywu x1l90twa xo1l8bm xut3y95 xuxw1ft x187nhsf xom4gu7",
+						children: "Select"
+					}), n.map((e) => {
+						let t = o?.columnId === e.id ? o.direction : void 0;
+						return /* @__PURE__ */ g("th", {
+							scope: "col",
+							"aria-sort": t,
+							...u.props(U.header, W[e.align ?? "start"], e.width !== void 0 && U.width(e.width)),
+							children: e.sortable === !0 && s !== void 0 ? /* @__PURE__ */ _("button", {
+								type: "button",
+								className: "x3nfvp2 x6s0dn4 xf0fr40 x1ansdh9 xekz7sd x1717udv xc342km x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x1ypdohk x3asxtb xnktsf1 x9v5kkp x1m2ab5f x7s97pk",
+								onClick: () => {
+									s(t === "ascending" ? {
+										columnId: e.id,
+										direction: "descending"
+									} : t === "descending" ? void 0 : {
+										columnId: e.id,
+										direction: "ascending"
+									});
+								},
+								children: [e.label, g(t === "ascending" ? y : t === "descending" ? v : b, {
+									size: 14,
+									"aria-hidden": "true"
+								})]
+							}) : e.label
+						}, e.id);
+					})] })
+				}),
+				/* @__PURE__ */ _("tbody", {
+					onBlur: (e) => {
+						e.currentTarget.contains(e.relatedTarget) || N(void 0);
+					},
+					children: [
+						I.map(({ row: t, index: r, gap: i }) => /* @__PURE__ */ _(d, { children: [i > 0 && /* @__PURE__ */ g("tr", {
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ g("td", {
+								colSpan: L,
+								...u.props(U.spacer(i))
+							})
+						}), /* @__PURE__ */ _("tr", {
+							"data-index": r,
+							"aria-rowindex": S === void 0 ? void 0 : r + 2,
+							ref: S === void 0 ? void 0 : F.measureElement,
+							onFocus: () => N(t.id),
+							...{
+								0: { className: "x14o62y9 xso031l x1q0q8m5 x7a6td9 x160po9z" },
+								1: { className: "x14o62y9 xso031l x1q0q8m5 x7a6td9 x160po9z xzriygp" }
+							}[c?.has(t.id) === !0 | 0],
+							children: [c !== void 0 && /* @__PURE__ */ g("td", {
+								className: "x4wz14 xxymvpz xj0a0fe x187nhsf xom4gu7",
+								children: /* @__PURE__ */ g(e.Root, {
+									"aria-label": x(t.original),
+									checked: c.has(t.id),
+									onCheckedChange: (e) => {
+										let n = new Set(c);
+										e ? n.add(t.id) : n.delete(t.id), l(n);
+									},
+									children: /* @__PURE__ */ g(e.Indicator, {})
+								})
+							}), n.map((e) => /* @__PURE__ */ g("td", {
+								...u.props(U.cell, W[e.align ?? "start"]),
+								children: e.cell(t.original)
+							}, e.id))]
+						})] }, t.id)),
+						S !== void 0 && R > 0 && /* @__PURE__ */ g("tr", {
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ g("td", {
+								colSpan: L,
+								...u.props(U.spacer(R))
+							})
+						}),
+						t.length === 0 && /* @__PURE__ */ g("tr", { children: /* @__PURE__ */ g("td", {
+							colSpan: L,
+							className: "xpt1zns x2b8uid xv9cywu",
+							children: a
+						}) })
+					]
+				})
+			]
+		})
+	}), C !== void 0 && /* @__PURE__ */ g("div", {
+		className: "x1h65vws x178xt8z x13fuv20 x1cbnph0",
+		children: C
+	})] });
+}
+// packages/collections/src/collection-controls.tsx
+function K({ label: e, children: t, actions: n }) {
+	return /* @__PURE__ */ _("div", {
+		role: "group",
+		"aria-label": e,
+		className: "x78zum5 x6s0dn4 x1a02dak xf0fr40 x1h65vws xso031l x1q0q8m5 x7a6td9",
+		children: [t, n !== void 0 && /* @__PURE__ */ g("div", {
+			className: "x78zum5 x6s0dn4 xf0fr40 xvc5jky",
+			children: n
+		})]
+	});
+}
+function q({ filters: e, onRemove: t, label: n = "Applied filters" }) {
+	return /* @__PURE__ */ g("div", {
+		role: "group",
+		"aria-label": n,
+		className: "x78zum5 x6s0dn4 x1a02dak xf0fr40",
+		children: e.map((e) => /* @__PURE__ */ _("span", {
+			className: "x3nfvp2 x6s0dn4 xzwl0l2 xd85154 xmkeg23 x1y0btm7 x1yww3zy x12oqio5 x1l90twa xgl13c xoedhln x118kxxs",
+			children: [e.label, /* @__PURE__ */ g(r, {
+				"aria-label": `Remove ${e.label}`,
+				variant: "ghost",
+				onClick: () => t(e.id),
+				children: /* @__PURE__ */ g(T, {
+					size: 14,
+					"aria-hidden": "true"
+				})
+			})]
+		}, e.id))
+	});
+}
+function J({ columns: t, onVisibilityChange: n, label: r = "Columns" }) {
+	return /* @__PURE__ */ _(o.Root, { children: [/* @__PURE__ */ _(o.Trigger, {
+		render: /* @__PURE__ */ g(a, { variant: "outline" }),
+		children: [/* @__PURE__ */ g(w, {
+			size: 16,
+			"aria-hidden": "true"
+		}), r]
+	}), /* @__PURE__ */ g(o.Portal, { children: /* @__PURE__ */ g(o.Positioner, {
+		align: "end",
+		children: /* @__PURE__ */ g(o.Popup, {
+			"aria-label": r,
+			children: /* @__PURE__ */ g("div", {
+				className: "xrvj5dj xtmze7h xfb3i0g",
+				children: t.map((t) => /* @__PURE__ */ _("label", {
+					className: "x78zum5 x6s0dn4 xf0fr40 xgl13c x118kxxs xoedhln",
+					children: [/* @__PURE__ */ g(e.Root, {
+						checked: t.visible,
+						onCheckedChange: (e) => n(t.id, e),
+						disabled: t.required,
+						children: /* @__PURE__ */ g(e.Indicator, {})
+					}), t.label]
+				}, t.id))
+			})
+		})
+	}) })] });
+}
+function Y({ description: e, previous: t, next: n }) {
+	return /* @__PURE__ */ _("nav", {
+		"aria-label": "Pagination",
+		className: "x78zum5 x6s0dn4 x1qughib x1a02dak xlye18i",
+		children: [/* @__PURE__ */ g(c, { children: e }), /* @__PURE__ */ _("div", {
+			className: "x78zum5 x6s0dn4 xf0fr40 xvc5jky",
+			children: [/* @__PURE__ */ _(a, {
+				variant: "outline",
+				disabled: t.disabled,
+				onClick: t.onClick,
+				children: [/* @__PURE__ */ g(S, {
+					size: 16,
+					"aria-hidden": "true"
+				}), "Previous"]
+			}), /* @__PURE__ */ _(a, {
+				variant: "outline",
+				disabled: n.disabled,
+				onClick: n.onClick,
+				children: ["Next", /* @__PURE__ */ g(C, {
+					size: 16,
+					"aria-hidden": "true"
+				})]
+			})]
+		})]
+	});
+}
+// packages/collections/src/calendar.tsx
+function X(e, t) {
+	return new A(e.year, e.month - 1, e.day, 12, 0, 0, t);
+}
+function Z(e) {
+	return {
+		year: e.getFullYear(),
+		month: e.getMonth() + 1,
+		day: e.getDate()
+	};
+}
+function re({ className: e, modifiers: t, ...n }) {
+	let r = {
+		0: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 x9r1u3d x1fa2hmj xjbqb8w xgl13c xoedhln x118kxxs xss6m8b x1ypdohk x13xo852 xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42" },
+		8: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 x9r1u3d x1fa2hmj xjbqb8w xoedhln x118kxxs xss6m8b x1ypdohk x13xo852 xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 xv9cywu" },
+		4: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 x1fa2hmj xjbqb8w xgl13c xoedhln x118kxxs xss6m8b x1ypdohk x13xo852 xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 x1yww3zy" },
+		12: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 x1fa2hmj xjbqb8w xoedhln x118kxxs xss6m8b x1ypdohk x13xo852 xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 xv9cywu x1yww3zy" },
+		2: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 x9r1u3d x1fa2hmj xoedhln x118kxxs xss6m8b x1ypdohk xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 xdmi70j x19sv33v x2efpn4" },
+		10: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 x9r1u3d x1fa2hmj xoedhln x118kxxs xss6m8b x1ypdohk xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 xdmi70j x19sv33v x2efpn4" },
+		6: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 x1fa2hmj xoedhln x118kxxs xss6m8b x1ypdohk xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 x1yww3zy xdmi70j x19sv33v x2efpn4" },
+		14: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 x1fa2hmj xoedhln x118kxxs xss6m8b x1ypdohk xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 x1yww3zy xdmi70j x19sv33v x2efpn4" },
+		1: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 x9r1u3d xoedhln x118kxxs xss6m8b x1ypdohk xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 x2u8bby xgl13c x1m7rfvg x13xo852" },
+		9: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 x9r1u3d xoedhln x118kxxs xss6m8b x1ypdohk xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 x2u8bby xgl13c x1m7rfvg x13xo852" },
+		5: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 xoedhln x118kxxs xss6m8b x1ypdohk xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 x1yww3zy x2u8bby xgl13c x1m7rfvg x13xo852" },
+		13: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 xoedhln x118kxxs xss6m8b x1ypdohk xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 x1yww3zy x2u8bby xgl13c x1m7rfvg x13xo852" },
+		3: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 x9r1u3d xoedhln x118kxxs xss6m8b x1ypdohk xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 x2u8bby xgl13c x1m7rfvg x13xo852" },
+		11: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 x9r1u3d xoedhln x118kxxs xss6m8b x1ypdohk xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 x2u8bby xgl13c x1m7rfvg x13xo852" },
+		7: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 xoedhln x118kxxs xss6m8b x1ypdohk xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 x1yww3zy x2u8bby xgl13c x1m7rfvg x13xo852" },
+		15: { className: "x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 xoedhln x118kxxs xss6m8b x1ypdohk xnktsf1 x9v5kkp x1m2ab5f x1bqaal xe5wh3a xtgyt42 x1yww3zy x2u8bby xgl13c x1m7rfvg x13xo852" }
+	}[(t.outside === !0) << 3 | (t.today === !0) << 2 | (t.selected === !0) << 1 | t.range_middle === !0];
+	return /* @__PURE__ */ g(O, {
+		...n,
+		modifiers: t,
+		className: [e, r.className].filter(Boolean).join(" ")
+	});
+}
+function Q(e) {
+	let { locale: t, timeZone: n, today: r, initialMonth: i, minimum: a, maximum: o, weekStartsOn: s = 1, label: c } = e, l = [];
+	a !== void 0 && l.push({ before: X(a, n) }), o !== void 0 && l.push({ after: X(o, n) });
+	let u = {
+		"aria-label": c,
+		timeZone: n,
+		noonSafe: !0,
+		autoFocus: e.autoFocus ?? !1,
+		weekStartsOn: s,
+		today: X(r, n),
+		defaultMonth: X(i, n),
+		startMonth: a === void 0 ? void 0 : X(a, n),
+		disabled: l,
+		showOutsideDays: !0,
+		components: { DayButton: re },
+		classNames: {
+			root: { className: "xgl13c x1l90twa xoedhln x118kxxs x1hyyzld x1717udv xezivpi x193iq5w" }.className ?? "",
+			months: { className: "x78zum5 x1a02dak x1n2onr6 x179h1ev" }.className ?? "",
+			month_caption: { className: "x78zum5 x6s0dn4 xl56j7k x75emn7 xegg4c4" }.className ?? "",
+			caption_label: { className: "x1hm5896 xk50ysn" }.className ?? "",
+			nav: { className: "x10l6tqk x17y0mx6 x13vifvy x78zum5 x1qughib x47corl" }.className ?? "",
+			button_previous: { className: "x3nfvp2 x6s0dn4 xl56j7k x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 x1yww3zy x1fa2hmj xgl13c x1l90twa x67bb7w x1ypdohk xe5wh3a xtgyt42 x13xo852 xnktsf1 x9v5kkp x1m2ab5f x13iak60" }.className ?? "",
+			button_next: { className: "x3nfvp2 x6s0dn4 xl56j7k x1mji6ln xbr7t2x x75emn7 xv0o0l7 x1717udv xmkeg23 x1y0btm7 x1yww3zy x1fa2hmj xgl13c x1l90twa x67bb7w x1ypdohk xe5wh3a xtgyt42 x13xo852 xnktsf1 x9v5kkp x1m2ab5f x13iak60" }.className ?? "",
+			chevron: { className: "xbor0ac x1sqm5u1 x117rol3" }.className ?? "",
+			month_grid: { className: "x1mwwwfo x1gukg7c" }.className ?? "",
+			weekday: { className: "xv9cywu xo1l8bm xut3y95 xqnyy47 x2b8uid" }.className ?? "",
+			day: { className: "x1717udv x2b8uid" }.className ?? "",
+			hidden: { className: "xlshs6z" }.className ?? ""
+		},
+		formatters: {
+			formatCaption: (e) => new Intl.DateTimeFormat(t, {
+				month: "long",
+				year: "numeric",
+				timeZone: n
+			}).format(e),
+			formatDay: (e) => new Intl.DateTimeFormat(t, {
+				day: "numeric",
+				timeZone: n
+			}).format(e),
+			formatWeekdayName: (e) => new Intl.DateTimeFormat(t, {
+				weekday: "short",
+				timeZone: n
+			}).format(e)
+		}
+	};
+	if (o !== void 0 && (u.endMonth = X(o, n)), e.mode === "single") return /* @__PURE__ */ g(k, {
+		...u,
+		mode: "single",
+		selected: e.value === void 0 ? void 0 : X(e.value, n),
+		onSelect: (t) => e.onValueChange(t === void 0 ? void 0 : Z(t))
+	}, n);
+	let d = e.value === void 0 ? void 0 : {
+		from: X(e.value.from, n),
+		to: e.value.to === void 0 ? void 0 : X(e.value.to, n)
+	};
+	return /* @__PURE__ */ g(k, {
+		...u,
+		mode: "range",
+		resetOnSelect: !0,
+		selected: d,
+		onSelect: (t) => e.onValueChange(t?.from === void 0 ? void 0 : {
+			from: Z(t.from),
+			to: t.to === void 0 ? void 0 : Z(t.to)
+		})
+	}, n);
+}
+// packages/collections/src/date-range-picker.tsx
+function ie({ label: e, value: t, onValueChange: n, formatValue: r, presets: i = [], disabled: c, ...l }) {
+	let [u, d] = h(!1);
+	return /* @__PURE__ */ _(o.Root, {
+		open: u,
+		onOpenChange: d,
+		children: [/* @__PURE__ */ _(o.Trigger, {
+			disabled: c,
+			render: /* @__PURE__ */ g(a, { variant: "outline" }),
+			"aria-label": e,
+			children: [/* @__PURE__ */ g(x, {
+				size: 16,
+				"aria-hidden": "true"
+			}), t === void 0 ? e : r(t)]
+		}), /* @__PURE__ */ g(o.Portal, { children: /* @__PURE__ */ g(o.Positioner, {
+			align: "start",
+			children: /* @__PURE__ */ g(o.Popup, {
+				"aria-label": e,
+				children: /* @__PURE__ */ _("div", {
+					className: "x78zum5 xdt5ytf xf0fr40",
+					children: [
+						i.length > 0 && /* @__PURE__ */ g("div", {
+							role: "group",
+							"aria-label": "Date presets",
+							className: "x78zum5 x1a02dak xzwl0l2 x1bj9b0c xso031l x1q0q8m5 x7a6td9",
+							children: i.map((e) => /* @__PURE__ */ g(a, {
+								size: "sm",
+								variant: "ghost",
+								onClick: () => {
+									n(e.value), d(!1);
+								},
+								children: e.label
+							}, e.id))
+						}),
+						/* @__PURE__ */ g(Q, {
+							...l,
+							label: e,
+							mode: "range",
+							autoFocus: !0,
+							value: t,
+							onValueChange: (e) => {
+								n(e), e?.to !== void 0 && d(!1);
+							}
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "x78zum5 x1qughib x6s0dn4 xlye18i xcrgp8e x178xt8z x13fuv20 x1cbnph0 xut3y95 xv9cywu",
+							children: [/* @__PURE__ */ g("span", { children: l.timeZone }), /* @__PURE__ */ g(s, {
+								disabled: t === void 0,
+								onClick: () => n(void 0),
+								children: "Clear"
+							})]
+						})
+					]
+				})
+			})
+		}) })]
+	});
+}
+// packages/collections/src/command.tsx
+function ae({ commands: e, target: t, enabled: n }) {
+	let r = e.flatMap((e) => !n || e.disabled === !0 || e.shortcut === void 0 ? [] : [{
+		hotkey: e.shortcut,
+		callback: (n) => {
+			if (n.defaultPrevented || n.repeat) return;
+			let r = t !== null && "current" in t ? t.current : t, i = n.target instanceof Element ? n.target.closest("dialog[open], [role=\"dialog\"][aria-modal=\"true\"], [role=\"alertdialog\"]") : null;
+			(i === null || r !== null && i.contains(r)) && (n.preventDefault(), n.stopPropagation(), e.onSelect());
+		},
+		options: {
+			requireReset: !0,
+			meta: { name: e.label }
+		}
+	}]);
+	N(r, {
+		target: t,
+		ignoreInputs: !0,
+		ignoreDefaultPrevented: !0,
+		preventDefault: !1,
+		stopPropagation: !1,
+		conflictBehavior: "error"
+	});
+}
+function $({ shortcut: e }) {
+	let t = M();
+	return /* @__PURE__ */ g(i, { children: t(e) });
+}
+function oe({ open: e, onOpenChange: r, title: i, commands: a, trigger: o, placeholder: s = "Search commands…", empty: c = "No matching commands" }) {
+	return /* @__PURE__ */ _(t.Root, {
+		open: e,
+		onOpenChange: r,
+		children: [o !== void 0 && /* @__PURE__ */ g(t.Trigger, { render: o }), /* @__PURE__ */ _(t.Portal, { children: [/* @__PURE__ */ g(t.Backdrop, {}), /* @__PURE__ */ g(t.Popup, { children: /* @__PURE__ */ _("div", {
+			className: "x78zum5 xdt5ytf xtmze7h",
+			children: [/* @__PURE__ */ g(t.Title, { children: i }), /* @__PURE__ */ _(j.Root, {
+				items: a,
+				itemToStringValue: (e) => e.label,
+				inline: !0,
+				open: !0,
+				autoHighlight: "always",
+				children: [
+					/* @__PURE__ */ g(j.Input, {
+						"aria-label": s,
+						placeholder: s,
+						render: /* @__PURE__ */ g(n, {})
+					}),
+					/* @__PURE__ */ g(j.List, {
+						className: "x1717udv x1ghz6dp x1sslpiy x1odjw0f xish69e",
+						children: (e) => /* @__PURE__ */ _(j.Item, {
+							value: e,
+							disabled: e.disabled,
+							className: "x78zum5 x6s0dn4 xlye18i x1ansdh9 xekz7sd x4wz14 x13hf59f x1fa2hmj xgl13c x1l90twa xoedhln x118kxxs x1hyyzld x1ypdohk x165d675 x1fbevvf x1ch7a9t x1m8qfh3",
+							onClick: () => {
+								r(!1), e.onSelect();
+							},
+							children: [/* @__PURE__ */ _("span", {
+								className: "x98rzlu xeuugli",
+								children: [e.label, e.description !== void 0 && /* @__PURE__ */ g("span", {
+									className: "x1lliihq xv9cywu xut3y95 xam3yii",
+									children: e.description
+								})]
+							}), e.shortcut !== void 0 && /* @__PURE__ */ g($, { shortcut: e.shortcut })]
+						}, e.id)
+					}),
+					/* @__PURE__ */ g(j.Empty, {
+						className: "x1h65vws xv9cywu x118kxxs xjl7jj",
+						children: c
+					})
+				]
+			})]
+		}) })] })]
+	});
+}
+export { Q as Calendar, R as Cell, Y as CollectionPagination, K as CollectionToolbar, J as ColumnControls, oe as CommandPalette, G as DataTable, ie as DateRangePicker, B as Details, q as FilterChips, z as Inspector, P as ListFooter, $ as ShortcutHint, L as Table, ae as useCommandShortcuts };

package/dist/content/code.js

@@ -0,0 +1 @@
+export { t as CodeBlock } from "../code-BJp-g4Fw.js";