@rinzai/zen 0.9.0 → 0.10.1

package/dist/repeat-picker/index.js

@@ -0,0 +1,115 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import t from "../chip/index.js";
+import n from "../input/index.js";
+import { dayOfWeek as r, formatDate as i, weekStart as a, weekdayNames as o } from "../utils/date.js";
+import s, { SelectItem as c } from "../select/index.js";
+import { describeRepeat as l, nextOccurrences as u } from "../utils/repeat.js";
+import { useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region packages/repeat-picker/index.tsx
+var h = [
+	"day",
+	"week",
+	"month",
+	"year"
+];
+function g({ value: g, onChange: _, locale: v, start: y, weekStartsOn: b = a(v), label: x = "Repeats", className: S }) {
+	let [C, w] = d(String(g.every));
+	Number(C) !== g.every && C !== "" && w(String(g.every));
+	let T = o(v), E = Array.from({ length: 7 }, (e, t) => (b + t) % 7), D = g.weekdays ?? (y ? [r(y)] : []), O = g.every !== 1;
+	return /* @__PURE__ */ m("fieldset", {
+		className: e("zen__repeat-picker flex flex-col gap-3", S),
+		children: [
+			/* @__PURE__ */ p("legend", {
+				className: "sr-only",
+				children: x
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "flex items-center gap-2 text-sm",
+				children: [
+					/* @__PURE__ */ p("span", {
+						className: "text-muted-foreground",
+						children: "Every"
+					}),
+					/* @__PURE__ */ p(n, {
+						"aria-label": "How many",
+						inputMode: "numeric",
+						value: C,
+						onChange: (e) => {
+							let t = e.target.value.replace(/\D/g, "").slice(0, 3);
+							w(t), Number(t) >= 1 && _({
+								...g,
+								every: Number(t)
+							});
+						},
+						onBlur: () => w(String(g.every)),
+						className: "w-16 text-center tabular-nums"
+					}),
+					/* @__PURE__ */ p(s, {
+						"aria-label": "Unit",
+						value: g.unit,
+						onChange: (e) => {
+							let t = {
+								every: g.every,
+								unit: e
+							};
+							e === "week" && y && (t.weekdays = [r(y)]), e === "month" && (t.day = y ? Number(y.slice(8)) : 1), _(t);
+						},
+						className: "w-32",
+						children: h.map((e) => /* @__PURE__ */ p(c, {
+							value: e,
+							children: O ? `${e}s` : e
+						}, e))
+					})
+				]
+			}),
+			g.unit === "week" && /* @__PURE__ */ p("div", {
+				role: "group",
+				"aria-label": "On",
+				className: "flex flex-wrap gap-1.5",
+				children: E.map((e) => {
+					let n = D.includes(e);
+					return /* @__PURE__ */ p(t, {
+						pressed: n,
+						onClick: () => {
+							n && D.length === 1 || _({
+								...g,
+								weekdays: n ? D.filter((t) => t !== e) : [...D, e]
+							});
+						},
+						children: T[e]
+					}, e);
+				})
+			}),
+			g.unit === "month" && /* @__PURE__ */ m(s, {
+				"aria-label": "On",
+				value: String(g.day ?? (y ? Number(y.slice(8)) : 1)),
+				onChange: (e) => _({
+					...g,
+					day: Number(e)
+				}),
+				className: "w-40",
+				children: [Array.from({ length: 31 }, (e, t) => /* @__PURE__ */ m(c, {
+					value: String(t + 1),
+					children: ["Day ", t + 1]
+				}, t + 1)), /* @__PURE__ */ p(c, {
+					value: "-1",
+					children: "Last day"
+				})]
+			}),
+			/* @__PURE__ */ m("p", {
+				"aria-live": "polite",
+				className: "text-muted-foreground text-sm",
+				children: [l(g, v, y), y && /* @__PURE__ */ m(f, { children: [
+					/* @__PURE__ */ p("br", {}),
+					"Next:",
+					" ",
+					u(g, y, 3).map((e) => i(e, v)).join(", ")
+				] })]
+			})
+		]
+	});
+}
+//#endregion
+export { g as default };

package/dist/slider/index.d.ts

@@ -6,6 +6,8 @@ import { ComponentProps } from 'react';
  * gradient), and a glowing thumb.
  */
 export default function Slider({ value, min, max, step, onValueChange, onValueCommit, trackBackground, thumbColor, valueText, className, style, ...rest }: SliderProps): import('react').JSX.Element;
+/** The glowing thumb, with its focus ring: Slider's and RangeSlider's. */
+export declare const THUMB: string;
 export interface SliderProps extends Omit<ComponentProps<'input'>, 'type' | 'value' | 'min' | 'max' | 'step' | 'onChange' | 'defaultValue'> {
     value: number;
     min?: number;

package/dist/slider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/slider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAC;AAEzE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC3B,KAAK,EACL,GAAO,EACP,GAAS,EACT,IAAQ,EACR,aAAa,EACb,aAAa,EACb,eAAe,EACf,UAAU,EACV,SAAS,EACT,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACV,EAAE,WAAW,+BAkDb;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACrC,cAAc,CAAC,OAAO,CAAC,EACvB,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,GAAG,cAAc,CAC1E;IACG,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iDAAiD;IACjD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/slider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAC;AAEzE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC3B,KAAK,EACL,GAAO,EACP,GAAS,EACT,IAAQ,EACR,aAAa,EACb,aAAa,EACb,eAAe,EACf,UAAU,EACV,SAAS,EACT,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACV,EAAE,WAAW,+BA6Cb;AAED,0EAA0E;AAC1E,eAAO,MAAM,KAAK,QAI+E,CAAC;AAElG,MAAM,WAAW,WAAY,SAAQ,IAAI,CACrC,cAAc,CAAC,OAAO,CAAC,EACvB,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,GAAG,cAAc,CAC1E;IACG,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iDAAiD;IACjD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC"}

package/dist/slider/index.js

@@ -3,32 +3,33 @@ import { cx as e } from "../utils/cx.js";
 import { useEffect as t, useRef as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region packages/slider/index.tsx
-function i({ value: i, min: a = 0, max: o = 100, step: s = 1, onValueChange: c, onValueCommit: l, trackBackground: u, thumbColor: d, valueText: f, className: p, style: m, ...h }) {
-	let g = n(null), _ = n(l);
-	_.current = l, t(() => {
-		let e = g.current;
+function i({ value: i, min: o = 0, max: s = 100, step: c = 1, onValueChange: l, onValueCommit: u, trackBackground: d, thumbColor: f, valueText: p, className: m, style: h, ...g }) {
+	let _ = n(null), v = n(u);
+	v.current = u, t(() => {
+		let e = _.current;
 		if (!e) return;
-		let t = () => _.current?.(Number(e.value));
+		let t = () => v.current?.(Number(e.value));
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []);
-	let v = o > a ? (i - a) / (o - a) * 100 : 0, y = u ?? `linear-gradient(to right, oklch(var(--primary)) ${v}%, oklch(var(--muted)) ${v}%)`;
+	let y = s > o ? (i - o) / (s - o) * 100 : 0, b = d ?? `linear-gradient(to right, oklch(var(--primary)) ${y}%, oklch(var(--muted)) ${y}%)`;
 	return /* @__PURE__ */ r("input", {
-		ref: g,
+		ref: _,
 		type: "range",
-		min: a,
-		max: o,
-		step: s,
+		min: o,
+		max: s,
+		step: c,
 		value: i,
-		"aria-valuetext": f?.(i),
-		onChange: (e) => c?.(Number(e.target.value)),
+		"aria-valuetext": p?.(i),
+		onChange: (e) => l?.(Number(e.target.value)),
 		style: {
-			...m,
-			"--zen-track": y,
-			"--zen-thumb": d ?? "oklch(var(--primary))"
+			...h,
+			"--zen-track": b,
+			"--zen-thumb": f ?? "oklch(var(--primary))"
 		},
-		className: e("zen__slider h-5 w-full cursor-pointer appearance-none bg-transparent outline-hidden disabled:cursor-not-allowed disabled:opacity-50", "[&::-webkit-slider-runnable-track]:h-2.5 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:[background:var(--zen-track)]", "[&::-moz-range-track]:h-2.5 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:[background:var(--zen-track)]", "[&::-webkit-slider-thumb]:-mt-[5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-[0_0_0_1px_oklch(0_0_0/0.3),0_0_16px_oklch(var(--glow)/calc(0.8*var(--glow-k)))] [&::-webkit-slider-thumb]:[background:var(--zen-thumb)]", "[&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-white [&::-moz-range-thumb]:shadow-[0_0_0_1px_oklch(0_0_0/0.3),0_0_16px_oklch(var(--glow)/calc(0.8*var(--glow-k)))] [&::-moz-range-thumb]:[background:var(--zen-thumb)]", "focus-visible:[&::-webkit-slider-thumb]:ring-ring/40 focus-visible:[&::-webkit-slider-thumb]:ring-4", "focus-visible:[&::-moz-range-thumb]:ring-ring/40 focus-visible:[&::-moz-range-thumb]:ring-4", p),
-		...h
+		className: e("zen__slider h-5 w-full cursor-pointer appearance-none bg-transparent outline-hidden disabled:cursor-not-allowed disabled:opacity-50", "[&::-webkit-slider-runnable-track]:h-2.5 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:[background:var(--zen-track)]", "[&::-moz-range-track]:h-2.5 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:[background:var(--zen-track)]", a, m),
+		...g
 	});
 }
+var a = "[&::-webkit-slider-thumb]:-mt-[5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-[0_0_0_1px_oklch(0_0_0/0.3),0_0_16px_oklch(var(--glow)/calc(0.8*var(--glow-k)))] [&::-webkit-slider-thumb]:[background:var(--zen-thumb)] [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-white [&::-moz-range-thumb]:shadow-[0_0_0_1px_oklch(0_0_0/0.3),0_0_16px_oklch(var(--glow)/calc(0.8*var(--glow-k)))] [&::-moz-range-thumb]:[background:var(--zen-thumb)] focus-visible:[&::-webkit-slider-thumb]:ring-ring/40 focus-visible:[&::-webkit-slider-thumb]:ring-4 focus-visible:[&::-moz-range-thumb]:ring-ring/40 focus-visible:[&::-moz-range-thumb]:ring-4";
 //#endregion
-export { i as default };
+export { a as THUMB, i as default };

package/dist/sortable/index.d.ts

@@ -0,0 +1,33 @@
+import { ComponentProps } from 'react';
+/**
+ * A list put in order by dragging, e.g. budget categories: drag an item by its
+ * SortableHandle and the others make way (a phone taps lightly at each new
+ * place); it settles into place when let go.
+ * From the keyboard, Space or Enter on a handle picks the item up, the arrow
+ * keys move it, Space or Enter drops it and Escape puts it back; each step is
+ * announced. `value` is the ids in order; render a SortableItem for each.
+ */
+export declare function SortableList({ value, onChange, className, children, ...rest }: SortableListProps): import('react').JSX.Element;
+/** One item in a SortableList; give it the `id` it has in the list's value. */
+export declare function SortableItem({ id, className, ...rest }: SortableItemProps): import('react').JSX.Element;
+/**
+ * What an item is dragged by: a grip button. `label` names the item ("Rent");
+ * the button reads "Reorder Rent". It takes no scroll gestures, so dragging it
+ * never scrolls the page.
+ */
+export declare function SortableHandle({ id, label, className, children, ...rest }: SortableHandleProps): import('react').JSX.Element;
+export interface SortableListProps extends Omit<ComponentProps<'ul'>, 'onChange'> {
+    /** The items' ids, in order. */
+    value: readonly string[];
+    onChange: (value: string[]) => void;
+}
+export interface SortableItemProps extends ComponentProps<'li'> {
+    id: string;
+}
+export interface SortableHandleProps extends Omit<ComponentProps<'button'>, 'id'> {
+    /** The item's id, as in the list's value. */
+    id: string;
+    /** The item's name, e.g. "Rent". */
+    label: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/sortable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/sortable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,cAAc,EASjB,MAAM,OAAO,CAAC;AA2Bf;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,+BAuJhG;AAED,+EAA+E;AAC/E,wBAAgB,YAAY,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,+BAazE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,+BAwB9F;AAUD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC7E,gCAAgC;IAChC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,IAAI,CAAC;IAC3D,EAAE,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;IAC7E,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACjB"}

package/dist/sortable/index.js

@@ -0,0 +1,147 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import { reducedMotion as t } from "../utils/motion.js";
+import { createContext as n, useContext as r, useEffect as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region packages/sortable/index.tsx
+var u = typeof window > "u" ? i : a, d = {
+	duration: 220,
+	easing: "cubic-bezier(0.2, 0.8, 0.2, 1)"
+}, f = 48, p = n(null);
+function m(e) {
+	let t = r(p);
+	if (!t) throw Error(`<${e}> must be inside <SortableList>`);
+	return t;
+}
+var h = (e, t, n) => {
+	let r = [...e];
+	return r.splice(n, 0, ...r.splice(t, 1)), r;
+};
+function g({ value: n, onChange: r, className: i, children: a, ...m }) {
+	let g = o(null), [_, v] = s(null), [b, x] = s(""), S = o(null), C = o(null), w = () => [...g.current?.querySelectorAll(":scope > [data-sortable-id]") ?? []], T = () => new Map(w().map((e) => [e.dataset.sortableId, e.getBoundingClientRect().top])), E = (e) => {
+		S.current = T(), r(e);
+	};
+	return u(() => {
+		let e = S.current;
+		if (S.current = null, e) for (let n of w()) {
+			n.style.removeProperty("translate");
+			let r = e.get(n.dataset.sortableId), i = r === void 0 ? 0 : r - n.getBoundingClientRect().top;
+			i && !t() && n.animate?.({ translate: [`0 ${i}px`, "0 0"] }, d);
+		}
+	}, [n]), /* @__PURE__ */ l(p.Provider, {
+		value: {
+			grab: (e, r) => {
+				if (e.button !== 0 || _) return;
+				let i = w(), a = i.findIndex((e) => e.dataset.sortableId === r), o = i[a];
+				if (!o) return;
+				e.preventDefault();
+				let s = e.currentTarget;
+				s.setPointerCapture?.(e.pointerId);
+				let c = y(g.current), l = c.scrollTop, u = e.clientY, p = i.map((e) => e.getBoundingClientRect()), m = p.length > 1 ? p[1].top - p[0].bottom : 0, v = p[a].height + m, b = p.map((e) => e.top + e.height / 2), x = a, C = e.clientY, D = 0;
+				o.dataset.dragging = "", g.current.dataset.sorting = "";
+				let O = () => {
+					let e = C - u + c.scrollTop - l;
+					o.style.translate = `0 ${e}px`;
+					let t = b[a] + e, n = x;
+					for (x = a; x < i.length - 1 && t > b[x + 1];) x++;
+					for (; x > 0 && t < b[x - 1];) x--;
+					x !== n && navigator.vibrate?.(5), i.forEach((e, t) => {
+						if (t === a) return;
+						let n = a < t && t <= x ? -v : x <= t && t < a ? v : 0;
+						e.style.translate = n ? `0 ${n}px` : "";
+					});
+				}, k = () => {
+					D = 0;
+					let e = c === document.scrollingElement ? {
+						top: 0,
+						bottom: innerHeight
+					} : c.getBoundingClientRect(), t = C < e.top + f ? -(e.top + f - C) : C > e.bottom - f ? C - (e.bottom - f) : 0;
+					t && (c.scrollTop += t / 3, O(), D = requestAnimationFrame(k));
+				}, A = (t) => {
+					t.pointerId === e.pointerId && (C = t.clientY, O(), D ||= requestAnimationFrame(k));
+				}, j = (r) => {
+					if (r.pointerId === e.pointerId) {
+						if (s.removeEventListener("pointermove", A), s.removeEventListener("pointerup", j), s.removeEventListener("pointercancel", j), cancelAnimationFrame(D), delete o.dataset.dragging, delete g.current?.dataset.sorting, r.type === "pointerup" && x !== a) E(h(n, a, x));
+						else {
+							S.current = T();
+							for (let e of i) e.style.removeProperty("translate");
+							for (let e of i) {
+								let n = S.current.get(e.dataset.sortableId) - e.getBoundingClientRect().top;
+								n && !t() && e.animate?.({ translate: [`0 ${n}px`, "0 0"] }, d);
+							}
+							S.current = null;
+						}
+					}
+				};
+				s.addEventListener("pointermove", A), s.addEventListener("pointerup", j), s.addEventListener("pointercancel", j);
+			},
+			key: (e, t, r) => {
+				let i = n.indexOf(t), a = `${i + 1} of ${n.length}`;
+				if (e.key === " " || e.key === "Enter") e.preventDefault(), _ === t ? (v(null), C.current = null, x(`${r} dropped, ${a}.`)) : _ || (v(t), C.current = n, x(`${r} picked up, ${a}. Arrow keys move it, Space drops it, Escape puts it back.`));
+				else if (_ === t && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+					e.preventDefault();
+					let t = i + (e.key === "ArrowUp" ? -1 : 1);
+					if (t < 0 || t >= n.length) return;
+					E(h(n, i, t)), x(`${r}, ${t + 1} of ${n.length}.`);
+				} else if (_ === t && e.key === "Escape") {
+					e.preventDefault();
+					let i = C.current ?? n;
+					v(null), C.current = null, i !== n && E([...i]), x(`${r} put back, ${i.indexOf(t) + 1} of ${i.length}.`);
+				}
+			},
+			lifted: _
+		},
+		children: [/* @__PURE__ */ c("ul", {
+			ref: g,
+			className: e("zen__sortable relative flex flex-col", i),
+			...m,
+			children: a
+		}), /* @__PURE__ */ c("span", {
+			"aria-live": "assertive",
+			className: "sr-only",
+			children: b
+		})]
+	});
+}
+function _({ id: t, className: n, ...r }) {
+	let { lifted: i } = m("SortableItem");
+	return /* @__PURE__ */ c("li", {
+		"data-sortable-id": t,
+		"data-lifted": i === t || void 0,
+		className: e("zen__sortable-item relative transition-[box-shadow,scale] duration-200 data-dragging:z-10 data-dragging:scale-[1.02] data-dragging:shadow-[0_12px_32px_-12px_oklch(0_0_0/0.6)] data-lifted:z-10 data-lifted:shadow-[0_0_0_2px_oklch(var(--primary)/0.6)]", n),
+		...r
+	});
+}
+function v({ id: t, label: n, className: r, children: i, ...a }) {
+	let { grab: o, key: s, lifted: l } = m("SortableHandle");
+	return /* @__PURE__ */ c("button", {
+		type: "button",
+		"aria-label": `Reorder ${n}`,
+		"aria-pressed": l === t,
+		onPointerDown: (e) => o(e, t),
+		onKeyDown: (e) => s(e, t, n),
+		className: e("text-muted-foreground hover:text-foreground focus-visible:ring-ring/50 grid size-8 shrink-0 cursor-grab touch-none place-items-center rounded-md outline-hidden select-none focus-visible:ring-2 active:cursor-grabbing", r),
+		...a,
+		children: i ?? /* @__PURE__ */ c("svg", {
+			"aria-hidden": !0,
+			viewBox: "0 0 16 16",
+			fill: "currentColor",
+			className: "size-4",
+			children: [
+				4,
+				8,
+				12
+			].flatMap((e) => [5.5, 10.5].map((t) => /* @__PURE__ */ c("circle", {
+				cx: t,
+				cy: e,
+				r: "1.25"
+			}, `${t}${e}`)))
+		})
+	});
+}
+function y(e) {
+	for (let t = e.parentElement; t; t = t.parentElement) if (/auto|scroll/.test(getComputedStyle(t).overflowY) && t.scrollHeight > t.clientHeight) return t;
+	return document.scrollingElement ?? document.documentElement;
+}
+//#endregion
+export { v as SortableHandle, _ as SortableItem, g as SortableList };

package/dist/table/index.d.ts

@@ -20,7 +20,9 @@ export declare function TableBody({ ref, ...rest }: ComponentProps<'tbody'>): im
 /** Rows that stay at the bottom while the body scrolls (totals, balances). */
 export declare function TableFooter({ className, ...rest }: ComponentProps<'tfoot'>): import('react').JSX.Element;
 /** A row; its cells light up together on hover. */
-export declare function TableRow({ className, ...rest }: ComponentProps<'tr'>): import('react').JSX.Element;
+export declare function TableRow({ selected, className, ...rest }: ComponentProps<'tr'> & {
+    selected?: boolean;
+}): import('react').JSX.Element;
 /**
  * Column heading: small spaced caps (TableHeader keeps the row at the top). With `onSort`, it's a
  * button that shows the direction and announces it (aria-sort).
@@ -82,4 +84,6 @@ export interface TableCellProps extends ComponentProps<'td'> {
     /** Stay in view when the table scrolls sideways. */
     sticky?: 'left';
 }
+export { SelectionBar, type SelectionBarProps, TableSelectCell, type TableSelectCellProps, TableSelectHead, type TableSelectHeadProps, useSelection, } from './selection';
+export { TableSwipeAction, type TableSwipeActionProps, TableSwipeRow, type TableSwipeRowProps } from './swipe';
 //# sourceMappingURL=index.d.ts.map

package/dist/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/table/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAsE,MAAM,OAAO,CAAC;AAUtH;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,+BAsD/F;AAED,2EAA2E;AAC3E,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,+BAE5E;AAED,6FAA6F;AAC7F,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,+BAE1E;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,+BAkClE;AAKD,8EAA8E;AAC9E,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,+BAE1E;AAED,mDAAmD;AACnD,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,+BAEpE;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACtB,OAAO,EACP,MAAM,EACN,aAAa,EACb,MAAM,EACN,KAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,cAAc,+BAqChB;AAED,mHAAmH;AACnH,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAgBhF;AAED,iFAAiF;AACjF,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BActF;AAED,sGAAsG;AACtG,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,sCAOtF;AAED,+DAA+D;AAC/D,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,QAA8B,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,+BAQhH;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C;;;GAGG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,EACvC,IAAI,EAAE,SAAS,CAAC,EAAE,EAClB,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,EAC1C,OAAO,CAAC,EAAE;IAAE,GAAG,EAAE,CAAC,CAAC;IAAC,SAAS,EAAE,aAAa,CAAA;CAAE;;;aAA7B,CAAC;mBAAa,aAAa;;;aAA3B,CAAC;mBAAa,aAAa;;qBAWpB,CAAC;;;;EAS5B;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC9D,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,IAAI,CAAC;IACxD,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,IAAI,CAAC;IACxD,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/table/index.tsx"],"names":[],"mappings":"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"}