tembro 3.0.0 → 3.1.1

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/user-card.cjs

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

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

@@ -1,42 +1 @@
-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 };
+export * from "../../src/components/display/user-card.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,27 @@
+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 VirtualListProps<TItem> = Omit<React.ComponentProps<"div">, "children"> & {
+    items: TItem[];
+    renderItem: (item: TItem, context: VirtualListRenderContext) => React.ReactNode;
+    getItemKey?: (item: TItem, index: number) => React.Key;
+    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")

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

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

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

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

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

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

package/dist/components/filters/demo.cjs

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

package/dist/components/filters/demo.js

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

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

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

package/dist/components/filters/filter-bar.js

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

package/dist/components/filters/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./filter-bar.cjs"),t=require("./saved-filter-select.cjs");exports.FilterBar=e.FilterBar,exports.SavedFilterSelect=t.SavedFilterSelect;
+module.exports = require("../../src/components/filters/index.cjs")

package/dist/components/filters/index.js

@@ -1,3 +1 @@
-import { FilterBar as e } from "./filter-bar.js";
-import { SavedFilterSelect as t } from "./saved-filter-select.js";
-export { e as FilterBar, t as SavedFilterSelect };
+export * from "../../src/components/filters/index.js"

package/dist/components/filters/saved-filter-select.cjs

@@ -1 +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/input/index.cjs"),i=require("../ui/popover/index.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function c({value:e,onValueChange:c,filters:l,onSave:u,onDelete:d,placeholder:f=`Views`,saveLabel:p=`Save current view`,savePlaceholder:m=`Name this view`,emptyMessage:h=`No saved views`,saveValue:g,onSaveValueChange:_,className:v,...y}){let[b,x]=a.useState(!1),[S,C]=a.useState(``),w=l.find(t=>t.value===e),T=g??S;function E(e){g===void 0&&C(e),_?.(e)}function D(){let e=T.trim();!e||!u||(u(e),E(``),x(!1))}return(0,s.jsx)(`div`,{"data-slot":`saved-filter-select`,className:v,...y,children:(0,s.jsxs)(i.Popover,{open:b,onOpenChange:x,children:[(0,s.jsxs)(n.Button,{render:(0,s.jsx)(i.PopoverTrigger,{}),variant:`outline`,role:`combobox`,"aria-expanded":b,className:`w-[200px] justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2 truncate`,children:[(0,s.jsx)(o.BookmarkIcon,{className:`size-4 shrink-0 opacity-50`}),(0,s.jsx)(`span`,{className:`truncate`,children:w?w.label:f})]}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 shrink-0 opacity-50`})]}),(0,s.jsxs)(i.PopoverContent,{className:`w-[250px] p-0`,align:`start`,children:[(0,s.jsx)(`div`,{className:`max-h-[300px] overflow-y-auto p-1`,children:l.length===0?(0,s.jsx)(`div`,{className:`py-6 text-center text-sm text-muted-foreground`,children:h}):(0,s.jsx)(`div`,{className:`grid gap-1`,children:l.map(r=>{let i=e===r.value;return(0,s.jsxs)(`div`,{className:t.cn(`group relative flex items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground`,i&&`bg-accent text-accent-foreground`),children:[(0,s.jsxs)(`button`,{className:`flex min-w-0 flex-1 items-center gap-2 text-left`,onClick:()=>{c?.(i?void 0:r.value),x(!1)},children:[(0,s.jsx)(`span`,{className:`flex size-4 shrink-0 items-center justify-center`,children:i&&(0,s.jsx)(o.CheckIcon,{className:`size-4`})}),(0,s.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:r.label}),r.description&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:r.description})]})]}),d&&(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`size-6 shrink-0 opacity-0 group-hover:opacity-100 hover:text-destructive`,onClick:e=>{t.stopInteractivePropagation(e),d(r.value)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,s.jsx)(o.Trash2Icon,{className:`size-3`})})]},r.value)})})}),u&&(0,s.jsxs)(`div`,{className:`grid gap-2 border-t p-2`,children:[(0,s.jsx)(r.Input,{value:T,placeholder:m,onChange:e=>E(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),D())}}),(0,s.jsxs)(n.Button,{variant:`outline`,className:`w-full justify-center text-sm font-medium`,disabled:!T.trim(),onClick:D,children:[(0,s.jsx)(o.SaveIcon,{className:`mr-2 size-4`}),p]})]})]})]})})}exports.SavedFilterSelect=c;
+module.exports = require("../../src/components/filters/saved-filter-select.cjs")