tembro 1.0.0

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

@@ -0,0 +1,68 @@
+import { cn as e } from "../../lib/utils.js";
+import { Card as t, CardContent as n, CardDescription as r, CardHeader as i, CardTitle as a } from "../ui/card/index.js";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/display/description-list.tsx
+var c = {
+	1: "grid-cols-1",
+	2: "grid-cols-1 md:grid-cols-2",
+	3: "grid-cols-1 md:grid-cols-2 xl:grid-cols-3",
+	4: "grid-cols-1 md:grid-cols-2 xl:grid-cols-4"
+}, l = {
+	1: "col-span-1",
+	2: "md:col-span-2",
+	3: "xl:col-span-3",
+	4: "xl:col-span-4"
+};
+function u(e) {
+	return e == null || e === "";
+}
+function d({ title: d, description: f, actions: p, items: m, columns: h = 2, bordered: g = !0, compact: _ = !1, emptyValue: v = "-", itemClassName: y, labelClassName: b, valueClassName: x, contentClassName: S, className: C, ...w }) {
+	let T = m.filter((e) => !e.hidden), E = !!(d || f || p);
+	return /* @__PURE__ */ s(t, {
+		"data-slot": "description-list",
+		className: e("min-w-0", C),
+		...w,
+		children: [E && /* @__PURE__ */ o(i, { children: /* @__PURE__ */ s("div", {
+			className: "flex min-w-0 items-start justify-between gap-3",
+			children: [/* @__PURE__ */ s("div", {
+				className: "min-w-0 space-y-1",
+				children: [d && /* @__PURE__ */ o(a, { children: d }), f && /* @__PURE__ */ o(r, { children: f })]
+			}), p && /* @__PURE__ */ o("div", {
+				className: "shrink-0",
+				children: p
+			})]
+		}) }), /* @__PURE__ */ o(n, {
+			className: e("grid gap-2", c[h], S),
+			children: T.map((t) => /* @__PURE__ */ o("div", {
+				"data-slot": "description-list-item",
+				className: e("min-w-0 rounded-lg", g && "border bg-muted/20", _ ? "p-2" : "p-3", t.span && t.span > 1 && l[t.span], y, t.className),
+				children: /* @__PURE__ */ s("div", {
+					className: "flex min-w-0 items-start gap-2",
+					children: [t.icon && /* @__PURE__ */ o("span", {
+						className: "mt-0.5 shrink-0 text-muted-foreground [&_svg]:size-4",
+						children: t.icon
+					}), /* @__PURE__ */ s("div", {
+						className: "min-w-0 flex-1 space-y-1",
+						children: [
+							/* @__PURE__ */ o("div", {
+								className: e("text-xs font-medium uppercase tracking-wide text-muted-foreground", b, t.labelClassName),
+								children: t.label
+							}),
+							/* @__PURE__ */ o("div", {
+								className: e("min-w-0 break-words text-sm font-medium text-foreground", x, t.valueClassName),
+								children: u(t.value) ? v : t.value
+							}),
+							t.description && /* @__PURE__ */ o("div", {
+								className: "text-xs leading-5 text-muted-foreground",
+								children: t.description
+							})
+						]
+					})]
+				})
+			}, t.key))
+		})]
+	});
+}
+//#endregion
+export { d as DescriptionList };

package/dist/components/display/descriptions.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");var i={sm:`gap-2 text-sm`,md:`gap-3 text-sm`,lg:`gap-4 text-base`};function a({items:e,title:n,extra:a,bordered:o=!0,columns:s=3,size:c=`md`,labelClassName:l,valueClassName:u,className:d,...f}){return(0,r.jsxs)(`div`,{"data-slot":`descriptions`,className:t.cn(`grid gap-3`,d),...f,children:[(n||a)&&(0,r.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[n&&(0,r.jsx)(`div`,{className:`text-base font-semibold text-foreground`,children:n}),a]}),(0,r.jsx)(`div`,{className:t.cn(`grid overflow-hidden`,o&&`rounded-lg border bg-card`,!o&&i[c],s===1&&`grid-cols-1`,s===2&&`grid-cols-1 sm:grid-cols-2`,s===3&&`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,s===4&&`grid-cols-1 sm:grid-cols-2 lg:grid-cols-4`),children:e.map(e=>(0,r.jsxs)(`div`,{"data-slot":`descriptions-item`,className:t.cn(`min-w-0`,o?`border-b border-r p-3 last:border-b-0`:`grid gap-1`,e.span===2&&`sm:col-span-2`,e.span===3&&`lg:col-span-3`,e.span===4&&`lg:col-span-4`),children:[(0,r.jsx)(`div`,{className:t.cn(`text-xs font-medium uppercase tracking-wide text-muted-foreground`,l),children:e.label}),(0,r.jsx)(`div`,{className:t.cn(`mt-1 min-w-0 break-words text-sm text-foreground`,u),children:e.value})]},e.key))})]})}exports.Descriptions=a;

package/dist/components/display/descriptions.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export type DescriptionItem = {
+    key: string;
+    label: React.ReactNode;
+    value: React.ReactNode;
+    span?: 1 | 2 | 3 | 4;
+};
+export type DescriptionsProps = React.ComponentProps<"div"> & {
+    items: DescriptionItem[];
+    title?: React.ReactNode;
+    extra?: React.ReactNode;
+    bordered?: boolean;
+    columns?: 1 | 2 | 3 | 4;
+    size?: "sm" | "md" | "lg";
+    labelClassName?: string;
+    valueClassName?: string;
+};
+declare function Descriptions({ items, title, extra, bordered, columns, size, labelClassName, valueClassName, className, ...props }: DescriptionsProps): React.JSX.Element;
+export { Descriptions };

package/dist/components/display/descriptions.js

@@ -0,0 +1,38 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/display/descriptions.tsx
+var r = {
+	sm: "gap-2 text-sm",
+	md: "gap-3 text-sm",
+	lg: "gap-4 text-base"
+};
+function i({ items: i, title: a, extra: o, bordered: s = !0, columns: c = 3, size: l = "md", labelClassName: u, valueClassName: d, className: f, ...p }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "descriptions",
+		className: e("grid gap-3", f),
+		...p,
+		children: [(a || o) && /* @__PURE__ */ n("div", {
+			className: "flex items-center justify-between gap-3",
+			children: [a && /* @__PURE__ */ t("div", {
+				className: "text-base font-semibold text-foreground",
+				children: a
+			}), o]
+		}), /* @__PURE__ */ t("div", {
+			className: e("grid overflow-hidden", s && "rounded-lg border bg-card", !s && r[l], c === 1 && "grid-cols-1", c === 2 && "grid-cols-1 sm:grid-cols-2", c === 3 && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3", c === 4 && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"),
+			children: i.map((r) => /* @__PURE__ */ n("div", {
+				"data-slot": "descriptions-item",
+				className: e("min-w-0", s ? "border-b border-r p-3 last:border-b-0" : "grid gap-1", r.span === 2 && "sm:col-span-2", r.span === 3 && "lg:col-span-3", r.span === 4 && "lg:col-span-4"),
+				children: [/* @__PURE__ */ t("div", {
+					className: e("text-xs font-medium uppercase tracking-wide text-muted-foreground", u),
+					children: r.label
+				}), /* @__PURE__ */ t("div", {
+					className: e("mt-1 min-w-0 break-words text-sm text-foreground", d),
+					children: r.value
+				})]
+			}, r.key))
+		})]
+	});
+}
+//#endregion
+export { i as Descriptions };

package/dist/components/display/entity-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");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({title:e,description:r,media:a,icon:o,status:s,meta:c,actions:l,footer:u,selected:d=!1,disabled:f=!1,orientation:p=`vertical`,onSelect:m,className:h,...g}){return(0,i.jsxs)(n.Card,{"data-slot":`entity-card`,"data-selected":d||void 0,"data-disabled":f||void 0,className:t.cn(`overflow-hidden border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-page-bg)_94%,white_6%)] shadow-sm transition duration-200 hover:-translate-y-0.5 hover:border-[color:color-mix(in_srgb,var(--aui-brand-strong)_26%,var(--aui-surface-border))] hover:shadow-md data-[selected=true]:border-[color:var(--aui-brand-strong)] data-[selected=true]:shadow-[0_0_0_1px_var(--aui-brand-strong),0_16px_36px_rgba(15,23,42,0.12)] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-55 dark:bg-[color:color-mix(in_srgb,var(--aui-page-bg)_97%,black_3%)]`,m&&`cursor-pointer`,p===`horizontal`&&`flex`,h),onClick:m,...g,children:[a&&(0,i.jsx)(`div`,{className:t.cn(`overflow-hidden border-b border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)]`,p===`horizontal`?`w-36 shrink-0 border-b-0 border-r`:`aspect-video`),children:a}),(0,i.jsxs)(`div`,{className:`grid min-w-0 flex-1 gap-3 p-5`,children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[o&&(0,i.jsx)(`div`,{className:`flex size-10 shrink-0 items-center justify-center rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] text-muted-foreground shadow-sm`,children:o}),(0,i.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,i.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,i.jsx)(`div`,{className:`truncate text-base font-semibold tracking-tight text-foreground`,children:e}),s]}),r&&(0,i.jsx)(`div`,{className:`line-clamp-2 text-sm leading-6 text-muted-foreground`,children:r})]})]}),l&&(0,i.jsx)(`div`,{className:`shrink-0`,onClick:t.stopInteractivePropagation,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:l})]}),c&&(0,i.jsx)(`div`,{className:`text-xs font-medium uppercase tracking-[0.18em] text-muted-foreground`,children:c}),u&&(0,i.jsx)(`div`,{className:`border-t border-[color:var(--aui-surface-border)] pt-3 text-sm text-muted-foreground`,children:u})]})]})}exports.EntityCard=a;

package/dist/components/display/entity-card.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Card } from "@/components/ui/card";
+export type EntityCardProps = Omit<React.ComponentProps<typeof Card>, "title"> & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    media?: React.ReactNode;
+    icon?: React.ReactNode;
+    status?: React.ReactNode;
+    meta?: React.ReactNode;
+    actions?: React.ReactNode;
+    footer?: React.ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+    orientation?: "vertical" | "horizontal";
+    onSelect?: () => void;
+};
+declare function EntityCard({ title, description, media, icon, status, meta, actions, footer, selected, disabled, orientation, onSelect, className, ...props }: EntityCardProps): React.JSX.Element;
+export { EntityCard };

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

@@ -0,0 +1,61 @@
+import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
+import { Card as n } from "../ui/card/index.js";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/display/entity-card.tsx
+function a({ title: a, description: o, media: s, icon: c, status: l, meta: u, actions: d, footer: f, selected: p = !1, disabled: m = !1, orientation: h = "vertical", onSelect: g, className: _, ...v }) {
+	return /* @__PURE__ */ i(n, {
+		"data-slot": "entity-card",
+		"data-selected": p || void 0,
+		"data-disabled": m || void 0,
+		className: e("overflow-hidden border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-page-bg)_94%,white_6%)] shadow-sm transition duration-200 hover:-translate-y-0.5 hover:border-[color:color-mix(in_srgb,var(--aui-brand-strong)_26%,var(--aui-surface-border))] hover:shadow-md data-[selected=true]:border-[color:var(--aui-brand-strong)] data-[selected=true]:shadow-[0_0_0_1px_var(--aui-brand-strong),0_16px_36px_rgba(15,23,42,0.12)] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-55 dark:bg-[color:color-mix(in_srgb,var(--aui-page-bg)_97%,black_3%)]", g && "cursor-pointer", h === "horizontal" && "flex", _),
+		onClick: g,
+		...v,
+		children: [s && /* @__PURE__ */ r("div", {
+			className: e("overflow-hidden border-b border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)]", h === "horizontal" ? "w-36 shrink-0 border-b-0 border-r" : "aspect-video"),
+			children: s
+		}), /* @__PURE__ */ i("div", {
+			className: "grid min-w-0 flex-1 gap-3 p-5",
+			children: [
+				/* @__PURE__ */ i("div", {
+					className: "flex items-start justify-between gap-3",
+					children: [/* @__PURE__ */ i("div", {
+						className: "flex min-w-0 items-start gap-3",
+						children: [c && /* @__PURE__ */ r("div", {
+							className: "flex size-10 shrink-0 items-center justify-center rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] text-muted-foreground shadow-sm",
+							children: c
+						}), /* @__PURE__ */ i("div", {
+							className: "grid min-w-0 gap-1",
+							children: [/* @__PURE__ */ i("div", {
+								className: "flex flex-wrap items-center gap-2",
+								children: [/* @__PURE__ */ r("div", {
+									className: "truncate text-base font-semibold tracking-tight text-foreground",
+									children: a
+								}), l]
+							}), o && /* @__PURE__ */ r("div", {
+								className: "line-clamp-2 text-sm leading-6 text-muted-foreground",
+								children: o
+							})]
+						})]
+					}), d && /* @__PURE__ */ r("div", {
+						className: "shrink-0",
+						onClick: t,
+						onMouseDown: t,
+						onDoubleClick: t,
+						children: d
+					})]
+				}),
+				u && /* @__PURE__ */ r("div", {
+					className: "text-xs font-medium uppercase tracking-[0.18em] text-muted-foreground",
+					children: u
+				}),
+				f && /* @__PURE__ */ r("div", {
+					className: "border-t border-[color:var(--aui-surface-border)] pt-3 text-sm text-muted-foreground",
+					children: f
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { a as EntityCard };

package/dist/components/display/entity-header.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({title:e,description:n,avatar:a,badge:o,actions:s,breadcrumb:c,backHref:l,onBack:u,className:d,...f}){return(0,i.jsxs)(`div`,{"data-slot":`entity-header`,className:t.cn(`flex flex-col gap-4 pb-6`,d),...f,children:[(c||l||u)&&(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(l||u)&&(0,i.jsx)(`button`,{type:`button`,onClick:u,className:`inline-flex size-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground transition-colors`,"aria-label":`Go back`,children:l&&!u?(0,i.jsx)(`a`,{href:l,className:`flex h-full w-full items-center justify-center`,children:(0,i.jsx)(r.ChevronLeftIcon,{className:`size-4`})}):(0,i.jsx)(r.ChevronLeftIcon,{className:`size-4`})}),c]}),(0,i.jsxs)(`div`,{className:`flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 items-center gap-4`,children:[a&&(0,i.jsx)(`div`,{className:`shrink-0`,children:a}),(0,i.jsxs)(`div`,{className:`min-w-0 flex-1 grid gap-1`,children:[(0,i.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,i.jsx)(`h1`,{className:`truncate text-xl font-semibold tracking-tight text-foreground sm:text-2xl`,children:e}),o]}),n&&(0,i.jsx)(`p`,{className:`truncate text-sm text-muted-foreground`,children:n})]})]}),s&&(0,i.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:s})]})]})}exports.EntityHeader=a;

package/dist/components/display/entity-header.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export type EntityHeaderProps = React.ComponentProps<"div"> & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    avatar?: React.ReactNode;
+    badge?: React.ReactNode;
+    actions?: React.ReactNode;
+    breadcrumb?: React.ReactNode;
+    backHref?: string;
+    onBack?: () => void;
+};
+declare function EntityHeader({ title, description, avatar, badge, actions, breadcrumb, backHref, onBack, className, ...props }: EntityHeaderProps): React.JSX.Element;
+export { EntityHeader };

package/dist/components/display/entity-header.js

@@ -0,0 +1,52 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { ChevronLeftIcon as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/display/entity-header.tsx
+function i({ title: i, description: a, avatar: o, badge: s, actions: c, breadcrumb: l, backHref: u, onBack: d, className: f, ...p }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "entity-header",
+		className: e("flex flex-col gap-4 pb-6", f),
+		...p,
+		children: [(l || u || d) && /* @__PURE__ */ r("div", {
+			className: "flex items-center gap-2",
+			children: [(u || d) && /* @__PURE__ */ n("button", {
+				type: "button",
+				onClick: d,
+				className: "inline-flex size-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
+				"aria-label": "Go back",
+				children: u && !d ? /* @__PURE__ */ n("a", {
+					href: u,
+					className: "flex h-full w-full items-center justify-center",
+					children: /* @__PURE__ */ n(t, { className: "size-4" })
+				}) : /* @__PURE__ */ n(t, { className: "size-4" })
+			}), l]
+		}), /* @__PURE__ */ r("div", {
+			className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+			children: [/* @__PURE__ */ r("div", {
+				className: "flex min-w-0 items-center gap-4",
+				children: [o && /* @__PURE__ */ n("div", {
+					className: "shrink-0",
+					children: o
+				}), /* @__PURE__ */ r("div", {
+					className: "min-w-0 flex-1 grid gap-1",
+					children: [/* @__PURE__ */ r("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [/* @__PURE__ */ n("h1", {
+							className: "truncate text-xl font-semibold tracking-tight text-foreground sm:text-2xl",
+							children: i
+						}), s]
+					}), a && /* @__PURE__ */ n("p", {
+						className: "truncate text-sm text-muted-foreground",
+						children: a
+					})]
+				})]
+			}), c && /* @__PURE__ */ n("div", {
+				className: "flex shrink-0 items-center gap-2",
+				children: c
+			})]
+		})]
+	});
+}
+//#endregion
+export { i as EntityHeader };

package/dist/components/display/file-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/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o({name:e,description:r,meta:o,icon:s,preview:c,actions:l,selected:u=!1,disabled:d=!1,onOpen:f,className:p,...m}){return(0,a.jsxs)(`div`,{"data-slot":`file-card`,"data-selected":u||void 0,"data-disabled":d||void 0,className:t.cn(`group grid gap-3 rounded-lg border bg-card p-3 transition-colors hover:bg-muted/35 data-[selected=true]:border-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-55`,f&&`cursor-pointer`,p),onClick:f,...m,children:[c&&(0,a.jsx)(`div`,{className:`overflow-hidden rounded-md bg-muted`,children:c}),(0,a.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,a.jsx)(`div`,{className:`flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground`,children:s??(0,a.jsx)(i.FileIcon,{className:`size-4`})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,a.jsx)(`div`,{className:`truncate text-sm font-medium text-foreground`,children:e}),r&&(0,a.jsx)(`div`,{className:`mt-0.5 line-clamp-2 text-xs text-muted-foreground`,children:r}),o&&(0,a.jsx)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:o})]}),l??(0,a.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`icon-xs`,onClick:t.stopInteractivePropagation,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,a.jsx)(i.MoreHorizontalIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`File actions`})]})]})]})}exports.FileCard=o;

package/dist/components/display/file-card.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export type FileCardProps = React.ComponentProps<"div"> & {
+    name: React.ReactNode;
+    description?: React.ReactNode;
+    meta?: React.ReactNode;
+    icon?: React.ReactNode;
+    preview?: React.ReactNode;
+    actions?: React.ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+    onOpen?: () => void;
+};
+declare function FileCard({ name, description, meta, icon, preview, actions, selected, disabled, onOpen, className, ...props }: FileCardProps): React.JSX.Element;
+export { FileCard };

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

@@ -0,0 +1,59 @@
+import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
+import { Button as n } from "../ui/button/index.js";
+import "react";
+import { FileIcon as r, MoreHorizontalIcon as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/display/file-card.tsx
+function s({ name: s, description: c, meta: l, icon: u, preview: d, actions: f, selected: p = !1, disabled: m = !1, onOpen: h, className: g, ..._ }) {
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "file-card",
+		"data-selected": p || void 0,
+		"data-disabled": m || void 0,
+		className: e("group grid gap-3 rounded-lg border bg-card p-3 transition-colors hover:bg-muted/35 data-[selected=true]:border-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-55", h && "cursor-pointer", g),
+		onClick: h,
+		..._,
+		children: [d && /* @__PURE__ */ a("div", {
+			className: "overflow-hidden rounded-md bg-muted",
+			children: d
+		}), /* @__PURE__ */ o("div", {
+			className: "flex items-start gap-3",
+			children: [
+				/* @__PURE__ */ a("div", {
+					className: "flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground",
+					children: u ?? /* @__PURE__ */ a(r, { className: "size-4" })
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "min-w-0 flex-1",
+					children: [
+						/* @__PURE__ */ a("div", {
+							className: "truncate text-sm font-medium text-foreground",
+							children: s
+						}),
+						c && /* @__PURE__ */ a("div", {
+							className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground",
+							children: c
+						}),
+						l && /* @__PURE__ */ a("div", {
+							className: "mt-2 text-xs text-muted-foreground",
+							children: l
+						})
+					]
+				}),
+				f ?? /* @__PURE__ */ o(n, {
+					type: "button",
+					variant: "ghost",
+					size: "icon-xs",
+					onClick: t,
+					onMouseDown: t,
+					onDoubleClick: t,
+					children: [/* @__PURE__ */ a(i, {}), /* @__PURE__ */ a("span", {
+						className: "sr-only",
+						children: "File actions"
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { s as FileCard };

package/dist/components/display/float-button.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");var i={"bottom-right":`bottom-6 right-6`,"bottom-left":`bottom-6 left-6`,"top-right":`right-6 top-6`,"top-left":`left-6 top-6`};function a({placement:e=`bottom-right`,className:n,...a}){return(0,r.jsx)(`button`,{type:`button`,"data-slot":`float-button`,className:t.cn(`fixed z-50 inline-flex size-12 items-center justify-center rounded-full border bg-primary text-primary-foreground shadow-lg transition hover:opacity-90`,i[e],n),...a})}exports.FloatButton=a;

package/dist/components/display/float-button.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export type FloatButtonProps = React.ComponentProps<"button"> & {
+    placement?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+};
+declare function FloatButton({ placement, className, ...props }: FloatButtonProps): React.JSX.Element;
+export { FloatButton };

package/dist/components/display/float-button.js

@@ -0,0 +1,20 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/display/float-button.tsx
+var n = {
+	"bottom-right": "bottom-6 right-6",
+	"bottom-left": "bottom-6 left-6",
+	"top-right": "right-6 top-6",
+	"top-left": "left-6 top-6"
+};
+function r({ placement: r = "bottom-right", className: i, ...a }) {
+	return /* @__PURE__ */ t("button", {
+		type: "button",
+		"data-slot": "float-button",
+		className: e("fixed z-50 inline-flex size-12 items-center justify-center rounded-full border bg-primary text-primary-foreground shadow-lg transition hover:opacity-90", n[r], i),
+		...a
+	});
+}
+//#endregion
+export { r as FloatButton };

package/dist/components/display/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./description-list.cjs"),t=require("./data-list.cjs"),n=require("./activity-feed.cjs"),r=require("./avatar.cjs"),i=require("./entity-header.cjs"),a=require("./descriptions.cjs"),o=require("./keyboard-shortcut.cjs"),s=require("./kanban.cjs"),c=require("./code-block.cjs"),l=require("./data-state.cjs"),u=require("./entity-card.cjs"),d=require("./file-card.cjs"),f=require("./list.cjs"),p=require("./metric-grid.cjs"),m=require("./progress.cjs"),h=require("./progress-circle.cjs"),g=require("./property-grid.cjs"),_=require("./key-value-card.cjs"),v=require("./result.cjs"),y=require("./statistic.cjs"),b=require("./status-dot.cjs"),x=require("./status-legend.cjs"),S=require("./tag-list.cjs"),C=require("./timeline.cjs"),w=require("./tree-view.cjs"),T=require("./user-card.cjs"),E=require("./delta-badge.cjs"),D=require("./trend-card.cjs"),O=require("./comparison-card.cjs"),k=require("./skeleton-table.cjs"),A=require("./skeleton-form.cjs"),j=require("./smart-card.cjs");exports.ActivityFeed=n.ActivityFeed,exports.Avatar=r.Avatar,exports.AvatarGroup=r.AvatarGroup,exports.CodeBlock=c.CodeBlock,exports.ComparisonCard=O.ComparisonCard,exports.DataList=t.DataList,exports.DataListRow=t.DataListRow,exports.DataState=l.DataState,exports.DeltaBadge=E.DeltaBadge,exports.DescriptionList=e.DescriptionList,exports.Descriptions=a.Descriptions,exports.EntityCard=u.EntityCard,exports.EntityHeader=i.EntityHeader,exports.FileCard=d.FileCard,exports.InfoCard=j.SmartCard,exports.KanbanBoard=s.KanbanBoard,exports.KeyValueCard=_.KeyValueCard,exports.KeyboardShortcut=o.KeyboardShortcut,exports.List=f.List,exports.ListRow=f.ListRow,exports.MetricGrid=p.MetricGrid,exports.Progress=m.Progress,exports.ProgressCard=m.ProgressCard,exports.ProgressCircle=h.ProgressCircle,exports.PropertyGrid=g.PropertyGrid,exports.Result=v.Result,exports.ResultAction=v.ResultAction,exports.SkeletonForm=A.SkeletonForm,exports.SkeletonTable=k.SkeletonTable,exports.SmartCard=j.SmartCard,exports.Statistic=y.Statistic,exports.StatisticCard=y.StatisticCard,exports.StatisticGrid=y.StatisticGrid,exports.StatusDot=b.StatusDot,exports.StatusLegend=x.StatusLegend,exports.TagList=S.TagList,exports.Timeline=C.Timeline,exports.TreeView=w.TreeView,exports.TrendCard=D.TrendCard,exports.UserCard=T.UserCard,exports.getProgressPercent=m.getProgressPercent;

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

@@ -0,0 +1,32 @@
+export * from "./description-list";
+export * from "./data-list";
+export * from "./activity-feed";
+export * from "./avatar";
+export * from "./entity-header";
+export * from "./descriptions";
+export * from "./keyboard-shortcut";
+export * from "./kanban";
+export * from "./code-block";
+export * from "./data-state";
+export * from "./entity-card";
+export * from "./file-card";
+export * from "./list";
+export * from "./metric-grid";
+export * from "./progress";
+export * from "./progress-circle";
+export * from "./property-grid";
+export * from "./key-value-card";
+export * from "./result";
+export * from "./statistic";
+export * from "./status-dot";
+export * from "./status-legend";
+export * from "./tag-list";
+export * from "./timeline";
+export * from "./tree-view";
+export * from "./user-card";
+export * from "./trend-card";
+export * from "./comparison-card";
+export * from "./delta-badge";
+export * from "./skeleton-table";
+export * from "./skeleton-form";
+export { SmartCard as InfoCard, SmartCard, type SmartCardClassNames, type SmartCardClassNames as InfoCardClassNames, type SmartCardDensity, type SmartCardDensity as InfoCardDensity, type SmartCardOrientation, type SmartCardOrientation as InfoCardOrientation, type SmartCardProps, type SmartCardProps as InfoCardProps, type SmartCardRenderContext, type SmartCardRenderContext as InfoCardRenderContext, type SmartCardSize, type SmartCardSize as InfoCardSize, type SmartCardVariant, type SmartCardVariant as InfoCardVariant, } from "./smart-card";

package/dist/components/display/index.js

@@ -0,0 +1,33 @@
+import { DescriptionList as e } from "./description-list.js";
+import { DataList as t, DataListRow as n } from "./data-list.js";
+import { ActivityFeed as r } from "./activity-feed.js";
+import { Avatar as i, AvatarGroup as a } from "./avatar.js";
+import { EntityHeader as o } from "./entity-header.js";
+import { Descriptions as s } from "./descriptions.js";
+import { KeyboardShortcut as c } from "./keyboard-shortcut.js";
+import { KanbanBoard as l } from "./kanban.js";
+import { CodeBlock as u } from "./code-block.js";
+import { DataState as d } from "./data-state.js";
+import { EntityCard as f } from "./entity-card.js";
+import { FileCard as p } from "./file-card.js";
+import { List as m, ListRow as h } from "./list.js";
+import { MetricGrid as g } from "./metric-grid.js";
+import { Progress as _, ProgressCard as v, getProgressPercent as y } from "./progress.js";
+import { ProgressCircle as b } from "./progress-circle.js";
+import { PropertyGrid as x } from "./property-grid.js";
+import { KeyValueCard as S } from "./key-value-card.js";
+import { Result as C, ResultAction as w } from "./result.js";
+import { Statistic as T, StatisticCard as E, StatisticGrid as D } from "./statistic.js";
+import { StatusDot as O } from "./status-dot.js";
+import { StatusLegend as k } from "./status-legend.js";
+import { TagList as A } from "./tag-list.js";
+import { Timeline as j } from "./timeline.js";
+import { TreeView as M } from "./tree-view.js";
+import { UserCard as N } from "./user-card.js";
+import { DeltaBadge as P } from "./delta-badge.js";
+import { TrendCard as F } from "./trend-card.js";
+import { ComparisonCard as I } from "./comparison-card.js";
+import { SkeletonTable as L } from "./skeleton-table.js";
+import { SkeletonForm as R } from "./skeleton-form.js";
+import { SmartCard as z } from "./smart-card.js";
+export { r as ActivityFeed, i as Avatar, a as AvatarGroup, u as CodeBlock, I as ComparisonCard, t as DataList, n as DataListRow, d as DataState, P as DeltaBadge, e as DescriptionList, s as Descriptions, f as EntityCard, o as EntityHeader, p as FileCard, z as InfoCard, l as KanbanBoard, S as KeyValueCard, c as KeyboardShortcut, m as List, h as ListRow, g as MetricGrid, _ as Progress, v as ProgressCard, b as ProgressCircle, x as PropertyGrid, C as Result, w as ResultAction, R as SkeletonForm, L as SkeletonTable, z as SmartCard, T as Statistic, E as StatisticCard, D as StatisticGrid, O as StatusDot, k as StatusLegend, A as TagList, j as Timeline, M as TreeView, F as TrendCard, N as UserCard, y as getProgressPercent };

package/dist/components/display/kanban.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");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({columns:e,renderCard:n,onCardClick:r,columnClassName:a,cardClassName:s,className:c,...l}){return(0,i.jsx)(`div`,{"data-slot":`kanban-board`,className:t.cn(`grid auto-cols-[minmax(280px,1fr)] grid-flow-col gap-4 overflow-x-auto pb-2`,c),...l,children:e.map(e=>(0,i.jsx)(o,{column:e,renderCard:n,onCardClick:r,columnClassName:a,cardClassName:s},e.key))})}function o({column:e,renderCard:r,onCardClick:a,columnClassName:o,cardClassName:s}){return(0,i.jsxs)(`section`,{"data-slot":`kanban-column`,className:t.cn(`grid min-h-40 content-start gap-3 rounded-lg border bg-muted/35 p-3`,o),children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,i.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,i.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:e.title}),e.description&&(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e.description})]}),(0,i.jsx)(`div`,{className:`rounded-full bg-background px-2 py-0.5 text-xs text-muted-foreground`,children:e.count??e.cards.length})]}),(0,i.jsx)(`div`,{className:`grid gap-2`,children:e.cards.map(o=>r?.(o,e)??(0,i.jsxs)(n.Card,{"data-slot":`kanban-card`,className:t.cn(`transition-colors hover:bg-muted/40`,a&&!o.disabled&&`cursor-pointer`,o.disabled&&`pointer-events-none opacity-55`,s),onClick:()=>a?.(o,e),children:[(0,i.jsx)(n.CardHeader,{className:`p-3 pb-1`,children:(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,i.jsx)(n.CardTitle,{className:`text-sm`,children:o.title}),o.extra]})}),(o.description||o.meta)&&(0,i.jsxs)(n.CardContent,{className:`grid gap-2 p-3 pt-0 text-xs text-muted-foreground`,children:[o.description,o.meta&&(0,i.jsx)(`div`,{children:o.meta})]})]},o.key))})]})}exports.KanbanBoard=a;

package/dist/components/display/kanban.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+export type KanbanCard = {
+    key: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    meta?: React.ReactNode;
+    extra?: React.ReactNode;
+    disabled?: boolean;
+};
+export type KanbanColumn = {
+    key: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    cards: KanbanCard[];
+    count?: React.ReactNode;
+};
+export type KanbanBoardProps = React.ComponentProps<"div"> & {
+    columns: KanbanColumn[];
+    renderCard?: (card: KanbanCard, column: KanbanColumn) => React.ReactNode;
+    onCardClick?: (card: KanbanCard, column: KanbanColumn) => void;
+    columnClassName?: string;
+    cardClassName?: string;
+};
+declare function KanbanBoard({ columns, renderCard, onCardClick, columnClassName, cardClassName, className, ...props }: KanbanBoardProps): React.JSX.Element;
+export { KanbanBoard };

package/dist/components/display/kanban.js

@@ -0,0 +1,63 @@
+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 "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/display/kanban.tsx
+function s({ columns: t, renderCard: n, onCardClick: r, columnClassName: i, cardClassName: o, className: s, ...l }) {
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "kanban-board",
+		className: e("grid auto-cols-[minmax(280px,1fr)] grid-flow-col gap-4 overflow-x-auto pb-2", s),
+		...l,
+		children: t.map((e) => /* @__PURE__ */ a(c, {
+			column: e,
+			renderCard: n,
+			onCardClick: r,
+			columnClassName: i,
+			cardClassName: o
+		}, e.key))
+	});
+}
+function c({ column: s, renderCard: c, onCardClick: l, columnClassName: u, cardClassName: d }) {
+	return /* @__PURE__ */ o("section", {
+		"data-slot": "kanban-column",
+		className: e("grid min-h-40 content-start gap-3 rounded-lg border bg-muted/35 p-3", u),
+		children: [/* @__PURE__ */ o("div", {
+			className: "flex items-start justify-between gap-3",
+			children: [/* @__PURE__ */ o("div", {
+				className: "grid gap-0.5",
+				children: [/* @__PURE__ */ a("h3", {
+					className: "text-sm font-semibold text-foreground",
+					children: s.title
+				}), s.description && /* @__PURE__ */ a("p", {
+					className: "text-xs text-muted-foreground",
+					children: s.description
+				})]
+			}), /* @__PURE__ */ a("div", {
+				className: "rounded-full bg-background px-2 py-0.5 text-xs text-muted-foreground",
+				children: s.count ?? s.cards.length
+			})]
+		}), /* @__PURE__ */ a("div", {
+			className: "grid gap-2",
+			children: s.cards.map((u) => c?.(u, s) ?? /* @__PURE__ */ o(t, {
+				"data-slot": "kanban-card",
+				className: e("transition-colors hover:bg-muted/40", l && !u.disabled && "cursor-pointer", u.disabled && "pointer-events-none opacity-55", d),
+				onClick: () => l?.(u, s),
+				children: [/* @__PURE__ */ a(r, {
+					className: "p-3 pb-1",
+					children: /* @__PURE__ */ o("div", {
+						className: "flex items-start justify-between gap-2",
+						children: [/* @__PURE__ */ a(i, {
+							className: "text-sm",
+							children: u.title
+						}), u.extra]
+					})
+				}), (u.description || u.meta) && /* @__PURE__ */ o(n, {
+					className: "grid gap-2 p-3 pt-0 text-xs text-muted-foreground",
+					children: [u.description, u.meta && /* @__PURE__ */ a("div", { children: u.meta })]
+				})]
+			}, u.key))
+		})]
+	});
+}
+//#endregion
+export { s as KanbanBoard };

package/dist/components/display/key-value-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");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({title:e,description:r,items:a,columns:o=1,className:s,...c}){return(0,i.jsxs)(n.Card,{"data-slot":`key-value-card`,className:s,...c,children:[(e||r)&&(0,i.jsxs)(n.CardHeader,{children:[e&&(0,i.jsx)(n.CardTitle,{children:e}),r&&(0,i.jsx)(n.CardDescription,{children:r})]}),(0,i.jsx)(n.CardContent,{children:(0,i.jsx)(`dl`,{className:t.cn(`grid gap-3`,o===1&&`grid-cols-1`,o===2&&`grid-cols-1 sm:grid-cols-2`),children:a.map(e=>(0,i.jsxs)(`div`,{"data-slot":`key-value-card-item`,className:`min-w-0 rounded-lg border bg-muted/25 p-3`,children:[(0,i.jsx)(`dt`,{className:`text-xs font-medium uppercase tracking-wide text-muted-foreground`,children:e.label}),(0,i.jsx)(`dd`,{className:`mt-1 break-words text-sm font-semibold text-foreground`,children:e.value}),e.description&&(0,i.jsx)(`dd`,{className:`mt-1 text-xs leading-5 text-muted-foreground`,children:e.description})]},e.key))})})]})}exports.KeyValueCard=a;

package/dist/components/display/key-value-card.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { type CardProps } from "@/components/ui/card";
+export type KeyValueCardItem = {
+    key: string;
+    label: React.ReactNode;
+    value: React.ReactNode;
+    description?: React.ReactNode;
+};
+export type KeyValueCardProps = Omit<CardProps, "children"> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    items: KeyValueCardItem[];
+    columns?: 1 | 2;
+};
+declare function KeyValueCard({ title, description, items, columns, className, ...props }: KeyValueCardProps): React.JSX.Element;
+export { KeyValueCard };