tembro 3.0.0 → 3.1.5

package/dist/components/display/tag.js

@@ -1,53 +1 @@
-import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
-import "react";
-import { XIcon as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/display/tag.tsx
-var a = {
-	neutral: "border-border bg-muted text-foreground",
-	info: "border-sky-200 bg-sky-50 text-sky-700 dark:border-sky-900 dark:bg-sky-950 dark:text-sky-300",
-	success: "border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-300",
-	warning: "border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-300",
-	danger: "border-red-200 bg-red-50 text-red-700 dark:border-red-900 dark:bg-red-950 dark:text-red-300"
-}, o = {
-	sm: "h-6 px-2 text-xs",
-	default: "h-7 px-2.5 text-sm",
-	lg: "h-8 px-3 text-sm"
-};
-function s({ tone: s = "neutral", size: c = "default", removable: l, selected: u, onRemove: d, removeLabel: f = "Remove tag", className: p, children: m, onKeyDown: h, ...g }) {
-	let _ = (e) => {
-		t(e), d?.();
-	};
-	return /* @__PURE__ */ i("span", {
-		"data-slot": "tag",
-		"data-tone": s,
-		"data-selected": u ? "true" : void 0,
-		tabIndex: l ? 0 : g.tabIndex,
-		className: e("inline-flex items-center gap-1.5 rounded-full border font-medium transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/35", a[s], o[c], u && "ring-2 ring-ring ring-offset-1", p),
-		onKeyDown: (e) => {
-			l && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), d?.()), h?.(e);
-		},
-		...g,
-		children: [/* @__PURE__ */ r("span", { children: m }), l && /* @__PURE__ */ r("button", {
-			type: "button",
-			"aria-label": f,
-			className: "-mr-1 inline-flex size-4 shrink-0 items-center justify-center rounded-full opacity-80 transition hover:bg-black/10 hover:opacity-100 focus-visible:ring-2 focus-visible:ring-current/35 dark:hover:bg-white/10",
-			onClick: _,
-			onMouseDown: t,
-			onDoubleClick: t,
-			children: /* @__PURE__ */ r(n, { className: "size-3" })
-		})]
-	});
-}
-function c(e) {
-	return /* @__PURE__ */ r(s, { ...e });
-}
-function l({ gap: t = "default", className: n, ...i }) {
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "tag-group",
-		className: e("flex flex-wrap items-center", t === "sm" && "gap-1", t === "default" && "gap-2", t === "lg" && "gap-3", n),
-		...i
-	});
-}
-//#endregion
-export { c as Chip, s as Tag, l as TagGroup };
+export * from "../../src/components/display/tag.js"

package/dist/components/display/timeline.cjs

@@ -1 +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={default:`border-primary bg-primary text-primary-foreground`,success:`border-emerald-500 bg-emerald-500 text-white`,info:`border-blue-500 bg-blue-500 text-white`,warning:`border-amber-500 bg-amber-500 text-white`,danger:`border-destructive bg-destructive text-destructive-foreground`,muted:`border-muted-foreground bg-muted-foreground text-background`};function o({items:e,orientation:n=`vertical`,pending:r=!1,pendingLabel:a=`Pending`,compact:o=!1,itemClassName:s,className:u,...d}){let f=e.filter(e=>!e.hidden);return n===`horizontal`?(0,i.jsx)(`div`,{"data-slot":`timeline`,"data-orientation":`horizontal`,className:t.cn(`overflow-x-auto`,u),...d,children:(0,i.jsxs)(`div`,{className:`flex min-w-max gap-3 pb-1`,children:[f.map(e=>(0,i.jsx)(l,{item:e,compact:o,className:s},e.key)),r&&(0,i.jsx)(l,{item:{key:`pending`,title:a,tone:`muted`},compact:o,className:s})]})}):(0,i.jsxs)(`div`,{"data-slot":`timeline`,"data-orientation":`vertical`,className:t.cn(`grid gap-0`,u),...d,children:[f.map((e,t)=>(0,i.jsx)(c,{item:e,compact:o,className:s,isLast:t===f.length-1&&!r},e.key)),r&&(0,i.jsx)(c,{item:{key:`pending`,title:a,tone:`muted`},compact:o,className:s,isLast:!0})]})}function s({item:e}){let n=e.tone??`default`;return(0,i.jsx)(`span`,{"data-slot":`timeline-dot`,"data-tone":n,className:t.cn(`flex size-7 shrink-0 items-center justify-center rounded-full border text-[10px]`,a[n]),children:e.icon??(0,i.jsx)(r.CircleIcon,{className:`size-2 fill-current`})})}function c({item:e,compact:n,className:r,isLast:a}){return(0,i.jsxs)(`div`,{"data-slot":`timeline-item`,className:t.cn(`grid grid-cols-[auto_1fr] gap-3`,r,e.className),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,i.jsx)(s,{item:e}),!a&&(0,i.jsx)(`div`,{"data-slot":`timeline-line`,className:`w-px flex-1 bg-border`})]}),(0,i.jsxs)(`div`,{className:t.cn(`min-w-0 pb-5`,n&&`pb-3`),children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1 sm:flex-row sm:items-start sm:justify-between`,children:[(0,i.jsxs)(`div`,{className:`min-w-0`,children:[e.title&&(0,i.jsx)(`div`,{className:`text-sm font-medium text-foreground`,children:e.title}),e.description&&(0,i.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e.description})]}),e.time&&(0,i.jsx)(`div`,{className:`shrink-0 text-xs text-muted-foreground`,children:e.time})]}),e.content&&(0,i.jsx)(`div`,{className:`mt-2 text-sm text-muted-foreground`,children:e.content}),e.actions&&(0,i.jsx)(`div`,{className:`mt-2`,children:e.actions})]})]})}function l({item:e,compact:n,className:r}){return(0,i.jsxs)(`div`,{"data-slot":`timeline-item`,className:t.cn(`min-w-48 rounded-xl border bg-card p-3`,n&&`min-w-40 p-2`,r,e.className),children:[(0,i.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,i.jsx)(s,{item:e}),e.time&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e.time})]}),e.title&&(0,i.jsx)(`div`,{className:`text-sm font-medium`,children:e.title}),e.description&&(0,i.jsx)(`div`,{className:`mt-1 text-xs text-muted-foreground`,children:e.description}),e.content&&(0,i.jsx)(`div`,{className:`mt-2 text-sm text-muted-foreground`,children:e.content}),e.actions&&(0,i.jsx)(`div`,{className:`mt-2`,children:e.actions})]})}exports.Timeline=o;
+module.exports = require("../../src/components/display/timeline.cjs")

package/dist/components/display/timeline.js

@@ -1,141 +1 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { CircleIcon as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/display/timeline.tsx
-var i = {
-	default: "border-primary bg-primary text-primary-foreground",
-	success: "border-emerald-500 bg-emerald-500 text-white",
-	info: "border-blue-500 bg-blue-500 text-white",
-	warning: "border-amber-500 bg-amber-500 text-white",
-	danger: "border-destructive bg-destructive text-destructive-foreground",
-	muted: "border-muted-foreground bg-muted-foreground text-background"
-};
-function a({ items: t, orientation: i = "vertical", pending: a = !1, pendingLabel: o = "Pending", compact: l = !1, itemClassName: u, className: d, ...f }) {
-	let p = t.filter((e) => !e.hidden);
-	return i === "horizontal" ? /* @__PURE__ */ n("div", {
-		"data-slot": "timeline",
-		"data-orientation": "horizontal",
-		className: e("overflow-x-auto", d),
-		...f,
-		children: /* @__PURE__ */ r("div", {
-			className: "flex min-w-max gap-3 pb-1",
-			children: [p.map((e) => /* @__PURE__ */ n(c, {
-				item: e,
-				compact: l,
-				className: u
-			}, e.key)), a && /* @__PURE__ */ n(c, {
-				item: {
-					key: "pending",
-					title: o,
-					tone: "muted"
-				},
-				compact: l,
-				className: u
-			})]
-		})
-	}) : /* @__PURE__ */ r("div", {
-		"data-slot": "timeline",
-		"data-orientation": "vertical",
-		className: e("grid gap-0", d),
-		...f,
-		children: [p.map((e, t) => /* @__PURE__ */ n(s, {
-			item: e,
-			compact: l,
-			className: u,
-			isLast: t === p.length - 1 && !a
-		}, e.key)), a && /* @__PURE__ */ n(s, {
-			item: {
-				key: "pending",
-				title: o,
-				tone: "muted"
-			},
-			compact: l,
-			className: u,
-			isLast: !0
-		})]
-	});
-}
-function o({ item: r }) {
-	let a = r.tone ?? "default";
-	return /* @__PURE__ */ n("span", {
-		"data-slot": "timeline-dot",
-		"data-tone": a,
-		className: e("flex size-7 shrink-0 items-center justify-center rounded-full border text-[10px]", i[a]),
-		children: r.icon ?? /* @__PURE__ */ n(t, { className: "size-2 fill-current" })
-	});
-}
-function s({ item: t, compact: i, className: a, isLast: s }) {
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "timeline-item",
-		className: e("grid grid-cols-[auto_1fr] gap-3", a, t.className),
-		children: [/* @__PURE__ */ r("div", {
-			className: "flex flex-col items-center",
-			children: [/* @__PURE__ */ n(o, { item: t }), !s && /* @__PURE__ */ n("div", {
-				"data-slot": "timeline-line",
-				className: "w-px flex-1 bg-border"
-			})]
-		}), /* @__PURE__ */ r("div", {
-			className: e("min-w-0 pb-5", i && "pb-3"),
-			children: [
-				/* @__PURE__ */ r("div", {
-					className: "flex min-w-0 flex-col gap-1 sm:flex-row sm:items-start sm:justify-between",
-					children: [/* @__PURE__ */ r("div", {
-						className: "min-w-0",
-						children: [t.title && /* @__PURE__ */ n("div", {
-							className: "text-sm font-medium text-foreground",
-							children: t.title
-						}), t.description && /* @__PURE__ */ n("div", {
-							className: "text-sm text-muted-foreground",
-							children: t.description
-						})]
-					}), t.time && /* @__PURE__ */ n("div", {
-						className: "shrink-0 text-xs text-muted-foreground",
-						children: t.time
-					})]
-				}),
-				t.content && /* @__PURE__ */ n("div", {
-					className: "mt-2 text-sm text-muted-foreground",
-					children: t.content
-				}),
-				t.actions && /* @__PURE__ */ n("div", {
-					className: "mt-2",
-					children: t.actions
-				})
-			]
-		})]
-	});
-}
-function c({ item: t, compact: i, className: a }) {
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "timeline-item",
-		className: e("min-w-48 rounded-xl border bg-card p-3", i && "min-w-40 p-2", a, t.className),
-		children: [
-			/* @__PURE__ */ r("div", {
-				className: "mb-3 flex items-center gap-2",
-				children: [/* @__PURE__ */ n(o, { item: t }), t.time && /* @__PURE__ */ n("div", {
-					className: "text-xs text-muted-foreground",
-					children: t.time
-				})]
-			}),
-			t.title && /* @__PURE__ */ n("div", {
-				className: "text-sm font-medium",
-				children: t.title
-			}),
-			t.description && /* @__PURE__ */ n("div", {
-				className: "mt-1 text-xs text-muted-foreground",
-				children: t.description
-			}),
-			t.content && /* @__PURE__ */ n("div", {
-				className: "mt-2 text-sm text-muted-foreground",
-				children: t.content
-			}),
-			t.actions && /* @__PURE__ */ n("div", {
-				className: "mt-2",
-				children: t.actions
-			})
-		]
-	});
-}
-//#endregion
-export { a as Timeline };
+export * from "../../src/components/display/timeline.js"

package/dist/components/display/tree-view.cjs

@@ -1 +1 @@
-"use client";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({items:e,defaultExpandedKeys:r=[],expandedKeys:a,onExpandedKeysChange:s,selectedKey:c,onSelect:l,checkedKeys:d,defaultCheckedKeys:f=[],onCheckedKeysChange:p,checkable:m=!1,searchQuery:h,onLoadChildren:g,className:_,...v}){let[y,b]=n.useState(r),[x,S]=n.useState(f),C=a??y,w=d??x,T=h?.trim().toLowerCase(),E=n.useCallback(e=>{a===void 0&&b(e),s?.(e)},[a,s]),D=(e,t)=>{let n=t?[...new Set([...w,e])]:w.filter(t=>t!==e);d===void 0&&S(n),p?.(n)},O=n.useCallback(e=>{E(C.includes(e)?C.filter(t=>t!==e):[...C,e])},[C,E]),k=n.useMemo(()=>o(e,C,T),[e,C,T]);return(0,i.jsx)(`div`,{"data-slot":`tree-view`,role:`tree`,className:t.cn(`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:e.map(e=>(0,i.jsx)(u,{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 o(e,t,n){return e.flatMap(e=>c(e,n)?[e.key,...e.children&&t.includes(e.key)?o(e.children,t,n):[]]:[])}function s(e){return e.searchText??(typeof e.label==`string`?e.label:e.key)}function c(e,t){return t?s(e).toLowerCase().includes(t)||!!e.children?.some(e=>c(e,t)):!0}function l(e,t){if(!t||typeof e!=`string`)return e;let n=e.toLowerCase().indexOf(t);return n<0?e:(0,i.jsxs)(i.Fragment,{children:[e.slice(0,n),(0,i.jsx)(`mark`,{className:`rounded bg-primary/15 px-0.5 text-foreground`,children:e.slice(n,n+t.length)}),e.slice(n+t.length)]})}function u({item:e,level:n,expandedKeys:a,selectedKey:o,onToggle:d,onSelect:f,checkedKeys:p,onCheckedChange:m,checkable:h,searchQuery:g,onLoadChildren:_}){if(!c(e,g))return null;let v=!!e.children?.length||!!_,y=a.includes(e.key),b=o===e.key,x=p.includes(e.key);return(0,i.jsxs)(`div`,{"data-slot":`tree-node`,role:`treeitem`,"aria-expanded":v?y:void 0,"aria-selected":b||void 0,children:[(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 rounded-md px-2 py-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,b&&`bg-muted text-foreground`,e.disabled&&`pointer-events-none opacity-50`),style:{paddingLeft:`${n*.75}rem`},children:[(0,i.jsx)(`button`,{type:`button`,"aria-label":y?`Collapse`:`Expand`,className:t.cn(`flex size-5 items-center justify-center rounded-sm`,!v&&`invisible`),onClick:()=>{!y&&!e.children?.length&&_?.(e),d(e.key)},children:(0,i.jsx)(r.ChevronRightIcon,{className:t.cn(`size-4 transition-transform`,y&&`rotate-90`)})}),h&&(0,i.jsx)(`input`,{type:`checkbox`,className:`size-4 rounded border-border accent-primary`,checked:x,disabled:e.disabled,"aria-label":`Select ${s(e)}`,onChange:t=>m(e.key,t.currentTarget.checked)}),e.icon,(0,i.jsx)(`button`,{type:`button`,"data-tree-node-key":e.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:e.disabled,onClick:()=>f?.(e),children:l(e.label,g)}),e.loading?(0,i.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Loading...`}):e.extra]}),v&&y&&(0,i.jsx)(`div`,{role:`group`,className:`grid gap-1`,children:e.children?.map(e=>(0,i.jsx)(u,{item:e,level:n+1,expandedKeys:a,selectedKey:o,onToggle:d,onSelect:f,checkedKeys:p,onCheckedChange:m,checkable:h,searchQuery:g,onLoadChildren:_},e.key))})]})}exports.TreeView=a;
+module.exports = require("../../src/components/display/tree-view.cjs")

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

@@ -1,134 +1 @@
-"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 };
+export * from "../../src/components/display/tree-view.js"

package/dist/components/display/typography.cjs

@@ -1 +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("react/jsx-runtime");function i({muted:e,size:n=`default`,className:i,...a}){return(0,r.jsx)(`p`,{className:t.cn(n===`sm`&&`text-sm`,n===`lg`&&`text-lg`,e&&`text-muted-foreground`,i),...a})}function a({level:e=2,className:n,...i}){return(0,r.jsx)(`h${e}`,{className:t.cn(`font-semibold tracking-tight`,e===1&&`text-4xl`,e===2&&`text-3xl`,e===3&&`text-2xl`,e===4&&`text-xl`,n),...i})}function o({className:e,...n}){return(0,r.jsx)(`blockquote`,{className:t.cn(`border-l-4 pl-4 italic text-muted-foreground`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`mark`,{className:t.cn(`rounded bg-amber-100 px-1 py-0.5 text-amber-950 dark:bg-amber-900 dark:text-amber-100`,e),...n})}function c({className:e,children:n,...i}){return(0,r.jsx)(`details`,{className:t.cn(`rounded-lg border bg-card p-3`,e),...i,children:n})}function l({className:e,...n}){return(0,r.jsx)(`summary`,{className:t.cn(`cursor-pointer font-medium`,e),...n})}exports.Blockquote=o,exports.Heading=a,exports.Mark=s,exports.Spoiler=c,exports.SpoilerSummary=l,exports.Text=i;
+module.exports = require("../../src/components/display/typography.cjs")

package/dist/components/display/typography.js

@@ -1,43 +1 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/display/typography.tsx
-function n({ muted: n, size: r = "default", className: i, ...a }) {
-	return /* @__PURE__ */ t("p", {
-		className: e(r === "sm" && "text-sm", r === "lg" && "text-lg", n && "text-muted-foreground", i),
-		...a
-	});
-}
-function r({ level: n = 2, className: r, ...i }) {
-	return /* @__PURE__ */ t(`h${n}`, {
-		className: e("font-semibold tracking-tight", n === 1 && "text-4xl", n === 2 && "text-3xl", n === 3 && "text-2xl", n === 4 && "text-xl", r),
-		...i
-	});
-}
-function i({ className: n, ...r }) {
-	return /* @__PURE__ */ t("blockquote", {
-		className: e("border-l-4 pl-4 italic text-muted-foreground", n),
-		...r
-	});
-}
-function a({ className: n, ...r }) {
-	return /* @__PURE__ */ t("mark", {
-		className: e("rounded bg-amber-100 px-1 py-0.5 text-amber-950 dark:bg-amber-900 dark:text-amber-100", n),
-		...r
-	});
-}
-function o({ className: n, children: r, ...i }) {
-	return /* @__PURE__ */ t("details", {
-		className: e("rounded-lg border bg-card p-3", n),
-		...i,
-		children: r
-	});
-}
-function s({ className: n, ...r }) {
-	return /* @__PURE__ */ t("summary", {
-		className: e("cursor-pointer font-medium", n),
-		...r
-	});
-}
-//#endregion
-export { i as Blockquote, r as Heading, a as Mark, o as Spoiler, s as SpoilerSummary, n as Text };
+export * from "../../src/components/display/typography.js"

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

@@ -0,0 +1 @@
+module.exports = require("../../src/components/display/virtual-list.cjs")

package/dist/components/display/virtual-list.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { type VirtualItem } from "@tanstack/react-virtual";
+export type VirtualListRange = {
+    startIndex: number;
+    endIndex: number;
+    visibleItems: VirtualItem[];
+};
+export type VirtualListRenderContext = {
+    index: number;
+    virtualItem: VirtualItem;
+};
+export type VirtualListItemKey = string | number;
+export type VirtualListProps<TItem> = Omit<React.ComponentProps<"div">, "children"> & {
+    items: TItem[];
+    renderItem: (item: TItem, context: VirtualListRenderContext) => React.ReactNode;
+    getItemKey?: (item: TItem, index: number) => VirtualListItemKey;
+    estimateSize?: number | ((index: number) => number);
+    overscan?: number;
+    height?: number | string;
+    gap?: number;
+    empty?: React.ReactNode;
+    itemClassName?: string | ((item: TItem, context: VirtualListRenderContext) => string);
+    onRangeChange?: (range: VirtualListRange) => void;
+    scrollToIndex?: number;
+    scrollToAlignment?: "auto" | "start" | "center" | "end";
+};
+declare function VirtualList<TItem>({ items, renderItem, getItemKey, estimateSize, overscan, height, gap, empty, itemClassName, onRangeChange, scrollToIndex, scrollToAlignment, className, style, "aria-label": ariaLabel, ...props }: VirtualListProps<TItem>): React.JSX.Element;
+export { VirtualList };

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

@@ -0,0 +1 @@
+export * from "../../src/components/display/virtual-list.js"

package/dist/components/dnd/index.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/dnd/index.cjs")

package/dist/components/dnd/index.d.ts

@@ -0,0 +1 @@
+export * from "./sortable-list";

package/dist/components/dnd/index.js

@@ -0,0 +1 @@
+export * from "../../src/components/dnd/index.js"

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

@@ -0,0 +1 @@
+module.exports = require("../../src/components/dnd/sortable-list.cjs")

package/dist/components/dnd/sortable-list.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+export type SortableListChange<TItem> = {
+    activeId: string;
+    overId: string | null;
+    oldIndex: number;
+    newIndex: number;
+    item: TItem;
+};
+export type SortableListRenderContext = {
+    index: number;
+    isDragging: boolean;
+    isDropTarget: boolean;
+    handle: React.ReactNode;
+};
+export type SortableListProps<TItem> = Omit<React.ComponentProps<"div">, "children" | "defaultValue" | "onChange"> & {
+    items?: TItem[];
+    defaultItems?: TItem[];
+    getItemId: (item: TItem) => string;
+    getItemLabel?: (item: TItem) => string;
+    renderItem: (item: TItem, context: SortableListRenderContext) => React.ReactNode;
+    onItemsChange?: (items: TItem[], change: SortableListChange<TItem>) => void;
+    disabled?: boolean | ((item: TItem) => boolean);
+    orientation?: "vertical" | "horizontal" | "grid";
+    empty?: React.ReactNode;
+    handleLabel?: (item: TItem) => string;
+    itemClassName?: string | ((item: TItem, context: SortableListRenderContext) => string);
+    overlayClassName?: string;
+};
+declare function SortableList<TItem>({ items: itemsProp, defaultItems, getItemId, getItemLabel, renderItem, onItemsChange, disabled, orientation, empty, handleLabel, itemClassName, overlayClassName, className, "aria-label": ariaLabel, ...props }: SortableListProps<TItem>): React.JSX.Element;
+export { SortableList };

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

@@ -0,0 +1 @@
+export * from "../../src/components/dnd/sortable-list.js"

package/dist/components/feedback/alert.cjs

@@ -1 +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;
+module.exports = require("../../src/components/feedback/alert.cjs")

package/dist/components/feedback/alert.js

@@ -1,90 +1 @@
-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 };
+export * from "../../src/components/feedback/alert.js"

package/dist/components/feedback/demo.cjs

@@ -1 +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;
+module.exports = require("../../src/components/feedback/demo.cjs")

package/dist/components/feedback/demo.js

@@ -1,5 +1 @@
-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 };
+export * from "../../src/components/feedback/demo.js"

package/dist/components/feedback/index.cjs

@@ -1 +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;
+module.exports = require("../../src/components/feedback/index.cjs")

package/dist/components/feedback/index.js

@@ -1,4 +1 @@
-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 };
+export * from "../../src/components/feedback/index.js"

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

@@ -1 +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;
+module.exports = require("../../src/components/feedback/loading-state.cjs")