tembro 3.0.0 → 3.1.1

package/dist/src/components/display/trend-card.js

@@ -0,0 +1,48 @@
+import { cn as e } from "../../lib/utils.js";
+import { Card as t, CardContent as n, CardHeader as r, CardTitle as i } from "../ui/card/index.js";
+import { DeltaBadge as a } from "./delta-badge.js";
+import { Sparkline as o } from "../charts/charts.js";
+import "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/display/trend-card.tsx
+function l({ title: l, value: u, change: d, trend: f, description: p, icon: m, sparkline: h, className: g, ..._ }) {
+	return /* @__PURE__ */ c(t, {
+		"data-slot": "trend-card",
+		className: e("relative overflow-hidden", g),
+		..._,
+		children: [
+			/* @__PURE__ */ c(r, {
+				className: "flex flex-row items-center justify-between space-y-0 pb-2",
+				children: [/* @__PURE__ */ s(i, {
+					className: "text-sm font-medium text-muted-foreground",
+					children: l
+				}), m && /* @__PURE__ */ s("div", {
+					className: "text-muted-foreground",
+					children: m
+				})]
+			}),
+			/* @__PURE__ */ c(n, { children: [/* @__PURE__ */ c("div", {
+				className: "flex items-baseline gap-2",
+				children: [/* @__PURE__ */ s("div", {
+					className: "text-2xl font-bold",
+					children: u
+				}), d && /* @__PURE__ */ s(a, {
+					value: d,
+					trend: f
+				})]
+			}), p && /* @__PURE__ */ s("p", {
+				className: "mt-1 text-xs text-muted-foreground",
+				children: p
+			})] }),
+			h && h.length > 1 ? /* @__PURE__ */ s("div", {
+				className: "px-6 pb-4",
+				children: /* @__PURE__ */ s(o, {
+					values: h,
+					positive: f !== "down"
+				})
+			}) : null
+		]
+	});
+}
+//#endregion
+export { l as TrendCard };

package/dist/src/components/display/typography.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("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;

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

@@ -0,0 +1,43 @@
+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 };

package/dist/src/components/display/user-card.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/card/index.cjs"),r=require("./avatar.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({name:e,description:i,src:o,alt:s,meta:c,actions:l,className:u,...d}){return(0,a.jsxs)(n.Card,{className:t.cn(`flex items-center gap-4 p-4`,u),...d,children:[(0,a.jsx)(r.Avatar,{src:o,alt:s,name:typeof e==`string`?e:void 0}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,a.jsx)(`p`,{className:`truncate font-medium text-foreground`,children:e}),i?(0,a.jsx)(`p`,{className:`truncate text-sm text-muted-foreground`,children:i}):null,c?(0,a.jsx)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:c}):null]}),l?(0,a.jsx)(`div`,{className:`shrink-0`,children:l}):null]})}exports.UserCard=o;

package/dist/src/components/display/user-card.js

@@ -0,0 +1,42 @@
+import { cn as e } from "../../lib/utils.js";
+import { Card as t } from "../ui/card/index.js";
+import { Avatar as n } from "./avatar.js";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/display/user-card.tsx
+function a({ name: a, description: o, src: s, alt: c, meta: l, actions: u, className: d, ...f }) {
+	return /* @__PURE__ */ i(t, {
+		className: e("flex items-center gap-4 p-4", d),
+		...f,
+		children: [
+			/* @__PURE__ */ r(n, {
+				src: s,
+				alt: c,
+				name: typeof a == "string" ? a : void 0
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ r("p", {
+						className: "truncate font-medium text-foreground",
+						children: a
+					}),
+					o ? /* @__PURE__ */ r("p", {
+						className: "truncate text-sm text-muted-foreground",
+						children: o
+					}) : null,
+					l ? /* @__PURE__ */ r("div", {
+						className: "mt-2 text-xs text-muted-foreground",
+						children: l
+					}) : null
+				]
+			}),
+			u ? /* @__PURE__ */ r("div", {
+				className: "shrink-0",
+				children: u
+			}) : null
+		]
+	});
+}
+//#endregion
+export { a as UserCard };

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`,role:e===`error`?`alert`:`status`,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`,{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`,{className:`grid gap-1`,children:[n&&(0,a.jsx)(`div`,{className:`text-base font-semibold tracking-tight text-foreground`,children:n}),r&&(0,a.jsx)(`div`,{className:`max-w-md text-sm leading-6 text-muted-foreground`,children:r})]}),s||c?(0,a.jsxs)(`div`,{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;

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

@@ -0,0 +1,59 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import "react";
+import { AlertCircleIcon as n, CheckCircle2Icon as r, InfoIcon as i, Loader2Icon as a, SearchXIcon as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/feedback/page-state.tsx
+function l(e) {
+	switch (e) {
+		case "loading": return /* @__PURE__ */ s(a, { className: "size-8 animate-spin" });
+		case "error": return /* @__PURE__ */ s(n, { className: "size-8" });
+		case "success": return /* @__PURE__ */ s(r, { className: "size-8" });
+		case "info": return /* @__PURE__ */ s(i, { className: "size-8" });
+		default: return /* @__PURE__ */ s(o, { className: "size-8" });
+	}
+}
+function u({ tone: t = "empty", title: n, description: r, icon: i, action: a, extra: o, compact: u = !1, className: d, ...f }) {
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "page-state",
+		role: t === "error" ? "alert" : "status",
+		className: e("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", u ? "gap-2 p-6" : "min-h-72 gap-4 p-10", d),
+		...f,
+		children: [
+			/* @__PURE__ */ s("div", {
+				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 ?? l(t)
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-1",
+				children: [n && /* @__PURE__ */ s("div", {
+					className: "text-base font-semibold tracking-tight text-foreground",
+					children: n
+				}), r && /* @__PURE__ */ s("div", {
+					className: "max-w-md text-sm leading-6 text-muted-foreground",
+					children: r
+				})]
+			}),
+			a || o ? /* @__PURE__ */ c("div", {
+				className: "flex flex-wrap items-center justify-center gap-2",
+				children: [a, o]
+			}) : null
+		]
+	});
+}
+function d({ retryLabel: n = "Retry", onRetry: r, action: i, className: a, ...o }) {
+	return /* @__PURE__ */ s(u, {
+		compact: !0,
+		className: e("min-h-0", a),
+		action: i ?? (r ? /* @__PURE__ */ s(t, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			onClick: r,
+			children: n
+		}) : void 0),
+		...o
+	});
+}
+//#endregion
+export { d as InlineState, u as PageState };

package/dist/src/components/filters/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(`filter-bar`,`FilterBar`,`actions`,`Search, filters, active-count and reset actions in one toolbar.`),e.component(`data-table-saved-filters`,`SavedFilterSelect`,`actions`,`Saved filter chips and quick view controls.`)]);exports.filtersShowcaseDemoRegistry=t;

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

@@ -0,0 +1,5 @@
+import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
+//#region src/components/filters/demo.tsx
+var n = t([e("filter-bar", "FilterBar", "actions", "Search, filters, active-count and reset actions in one toolbar."), e("data-table-saved-filters", "SavedFilterSelect", "actions", "Saved filter chips and quick view controls.")]);
+//#endregion
+export { n as filtersShowcaseDemoRegistry };

package/dist/src/components/filters/filter-bar.cjs

@@ -0,0 +1 @@
+"use client";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"),r=require("../ui/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s={default:`secondary`,success:`secondary`,warning:`outline`,danger:`destructive`,info:`outline`,muted:`outline`};function c({className:e,search:c,filters:l,actions:u,chips:d,activeCount:f,activeLabel:p=e=>`${e} active`,resetLabel:m=`Reset`,clearChipLabel:h,onReset:g,onRemoveChip:_,collapsible:v=!1,defaultExpanded:y=!1,emptyChips:b,chipLimit:x,chipOverflowLabel:S=e=>`+${e} more`,children:C,...w}){let[T,E]=i.useState(y),D=d?.filter(e=>!e.hidden)??[],O=x&&x>0?D.slice(0,x):D,k=Math.max(D.length-O.length,0),A=f??D.length,j=!!(l||C),M=!!d,N=!v||T,P=D.length>0||M&&b;return(0,o.jsxs)(`div`,{"data-slot":`filter-bar`,className:t.cn(`flex flex-col gap-3 rounded-lg border bg-card p-3`,e),...w,children:[(0,o.jsxs)(`div`,{className:`flex flex-col gap-2 lg:flex-row lg:items-center lg:justify-between`,children:[(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-2 sm:flex-row sm:items-center`,children:[c&&(0,o.jsx)(`div`,{className:`min-w-0 flex-1`,children:c}),v&&j&&(0,o.jsxs)(n.Button,{type:`button`,variant:T?`secondary`:`outline`,size:`sm`,onClick:()=>E(e=>!e),children:[(0,o.jsx)(a.SlidersHorizontalIcon,{"data-icon":`inline-start`}),`Filters`,A>0&&(0,o.jsx)(`span`,{className:`ml-1 rounded-full bg-background px-1.5 text-xs`,children:A})]})]}),(0,o.jsxs)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:[A>0&&(0,o.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:p(A)}),A>0&&g&&(0,o.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:g,children:[(0,o.jsx)(a.XIcon,{"data-icon":`inline-start`}),m]}),u]})]}),j&&N&&(0,o.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center`,children:[l,C]}),P&&(0,o.jsx)(`div`,{"data-slot":`filter-bar-chips`,className:`flex flex-wrap items-center gap-2`,children:D.length>0?(0,o.jsxs)(o.Fragment,{children:[O.map(e=>(0,o.jsxs)(r.Badge,{variant:s[e.tone??`default`],className:t.cn(`gap-1.5`,e.disabled&&`opacity-60`),children:[(0,o.jsx)(`span`,{children:e.label}),e.value!==void 0&&(0,o.jsx)(`span`,{className:`text-muted-foreground`,children:e.value}),_&&!e.disabled&&(0,o.jsx)(`button`,{type:`button`,"aria-label":typeof h==`string`?h:`Remove filter`,className:`rounded-full p-0.5 hover:bg-muted`,onClick:n=>{t.stopInteractivePropagation(n),_(e.key)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,o.jsx)(a.XIcon,{className:`size-3`})})]},e.key)),k>0?(0,o.jsx)(r.Badge,{variant:`outline`,children:S(k)}):null]}):(0,o.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:b})})]})}exports.FilterBar=c;