@mechane-ai/elements 0.0.0-stage → 0.4.1

package/dist/forms/dates.js

@@ -0,0 +1,168 @@
+import { b as e, v as t } from "../src-CbYaLvhD.js";
+import { r as n } from "../src-CfDf8TY8.js";
+import "@stylexjs/stylex";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { CalendarDays as o } from "lucide-react";
+import { DayButton as s, DayPicker as c, TZDate as l } from "@daypicker/react";
+// packages/forms/src/dates/calendar.tsx
+function u(e, t) {
+	return new l(e.year, e.month - 1, e.day, 12, 0, 0, t);
+}
+function d(e) {
+	return {
+		year: e.getFullYear(),
+		month: e.getMonth() + 1,
+		day: e.getDate()
+	};
+}
+function f({ className: e, modifiers: t, ...n }) {
+	let r = {
+		0: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x9r1u3d x1ok0vyi xjbqb8w xbixft x1hz01jw xtqrqnz xss6m8b x1ypdohk x1kocd79 x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42" },
+		8: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x9r1u3d x1ok0vyi xjbqb8w x1hz01jw xtqrqnz xss6m8b x1ypdohk x1kocd79 x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x153jb6y" },
+		4: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x1ok0vyi xjbqb8w xbixft x1hz01jw xtqrqnz xss6m8b x1ypdohk x1kocd79 x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x1ey3b81" },
+		12: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x1ok0vyi xjbqb8w x1hz01jw xtqrqnz xss6m8b x1ypdohk x1kocd79 x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x153jb6y x1ey3b81" },
+		2: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x9r1u3d x1ok0vyi x1hz01jw xtqrqnz xss6m8b x1ypdohk x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x1ymx3u3 x1pt885t xdz1fc1" },
+		10: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x9r1u3d x1ok0vyi x1hz01jw xtqrqnz xss6m8b x1ypdohk x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x1ymx3u3 x1pt885t xdz1fc1" },
+		6: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x1ok0vyi x1hz01jw xtqrqnz xss6m8b x1ypdohk x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x1ey3b81 x1ymx3u3 x1pt885t xdz1fc1" },
+		14: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x1ok0vyi x1hz01jw xtqrqnz xss6m8b x1ypdohk x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x1ey3b81 x1ymx3u3 x1pt885t xdz1fc1" },
+		1: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x9r1u3d x1hz01jw xtqrqnz xss6m8b x1ypdohk x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x2u8bby xbixft x1r7kqkb x1kocd79" },
+		9: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x9r1u3d x1hz01jw xtqrqnz xss6m8b x1ypdohk x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x2u8bby xbixft x1r7kqkb x1kocd79" },
+		5: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x1hz01jw xtqrqnz xss6m8b x1ypdohk x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x1ey3b81 x2u8bby xbixft x1r7kqkb x1kocd79" },
+		13: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x1hz01jw xtqrqnz xss6m8b x1ypdohk x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x1ey3b81 x2u8bby xbixft x1r7kqkb x1kocd79" },
+		3: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x9r1u3d x1hz01jw xtqrqnz xss6m8b x1ypdohk x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x2u8bby xbixft x1r7kqkb x1kocd79" },
+		11: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x9r1u3d x1hz01jw xtqrqnz xss6m8b x1ypdohk x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x2u8bby xbixft x1r7kqkb x1kocd79" },
+		7: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x1hz01jw xtqrqnz xss6m8b x1ypdohk x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x1ey3b81 x2u8bby xbixft x1r7kqkb x1kocd79" },
+		15: { className: "xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x1hz01jw xtqrqnz xss6m8b x1ypdohk x13qnu6 x9v5kkp x19rmrnh x1bqaal x19tlqzf xtgyt42 x1ey3b81 x2u8bby xbixft x1r7kqkb x1kocd79" }
+	}[(t.outside === !0) << 3 | (t.today === !0) << 2 | (t.selected === !0) << 1 | t.range_middle === !0];
+	return /* @__PURE__ */ i(s, {
+		...n,
+		modifiers: t,
+		className: [e, r.className].filter(Boolean).join(" ")
+	});
+}
+function p(e) {
+	let { locale: t, timeZone: n, today: r, initialMonth: a, minimum: o, maximum: s, weekStartsOn: l = 1, label: p } = e, m = [];
+	o !== void 0 && m.push({ before: u(o, n) }), s !== void 0 && m.push({ after: u(s, n) });
+	let h = {
+		"aria-label": p,
+		timeZone: n,
+		noonSafe: !0,
+		autoFocus: e.autoFocus ?? !1,
+		weekStartsOn: l,
+		today: u(r, n),
+		defaultMonth: u(a, n),
+		startMonth: o === void 0 ? void 0 : u(o, n),
+		disabled: m,
+		showOutsideDays: !0,
+		components: { DayButton: f },
+		classNames: {
+			root: { className: "xbixft xpvm0e4 x1hz01jw xtqrqnz x1778rvt x1717udv xezivpi x193iq5w" }.className ?? "",
+			months: { className: "x78zum5 x1a02dak x1n2onr6 x1j825kq" }.className ?? "",
+			month_caption: { className: "x78zum5 x6s0dn4 xl56j7k xoywjyl x1jfksii" }.className ?? "",
+			caption_label: { className: "x12myhf4 xk50ysn" }.className ?? "",
+			nav: { className: "x10l6tqk x17y0mx6 x13vifvy x78zum5 x1qughib x47corl" }.className ?? "",
+			button_previous: { className: "x3nfvp2 x6s0dn4 xl56j7k xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xbixft xpvm0e4 x67bb7w x1ypdohk x19tlqzf xtgyt42 x1kocd79 x13qnu6 x9v5kkp x19rmrnh x13iak60" }.className ?? "",
+			button_next: { className: "x3nfvp2 x6s0dn4 xl56j7k xifnfrx xi5vo7p xoywjyl x17kqdoe x1717udv xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xbixft xpvm0e4 x67bb7w x1ypdohk x19tlqzf xtgyt42 x1kocd79 x13qnu6 x9v5kkp x19rmrnh x13iak60" }.className ?? "",
+			chevron: { className: "xtwnzbg x18utl2x x117rol3" }.className ?? "",
+			month_grid: { className: "x1mwwwfo x1gukg7c" }.className ?? "",
+			weekday: { className: "x153jb6y xo1l8bm xy8obcc xabs2wf 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 (s !== void 0 && (h.endMonth = u(s, n)), e.mode === "single") return /* @__PURE__ */ i(c, {
+		...h,
+		mode: "single",
+		selected: e.value === void 0 ? void 0 : u(e.value, n),
+		onSelect: (t) => e.onValueChange(t === void 0 ? void 0 : d(t))
+	}, n);
+	let g = e.value === void 0 ? void 0 : {
+		from: u(e.value.from, n),
+		to: e.value.to === void 0 ? void 0 : u(e.value.to, n)
+	};
+	return /* @__PURE__ */ i(c, {
+		...h,
+		mode: "range",
+		resetOnSelect: !0,
+		selected: g,
+		onSelect: (t) => e.onValueChange(t?.from === void 0 ? void 0 : {
+			from: d(t.from),
+			to: t.to === void 0 ? void 0 : d(t.to)
+		})
+	}, n);
+}
+// packages/forms/src/dates/date-range-picker.tsx
+function m({ label: s, value: c, onValueChange: l, formatValue: u, presets: d = [], disabled: f, ...m }) {
+	let [h, g] = r(!1);
+	return /* @__PURE__ */ a(n.Root, {
+		open: h,
+		onOpenChange: g,
+		children: [/* @__PURE__ */ a(n.Trigger, {
+			disabled: f,
+			render: /* @__PURE__ */ i(t, { variant: "outline" }),
+			"aria-label": s,
+			children: [/* @__PURE__ */ i(o, {
+				size: 16,
+				"aria-hidden": "true"
+			}), c === void 0 ? s : u(c)]
+		}), /* @__PURE__ */ i(n.Portal, { children: /* @__PURE__ */ i(n.Positioner, {
+			align: "start",
+			children: /* @__PURE__ */ i(n.Popup, {
+				"aria-label": s,
+				children: /* @__PURE__ */ a("div", {
+					className: "x78zum5 xdt5ytf x1hnptsi",
+					children: [
+						d.length > 0 && /* @__PURE__ */ i("div", {
+							role: "group",
+							"aria-label": "Date presets",
+							className: "x78zum5 x1a02dak xunmzkg xmmm7uk xso031l x1q0q8m5 x1qndepd",
+							children: d.map((e) => /* @__PURE__ */ i(t, {
+								size: "sm",
+								variant: "ghost",
+								onClick: () => {
+									l(e.value), g(!1);
+								},
+								children: e.label
+							}, e.id))
+						}),
+						/* @__PURE__ */ i(p, {
+							...m,
+							label: s,
+							mode: "range",
+							autoFocus: !0,
+							value: c,
+							onValueChange: (e) => {
+								l(e), e?.to !== void 0 && g(!1);
+							}
+						}),
+						/* @__PURE__ */ a("div", {
+							className: "x78zum5 x1qughib x6s0dn4 xaml1ju x3bg4vu x178xt8z x13fuv20 xhjagg4 xy8obcc x153jb6y",
+							children: [/* @__PURE__ */ i("span", { children: m.timeZone }), /* @__PURE__ */ i(e, {
+								disabled: c === void 0,
+								onClick: () => l(void 0),
+								children: "Clear"
+							})]
+						})
+					]
+				})
+			})
+		}) })]
+	});
+}
+export { p as Calendar, m as DateRangePicker };

package/dist/forms.js

@@ -0,0 +1 @@
+export { n as Checkbox, h as Combobox, s as Field, u as Fieldset, d as FilePicker, c as Input, f as InputGroup, p as NumberField, r as RadioGroup, o as Select, t as SettingsRow, m as Slider, i as Switch, l as Textarea, a as ToggleGroup } from "./src-CvpS9XIR.js";

package/dist/index.js

@@ -0,0 +1 @@
+export { m as Accordion, _ as Avatar, t as Badge, v as Button, h as Collapsible, l as Columns, g as CopyValue, u as Divider, n as Heading, y as IconButton, r as Identifier, i as Muted, d as Panel, a as Prose, f as Row, p as Stack, o as Status, s as Subheading, c as Text, b as TextButton, x as TextLink } from "./src-CbYaLvhD.js";

package/dist/layout.js

@@ -0,0 +1,379 @@
+import { a as e } from "./src-CfDf8TY8.js";
+import { v as t, y as n } from "./src-CbYaLvhD.js";
+import { mergeProps as r } from "@base-ui/react/merge-props";
+import "@stylexjs/stylex";
+import { createContext as i, useContext as a, useEffect as o, useId as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { PanelLeft as p, X as m } from "lucide-react";
+import { Group as h, Panel as g, Separator as _ } from "react-resizable-panels";
+// packages/layout/src/frame.stylex.ts
+var v = {
+	sidebarMobile: "@media (max-width:800px)",
+	sidebarDesktopQuery: "(min-width:801px)",
+	sidebarCoarse: "@media (min-width:801px) and (pointer: coarse)",
+	detailMobile: "@media (max-width:720px)",
+	toolbarCompact: "@container toolbar (max-width:600px)"
+}, y = i(null), b = {
+	navigationControl: {
+		kjj79g: "x1nhvcw1",
+		kOIVth: "x1hnptsi",
+		kZKoxP: "x15rya3k x17kqdoe",
+		kAzted: "x1avwmir",
+		kzqmXN: "xh8yej3",
+		k7Eaqz: "xeuugli",
+		k8WAf4: "xt970qd",
+		kg3NbH: "xksvo5r",
+		$$css: !0
+	},
+	collapsedButton: {
+		kjj79g: "xl56j7k x1l31gyv",
+		$$css: !0
+	},
+	toggle: {
+		kZKoxP: "x5yr21d",
+		kzqmXN: "xh8yej3",
+		k7Eaqz: "xeuugli",
+		kaIpWk: "x2u8bby",
+		k8WAf4: "xt970qd",
+		kg3NbH: "xnjsko4",
+		$$css: !0
+	},
+	close: {
+		kZKoxP: "x5yr21d",
+		kzqmXN: "xrlepb6",
+		kmuXW: "x2lah0s",
+		kaIpWk: "x2u8bby",
+		k8WAf4: "xt970qd",
+		kg3NbH: "xnjsko4",
+		$$css: !0
+	}
+};
+function x({ header: e, footer: t, close: n, children: r }) {
+	return /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ f("div", {
+			...{
+				0: { className: "x9f619 x78zum5 x1qjc9v5 xcn9na3 x2lah0s xeuugli xso031l x1q0q8m5 x1qndepd" },
+				1: { className: "x9f619 x1qjc9v5 xcn9na3 x2lah0s xeuugli xso031l x1q0q8m5 x1qndepd x1s85apg x1rhi5y4" }
+			}[e == null | 0],
+			children: [/* @__PURE__ */ d("div", {
+				className: "x78zum5 x6s0dn4 x98rzlu xeuugli",
+				children: e
+			}), n]
+		}),
+		/* @__PURE__ */ d("div", {
+			role: "region",
+			"aria-label": "Navigation links",
+			tabIndex: 0,
+			className: "x98rzlu x2lwn1j x1odjw0f xish69e x7d1sxj x13qnu6 x9v5kkp x19rmrnh x1bqaal",
+			children: r
+		}),
+		t != null && /* @__PURE__ */ d("div", {
+			className: "xr1yuqi x153jb6y",
+			children: t
+		})
+	] });
+}
+function S() {
+	return /* @__PURE__ */ d(e.Close, {
+		render: /* @__PURE__ */ d(n, {
+			variant: "ghost",
+			"aria-label": "Close navigation",
+			xstyle: b.close
+		}),
+		children: /* @__PURE__ */ d(m, {
+			size: 16,
+			"aria-hidden": !0
+		})
+	});
+}
+function C({ children: e, label: t = "Main" }) {
+	let n = a(y), r = n !== null && !n.isExpanded;
+	return /* @__PURE__ */ d("nav", {
+		"aria-label": t,
+		...{
+			0: { className: "x78zum5 xdt5ytf xfko13i xksvo5r" },
+			1: { className: "x78zum5 xdt5ytf xfko13i xksvo5r x1dbbav" }
+		}[!!r | 0],
+		children: e
+	});
+}
+function w({ children: e, icon: n, selected: r = !1, onClick: i, ...o }) {
+	let c = a(y), l = s(), u = c !== null && !c.isExpanded;
+	return /* @__PURE__ */ d("div", {
+		...{
+			0: { className: "x78zum5 xeuugli x1ok0vyi" },
+			1: { className: "x78zum5 xeuugli x1ok0vyi x1r7kqkb" }
+		}[!!r | 0],
+		children: /* @__PURE__ */ f(t, {
+			...o,
+			variant: "ghost",
+			"aria-current": r ? "page" : void 0,
+			"aria-labelledby": o["aria-labelledby"] ?? l,
+			title: o.title ?? (typeof e == "string" ? e : void 0),
+			onClick: (e) => {
+				i !== void 0 && i(e), !e.defaultPrevented && c !== null && c.onNavigate();
+			},
+			xstyle: [b.navigationControl, u && b.collapsedButton],
+			children: [n != null && /* @__PURE__ */ d("span", {
+				"aria-hidden": !0,
+				className: "x3nfvp2 x6s0dn4 xl56j7k xtwnzbg x18utl2x x2lah0s",
+				children: n
+			}), /* @__PURE__ */ d("span", {
+				id: l,
+				...{
+					0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
+					1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xeod2sa" }
+				}[!!u | 0],
+				children: e
+			})]
+		})
+	});
+}
+function T({ children: e, icon: t, selected: n = !1, onClick: r, className: i, style: o, ...c }) {
+	let l = a(y), u = s(), p = l !== null && !l.isExpanded, m = {
+		0: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xo1l8bm xvmahel xdpxx8g xkrqix3 xzro8vx x13qnu6 x9v5kkp x19rmrnh x1bqaal x1nhvcw1 x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r" },
+		2: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xo1l8bm xvmahel xdpxx8g xkrqix3 xzro8vx x13qnu6 x9v5kkp x19rmrnh x1bqaal x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv" },
+		1: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft x1hz01jw xtqrqnz x1778rvt xo1l8bm xvmahel xdpxx8g xkrqix3 xzro8vx x13qnu6 x9v5kkp x19rmrnh x1bqaal x1nhvcw1 x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r x1r7kqkb" },
+		3: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft x1hz01jw xtqrqnz x1778rvt xo1l8bm xvmahel xdpxx8g xkrqix3 xzro8vx x13qnu6 x9v5kkp x19rmrnh x1bqaal x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv x1r7kqkb" }
+	}[!!p << 1 | !!n];
+	return /* @__PURE__ */ f("a", {
+		...c,
+		"aria-current": n ? "page" : void 0,
+		"aria-labelledby": c["aria-labelledby"] ?? u,
+		title: c.title ?? (typeof e == "string" ? e : void 0),
+		onClick: (e) => {
+			if (r !== void 0 && r(e), l === null || e.button !== 0) return;
+			let t = e.metaKey || e.ctrlKey, n = e.shiftKey || e.altKey;
+			t || n || l.onNavigate();
+		},
+		className: [m.className, i].filter(Boolean).join(" "),
+		style: {
+			...m.style,
+			...o
+		},
+		children: [t != null && /* @__PURE__ */ d("span", {
+			"aria-hidden": !0,
+			className: "x3nfvp2 x6s0dn4 xl56j7k xtwnzbg x18utl2x x2lah0s",
+			children: t
+		}), /* @__PURE__ */ d("span", {
+			id: u,
+			...{
+				0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
+				1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xeod2sa" }
+			}[!!p | 0],
+			children: e
+		})]
+	});
+}
+function E({ children: e, grow: t = !1 }) {
+	let n = a(y), r = n !== null && !n.isExpanded;
+	return /* @__PURE__ */ d("span", {
+		...{
+			0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
+			2: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x78zum5 x6s0dn4 x1hnptsi x98rzlu" },
+			1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xeod2sa" },
+			3: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x6s0dn4 x1hnptsi x98rzlu x1s85apg xeod2sa" }
+		}[!!t << 1 | !!r],
+		children: e
+	});
+}
+function D({ children: e }) {
+	let t = a(y), n = t !== null && !t.isExpanded;
+	return /* @__PURE__ */ d("div", {
+		...{
+			0: { className: "x9f619 x78zum5 x6s0dn4 x1hnptsi x1uxtkha x11sw1hy x178xt8z x13fuv20 xhjagg4 x153jb6y xy8obcc xas2l8k xuxw1ft" },
+			1: { className: "x9f619 x78zum5 x6s0dn4 x1hnptsi x1uxtkha x178xt8z x13fuv20 xhjagg4 x153jb6y xy8obcc xas2l8k xuxw1ft xl56j7k x1l31gyv xnjsko4 xn5eaz9" }
+		}[!!n | 0],
+		children: e
+	});
+}
+function O() {
+	let t = a(y);
+	return t === null ? null : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
+		className: "x9f619 x2lah0s xrlepb6 xs1s249 x32b0ac xelkwwr x78zum5 x1ykma7f",
+		children: /* @__PURE__ */ d(n, {
+			ref: t.navigationToggleRef,
+			variant: "ghost",
+			"aria-label": t.isExpanded ? "Collapse navigation" : "Expand navigation",
+			"aria-controls": t.sidebarId,
+			"aria-expanded": t.isExpanded,
+			onClick: t.onToggle,
+			xstyle: b.toggle,
+			children: /* @__PURE__ */ d(p, {
+				size: 16,
+				"aria-hidden": !0
+			})
+		})
+	}), /* @__PURE__ */ d("div", {
+		className: "x9f619 x2lah0s xrlepb6 xs1s249 x32b0ac xelkwwr x1s85apg x1rhi5y4",
+		children: /* @__PURE__ */ d(e.Trigger, {
+			handle: t.drawerHandle,
+			render: /* @__PURE__ */ d(n, {
+				variant: "ghost",
+				"aria-label": "Open navigation",
+				xstyle: b.toggle
+			}),
+			children: /* @__PURE__ */ d(p, {
+				size: 16,
+				"aria-hidden": !0
+			})
+		})
+	})] });
+}
+// packages/layout/src/app-shell.tsx
+var k = { drawer: {
+	kzqmXN: "x68ju84",
+	ks0D6T: "x1recik0",
+	$$css: !0
+} };
+function A({ sidebarHeader: t, sidebar: n, footer: r, children: i }) {
+	let [a, u] = l(!0), [p, m] = l(!1), [h] = l(() => e.createHandle()), g = s(), _ = c(null);
+	return o(() => {
+		let e = globalThis.matchMedia(v.sidebarDesktopQuery);
+		function t() {
+			e.matches && m(!1);
+		}
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), /* @__PURE__ */ f(y.Provider, {
+		value: {
+			isExpanded: a,
+			sidebarId: g,
+			drawerHandle: h,
+			navigationToggleRef: _,
+			onToggle: () => u((e) => !e),
+			onNavigate: () => m(!1)
+		},
+		children: [/* @__PURE__ */ f("div", {
+			className: "x9f619 x1ov3xa9 x78zum5 xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt xvmahel",
+			children: [/* @__PURE__ */ d("aside", {
+				id: g,
+				"aria-label": "Navigation",
+				...{
+					0: { className: "x9f619 x78zum5 x1ykma7f xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x68ju84 x2lah0s x2lwn1j xeuugli" },
+					1: { className: "x9f619 x78zum5 x1ykma7f xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x2lah0s x2lwn1j xeuugli xrlepb6" }
+				}[!a | 0],
+				children: /* @__PURE__ */ d(x, {
+					header: t,
+					footer: r,
+					children: n
+				})
+			}), /* @__PURE__ */ d("main", {
+				id: "main",
+				tabIndex: -1,
+				className: "xeuugli x98rzlu",
+				children: i
+			})]
+		}), /* @__PURE__ */ d(e.Root, {
+			handle: h,
+			open: p,
+			onOpenChange: m,
+			children: /* @__PURE__ */ f(e.Portal, { children: [/* @__PURE__ */ d(e.Backdrop, {}), /* @__PURE__ */ d(e.Viewport, { children: /* @__PURE__ */ f(e.Popup, {
+				xstyle: k.drawer,
+				finalFocus: () => !globalThis.matchMedia(v.sidebarDesktopQuery).matches || _.current,
+				children: [/* @__PURE__ */ d(e.Title, {
+					visuallyHidden: !0,
+					children: "Navigation"
+				}), /* @__PURE__ */ d(x, {
+					header: t,
+					footer: r,
+					close: /* @__PURE__ */ d(S, {}),
+					children: n
+				})]
+			}) })] })
+		})]
+	});
+}
+// packages/layout/src/detail-page.tsx
+function j({ children: e }) {
+	return /* @__PURE__ */ d("div", {
+		className: "x9f619 x13na7z x96idz6 x9g60mw xeuugli xvueqy4 xnjsko4 x10gdey3 x14y0u4g x1foqgtu x1uwsqpk x14oio8y",
+		children: e
+	});
+}
+// packages/layout/src/page-toolbar.tsx
+var M = { action: {
+	kZKoxP: "x5yr21d",
+	k7Eaqz: "x167izq3",
+	k8WAf4: "xt970qd",
+	kg3NbH: "x1m92p3w",
+	kaIpWk: "x2u8bby",
+	kOIVth: "x1hnptsi",
+	$$css: !0
+} };
+function N({ title: e, actions: t, breadcrumb: n = !1, navigation: r = !0 }) {
+	return /* @__PURE__ */ f("header", {
+		className: "x9f619 x78zum5 x12h1iku x14ut1dr x1qjc9v5 xcn9na3 xso031l x1q0q8m5 x1qndepd xpvm0e4 xbixft x1hz01jw x12myhf4 x1778rvt xvmahel xeuugli",
+		children: [
+			r && /* @__PURE__ */ d(O, {}),
+			/* @__PURE__ */ d(n ? "nav" : "h1", {
+				"aria-label": n ? "Breadcrumb" : void 0,
+				className: "x78zum5 x6s0dn4 x1hnptsi x1m92p3w xeuugli xs83m0k x1ghz6dp x1qlqyl8 xo1l8bm",
+				children: /* @__PURE__ */ d("span", {
+					className: "xeuugli xb3r6kr xlyipyv xuxw1ft",
+					children: e
+				})
+			}),
+			t != null && /* @__PURE__ */ d("div", {
+				className: "x78zum5 x1qjc9v5 xeuugli x2lah0s x8x9d4c",
+				children: t
+			})
+		]
+	});
+}
+function P({ icon: e, children: n, ...r }) {
+	let i = e != null;
+	return /* @__PURE__ */ d("div", {
+		className: "x9f619 x78zum5 x1qjc9v5 xeuugli xe0pwq x19ypqd9 x1l3ounx",
+		children: /* @__PURE__ */ f(t, {
+			...r,
+			variant: "ghost",
+			size: "md",
+			"aria-label": r["aria-label"] ?? (typeof n == "string" ? n : void 0),
+			xstyle: M.action,
+			children: [e, i ? /* @__PURE__ */ d("span", {
+				className: "xeuugli xb3r6kr xlyipyv xuxw1ft xt0psk2 xlllsrz",
+				children: n
+			}) : n]
+		})
+	});
+}
+// packages/layout/src/resizable.tsx
+function F({ orientation: e = "horizontal", initialSizes: t, onSizesChange: n, disabled: i, ref: a, ...o }) {
+	return /* @__PURE__ */ d(h, {
+		orientation: e,
+		defaultLayout: t,
+		onLayoutChanged: (e, t) => {
+			t.isUserInteraction && n?.(e);
+		},
+		disabled: i,
+		elementRef: a,
+		resizeTargetMinimumSize: {
+			coarse: 44,
+			fine: 12
+		},
+		...r({ className: "xeuugli x2lwn1j xh8yej3 x5yr21d" }, o)
+	});
+}
+function I({ id: e, initialSizePercent: t, minimumSizePercent: n = 10, maximumSizePercent: i = 100, collapsible: a = !1, ref: o, ...s }) {
+	return /* @__PURE__ */ d(g, {
+		id: e,
+		defaultSize: t === void 0 ? void 0 : `${t}%`,
+		minSize: `${n}%`,
+		maxSize: `${i}%`,
+		collapsible: a,
+		elementRef: o,
+		...r({ className: "xeuugli x2lwn1j xysyzu8" }, s)
+	});
+}
+function L({ ref: e, ...t }) {
+	return /* @__PURE__ */ d(_, {
+		elementRef: e,
+		...r({ className: "x1fa40ue x1i1rx1s xgc0pbm xir5lan xfaai28 x1rbdpqn x8wp5i9 x13qnu6 x9v5kkp x19rmrnh x13iak60" }, t)
+	});
+}
+var R = {
+	Root: F,
+	Pane: I,
+	Handle: L
+};
+export { A as AppShell, j as DetailPage, C as Navigation, w as NavigationItem, T as NavigationLink, N as PageToolbar, R as Resizable, D as SidebarFooter, E as SidebarLabel, P as ToolbarAction };

package/dist/navigation/commands.js

@@ -0,0 +1,80 @@
+import { c as e } from "../src-CvpS9XIR.js";
+import { s as t } from "../src-CfDf8TY8.js";
+import { n } from "../navigation-yxK3iQXo.js";
+import "@stylexjs/stylex";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Autocomplete as a } from "@base-ui/react/autocomplete";
+import { useFormatForDisplay as o, useHotkeys as s } from "@tanstack/react-hotkeys";
+// packages/navigation/src/commands/command.tsx
+function c({ 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 }
+		}
+	}]);
+	s(r, {
+		target: t,
+		ignoreInputs: !0,
+		ignoreDefaultPrevented: !0,
+		preventDefault: !1,
+		stopPropagation: !1,
+		conflictBehavior: "error"
+	});
+}
+function l({ shortcut: e }) {
+	let t = o();
+	return /* @__PURE__ */ r(n, { children: t(e) });
+}
+function u({ open: n, onOpenChange: o, title: s, commands: c, trigger: u, placeholder: d = "Search commands…", empty: f = "No matching commands" }) {
+	return /* @__PURE__ */ i(t.Root, {
+		open: n,
+		onOpenChange: o,
+		children: [u !== void 0 && /* @__PURE__ */ r(t.Trigger, { render: u }), /* @__PURE__ */ i(t.Portal, { children: [/* @__PURE__ */ r(t.Backdrop, {}), /* @__PURE__ */ r(t.Popup, { children: /* @__PURE__ */ i("div", {
+			className: "x78zum5 xdt5ytf x1n8ia3y",
+			children: [/* @__PURE__ */ r(t.Title, { children: s }), /* @__PURE__ */ i(a.Root, {
+				items: c,
+				itemToStringValue: (e) => e.label,
+				inline: !0,
+				open: !0,
+				autoHighlight: "always",
+				children: [
+					/* @__PURE__ */ r(a.Input, {
+						"aria-label": d,
+						placeholder: d,
+						render: /* @__PURE__ */ r(e, {})
+					}),
+					/* @__PURE__ */ r(a.List, {
+						className: "x1717udv x1ghz6dp x1sslpiy x1odjw0f xish69e",
+						children: (e) => /* @__PURE__ */ i(a.Item, {
+							value: e,
+							disabled: e.disabled,
+							className: "x78zum5 x6s0dn4 xaml1ju x1uey4wk xwu7q15 xn9t2bk x5g2kb4 x1ok0vyi xbixft xpvm0e4 x1hz01jw xtqrqnz x1778rvt x1ypdohk xf2ykmf xd12npn xwj21n9 x1m8qfh3",
+							onClick: () => {
+								o(!1), e.onSelect();
+							},
+							children: [/* @__PURE__ */ i("span", {
+								className: "x98rzlu xeuugli",
+								children: [e.label, e.description !== void 0 && /* @__PURE__ */ r("span", {
+									className: "x1lliihq x153jb6y xy8obcc xas2l8k",
+									children: e.description
+								})]
+							}), e.shortcut !== void 0 && /* @__PURE__ */ r(l, { shortcut: e.shortcut })]
+						}, e.id)
+					}),
+					/* @__PURE__ */ r(a.Empty, {
+						className: "x1c8xbx5 x153jb6y xtqrqnz xjl7jj",
+						children: f
+					})
+				]
+			})]
+		}) })] })]
+	});
+}
+export { u as CommandPalette, l as ShortcutHint, c as useCommandShortcuts };

package/dist/navigation-yxK3iQXo.js

@@ -0,0 +1,39 @@
+import { mergeProps as e } from "@base-ui/react/merge-props";
+import "@stylexjs/stylex";
+import { jsx as t } from "react/jsx-runtime";
+import { ChevronRight as n } from "lucide-react";
+// packages/navigation/src/navigation.tsx
+function r(n) {
+	return /* @__PURE__ */ t("nav", { ...e({ className: "x1hz01jw xtqrqnz x1778rvt x153jb6y" }, n) });
+}
+function i(n) {
+	return /* @__PURE__ */ t("ol", { ...e({ className: "x78zum5 x1a02dak x6s0dn4 x1hnptsi x3ct3a4 x1717udv x1ghz6dp" }, n) });
+}
+function a(n) {
+	return /* @__PURE__ */ t("li", { ...e({ className: "x3nfvp2 x6s0dn4 x1hnptsi xeuugli xj0a0fe" }, n) });
+}
+function o(n) {
+	return /* @__PURE__ */ t("span", {
+		...e({ className: "xbixft" }, n),
+		"aria-current": "page"
+	});
+}
+function s() {
+	return /* @__PURE__ */ t("li", {
+		role: "presentation",
+		"aria-hidden": !0,
+		className: "x3nfvp2 x6s0dn4 x12ldcl5",
+		children: /* @__PURE__ */ t(n, { size: 12 })
+	});
+}
+function c(n) {
+	return /* @__PURE__ */ t("kbd", { ...e({ className: "x3nfvp2 x6s0dn4 xl56j7k xt4ypqs x14w6jbu xt970qd xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi x1r7kqkb x153jb6y xiard35 xy8obcc xas2l8k xuxw1ft" }, n) });
+}
+var l = {
+	Root: r,
+	List: i,
+	Item: a,
+	Current: o,
+	Separator: s
+};
+export { c as n, l as t };