@rinzai/zen 0.8.6 → 0.10.0

package/dist/editable-cell/index.js

@@ -1,24 +1,31 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { useState as t } from "react";
-import { Fragment as n, jsx as r } from "react/jsx-runtime";
+import { useEffect as t, useLayoutEffect as n, useRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o } from "react/jsx-runtime";
 //#region packages/editable-cell/index.tsx
-function i({ children: i, editor: a, label: o, readOnly: s = !1, editing: c, onEditingChange: l, title: u, className: d }) {
-	let [f, p] = t(!1), m = c ?? f, h = (e) => {
-		c === void 0 && p(e), l?.(e);
-	};
-	return s ? /* @__PURE__ */ r("span", {
-		title: u,
-		className: e("zen__editable-cell block px-1 text-right tabular-nums", d),
-		children: i
-	}) : m ? /* @__PURE__ */ r(n, { children: a(() => h(!1)) }) : /* @__PURE__ */ r("button", {
+var s = typeof window > "u" ? t : n;
+function c({ children: t, editor: n, label: c, readOnly: l = !1, editing: u, onEditingChange: d, title: f, className: p }) {
+	let [m, h] = i(!1), g = u ?? m, _ = (e) => {
+		u === void 0 && h(e), d?.(e);
+	}, v = r(null), [y, b] = i(null);
+	return s(() => {
+		let e = v.current;
+		!g && e && y !== null && e.textContent !== y && (e.dataset.changed = "");
+	}, [g, y]), l ? /* @__PURE__ */ o("span", {
+		title: f,
+		className: e("zen__editable-cell block px-1 text-right tabular-nums", p),
+		children: t
+	}) : g ? /* @__PURE__ */ o(a, { children: n(() => _(!1)) }) : /* @__PURE__ */ o("button", {
+		ref: v,
 		type: "button",
-		title: u,
-		"aria-label": o ? `${o}. Edit` : void 0,
-		onClick: () => h(!0),
-		className: e("zen__editable-cell hover:bg-primary/10 focus-visible:ring-ring/50 w-full cursor-pointer rounded-md px-1.5 py-0.5 text-right tabular-nums transition-colors focus-visible:ring-2 focus-visible:outline-hidden", d),
-		children: i
+		title: f,
+		"aria-label": c ? `${c}. Edit` : void 0,
+		onClick: (e) => {
+			b(e.currentTarget.textContent), _(!0);
+		},
+		className: e("zen__editable-cell hover:bg-primary/10 focus-visible:ring-ring/50 w-full cursor-pointer rounded-md px-1.5 py-0.5 text-right tabular-nums transition-colors focus-visible:ring-2 focus-visible:outline-hidden", p),
+		children: t
 	});
 }
 //#endregion
-export { i as default };
+export { c as default };

package/dist/empty-state/index.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps, ReactNode } from 'react';
+/**
+ * What a list, table or page shows when there's nothing in it yet: an icon on
+ * a soft glow, a title, a line on what to do, and the action that does it
+ * (children, e.g. a Button).
+ */
+export default function EmptyState({ icon, title, description, className, children, ...rest }: EmptyStateProps): import('react').JSX.Element;
+export interface EmptyStateProps extends Omit<ComponentProps<'div'>, 'title'> {
+    /** An icon, shown on the accent's glow. */
+    icon?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/empty-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/empty-state/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,+BAqB7G;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzE,2CAA2C;IAC3C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B"}

package/dist/empty-state/index.js

@@ -0,0 +1,31 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region packages/empty-state/index.tsx
+function r({ icon: r, title: i, description: a, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("zen__empty-state flex flex-col items-center gap-3 px-6 py-10 text-center", o),
+		...c,
+		children: [
+			r && /* @__PURE__ */ t("div", {
+				"aria-hidden": !0,
+				className: "text-primary bg-primary/10 mb-1 grid size-12 place-items-center rounded-2xl shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.25),0_0_32px_-6px_oklch(var(--glow)/calc(0.6*var(--glow-k)))] [&_svg]:size-6",
+				children: r
+			}),
+			/* @__PURE__ */ t("p", {
+				className: "text-foreground mt-0! text-base font-semibold tracking-tight text-balance",
+				children: i
+			}),
+			a && /* @__PURE__ */ t("p", {
+				className: "text-muted-foreground mt-0! max-w-sm text-sm leading-6 text-balance",
+				children: a
+			}),
+			s && /* @__PURE__ */ t("div", {
+				className: "mt-2 flex flex-wrap justify-center gap-2",
+				children: s
+			})
+		]
+	});
+}
+//#endregion
+export { r as default };

package/dist/file-drop/index.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps, ReactNode } from 'react';
+/**
+ * Somewhere to drop files, or click (or press Enter) to choose them: it lights
+ * up while files are dragged over it. `onFiles` gets those that `accept` allows
+ * (one, unless `multiple`). Children are what it says, e.g. "Drop a CSV here".
+ */
+export default function FileDrop({ onFiles, accept, multiple, disabled, className, children, ...rest }: FileDropProps): import('react').JSX.Element;
+/** Whether `file` is one an <input accept> value allows: extensions (.csv), types (text/csv) and wildcards (image/*). */
+export declare function accepts(file: File, accept?: string): boolean;
+export interface FileDropProps extends Omit<ComponentProps<'label'>, 'onDrop'> {
+    onFiles: (files: File[]) => void;
+    /** As an <input type="file">'s accept: ".csv,.xlsx", "image/*". Dropped files are held to it too. */
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    children?: ReactNode;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/file-drop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/file-drop/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAa,SAAS,EAAoB,MAAM,OAAO,CAAC;AAE/E;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,aAAa,+BAiEf;AAED,yHAAyH;AACzH,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAU5D;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC;IAC1E,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,qGAAqG;IACrG,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB"}

package/dist/file-drop/index.js

@@ -0,0 +1,49 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import { useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region packages/file-drop/index.tsx
+function a({ onFiles: a, accept: s, multiple: c = !1, disabled: l = !1, className: u, children: d, ...f }) {
+	let p = t(null), [m, h] = n(!1), g = t(0), _ = (e) => {
+		let t = e.filter((e) => o(e, s)).slice(0, c ? void 0 : 1);
+		t.length && a(t);
+	}, v = (e) => !l && e.dataTransfer.types.includes("Files");
+	return /* @__PURE__ */ i("label", {
+		...f,
+		"data-over": m || void 0,
+		onDragEnter: (e) => {
+			v(e) && (e.preventDefault(), g.current++, h(!0));
+		},
+		onDragOver: (e) => {
+			v(e) && (e.preventDefault(), e.dataTransfer.dropEffect = "copy");
+		},
+		onDragLeave: () => {
+			--g.current <= 0 && (g.current = 0, h(!1));
+		},
+		onDrop: (e) => {
+			v(e) && (e.preventDefault(), g.current = 0, h(!1), _([...e.dataTransfer.files]));
+		},
+		className: e("zen__file-drop glow-edge text-muted-foreground relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-xl border border-dashed p-8 text-center text-sm", "border-tint/15 bg-tint/[0.02] transition-[border-color,background-color,box-shadow,color] duration-200", "hover:border-tint/25 hover:text-foreground has-[input:focus-visible]:border-glow/60 has-[input:focus-visible]:shadow-glow-focus", "data-over:border-primary/60 data-over:bg-primary/10 data-over:text-foreground data-over:shadow-[0_0_32px_-8px_oklch(var(--glow)/calc(0.8*var(--glow-k)))]", l && "pointer-events-none opacity-50", u),
+		children: [/* @__PURE__ */ r("input", {
+			ref: p,
+			type: "file",
+			accept: s,
+			multiple: c,
+			disabled: l,
+			className: "sr-only",
+			onChange: (e) => {
+				_([...e.target.files ?? []]), e.target.value = "";
+			}
+		}), d]
+	});
+}
+function o(e, t) {
+	if (!t) return !0;
+	let n = e.name.toLowerCase(), r = e.type.toLowerCase();
+	return t.split(",").some((e) => {
+		let t = e.trim().toLowerCase();
+		return t.startsWith(".") ? n.endsWith(t) : t.endsWith("/*") ? r.startsWith(t.slice(0, -1)) : r === t;
+	});
+}
+//#endregion
+export { o as accepts, a as default };

package/dist/filter-bar/index.d.ts

@@ -0,0 +1,21 @@
+import { ComponentProps, ReactNode } from 'react';
+/**
+ * The filters in effect, as chips each removed with its ×, and "Clear all"
+ * once there are two or more. Renders nothing when no filter is set.
+ */
+export default function FilterBar({ onClear, clearLabel, 'aria-label': label, className, children, ref, ...rest }: FilterBarProps): import('react').JSX.Element | null;
+/** One filter in a FilterBar: what it is (e.g. "Amount: $50–$500"), and its × to remove it. */
+export declare function FilterChip({ onRemove, removeLabel, className, children }: FilterChipProps): import('react').JSX.Element;
+export interface FilterBarProps extends ComponentProps<'div'> {
+    /** Removes every filter; shown as "Clear all" once there are two or more. */
+    onClear?: () => void;
+    clearLabel?: ReactNode;
+}
+export interface FilterChipProps {
+    onRemove: () => void;
+    /** The × button's name for screen readers, e.g. "Remove amount filter". */
+    removeLabel?: string;
+    className?: string;
+    children: ReactNode;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/filter-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/filter-bar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,cAAc,EAAE,SAAS,EAAiD,MAAM,OAAO,CAAC;AAM3G;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAC9B,OAAO,EACP,UAAwB,EACxB,YAAY,EAAE,KAAwB,EACtC,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACV,EAAE,cAAc,sCA6BhB;AAiDD,+FAA+F;AAC/F,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,WAA6B,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAmB3G;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,KAAK,CAAC;IACzD,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB"}

package/dist/filter-bar/index.js

@@ -0,0 +1,90 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import { reducedMotion as t } from "../utils/motion.js";
+import n from "../icons/micro/x-mark.js";
+import { Children as r, useEffect as i, useLayoutEffect as a, useRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region packages/filter-bar/index.tsx
+var l = typeof window > "u" ? i : a, u = {
+	duration: 260,
+	easing: "cubic-bezier(0.2, 0.8, 0.2, 1)"
+}, d = {
+	duration: 120,
+	easing: "ease-in"
+};
+function f({ onClear: t, clearLabel: n = "Clear all", "aria-label": i = "Active filters", className: a, children: l, ref: u, ...d }) {
+	let f = r.toArray(l).length, m = o(null);
+	return p(m), f === 0 ? null : /* @__PURE__ */ c("div", {
+		ref: (e) => {
+			if (m.current = e, typeof u == "function") return u(e);
+			u && (u.current = e);
+		},
+		role: "group",
+		"aria-label": i,
+		className: e("zen__filter-bar relative flex flex-wrap items-center gap-1.5", a),
+		...d,
+		children: [l, f > 1 && t && /* @__PURE__ */ s("button", {
+			type: "button",
+			onClick: t,
+			className: "zen__filter-clear text-muted-foreground hover:text-foreground focus-visible:ring-ring/50 touch-target ml-1 cursor-pointer rounded-md px-1.5 py-1 text-xs outline-hidden focus-visible:ring-2",
+			children: n
+		})]
+	});
+}
+function p(e) {
+	let n = o(/* @__PURE__ */ new Map());
+	l(() => {
+		let r = e.current, i = n.current, a = /* @__PURE__ */ new Map();
+		for (let e of r ? [...r.children] : []) e instanceof HTMLElement && !e.dataset.zenLeaving && a.set(e, {
+			left: e.offsetLeft,
+			top: e.offsetTop
+		});
+		if (n.current = a, !r || t()) return;
+		let o = !1;
+		for (let [e, t] of i) {
+			if (e.isConnected || !(e instanceof HTMLElement)) continue;
+			o = !0, e.dataset.zenLeaving = "", e.setAttribute("aria-hidden", "true"), e.inert = !0, Object.assign(e.style, {
+				position: "absolute",
+				left: `${t.left}px`,
+				top: `${t.top}px`,
+				margin: "0",
+				animation: "none"
+			}), r.append(e);
+			let n = e.animate?.({
+				opacity: [1, 0],
+				scale: [1, .9]
+			}, d);
+			n ? n.onfinish = n.oncancel = () => e.remove() : e.remove();
+		}
+		let s = {
+			...u,
+			delay: o ? d.duration : 0,
+			fill: "backwards"
+		};
+		for (let [e, t] of a) {
+			let n = i.get(e);
+			!n || n.left === t.left && n.top === t.top || (n.top === t.top ? e.animate?.({ translate: [`${n.left - t.left}px 0`, "0 0"] }, s) : e.animate?.({
+				opacity: [0, 1],
+				translate: ["0 3px", "0 0"]
+			}, {
+				...s,
+				duration: 200,
+				delay: s.delay + u.duration * .6
+			}));
+		}
+	});
+}
+function m({ onRemove: t, removeLabel: r = "Remove filter", className: i, children: a }) {
+	return /* @__PURE__ */ c("span", {
+		className: e("zen__filter-chip bg-primary/12 text-foreground inline-flex items-center gap-1 rounded-full py-1 pr-1 pl-3 text-xs shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.25)]", i),
+		children: [a, /* @__PURE__ */ s("button", {
+			type: "button",
+			"aria-label": r,
+			onClick: t,
+			className: "text-muted-foreground hover:text-foreground hover:bg-tint/10 focus-visible:ring-ring/50 touch-target grid size-5 cursor-pointer place-items-center rounded-full outline-hidden focus-visible:ring-2",
+			children: /* @__PURE__ */ s(n, { className: "size-3" })
+		})]
+	});
+}
+//#endregion
+export { m as FilterChip, f as default };

package/dist/icon-picker/index.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+/** The chart palette, so a category's colour matches it in charts. */
+export declare const ICON_COLORS: IconColor[];
+/**
+ * Pick an icon and a colour for something, e.g. a spending category: a button
+ * showing the choice opens a grid of icons and a row of colours. Icons are
+ * yours (emoji work); colours default to the chart palette. Both are radio
+ * groups, so arrow keys move through them.
+ */
+export default function IconPicker({ icons, colors, value, onChange, label, className, }: IconPickerProps): import('react').JSX.Element;
+export interface IconColor {
+    /** What's stored, e.g. "blue". */
+    value: string;
+    label: string;
+    /** Any CSS colour. */
+    color: string;
+}
+export interface IconPickerProps {
+    icons: {
+        value: string;
+        label: string;
+        icon: ReactNode;
+    }[];
+    /** Default: ICON_COLORS, the chart palette. */
+    colors?: IconColor[];
+    value: {
+        icon: string;
+        color?: string;
+    };
+    onChange: (value: {
+        icon: string;
+        color?: string;
+    }) => void;
+    /** What it's the icon of, e.g. "Category icon"; the button also says the current choice. */
+    label: string;
+    className?: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/icon-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/icon-picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,SAAS,EAAS,MAAM,OAAO,CAAC;AAExD,sEAAsE;AACtE,eAAO,MAAM,WAAW,EAAE,SAAS,EASlC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,KAAK,EACL,MAAoB,EACpB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,GACZ,EAAE,eAAe,+BA8DjB;AAED,MAAM,WAAW,SAAS;IACtB,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAA;KAAE,EAAE,CAAC;IAC3D,+CAA+C;IAC/C,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5D,4FAA4F;IAC5F,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/icon-picker/index.js

@@ -0,0 +1,112 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import t, { PopoverContent as n, PopoverTrigger as r } from "../popover/index.js";
+import { useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region packages/icon-picker/index.tsx
+var s = [
+	{
+		value: "blue",
+		label: "Blue",
+		color: "var(--chart-1)"
+	},
+	{
+		value: "orange",
+		label: "Orange",
+		color: "var(--chart-2)"
+	},
+	{
+		value: "teal",
+		label: "Teal",
+		color: "var(--chart-3)"
+	},
+	{
+		value: "amber",
+		label: "Amber",
+		color: "var(--chart-4)"
+	},
+	{
+		value: "pink",
+		label: "Pink",
+		color: "var(--chart-5)"
+	},
+	{
+		value: "green",
+		label: "Green",
+		color: "var(--chart-6)"
+	},
+	{
+		value: "violet",
+		label: "Violet",
+		color: "var(--chart-7)"
+	},
+	{
+		value: "red",
+		label: "Red",
+		color: "var(--chart-8)"
+	}
+];
+function c({ icons: c, colors: l = s, value: u, onChange: d, label: f, className: p }) {
+	let m = i(), h = c.find((e) => e.value === u.icon), g = l.find((e) => e.value === u.color), _ = (e) => ({ "--icon-color": e ?? "var(--color-muted-foreground)" });
+	return /* @__PURE__ */ o(t, { children: [/* @__PURE__ */ a(r, {
+		"aria-label": `${f}: ${[h?.label, g?.label].filter(Boolean).join(", ") || "none"}`,
+		style: _(g?.color),
+		className: e("zen__icon-picker focus-visible:ring-ring/50 grid size-10 shrink-0 place-items-center rounded-xl bg-[color-mix(in_oklch,var(--icon-color)_18%,transparent)] text-lg text-(--icon-color) outline-hidden transition-colors focus-visible:ring-2", p),
+		children: h?.icon
+	}), /* @__PURE__ */ o(n, {
+		"aria-label": f,
+		className: "flex w-72 flex-col gap-3 p-3",
+		children: [/* @__PURE__ */ o("fieldset", {
+			className: "flex flex-wrap gap-1.5",
+			children: [/* @__PURE__ */ a("legend", {
+				className: "text-muted-foreground mb-1.5 text-xs",
+				children: "Colour"
+			}), l.map((e) => /* @__PURE__ */ o("label", {
+				title: e.label,
+				className: "relative cursor-pointer",
+				children: [/* @__PURE__ */ a("input", {
+					type: "radio",
+					name: `${m}-color`,
+					"aria-label": e.label,
+					checked: u.color === e.value,
+					onChange: () => d({
+						...u,
+						color: e.value
+					}),
+					className: "peer sr-only"
+				}), /* @__PURE__ */ a("span", {
+					"aria-hidden": !0,
+					style: { background: e.color },
+					className: "ring-offset-background peer-focus-visible:ring-ring/60 peer-checked:ring-foreground/70 block size-6 rounded-full ring-offset-2 transition-shadow peer-checked:ring-2 peer-focus-visible:ring-2"
+				})]
+			}, e.value))]
+		}), /* @__PURE__ */ o("fieldset", {
+			className: "grid grid-cols-6 gap-1",
+			style: _(g?.color),
+			children: [/* @__PURE__ */ a("legend", {
+				className: "text-muted-foreground mb-1.5 text-xs",
+				children: "Icon"
+			}), c.map((e) => /* @__PURE__ */ o("label", {
+				title: e.label,
+				className: "cursor-pointer",
+				children: [/* @__PURE__ */ a("input", {
+					type: "radio",
+					name: `${m}-icon`,
+					"aria-label": e.label,
+					checked: u.icon === e.value,
+					onChange: () => d({
+						...u,
+						icon: e.value
+					}),
+					className: "peer sr-only"
+				}), /* @__PURE__ */ a("span", {
+					"aria-hidden": !0,
+					className: "hover:bg-tint/[0.07] peer-focus-visible:ring-ring/50 grid size-10 place-items-center rounded-lg text-lg transition-colors peer-checked:bg-[color-mix(in_oklch,var(--icon-color)_22%,transparent)] peer-checked:text-(--icon-color) peer-focus-visible:ring-2",
+					children: e.icon
+				})]
+			}, e.value))]
+		})]
+	})] });
+}
+//#endregion
+export { s as ICON_COLORS, c as default };

package/dist/icons/arrow-left.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+//#region packages/icons/arrow-left.tsx
+function t(t) {
+	return /* @__PURE__ */ e("svg", {
+		className: "size-6",
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: "1.5",
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon",
+		...t,
+		children: /* @__PURE__ */ e("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"
+		})
+	});
+}
+//#endregion
+export { t as default };

package/dist/icons/micro/arrow-trending-down.d.ts

@@ -0,0 +1,3 @@
+import { default as IconProps } from '../icon.types';
+export default function ArrowTrendingDownMicro(props: IconProps): import('react').JSX.Element;
+//# sourceMappingURL=arrow-trending-down.d.ts.map

package/dist/icons/micro/arrow-trending-down.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-trending-down.d.ts","sourceRoot":"","sources":["../../../packages/icons/micro/arrow-trending-down.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,eAAe,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,KAAK,EAAE,SAAS,+BAkB9D"}

package/dist/icons/micro/arrow-trending-down.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+//#region packages/icons/micro/arrow-trending-down.tsx
+function t(t) {
+	return /* @__PURE__ */ e("svg", {
+		className: "size-4",
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 16 16",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon",
+		...t,
+		children: /* @__PURE__ */ e("path", {
+			fillRule: "evenodd",
+			d: "M1.22 4.22a.75.75 0 0 1 1.06 0L6 7.94l2.761-2.762a.75.75 0 0 1 1.158.12 24.9 24.9 0 0 1 2.718 5.556l.729-1.261a.75.75 0 0 1 1.299.75l-1.591 2.755a.75.75 0 0 1-1.025.275l-2.756-1.591a.75.75 0 1 1 .75-1.3l1.097.634a23.417 23.417 0 0 0-1.984-4.211L6.53 9.53a.75.75 0 0 1-1.06 0L1.22 5.28a.75.75 0 0 1 0-1.06Z",
+			clipRule: "evenodd"
+		})
+	});
+}
+//#endregion
+export { t as default };

package/dist/icons/micro/arrow-trending-up.d.ts

@@ -0,0 +1,3 @@
+import { default as IconProps } from '../icon.types';
+export default function ArrowTrendingUpMicro(props: IconProps): import('react').JSX.Element;
+//# sourceMappingURL=arrow-trending-up.d.ts.map

package/dist/icons/micro/arrow-trending-up.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-trending-up.d.ts","sourceRoot":"","sources":["../../../packages/icons/micro/arrow-trending-up.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,eAAe,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,SAAS,+BAkB5D"}

package/dist/icons/micro/arrow-trending-up.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+//#region packages/icons/micro/arrow-trending-up.tsx
+function t(t) {
+	return /* @__PURE__ */ e("svg", {
+		className: "size-4",
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 16 16",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon",
+		...t,
+		children: /* @__PURE__ */ e("path", {
+			fillRule: "evenodd",
+			d: "M9.808 4.057a.75.75 0 0 1 .92-.527l3.116.849a.75.75 0 0 1 .528.915l-.823 3.121a.75.75 0 0 1-1.45-.382l.337-1.281a23.484 23.484 0 0 0-3.609 3.056.75.75 0 0 1-1.07.01L6 8.06l-3.72 3.72a.75.75 0 1 1-1.06-1.061l4.25-4.25a.75.75 0 0 1 1.06 0l1.756 1.755a25.015 25.015 0 0 1 3.508-2.85l-1.46-.398a.75.75 0 0 1-.526-.92Z",
+			clipRule: "evenodd"
+		})
+	});
+}
+//#endregion
+export { t as default };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Menu, MenuContent, type MenuContentProps, MenuHeader, MenuItem, type MenuItemProps, type MenuProps, MenuSeparator, MenuTrigger, type MenuTriggerProps, } from './menu';
+export { default as Menu, MenuContent, type MenuContentProps, MenuContextTrigger, type MenuContextTriggerProps, MenuHeader, MenuItem, type MenuItemProps, type MenuProps, MenuSeparator, MenuTrigger, type MenuTriggerProps, } from './menu';
 export { default as AnimatedNumber, AnimatedMoney, type AnimatedNumberProps } from './animated-number';
 export { default as Avatar, type AvatarProps, cropImageToSquare, ImageCropError } from './avatar';
 export { default as Backdrop } from './backdrop';
@@ -11,7 +11,7 @@ export { default as Chip, type ChipProps } from './chip';
 export { default as Collapse } from './collapse';
 export { default as Combobox, ComboboxCreate, ComboboxEmpty, ComboboxItem, ComboboxList, ComboboxPopup, type ComboboxProps, ComboboxSearch, ComboboxTrigger, } from './combobox';
 export { default as ConfirmDialog } from './confirm-dialog';
-export { default as Dialog, DialogClose, DialogFooter, type DialogProps } from './dialog';
+export { default as Dialog, DialogClose, DialogFooter, type DialogProps, useModal } from './dialog';
 export { default as EditableCell, type EditableCellProps } from './editable-cell';
 export { default as Disclosure, DisclosureContent, type DisclosureProps, DisclosureTrigger } from './disclosure';
 export { default as Field, type FieldControl, type FieldProps, FormMessage, type FormMessageProps, useField, useFieldProps, } from './field';
@@ -23,10 +23,10 @@ export { default as InputGroup, InputGroupAddon, InputGroupInput } from './input
 export { default as Meter, type MeterProps } from './meter';
 export { default as MonthPicker, type MonthPickerProps } from './month-picker';
 export { default as Checkbox, type CheckboxProps } from './checkbox';
-export { default as Chart, ChartArea, type ChartAreaProps, ChartBar, type ChartBarProps, ChartLine, type ChartLineProps, type ChartProps, ChartReference, type ChartPalette, type ChartReferenceProps, type ChartSeriesProps, ChartTooltipCard, type ChartTooltipCardProps, DonutChart, type DonutChartProps, paletteColor, niceTicks, } from './chart';
+export { default as Chart, ChartArea, type ChartAreaProps, ChartBar, type ChartBarProps, ChartLine, type ChartLineProps, type ChartProps, ChartReference, type ChartPalette, type ChartReferenceProps, type ChartSeriesProps, ChartTooltipCard, type ChartTooltipCardProps, AllocationBar, type AllocationBarProps, type AllocationItem, DonutChart, type DonutChartProps, paletteColor, niceTicks, } from './chart';
 export { Radio, default as RadioGroup, type RadioGroupProps, type RadioProps } from './radio-group';
 export { default as Calendar, type CalendarProps, type CalendarRangeProps, type CalendarSingleProps } from './calendar';
-export { default as DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps } from './date-picker';
+export { default as DatePicker, type DatePickerProps, type DateRangePreset, DateRangePicker, type DateRangePickerProps, } from './date-picker';
 export { type CurrencyConversion, default as MoneyInput, MoneyConversionHint, MoneyCurrencyMenu, type MoneyInputOptions, type MoneyInputProps, type MoneyInputState, useMoneyInput, } from './money-input';
 export { RadioCard, type RadioCardProps, default as RadioCards, type RadioCardsProps } from './radio-cards';
 export { default as Pills, Pill, PillIndicator } from './pills';
@@ -40,7 +40,7 @@ export { default as Skeleton } from './skeleton';
 export { default as Slider, type SliderProps } from './slider';
 export { default as Spinner } from './spinner';
 export { default as TabBar, TabBarItem, type TabBarItemProps, type TabBarProps } from './tab-bar';
-export { default as Table, type SortDirection, TableBody, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableEmpty, TableFooter, TableFooterCell, TableHead, TableHeader, type TableHeadProps, TableRow, TableSpacerRow, useSort, } from './table';
+export { default as Table, type SortDirection, TableBody, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableEmpty, TableFooter, TableFooterCell, TableHead, TableHeader, type TableHeadProps, TableRow, SelectionBar, type SelectionBarProps, TableSelectCell, type TableSelectCellProps, TableSelectHead, type TableSelectHeadProps, TableSpacerRow, TableSwipeAction, type TableSwipeActionProps, TableSwipeRow, type TableSwipeRowProps, useSelection, useSort, } from './table';
 export { default as TableOfContents, type TableOfContentsItem } from './table-of-contents';
 export { default as Tabs, Tab, TabList, TabPanel } from './tabs';
 export { type Tree, TreeCell, TreeLabel, TreeRow, type TreeRowData, TreeToggle, useTree } from './tree';
@@ -54,9 +54,11 @@ export { cva, type VariantProps } from './utils/cva';
 export { cx } from './utils/cx';
 export { type Appearance, applyPreset, applyTheme, contrastRatio, customize, DEFAULT_THEME, type Intensity, INTENSITIES, normalizeTheme, oklchToLinearRgb, type PresetId, PRESETS, resetTheme, type ThemeSettings, themeVars, } from './utils/theme';
 export { prepareThemeWave, themeWave } from './utils/theme-wave';
+export { followSectionLink } from './utils/section-link';
+export { reducedMotion } from './utils/motion';
 export { useHydrated } from './utils/useHydrated';
 export { addMonths, currentMonth, formatMonth, fromMonthIndex, isMonth, type Month, monthIndex, monthNames, monthRange, monthsBetween, } from './utils/month';
-export { addDays, addMonthsToDate, type DateRange, type DateString, type DateStyle, dayIndex, dayOfWeek, daysBetween, daysInMonth, formatDate, formatDateRange, fromDayIndex, isDate, today, weekdayNames, weekStart, } from './utils/date';
+export { addDays, addMonthsToDate, type DateRange, commonRanges, type DateString, type DateStyle, dayIndex, dayOfWeek, daysBetween, daysInMonth, formatDate, formatDateRange, fromDayIndex, isDate, today, weekdayNames, weekStart, } from './utils/date';
 export { type AnchoredPopupOptions, useAnchoredPopup } from './utils/useAnchoredPopup';
 export { useVirtualList, type VirtualItem, type VirtualListOptions } from './utils/useVirtualList';
 export { applyGraphicsMode, detectGraphicsMode, type GraphicsMode } from './utils/graphics';
@@ -67,4 +69,26 @@ declare module 'react' {
         [key: `--${string}`]: string | number;
     }
 }
+export { Breadcrumb, type BreadcrumbProps, default as Breadcrumbs } from './breadcrumbs';
+export { default as CodeInput, type CodeInputProps } from './code-input';
+export { type CommandItem, default as CommandPalette, type CommandPaletteProps, useCommandPaletteShortcut, } from './command-palette';
+export { default as EmptyState, type EmptyStateProps } from './empty-state';
+export { accepts, default as FileDrop, type FileDropProps } from './file-drop';
+export { pageRange, default as Pagination, type PaginationProps } from './pagination';
+export { default as Sparkline, type SparklineProps } from './sparkline';
+export { Step, type StepProps, default as Stepper, type StepperProps } from './stepper';
+export { default as TagInput, type TagInputProps } from './tag-input';
+export { default as Timeline, TimelineItem, type TimelineItemProps } from './timeline';
+export { default as Kbd } from './kbd';
+export { default as RangeSlider, type RangeSliderProps } from './range-slider';
+export { default as FilterBar, FilterChip, type FilterBarProps, type FilterChipProps } from './filter-bar';
+export { default as Keypad, type KeypadProps } from './keypad';
+export { default as CalendarHeatmap, type CalendarHeatmapProps } from './calendar-heatmap';
+export { default as Trend, type TrendProps } from './trend';
+export { default as IconPicker, ICON_COLORS, type IconColor, type IconPickerProps } from './icon-picker';
+export { default as RepeatPicker, type RepeatPickerProps } from './repeat-picker';
+export { describeRepeat, nextOccurrences, type Repeat } from './utils/repeat';
+export { default as LoadMore, type LoadMoreProps } from './load-more';
+export { SortableHandle, type SortableHandleProps, SortableItem, type SortableItemProps, SortableList, type SortableListProps, } from './sortable';
+export { default as PageTransition } from './page-transition';
 //# sourceMappingURL=index.d.ts.map