tembro 3.0.0 → 3.1.5

package/dist/src/components/display/tree-view.js

@@ -0,0 +1,134 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { ChevronRightIcon as n } from "lucide-react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/display/tree-view.tsx
+function o({ items: n, defaultExpandedKeys: r = [], expandedKeys: a, onExpandedKeysChange: o, selectedKey: c, onSelect: l, checkedKeys: u, defaultCheckedKeys: f = [], onCheckedKeysChange: p, checkable: m = !1, searchQuery: h, onLoadChildren: g, className: _, ...v }) {
+	let [y, b] = t.useState(r), [x, S] = t.useState(f), C = a ?? y, w = u ?? x, T = h?.trim().toLowerCase(), E = t.useCallback((e) => {
+		a === void 0 && b(e), o?.(e);
+	}, [a, o]), D = (e, t) => {
+		let n = t ? [...new Set([...w, e])] : w.filter((t) => t !== e);
+		u === void 0 && S(n), p?.(n);
+	}, O = t.useCallback((e) => {
+		E(C.includes(e) ? C.filter((t) => t !== e) : [...C, e]);
+	}, [C, E]), k = t.useMemo(() => s(n, C, T), [
+		n,
+		C,
+		T
+	]);
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "tree-view",
+		role: "tree",
+		className: e("grid gap-1 text-sm", _),
+		onKeyDown: (e) => {
+			let t = e.target.dataset.treeNodeKey;
+			if (!t) return;
+			let n = k.indexOf(t), r = (t) => {
+				if (!t) return;
+				let n = t.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
+				e.currentTarget.querySelector(`[data-tree-node-key="${n}"]`)?.focus();
+			};
+			e.key === "ArrowDown" ? (e.preventDefault(), r(k[Math.min(n + 1, k.length - 1)])) : e.key === "ArrowUp" ? (e.preventDefault(), r(k[Math.max(n - 1, 0)])) : e.key === "ArrowRight" ? (e.preventDefault(), C.includes(t) || O(t)) : e.key === "ArrowLeft" && (e.preventDefault(), C.includes(t) && O(t)), v.onKeyDown?.(e);
+		},
+		...v,
+		children: n.map((e) => /* @__PURE__ */ i(d, {
+			item: e,
+			level: 1,
+			expandedKeys: C,
+			selectedKey: c,
+			onToggle: O,
+			onSelect: l,
+			checkedKeys: w,
+			onCheckedChange: D,
+			checkable: m,
+			searchQuery: T,
+			onLoadChildren: g
+		}, e.key))
+	});
+}
+function s(e, t, n) {
+	return e.flatMap((e) => l(e, n) ? [e.key, ...e.children && t.includes(e.key) ? s(e.children, t, n) : []] : []);
+}
+function c(e) {
+	return e.searchText ?? (typeof e.label == "string" ? e.label : e.key);
+}
+function l(e, t) {
+	return t ? c(e).toLowerCase().includes(t) || !!e.children?.some((e) => l(e, t)) : !0;
+}
+function u(e, t) {
+	if (!t || typeof e != "string") return e;
+	let n = e.toLowerCase().indexOf(t);
+	return n < 0 ? e : /* @__PURE__ */ a(r, { children: [
+		e.slice(0, n),
+		/* @__PURE__ */ i("mark", {
+			className: "rounded bg-primary/15 px-0.5 text-foreground",
+			children: e.slice(n, n + t.length)
+		}),
+		e.slice(n + t.length)
+	] });
+}
+function d({ item: t, level: r, expandedKeys: o, selectedKey: s, onToggle: f, onSelect: p, checkedKeys: m, onCheckedChange: h, checkable: g, searchQuery: _, onLoadChildren: v }) {
+	if (!l(t, _)) return null;
+	let y = !!t.children?.length || !!v, b = o.includes(t.key), x = s === t.key, S = m.includes(t.key);
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "tree-node",
+		role: "treeitem",
+		"aria-expanded": y ? b : void 0,
+		"aria-selected": x || void 0,
+		children: [/* @__PURE__ */ a("div", {
+			className: e("flex items-center gap-1 rounded-md px-2 py-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", x && "bg-muted text-foreground", t.disabled && "pointer-events-none opacity-50"),
+			style: { paddingLeft: `${r * .75}rem` },
+			children: [
+				/* @__PURE__ */ i("button", {
+					type: "button",
+					"aria-label": b ? "Collapse" : "Expand",
+					className: e("flex size-5 items-center justify-center rounded-sm", !y && "invisible"),
+					onClick: () => {
+						!b && !t.children?.length && v?.(t), f(t.key);
+					},
+					children: /* @__PURE__ */ i(n, { className: e("size-4 transition-transform", b && "rotate-90") })
+				}),
+				g && /* @__PURE__ */ i("input", {
+					type: "checkbox",
+					className: "size-4 rounded border-border accent-primary",
+					checked: S,
+					disabled: t.disabled,
+					"aria-label": `Select ${c(t)}`,
+					onChange: (e) => h(t.key, e.currentTarget.checked)
+				}),
+				t.icon,
+				/* @__PURE__ */ i("button", {
+					type: "button",
+					"data-tree-node-key": t.key,
+					className: "min-w-0 flex-1 truncate rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+					disabled: t.disabled,
+					onClick: () => p?.(t),
+					children: u(t.label, _)
+				}),
+				t.loading ? /* @__PURE__ */ i("span", {
+					className: "text-xs text-muted-foreground",
+					children: "Loading..."
+				}) : t.extra
+			]
+		}), y && b && /* @__PURE__ */ i("div", {
+			role: "group",
+			className: "grid gap-1",
+			children: t.children?.map((e) => /* @__PURE__ */ i(d, {
+				item: e,
+				level: r + 1,
+				expandedKeys: o,
+				selectedKey: s,
+				onToggle: f,
+				onSelect: p,
+				checkedKeys: m,
+				onCheckedChange: h,
+				checkable: g,
+				searchQuery: _,
+				onLoadChildren: v
+			}, e.key))
+		})]
+	});
+}
+//#endregion
+export { o as TreeView };

package/dist/src/components/display/typography.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react/jsx-runtime");function r({muted:e,size:t=`default`,className:r,...i}){return(0,n.jsx)(`p`,{"data-slot":`text`,"data-size":t,"data-muted":e||void 0,className:r,...i})}function i({level:e=2,className:t,...r}){return(0,n.jsx)(`h${e}`,{"data-slot":`heading`,"data-level":e,className:t,...r})}function a({className:e,...t}){return(0,n.jsx)(`blockquote`,{"data-slot":`blockquote`,className:e,...t})}function o({className:e,...t}){return(0,n.jsx)(`mark`,{"data-slot":`mark`,className:e,...t})}function s({className:e,children:t,...r}){return(0,n.jsx)(`details`,{"data-slot":`spoiler`,className:e,...r,children:t})}function c({className:e,...t}){return(0,n.jsx)(`summary`,{"data-slot":`spoiler-summary`,className:e,...t})}exports.Blockquote=a,exports.Heading=i,exports.Mark=o,exports.Spoiler=s,exports.SpoilerSummary=c,exports.Text=r;

package/dist/src/components/display/typography.js

@@ -0,0 +1,51 @@
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/display/typography.tsx
+function t({ muted: t, size: n = "default", className: r, ...i }) {
+	return /* @__PURE__ */ e("p", {
+		"data-slot": "text",
+		"data-size": n,
+		"data-muted": t || void 0,
+		className: r,
+		...i
+	});
+}
+function n({ level: t = 2, className: n, ...r }) {
+	return /* @__PURE__ */ e(`h${t}`, {
+		"data-slot": "heading",
+		"data-level": t,
+		className: n,
+		...r
+	});
+}
+function r({ className: t, ...n }) {
+	return /* @__PURE__ */ e("blockquote", {
+		"data-slot": "blockquote",
+		className: t,
+		...n
+	});
+}
+function i({ className: t, ...n }) {
+	return /* @__PURE__ */ e("mark", {
+		"data-slot": "mark",
+		className: t,
+		...n
+	});
+}
+function a({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ e("details", {
+		"data-slot": "spoiler",
+		className: t,
+		...r,
+		children: n
+	});
+}
+function o({ className: t, ...n }) {
+	return /* @__PURE__ */ e("summary", {
+		"data-slot": "spoiler-summary",
+		className: t,
+		...n
+	});
+}
+//#endregion
+export { r as Blockquote, n as Heading, i as Mark, a as Spoiler, o as SpoilerSummary, t as Text };

package/dist/src/components/display/virtual-list.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../../../node_modules/@tanstack/react-virtual/dist/esm/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(e,t,n,r,i,a){let o=[],s=0,c=t+n*i(0);for(let t=0;t<e&&s<c;t+=1){let e=i(t);o.push({key:a(t),index:t,start:s,end:s+e,size:e,lane:0}),s+=e+r}return o}function o({items:e,renderItem:o,getItemKey:s,estimateSize:c=48,overscan:l=6,height:u=400,gap:d=8,empty:f=`No items.`,itemClassName:p,onRangeChange:m,scrollToIndex:h,scrollToAlignment:g=`auto`,className:_,style:v,"aria-label":y=`Virtual list`,...b}){let x=r.useRef(null),S=r.useCallback(e=>typeof c==`function`?c(e):c,[c]),C=r.useCallback(t=>s?.(e[t],t)??t,[s,e]),w=n.useVirtualizer({count:e.length,getScrollElement:()=>x.current,estimateSize:S,getItemKey:C,overscan:l,gap:d,initialRect:{width:0,height:typeof u==`number`?u:400},onChange(e){if(!m)return;let t=e.getVirtualItems();m({startIndex:t[0]?.index??-1,endIndex:t.at(-1)?.index??-1,visibleItems:t})}});r.useEffect(()=>{h===void 0||h<0||h>=e.length||w.scrollToIndex(h,{align:g})},[e.length,g,h,w]);let T=w.getVirtualItems(),E=T.length>0?T:a(e.length,typeof u==`number`?u:400,l,d,S,C);return(0,i.jsx)(`div`,{...b,ref:x,role:`list`,"aria-label":y,"aria-setsize":e.length,"data-slot":`virtual-list`,className:t.cn(`relative overflow-auto overscroll-contain`,_),style:{height:u,...v},children:e.length===0?(0,i.jsx)(`div`,{className:`grid min-h-full place-items-center p-6 text-center text-sm text-muted-foreground`,children:f}):(0,i.jsx)(`div`,{className:`relative w-full`,style:{height:w.getTotalSize()},children:E.map(n=>{let r=e[n.index],a={index:n.index,virtualItem:n},s=typeof p==`function`?p(r,a):p;return(0,i.jsx)(`div`,{ref:w.measureElement,role:`listitem`,"aria-posinset":n.index+1,"aria-setsize":e.length,"data-index":n.index,"data-slot":`virtual-list-item`,className:t.cn(`absolute left-0 top-0 w-full`,s),style:{transform:`translateY(${n.start}px)`},children:o(r,a)},n.key)})})})}exports.VirtualList=o;

package/dist/src/components/display/virtual-list.js

@@ -0,0 +1,91 @@
+import { cn as e } from "../../lib/utils.js";
+import { useVirtualizer as t } from "../../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/display/virtual-list.tsx
+function i(e, t, n, r, i, a) {
+	let o = [], s = 0, c = t + n * i(0);
+	for (let t = 0; t < e && s < c; t += 1) {
+		let e = i(t);
+		o.push({
+			key: a(t),
+			index: t,
+			start: s,
+			end: s + e,
+			size: e,
+			lane: 0
+		}), s += e + r;
+	}
+	return o;
+}
+function a({ items: a, renderItem: o, getItemKey: s, estimateSize: c = 48, overscan: l = 6, height: u = 400, gap: d = 8, empty: f = "No items.", itemClassName: p, onRangeChange: m, scrollToIndex: h, scrollToAlignment: g = "auto", className: _, style: v, "aria-label": y = "Virtual list", ...b }) {
+	let x = n.useRef(null), S = n.useCallback((e) => typeof c == "function" ? c(e) : c, [c]), C = n.useCallback((e) => s?.(a[e], e) ?? e, [s, a]), w = t({
+		count: a.length,
+		getScrollElement: () => x.current,
+		estimateSize: S,
+		getItemKey: C,
+		overscan: l,
+		gap: d,
+		initialRect: {
+			width: 0,
+			height: typeof u == "number" ? u : 400
+		},
+		onChange(e) {
+			if (!m) return;
+			let t = e.getVirtualItems();
+			m({
+				startIndex: t[0]?.index ?? -1,
+				endIndex: t.at(-1)?.index ?? -1,
+				visibleItems: t
+			});
+		}
+	});
+	n.useEffect(() => {
+		h === void 0 || h < 0 || h >= a.length || w.scrollToIndex(h, { align: g });
+	}, [
+		a.length,
+		g,
+		h,
+		w
+	]);
+	let T = w.getVirtualItems(), E = T.length > 0 ? T : i(a.length, typeof u == "number" ? u : 400, l, d, S, C);
+	return /* @__PURE__ */ r("div", {
+		...b,
+		ref: x,
+		role: "list",
+		"aria-label": y,
+		"aria-setsize": a.length,
+		"data-slot": "virtual-list",
+		className: e("relative overflow-auto overscroll-contain", _),
+		style: {
+			height: u,
+			...v
+		},
+		children: a.length === 0 ? /* @__PURE__ */ r("div", {
+			className: "grid min-h-full place-items-center p-6 text-center text-sm text-muted-foreground",
+			children: f
+		}) : /* @__PURE__ */ r("div", {
+			className: "relative w-full",
+			style: { height: w.getTotalSize() },
+			children: E.map((t) => {
+				let n = a[t.index], i = {
+					index: t.index,
+					virtualItem: t
+				}, s = typeof p == "function" ? p(n, i) : p;
+				return /* @__PURE__ */ r("div", {
+					ref: w.measureElement,
+					role: "listitem",
+					"aria-posinset": t.index + 1,
+					"aria-setsize": a.length,
+					"data-index": t.index,
+					"data-slot": "virtual-list-item",
+					className: e("absolute left-0 top-0 w-full", s),
+					style: { transform: `translateY(${t.start}px)` },
+					children: o(n, i)
+				}, t.key);
+			})
+		})
+	});
+}
+//#endregion
+export { a as VirtualList };

package/dist/src/components/dnd/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./sortable-list.cjs");exports.SortableList=e.SortableList;

package/dist/src/components/dnd/index.js

@@ -0,0 +1,2 @@
+import { SortableList as e } from "./sortable-list.js";
+export { e as SortableList };

package/dist/src/components/dnd/sortable-list.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../../../node_modules/@dnd-kit/helpers/dist/index.cjs"),r=require("../../../node_modules/@dnd-kit/react/index.cjs"),i=require("../../../node_modules/@dnd-kit/dom/sortable.cjs"),a=require("../../../node_modules/@dnd-kit/react/sortable.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l({item:e,index:n,itemId:r,label:i,disabled:o,renderItem:l,itemClassName:u,handleLabel:d}){let{ref:f,handleRef:p,isDragging:m,isDropTarget:h}=a.useSortable({id:r,index:n,type:`tembro-sortable-list-item`,accept:`tembro-sortable-list-item`,disabled:o,transition:{duration:180,easing:`cubic-bezier(0.2, 0, 0, 1)`,idle:!0}}),g=(0,c.jsx)(`button`,{ref:p,type:`button`,className:`inline-flex size-8 shrink-0 touch-none items-center justify-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-45`,"aria-label":d,disabled:o,children:(0,c.jsx)(s.GripVerticalIcon,{className:`size-4`,"aria-hidden":`true`})}),_={index:n,isDragging:m,isDropTarget:h,handle:g},v=typeof u==`function`?u(e,_):u;return(0,c.jsxs)(`div`,{ref:f,role:`listitem`,"aria-label":i,"data-slot":`sortable-list-item`,"data-dragging":m||void 0,"data-drop-target":h||void 0,"data-disabled":o||void 0,className:t.cn(`flex min-w-0 items-center gap-2 rounded-lg border bg-card p-2 shadow-sm transition-[border-color,box-shadow,opacity]`,h&&`border-primary/60 ring-2 ring-primary/15`,m&&`opacity-35`,o&&`opacity-55`,v),children:[g,(0,c.jsx)(`div`,{className:`min-w-0 flex-1`,children:l(e,_)})]})}function u({items:e,defaultItems:a=[],getItemId:u,getItemLabel:d,renderItem:f,onItemsChange:p,disabled:m=!1,orientation:h=`vertical`,empty:g=`No items.`,handleLabel:_,itemClassName:v,overlayClassName:y,className:b,"aria-label":x=`Sortable list`,...S}){let[C,w]=o.useState(()=>a),[T,E]=o.useState(null),D=e??C,O=e!==void 0,k=o.useMemo(()=>new Map(D.map(e=>[u(e),e])),[u,D]);function A(e){return typeof m==`function`?m(e):m}function j(e){return d?.(e)??u(e)}function M(e){let t=e.operation.source;t&&E(String(t.id))}function N(e){let t=e.operation.source,r=e.operation.target;if(E(null),e.canceled||!t||!i.isSortable(t))return;let a=t.initialIndex,o=t.index,s=D[a];if(!s||a===o)return;let c=n.arrayMove(D,a,o),l=u(s);O||w(c),p?.(c,{activeId:l,overId:r?String(r.id):null,oldIndex:a,newIndex:o,item:s})}let P=T?k.get(T):void 0;return(0,c.jsxs)(r.DragDropProvider,{onDragStart:M,onDragEnd:N,children:[(0,c.jsx)(`div`,{...S,role:`list`,"aria-label":x,"data-slot":`sortable-list`,"data-orientation":h,className:t.cn(`gap-2`,h===`vertical`&&`grid`,h===`horizontal`&&`flex overflow-x-auto pb-2`,h===`grid`&&`grid grid-cols-[repeat(auto-fit,minmax(220px,1fr))]`,b),children:D.length===0?(0,c.jsx)(`div`,{className:`rounded-lg border border-dashed p-6 text-center text-sm text-muted-foreground`,children:g}):D.map((e,t)=>{let n=u(e),r=j(e);return(0,c.jsx)(l,{item:e,index:t,itemId:n,label:r,disabled:A(e),renderItem:f,itemClassName:v,handleLabel:_?.(e)??`Move ${r}`},n)})}),(0,c.jsx)(r.DragOverlay,{children:P?(0,c.jsxs)(`div`,{className:t.cn(`flex min-w-56 items-center gap-2 rounded-lg border bg-card p-2 shadow-xl ring-1 ring-primary/15`,y),children:[(0,c.jsx)(s.GripVerticalIcon,{className:`size-4 shrink-0 text-muted-foreground`,"aria-hidden":`true`}),(0,c.jsx)(`div`,{className:`min-w-0 flex-1`,children:f(P,{index:D.findIndex(e=>u(e)===T),isDragging:!0,isDropTarget:!1,handle:null})})]}):null})]})}exports.SortableList=u;

package/dist/src/components/dnd/sortable-list.js

@@ -0,0 +1,124 @@
+import { cn as e } from "../../lib/utils.js";
+import { arrayMove as t } from "../../../node_modules/@dnd-kit/helpers/dist/index.js";
+import { DragDropProvider as n, DragOverlay as r } from "../../../node_modules/@dnd-kit/react/index.js";
+import { isSortable as i } from "../../../node_modules/@dnd-kit/dom/sortable.js";
+import { useSortable as a } from "../../../node_modules/@dnd-kit/react/sortable.js";
+import * as o from "react";
+import { GripVerticalIcon as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/dnd/sortable-list.tsx
+function u({ item: t, index: n, itemId: r, label: i, disabled: o, renderItem: u, itemClassName: d, handleLabel: f }) {
+	let { ref: p, handleRef: m, isDragging: h, isDropTarget: g } = a({
+		id: r,
+		index: n,
+		type: "tembro-sortable-list-item",
+		accept: "tembro-sortable-list-item",
+		disabled: o,
+		transition: {
+			duration: 180,
+			easing: "cubic-bezier(0.2, 0, 0, 1)",
+			idle: !0
+		}
+	}), _ = /* @__PURE__ */ c("button", {
+		ref: m,
+		type: "button",
+		className: "inline-flex size-8 shrink-0 touch-none items-center justify-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-45",
+		"aria-label": f,
+		disabled: o,
+		children: /* @__PURE__ */ c(s, {
+			className: "size-4",
+			"aria-hidden": "true"
+		})
+	}), v = {
+		index: n,
+		isDragging: h,
+		isDropTarget: g,
+		handle: _
+	}, y = typeof d == "function" ? d(t, v) : d;
+	return /* @__PURE__ */ l("div", {
+		ref: p,
+		role: "listitem",
+		"aria-label": i,
+		"data-slot": "sortable-list-item",
+		"data-dragging": h || void 0,
+		"data-drop-target": g || void 0,
+		"data-disabled": o || void 0,
+		className: e("flex min-w-0 items-center gap-2 rounded-lg border bg-card p-2 shadow-sm transition-[border-color,box-shadow,opacity]", g && "border-primary/60 ring-2 ring-primary/15", h && "opacity-35", o && "opacity-55", y),
+		children: [_, /* @__PURE__ */ c("div", {
+			className: "min-w-0 flex-1",
+			children: u(t, v)
+		})]
+	});
+}
+function d({ items: a, defaultItems: d = [], getItemId: f, getItemLabel: p, renderItem: m, onItemsChange: h, disabled: g = !1, orientation: _ = "vertical", empty: v = "No items.", handleLabel: y, itemClassName: b, overlayClassName: x, className: S, "aria-label": C = "Sortable list", ...w }) {
+	let [T, E] = o.useState(() => d), [D, O] = o.useState(null), k = a ?? T, A = a !== void 0, j = o.useMemo(() => new Map(k.map((e) => [f(e), e])), [f, k]);
+	function M(e) {
+		return typeof g == "function" ? g(e) : g;
+	}
+	function N(e) {
+		return p?.(e) ?? f(e);
+	}
+	function P(e) {
+		let t = e.operation.source;
+		t && O(String(t.id));
+	}
+	function F(e) {
+		let n = e.operation.source, r = e.operation.target;
+		if (O(null), e.canceled || !n || !i(n)) return;
+		let a = n.initialIndex, o = n.index, s = k[a];
+		if (!s || a === o) return;
+		let c = t(k, a, o), l = f(s);
+		A || E(c), h?.(c, {
+			activeId: l,
+			overId: r ? String(r.id) : null,
+			oldIndex: a,
+			newIndex: o,
+			item: s
+		});
+	}
+	let I = D ? j.get(D) : void 0;
+	return /* @__PURE__ */ l(n, {
+		onDragStart: P,
+		onDragEnd: F,
+		children: [/* @__PURE__ */ c("div", {
+			...w,
+			role: "list",
+			"aria-label": C,
+			"data-slot": "sortable-list",
+			"data-orientation": _,
+			className: e("gap-2", _ === "vertical" && "grid", _ === "horizontal" && "flex overflow-x-auto pb-2", _ === "grid" && "grid grid-cols-[repeat(auto-fit,minmax(220px,1fr))]", S),
+			children: k.length === 0 ? /* @__PURE__ */ c("div", {
+				className: "rounded-lg border border-dashed p-6 text-center text-sm text-muted-foreground",
+				children: v
+			}) : k.map((e, t) => {
+				let n = f(e), r = N(e);
+				return /* @__PURE__ */ c(u, {
+					item: e,
+					index: t,
+					itemId: n,
+					label: r,
+					disabled: M(e),
+					renderItem: m,
+					itemClassName: b,
+					handleLabel: y?.(e) ?? `Move ${r}`
+				}, n);
+			})
+		}), /* @__PURE__ */ c(r, { children: I ? /* @__PURE__ */ l("div", {
+			className: e("flex min-w-56 items-center gap-2 rounded-lg border bg-card p-2 shadow-xl ring-1 ring-primary/15", x),
+			children: [/* @__PURE__ */ c(s, {
+				className: "size-4 shrink-0 text-muted-foreground",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ c("div", {
+				className: "min-w-0 flex-1",
+				children: m(I, {
+					index: k.findIndex((e) => f(e) === D),
+					isDragging: !0,
+					isDropTarget: !1,
+					handle: null
+				})
+			})]
+		}) : null })]
+	});
+}
+//#endregion
+export { d as SortableList };

package/dist/src/components/feedback/alert.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a={info:{soft:`border-primary/25 bg-primary/5 text-foreground`,outline:`border-primary/35 bg-background text-foreground`,solid:`border-primary bg-primary text-primary-foreground`},success:{soft:`border-emerald-500/25 bg-emerald-500/10 text-foreground`,outline:`border-emerald-500/35 bg-background text-foreground`,solid:`border-emerald-600 bg-emerald-600 text-white`},warning:{soft:`border-amber-500/30 bg-amber-500/10 text-foreground`,outline:`border-amber-500/35 bg-background text-foreground`,solid:`border-amber-500 bg-amber-500 text-amber-950`},destructive:{soft:`border-destructive/30 bg-destructive/10 text-foreground`,outline:`border-destructive/35 bg-background text-foreground`,solid:`border-destructive bg-destructive text-destructive-foreground`},muted:{soft:`border-border bg-muted/50 text-foreground`,outline:`border-border bg-background text-foreground`,solid:`border-border bg-foreground text-background`}},o={info:`text-primary`,success:`text-emerald-600 dark:text-emerald-400`,warning:`text-amber-600 dark:text-amber-400`,destructive:`text-destructive`,muted:`text-muted-foreground`};function s(e){switch(e){case`success`:return(0,i.jsx)(r.CheckCircle2Icon,{className:`size-4`});case`warning`:return(0,i.jsx)(r.TriangleAlertIcon,{className:`size-4`});case`destructive`:return(0,i.jsx)(r.AlertCircleIcon,{className:`size-4`});default:return(0,i.jsx)(r.InfoIcon,{className:`size-4`})}}function c({tone:e=`info`,variant:n=`soft`,size:r=`md`,title:c,description:l,icon:u,action:d,dismissible:f=!1,dismissLabel:p=`Dismiss alert`,onDismiss:m,actionsAlign:h=`end`,className:g,children:_,...v}){return(0,i.jsxs)(`div`,{"data-slot":`alert`,"data-size":r,role:e===`destructive`||e===`warning`?`alert`:`status`,className:t.cn(`flex gap-3 rounded-[var(--aui-card-radius,var(--radius-xl))] border p-4 text-sm shadow-[var(--aui-card-shadow,var(--aui-control-shadow,0_1px_0_rgba(255,255,255,0.05)))] data-[size=sm]:p-3`,a[e][n],g),...v,children:[(0,i.jsx)(`div`,{"data-slot":`alert-icon`,className:t.cn(`mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-full border border-current/10 bg-background/55`,n===`solid`&&`bg-white/12 text-current`,o[e]),children:u??s(e)}),(0,i.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1`,children:[c&&(0,i.jsx)(`div`,{"data-slot":`alert-title`,className:`font-medium leading-none`,children:c}),(l||_)&&(0,i.jsx)(`div`,{"data-slot":`alert-description`,className:t.cn(`text-muted-foreground`,n===`solid`&&`text-current/88`),children:l??_})]}),d||f?(0,i.jsxs)(`div`,{"data-slot":`alert-action`,className:t.cn(`flex shrink-0 items-start gap-2`,h===`start`&&`order-[-1] mr-2`),children:[d,f?(0,i.jsx)(`button`,{type:`button`,"aria-label":p,className:t.cn(`inline-flex size-8 items-center justify-center rounded-full border border-current/10 bg-background/45 text-current transition-opacity hover:opacity-90`,n===`solid`&&`bg-white/12`),onClick:m,children:(0,i.jsx)(`span`,{"aria-hidden":`true`,children:`×`})}):null]}):null]})}exports.Alert=c;

package/dist/src/components/feedback/alert.js

@@ -0,0 +1,90 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { AlertCircleIcon as t, CheckCircle2Icon as n, InfoIcon as r, TriangleAlertIcon as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/feedback/alert.tsx
+var s = {
+	info: {
+		soft: "border-primary/25 bg-primary/5 text-foreground",
+		outline: "border-primary/35 bg-background text-foreground",
+		solid: "border-primary bg-primary text-primary-foreground"
+	},
+	success: {
+		soft: "border-emerald-500/25 bg-emerald-500/10 text-foreground",
+		outline: "border-emerald-500/35 bg-background text-foreground",
+		solid: "border-emerald-600 bg-emerald-600 text-white"
+	},
+	warning: {
+		soft: "border-amber-500/30 bg-amber-500/10 text-foreground",
+		outline: "border-amber-500/35 bg-background text-foreground",
+		solid: "border-amber-500 bg-amber-500 text-amber-950"
+	},
+	destructive: {
+		soft: "border-destructive/30 bg-destructive/10 text-foreground",
+		outline: "border-destructive/35 bg-background text-foreground",
+		solid: "border-destructive bg-destructive text-destructive-foreground"
+	},
+	muted: {
+		soft: "border-border bg-muted/50 text-foreground",
+		outline: "border-border bg-background text-foreground",
+		solid: "border-border bg-foreground text-background"
+	}
+}, c = {
+	info: "text-primary",
+	success: "text-emerald-600 dark:text-emerald-400",
+	warning: "text-amber-600 dark:text-amber-400",
+	destructive: "text-destructive",
+	muted: "text-muted-foreground"
+};
+function l(e) {
+	switch (e) {
+		case "success": return /* @__PURE__ */ a(n, { className: "size-4" });
+		case "warning": return /* @__PURE__ */ a(i, { className: "size-4" });
+		case "destructive": return /* @__PURE__ */ a(t, { className: "size-4" });
+		default: return /* @__PURE__ */ a(r, { className: "size-4" });
+	}
+}
+function u({ tone: t = "info", variant: n = "soft", size: r = "md", title: i, description: u, icon: d, action: f, dismissible: p = !1, dismissLabel: m = "Dismiss alert", onDismiss: h, actionsAlign: g = "end", className: _, children: v, ...y }) {
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "alert",
+		"data-size": r,
+		role: t === "destructive" || t === "warning" ? "alert" : "status",
+		className: e("flex gap-3 rounded-[var(--aui-card-radius,var(--radius-xl))] border p-4 text-sm shadow-[var(--aui-card-shadow,var(--aui-control-shadow,0_1px_0_rgba(255,255,255,0.05)))] data-[size=sm]:p-3", s[t][n], _),
+		...y,
+		children: [
+			/* @__PURE__ */ a("div", {
+				"data-slot": "alert-icon",
+				className: e("mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-full border border-current/10 bg-background/55", n === "solid" && "bg-white/12 text-current", c[t]),
+				children: d ?? l(t)
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "min-w-0 flex-1 space-y-1",
+				children: [i && /* @__PURE__ */ a("div", {
+					"data-slot": "alert-title",
+					className: "font-medium leading-none",
+					children: i
+				}), (u || v) && /* @__PURE__ */ a("div", {
+					"data-slot": "alert-description",
+					className: e("text-muted-foreground", n === "solid" && "text-current/88"),
+					children: u ?? v
+				})]
+			}),
+			f || p ? /* @__PURE__ */ o("div", {
+				"data-slot": "alert-action",
+				className: e("flex shrink-0 items-start gap-2", g === "start" && "order-[-1] mr-2"),
+				children: [f, p ? /* @__PURE__ */ a("button", {
+					type: "button",
+					"aria-label": m,
+					className: e("inline-flex size-8 items-center justify-center rounded-full border border-current/10 bg-background/45 text-current transition-opacity hover:opacity-90", n === "solid" && "bg-white/12"),
+					onClick: h,
+					children: /* @__PURE__ */ a("span", {
+						"aria-hidden": "true",
+						children: "×"
+					})
+				}) : null]
+			}) : null
+		]
+	});
+}
+//#endregion
+export { u as Alert };

package/dist/src/components/feedback/demo.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`alert`,`Alert`,`feedback`,`Inline feedback banner for success, warning, info, and error states.`),e.component(`page-state`,`PageState`,`feedback`,`Full-page completion or blocked state with next actions.`)]);exports.feedbackShowcaseDemoRegistry=t;

package/dist/src/components/feedback/demo.js

@@ -0,0 +1,5 @@
+import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
+//#region src/components/feedback/demo.tsx
+var n = t([e("alert", "Alert", "feedback", "Inline feedback banner for success, warning, info, and error states."), e("page-state", "PageState", "feedback", "Full-page completion or blocked state with next actions.")]);
+//#endregion
+export { n as feedbackShowcaseDemoRegistry };

package/dist/src/components/feedback/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./alert.cjs"),t=require("./loading-state.cjs"),n=require("./page-state.cjs");exports.Alert=e.Alert,exports.InlineState=n.InlineState,exports.LoadingState=t.LoadingState,exports.PageState=n.PageState;

package/dist/src/components/feedback/index.js

@@ -0,0 +1,4 @@
+import { Alert as e } from "./alert.js";
+import { LoadingState as t } from "./loading-state.js";
+import { InlineState as n, PageState as r } from "./page-state.js";
+export { e as Alert, n as InlineState, t as LoadingState, r as PageState };

package/dist/src/components/feedback/loading-state.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a({className:e,label:n=`Loading...`,description:a,icon:o,variant:s=`spinner`,progress:c,...l}){return(0,i.jsxs)(`div`,{"data-slot":`loading-state`,className:t.cn(`flex min-h-52 flex-col items-center justify-center gap-4 rounded-[var(--radius-3xl)] border border-border/75 bg-muted/25 p-10 text-center text-muted-foreground shadow-sm ring-1 ring-foreground/4`,e),...l,children:[s===`skeleton`?(0,i.jsxs)(`div`,{className:`grid gap-3`,children:[(0,i.jsx)(`div`,{className:`h-4 w-32 animate-pulse rounded bg-muted`}),(0,i.jsx)(`div`,{className:`h-24 w-64 animate-pulse rounded-[min(var(--radius-xl),16px)] bg-muted/70`})]}):(0,i.jsx)(`div`,{className:`flex size-12 items-center justify-center rounded-full border border-border/70 bg-background/92 shadow-[0_1px_0_rgba(255,255,255,0.08)]`,children:o??(0,i.jsx)(r.Loader2Icon,{className:`size-5 animate-spin`})}),(0,i.jsxs)(`div`,{className:`grid gap-1.5`,children:[n&&(0,i.jsx)(`div`,{className:`text-base font-semibold tracking-tight text-foreground`,children:n}),a&&(0,i.jsx)(`p`,{className:`max-w-sm text-sm leading-6`,children:a}),s===`progress`&&typeof c==`number`?(0,i.jsx)(`div`,{className:`mx-auto mt-2 h-2 w-full max-w-xs overflow-hidden rounded-full bg-muted/80`,children:(0,i.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${Math.min(Math.max(c,0),100)}%`}})}):null]})]})}exports.LoadingState=a;

package/dist/src/components/feedback/loading-state.js

@@ -0,0 +1,40 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { Loader2Icon as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/feedback/loading-state.tsx
+function i({ className: i, label: a = "Loading...", description: o, icon: s, variant: c = "spinner", progress: l, ...u }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "loading-state",
+		className: e("flex min-h-52 flex-col items-center justify-center gap-4 rounded-[var(--radius-3xl)] border border-border/75 bg-muted/25 p-10 text-center text-muted-foreground shadow-sm ring-1 ring-foreground/4", i),
+		...u,
+		children: [c === "skeleton" ? /* @__PURE__ */ r("div", {
+			className: "grid gap-3",
+			children: [/* @__PURE__ */ n("div", { className: "h-4 w-32 animate-pulse rounded bg-muted" }), /* @__PURE__ */ n("div", { className: "h-24 w-64 animate-pulse rounded-[min(var(--radius-xl),16px)] bg-muted/70" })]
+		}) : /* @__PURE__ */ n("div", {
+			className: "flex size-12 items-center justify-center rounded-full border border-border/70 bg-background/92 shadow-[0_1px_0_rgba(255,255,255,0.08)]",
+			children: s ?? /* @__PURE__ */ n(t, { className: "size-5 animate-spin" })
+		}), /* @__PURE__ */ r("div", {
+			className: "grid gap-1.5",
+			children: [
+				a && /* @__PURE__ */ n("div", {
+					className: "text-base font-semibold tracking-tight text-foreground",
+					children: a
+				}),
+				o && /* @__PURE__ */ n("p", {
+					className: "max-w-sm text-sm leading-6",
+					children: o
+				}),
+				c === "progress" && typeof l == "number" ? /* @__PURE__ */ n("div", {
+					className: "mx-auto mt-2 h-2 w-full max-w-xs overflow-hidden rounded-full bg-muted/80",
+					children: /* @__PURE__ */ n("div", {
+						className: "h-full rounded-full bg-primary",
+						style: { width: `${Math.min(Math.max(l, 0), 100)}%` }
+					})
+				}) : null
+			]
+		})]
+	});
+}
+//#endregion
+export { i as LoadingState };

package/dist/src/components/feedback/page-state.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o(e){switch(e){case`loading`:return(0,a.jsx)(i.Loader2Icon,{className:`size-8 animate-spin`});case`error`:return(0,a.jsx)(i.AlertCircleIcon,{className:`size-8`});case`success`:return(0,a.jsx)(i.CheckCircle2Icon,{className:`size-8`});case`info`:return(0,a.jsx)(i.InfoIcon,{className:`size-8`});default:return(0,a.jsx)(i.SearchXIcon,{className:`size-8`})}}function s({tone:e=`empty`,title:n,description:r,icon:i,action:s,extra:c,compact:l=!1,className:u,...d}){return(0,a.jsxs)(`div`,{"data-slot":`page-state`,"data-tone":e,"data-compact":l||void 0,role:e===`error`?`alert`:`status`,"aria-live":e===`error`?`assertive`:`polite`,"aria-busy":e===`loading`||void 0,className:t.cn(`flex flex-col items-center justify-center rounded-[var(--radius-3xl)] border border-border/75 bg-card/96 text-center shadow-sm ring-1 ring-foreground/4`,l?`gap-2 p-6`:`min-h-72 gap-4 p-10`,u),...d,children:[(0,a.jsx)(`div`,{"data-slot":`page-state-icon`,className:`flex size-14 items-center justify-center rounded-full border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]`,children:i??o(e)}),(0,a.jsxs)(`div`,{"data-slot":`page-state-content`,className:`grid gap-1`,children:[n&&(0,a.jsx)(`div`,{"data-slot":`page-state-title`,className:`text-base font-semibold tracking-tight text-foreground`,children:n}),r&&(0,a.jsx)(`div`,{"data-slot":`page-state-description`,className:`max-w-md text-sm leading-6 text-muted-foreground`,children:r})]}),s||c?(0,a.jsxs)(`div`,{"data-slot":`page-state-actions`,className:`flex flex-wrap items-center justify-center gap-2`,children:[s,c]}):null]})}function c({retryLabel:e=`Retry`,onRetry:r,action:i,className:o,...c}){return(0,a.jsx)(s,{compact:!0,className:t.cn(`min-h-0`,o),action:i??(r?(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:r,children:e}):void 0),...c})}exports.InlineState=c,exports.PageState=s;