tembro 3.0.0 → 3.1.5

package/dist/components/display/delta-badge.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-import { type BadgeProps } from "@/components/ui/badge";
-export type DeltaBadgeProps = Omit<BadgeProps, "children" | "label" | "tone" | "status" | "leftIcon" | "variant" | "size"> & {
-    value: React.ReactNode;
-    trend?: "up" | "down" | "neutral";
-    size?: "sm" | "default";
-    icon?: boolean;
-};
-declare function DeltaBadge({ value, trend, size, icon, className, ...props }: DeltaBadgeProps): React.JSX.Element;
-export { DeltaBadge };

package/dist/components/display/delta-badge.js

@@ -1,20 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { Badge as t } from "../ui/badge/index.js";
-import "react";
-import { ArrowDownIcon as n, ArrowUpIcon as r, MinusIcon as i } from "lucide-react";
-import { jsx as a } from "react/jsx-runtime";
-//#region src/components/display/delta-badge.tsx
-function o({ value: o, trend: s = "neutral", size: c = "default", icon: l = !0, className: u, ...d }) {
-	return /* @__PURE__ */ a(t, {
-		"data-slot": "delta-badge",
-		variant: "soft",
-		tone: s === "up" ? "success" : s === "down" ? "danger" : "muted",
-		size: c,
-		leftIcon: l ? /* @__PURE__ */ a(s === "up" ? r : s === "down" ? n : i, { className: e("shrink-0", c === "sm" ? "size-2.5" : "size-3") }) : void 0,
-		label: o,
-		className: e(c === "sm" && "min-h-5 px-1.5 text-[10px]", u),
-		...d
-	});
-}
-//#endregion
-export { o as DeltaBadge };

package/dist/components/display/descriptions.cjs

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

@@ -1,19 +0,0 @@
-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

@@ -1,38 +0,0 @@
-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/metric-grid.cjs

@@ -1 +0,0 @@
-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");var a={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 xl:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 xl:grid-cols-4`},o={default:``,success:`border-emerald-500/20 bg-emerald-500/5`,warning:`border-amber-500/20 bg-amber-500/5`,danger:`border-destructive/20 bg-destructive/5`,info:`border-blue-500/20 bg-blue-500/5`,muted:`bg-muted/40`};function s({className:e,items:r,columns:s=4,compact:c=!1,itemClassName:l,...u}){let d=r.filter(e=>!e.hidden);return(0,i.jsx)(`div`,{"data-slot":`metric-grid`,className:t.cn(`grid gap-3`,a[s],e),...u,children:d.map(e=>(0,i.jsxs)(n.Card,{"data-slot":`stat-card`,"data-tone":e.tone??`default`,className:t.cn(`min-w-0 overflow-hidden`,o[e.tone??`default`],l,e.className),children:[(0,i.jsxs)(n.CardHeader,{className:t.cn(`flex flex-row items-start justify-between gap-3 space-y-0`,c?`p-3 pb-1`:`pb-2`),children:[(0,i.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[(0,i.jsx)(n.CardDescription,{className:`truncate`,children:e.label}),(0,i.jsx)(n.CardTitle,{className:t.cn(`truncate`,c?`text-xl`:`text-2xl`),children:e.loading?(0,i.jsx)(`span`,{className:`block h-8 w-24 animate-pulse rounded bg-muted`}):e.value})]}),e.icon&&(0,i.jsx)(`div`,{className:`shrink-0 rounded-lg bg-muted p-2 text-muted-foreground [&_svg]:size-4`,children:e.icon})]}),(e.description||e.trend)&&(0,i.jsxs)(n.CardContent,{className:t.cn(`flex min-w-0 items-center justify-between gap-2`,c?`p-3 pt-1`:`pt-0`),children:[e.description&&(0,i.jsx)(`div`,{className:`min-w-0 truncate text-xs text-muted-foreground`,children:e.description}),e.trend&&(0,i.jsx)(`div`,{className:`shrink-0 text-xs font-medium`,children:e.trend})]})]},e.key))})}exports.MetricGrid=s;

package/dist/components/display/metric-grid.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-export type MetricTone = "default" | "success" | "warning" | "danger" | "info" | "muted";
-export type MetricGridColumn = 1 | 2 | 3 | 4;
-export type MetricItem = {
-    key: string;
-    label: React.ReactNode;
-    value: React.ReactNode;
-    description?: React.ReactNode;
-    icon?: React.ReactNode;
-    trend?: React.ReactNode;
-    tone?: MetricTone;
-    hidden?: boolean;
-    className?: string;
-    loading?: boolean;
-};
-export type MetricGridProps = React.ComponentProps<"div"> & {
-    items: MetricItem[];
-    columns?: MetricGridColumn;
-    compact?: boolean;
-    itemClassName?: string;
-};
-declare function MetricGrid({ className, items, columns, compact, itemClassName, ...props }: MetricGridProps): React.JSX.Element;
-export { MetricGrid };

package/dist/components/display/metric-grid.js

@@ -1,58 +0,0 @@
-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/metric-grid.tsx
-var c = {
-	1: "grid-cols-1",
-	2: "grid-cols-1 sm:grid-cols-2",
-	3: "grid-cols-1 sm:grid-cols-2 xl:grid-cols-3",
-	4: "grid-cols-1 sm:grid-cols-2 xl:grid-cols-4"
-}, l = {
-	default: "",
-	success: "border-emerald-500/20 bg-emerald-500/5",
-	warning: "border-amber-500/20 bg-amber-500/5",
-	danger: "border-destructive/20 bg-destructive/5",
-	info: "border-blue-500/20 bg-blue-500/5",
-	muted: "bg-muted/40"
-};
-function u({ className: u, items: d, columns: f = 4, compact: p = !1, itemClassName: m, ...h }) {
-	let g = d.filter((e) => !e.hidden);
-	return /* @__PURE__ */ o("div", {
-		"data-slot": "metric-grid",
-		className: e("grid gap-3", c[f], u),
-		...h,
-		children: g.map((c) => /* @__PURE__ */ s(t, {
-			"data-slot": "stat-card",
-			"data-tone": c.tone ?? "default",
-			className: e("min-w-0 overflow-hidden", l[c.tone ?? "default"], m, c.className),
-			children: [/* @__PURE__ */ s(i, {
-				className: e("flex flex-row items-start justify-between gap-3 space-y-0", p ? "p-3 pb-1" : "pb-2"),
-				children: [/* @__PURE__ */ s("div", {
-					className: "min-w-0 space-y-1",
-					children: [/* @__PURE__ */ o(r, {
-						className: "truncate",
-						children: c.label
-					}), /* @__PURE__ */ o(a, {
-						className: e("truncate", p ? "text-xl" : "text-2xl"),
-						children: c.loading ? /* @__PURE__ */ o("span", { className: "block h-8 w-24 animate-pulse rounded bg-muted" }) : c.value
-					})]
-				}), c.icon && /* @__PURE__ */ o("div", {
-					className: "shrink-0 rounded-lg bg-muted p-2 text-muted-foreground [&_svg]:size-4",
-					children: c.icon
-				})]
-			}), (c.description || c.trend) && /* @__PURE__ */ s(n, {
-				className: e("flex min-w-0 items-center justify-between gap-2", p ? "p-3 pt-1" : "pt-0"),
-				children: [c.description && /* @__PURE__ */ o("div", {
-					className: "min-w-0 truncate text-xs text-muted-foreground",
-					children: c.description
-				}), c.trend && /* @__PURE__ */ o("div", {
-					className: "shrink-0 text-xs font-medium",
-					children: c.trend
-				})]
-			})]
-		}, c.key))
-	});
-}
-//#endregion
-export { u as MetricGrid };

package/dist/components/display/progress-circle.cjs

@@ -1 +0,0 @@
-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({value:e=0,max:n=100,label:i,className:a,...o}){let s=n>0?Math.max(0,Math.min(100,Math.round(e/n*100))):0;return(0,r.jsxs)(`div`,{"data-slot":`progress-circle`,className:t.cn(`inline-flex items-center gap-3`,a),...o,children:[(0,r.jsxs)(`span`,{className:`inline-flex size-14 items-center justify-center rounded-full border-4 border-muted bg-background text-xs font-semibold text-foreground`,children:[s,`%`]}),i?(0,r.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:i}):null]})}exports.ProgressCircle=i;

package/dist/components/display/progress-circle.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-export type ProgressCircleProps = React.ComponentProps<"div"> & {
-    value?: number;
-    max?: number;
-    label?: React.ReactNode;
-};
-declare function ProgressCircle({ value, max, label, className, ...props }: ProgressCircleProps): React.JSX.Element;
-export { ProgressCircle };

package/dist/components/display/progress-circle.js

@@ -1,21 +0,0 @@
-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/progress-circle.tsx
-function r({ value: r = 0, max: i = 100, label: a, className: o, ...s }) {
-	let c = i > 0 ? Math.max(0, Math.min(100, Math.round(r / i * 100))) : 0;
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "progress-circle",
-		className: e("inline-flex items-center gap-3", o),
-		...s,
-		children: [/* @__PURE__ */ n("span", {
-			className: "inline-flex size-14 items-center justify-center rounded-full border-4 border-muted bg-background text-xs font-semibold text-foreground",
-			children: [c, "%"]
-		}), a ? /* @__PURE__ */ t("span", {
-			className: "text-sm text-muted-foreground",
-			children: a
-		}) : null]
-	});
-}
-//#endregion
-export { r as ProgressCircle };

package/dist/components/display/property-grid.cjs

@@ -1 +0,0 @@
-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({items:e,columns:n=3,bordered:i=!0,className:a,...o}){return(0,r.jsx)(`div`,{"data-slot":`property-grid`,className:t.cn(`grid gap-3`,n===1&&`grid-cols-1`,n===2&&`grid-cols-1 sm:grid-cols-2`,n===3&&`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,n===4&&`grid-cols-1 sm:grid-cols-2 lg:grid-cols-4`,a),...o,children:e.map(e=>(0,r.jsxs)(`div`,{"data-slot":`property-grid-item`,className:t.cn(`min-w-0 rounded-lg bg-card p-3`,i&&`border`,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:`text-xs font-medium uppercase tracking-wide text-muted-foreground`,children:e.label}),(0,r.jsx)(`div`,{className:`mt-1 break-words text-sm font-medium text-foreground`,children:e.value}),e.description&&(0,r.jsx)(`div`,{className:`mt-1 text-xs text-muted-foreground`,children:e.description})]},e.key))})}exports.PropertyGrid=i;

package/dist/components/display/property-grid.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-export type PropertyGridItem = {
-    key: string;
-    label: React.ReactNode;
-    value: React.ReactNode;
-    description?: React.ReactNode;
-    span?: 1 | 2 | 3 | 4;
-};
-export type PropertyGridProps = React.ComponentProps<"div"> & {
-    items: PropertyGridItem[];
-    columns?: 1 | 2 | 3 | 4;
-    bordered?: boolean;
-};
-declare function PropertyGrid({ items, columns, bordered, className, ...props }: PropertyGridProps): React.JSX.Element;
-export { PropertyGrid };

package/dist/components/display/property-grid.js

@@ -1,31 +0,0 @@
-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/property-grid.tsx
-function r({ items: r, columns: i = 3, bordered: a = !0, className: o, ...s }) {
-	return /* @__PURE__ */ t("div", {
-		"data-slot": "property-grid",
-		className: e("grid gap-3", i === 1 && "grid-cols-1", i === 2 && "grid-cols-1 sm:grid-cols-2", i === 3 && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3", i === 4 && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4", o),
-		...s,
-		children: r.map((r) => /* @__PURE__ */ n("div", {
-			"data-slot": "property-grid-item",
-			className: e("min-w-0 rounded-lg bg-card p-3", a && "border", 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: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
-					children: r.label
-				}),
-				/* @__PURE__ */ t("div", {
-					className: "mt-1 break-words text-sm font-medium text-foreground",
-					children: r.value
-				}),
-				r.description && /* @__PURE__ */ t("div", {
-					className: "mt-1 text-xs text-muted-foreground",
-					children: r.description
-				})
-			]
-		}, r.key))
-	});
-}
-//#endregion
-export { r as PropertyGrid };

package/dist/components/display/result.cjs

@@ -1 +0,0 @@
-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");var o={success:(0,a.jsx)(i.CheckCircle2Icon,{className:`size-8`}),error:(0,a.jsx)(i.AlertCircleIcon,{className:`size-8`}),warning:(0,a.jsx)(i.TriangleAlertIcon,{className:`size-8`}),info:(0,a.jsx)(i.InfoIcon,{className:`size-8`}),"not-found":(0,a.jsx)(i.InfoIcon,{className:`size-8`}),forbidden:(0,a.jsx)(i.ShieldAlertIcon,{className:`size-8`}),"server-error":(0,a.jsx)(i.AlertCircleIcon,{className:`size-8`})},s={success:`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`,error:`bg-destructive/10 text-destructive`,warning:`bg-amber-500/10 text-amber-600 dark:text-amber-400`,info:`bg-blue-500/10 text-blue-600 dark:text-blue-400`,"not-found":`bg-muted text-muted-foreground`,forbidden:`bg-amber-500/10 text-amber-600 dark:text-amber-400`,"server-error":`bg-destructive/10 text-destructive`},c={success:`Success`,error:`Something went wrong`,warning:`Check this action`,info:`Information`,"not-found":`Page not found`,forbidden:`Access forbidden`,"server-error":`Server error`};function l({status:e=`info`,icon:n,title:r,description:i,actions:l,extra:u,compact:d=!1,iconClassName:f,titleClassName:p,descriptionClassName:m,className:h,...g}){return(0,a.jsxs)(`div`,{"data-slot":`result`,"data-status":e,className:t.cn(`flex flex-col items-center justify-center text-center`,d?`gap-3 p-4`:`gap-4 p-8`,h),...g,children:[(0,a.jsx)(`div`,{className:t.cn(`flex items-center justify-center rounded-full`,d?`size-12`:`size-16`,s[e],f),children:n??o[e]}),(0,a.jsxs)(`div`,{className:`max-w-lg space-y-2`,children:[(0,a.jsx)(`h3`,{className:t.cn(`font-semibold tracking-tight`,d?`text-base`:`text-2xl`,p),children:r??c[e]}),i&&(0,a.jsx)(`p`,{className:t.cn(`text-sm leading-6 text-muted-foreground`,m),children:i})]}),l&&(0,a.jsx)(`div`,{className:`flex flex-wrap justify-center gap-2`,children:l}),u&&(0,a.jsx)(`div`,{className:`w-full max-w-2xl`,children:u})]})}function u({className:e,...r}){return(0,a.jsx)(n.Button,{className:t.cn(`min-w-28`,e),...r})}exports.Result=l,exports.ResultAction=u;

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

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { Button } from "@/components/ui/button";
-export type ResultStatus = "success" | "error" | "warning" | "info" | "not-found" | "forbidden" | "server-error";
-export type ResultProps = React.ComponentProps<"div"> & {
-    status?: ResultStatus;
-    icon?: React.ReactNode;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    actions?: React.ReactNode;
-    extra?: React.ReactNode;
-    compact?: boolean;
-    iconClassName?: string;
-    titleClassName?: string;
-    descriptionClassName?: string;
-};
-declare function Result({ status, icon, title, description, actions, extra, compact, iconClassName, titleClassName, descriptionClassName, className, ...props }: ResultProps): React.JSX.Element;
-declare function ResultAction({ className, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
-export { Result, ResultAction };

package/dist/components/display/result.js

@@ -1,71 +0,0 @@
-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, ShieldAlertIcon as a, TriangleAlertIcon as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/display/result.tsx
-var l = {
-	success: /* @__PURE__ */ s(r, { className: "size-8" }),
-	error: /* @__PURE__ */ s(n, { className: "size-8" }),
-	warning: /* @__PURE__ */ s(o, { className: "size-8" }),
-	info: /* @__PURE__ */ s(i, { className: "size-8" }),
-	"not-found": /* @__PURE__ */ s(i, { className: "size-8" }),
-	forbidden: /* @__PURE__ */ s(a, { className: "size-8" }),
-	"server-error": /* @__PURE__ */ s(n, { className: "size-8" })
-}, u = {
-	success: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400",
-	error: "bg-destructive/10 text-destructive",
-	warning: "bg-amber-500/10 text-amber-600 dark:text-amber-400",
-	info: "bg-blue-500/10 text-blue-600 dark:text-blue-400",
-	"not-found": "bg-muted text-muted-foreground",
-	forbidden: "bg-amber-500/10 text-amber-600 dark:text-amber-400",
-	"server-error": "bg-destructive/10 text-destructive"
-}, d = {
-	success: "Success",
-	error: "Something went wrong",
-	warning: "Check this action",
-	info: "Information",
-	"not-found": "Page not found",
-	forbidden: "Access forbidden",
-	"server-error": "Server error"
-};
-function f({ status: t = "info", icon: n, title: r, description: i, actions: a, extra: o, compact: f = !1, iconClassName: p, titleClassName: m, descriptionClassName: h, className: g, ..._ }) {
-	return /* @__PURE__ */ c("div", {
-		"data-slot": "result",
-		"data-status": t,
-		className: e("flex flex-col items-center justify-center text-center", f ? "gap-3 p-4" : "gap-4 p-8", g),
-		..._,
-		children: [
-			/* @__PURE__ */ s("div", {
-				className: e("flex items-center justify-center rounded-full", f ? "size-12" : "size-16", u[t], p),
-				children: n ?? l[t]
-			}),
-			/* @__PURE__ */ c("div", {
-				className: "max-w-lg space-y-2",
-				children: [/* @__PURE__ */ s("h3", {
-					className: e("font-semibold tracking-tight", f ? "text-base" : "text-2xl", m),
-					children: r ?? d[t]
-				}), i && /* @__PURE__ */ s("p", {
-					className: e("text-sm leading-6 text-muted-foreground", h),
-					children: i
-				})]
-			}),
-			a && /* @__PURE__ */ s("div", {
-				className: "flex flex-wrap justify-center gap-2",
-				children: a
-			}),
-			o && /* @__PURE__ */ s("div", {
-				className: "w-full max-w-2xl",
-				children: o
-			})
-		]
-	});
-}
-function p({ className: n, ...r }) {
-	return /* @__PURE__ */ s(t, {
-		className: e("min-w-28", n),
-		...r
-	});
-}
-//#endregion
-export { f as Result, p as ResultAction };

package/dist/components/display/smart-card.cjs

@@ -1 +0,0 @@
-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("../ui/skeleton/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={default:`border border-border/70 bg-card/96 shadow-sm ring-1 ring-foreground/4`,outline:`border border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4`,elevated:`border border-border/75 bg-card/98 shadow-[0_24px_80px_rgba(15,23,42,0.12)] ring-1 ring-foreground/4`,ghost:`border-transparent bg-transparent shadow-none`},s={compact:`p-3`,default:`p-4`,comfortable:`p-5`},c={sm:`text-sm`,md:`text-base`,lg:`text-lg`};function l({eyebrow:e,title:i,description:l,media:u,icon:d,status:f,actions:p,meta:m,content:h,footer:g,orientation:_=`vertical`,variant:v=`outline`,size:y=`md`,density:b,compact:x,loading:S=!1,disabled:C=!1,selected:w=!1,interactive:T,className:E,classNames:D,renderHeader:O,renderMedia:k,renderContent:A,renderFooter:j,children:M,onClick:N,...P}){let F={eyebrow:e,title:i,description:l,media:u,icon:d,status:f,actions:p,meta:m,content:h,footer:g},I=!!(N||T),L=x?`compact`:b??`default`;return(0,a.jsx)(n.Card,{"data-slot":`info-card`,"data-selected":w||void 0,"data-disabled":C||void 0,"data-loading":S||void 0,className:t.cn(`overflow-hidden transition-colors data-[selected=true]:border-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-55`,o[v],I&&`cursor-pointer hover:bg-muted/35`,_===`horizontal`&&`flex`,E,D?.root),onClick:C?void 0:N,...P,children:S?(0,a.jsxs)(`div`,{className:t.cn(`grid gap-3`,s[L]),children:[(0,a.jsx)(r.Skeleton,{className:`h-5 w-1/2`}),(0,a.jsx)(r.SkeletonText,{rows:3})]}):(0,a.jsxs)(a.Fragment,{children:[u&&(k?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-media`,className:t.cn(`bg-muted/50`,_===`horizontal`?`w-40 shrink-0 border-r border-border/70`:`aspect-video border-b border-border/70`,D?.media),children:u})),(0,a.jsxs)(`div`,{"data-slot":`info-card-body`,className:t.cn(`grid min-w-0 flex-1 gap-3`,s[L],D?.body),children:[O?.(F)??(0,a.jsxs)(`div`,{"data-slot":`info-card-header`,className:t.cn(`flex items-start justify-between gap-3`,D?.header),children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[d&&(0,a.jsx)(`div`,{"data-slot":`info-card-icon`,className:t.cn(`flex size-9 shrink-0 items-center justify-center rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]`,D?.icon),children:d}),(0,a.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[e&&(0,a.jsx)(`div`,{"data-slot":`info-card-eyebrow`,className:t.cn(`text-[11px] font-semibold uppercase tracking-[0.22em] text-muted-foreground`,D?.eyebrow),children:e}),(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[i&&(0,a.jsx)(`div`,{"data-slot":`info-card-title`,className:t.cn(`truncate font-semibold tracking-tight text-foreground`,c[y],D?.title),children:i}),f&&(0,a.jsx)(`div`,{"data-slot":`info-card-status`,className:D?.status,children:f})]}),l&&(0,a.jsx)(`div`,{"data-slot":`info-card-description`,className:t.cn(`line-clamp-2 text-sm text-muted-foreground`,D?.description),children:l})]})]}),p&&(0,a.jsx)(`div`,{"data-slot":`info-card-actions`,className:t.cn(`shrink-0`,D?.actions),onClick:t.stopInteractivePropagation,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:p})]}),m&&(0,a.jsx)(`div`,{"data-slot":`info-card-meta`,className:t.cn(`text-xs text-muted-foreground`,D?.meta),children:m}),(h||M)&&(A?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-content`,className:D?.content,children:h??M})),g&&(j?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-footer`,className:t.cn(`border-t pt-3 text-sm text-muted-foreground`,D?.footer),children:g}))]})]})})}function u(e){return(0,a.jsx)(l,{...e})}exports.InfoCard=l,exports.SmartCard=u;

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

@@ -1,67 +0,0 @@
-import * as React from "react";
-import { Card } from "@/components/ui/card";
-export type InfoCardVariant = "default" | "outline" | "elevated" | "ghost";
-export type InfoCardSize = "sm" | "md" | "lg";
-export type InfoCardDensity = "compact" | "default" | "comfortable";
-export type InfoCardOrientation = "vertical" | "horizontal";
-export type InfoCardClassNames = {
-    root?: string;
-    media?: string;
-    header?: string;
-    icon?: string;
-    body?: string;
-    eyebrow?: string;
-    title?: string;
-    description?: string;
-    content?: string;
-    footer?: string;
-    actions?: string;
-    meta?: string;
-    status?: string;
-};
-export type InfoCardRenderContext = {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    eyebrow?: React.ReactNode;
-    media?: React.ReactNode;
-    icon?: React.ReactNode;
-    status?: React.ReactNode;
-    actions?: React.ReactNode;
-    meta?: React.ReactNode;
-    content?: React.ReactNode;
-    footer?: React.ReactNode;
-};
-export type InfoCardProps = Omit<React.ComponentProps<typeof Card>, "title" | "content" | "size" | "orientation"> & InfoCardRenderContext & {
-    orientation?: InfoCardOrientation;
-    variant?: InfoCardVariant;
-    size?: InfoCardSize;
-    density?: InfoCardDensity;
-    compact?: boolean;
-    loading?: boolean;
-    disabled?: boolean;
-    selected?: boolean;
-    interactive?: boolean;
-    classNames?: InfoCardClassNames;
-    renderHeader?: (ctx: InfoCardRenderContext) => React.ReactNode;
-    renderMedia?: (ctx: InfoCardRenderContext) => React.ReactNode;
-    renderContent?: (ctx: InfoCardRenderContext) => React.ReactNode;
-    renderFooter?: (ctx: InfoCardRenderContext) => React.ReactNode;
-};
-declare function InfoCard({ eyebrow, title, description, media, icon, status, actions, meta, content, footer, orientation, variant, size, density, compact, loading, disabled, selected, interactive, className, classNames, renderHeader, renderMedia, renderContent, renderFooter, children, onClick, ...props }: InfoCardProps): React.JSX.Element;
-/** @deprecated Prefer `InfoCard` for new public usage. */
-export type SmartCardVariant = InfoCardVariant;
-/** @deprecated Prefer `InfoCard` for new public usage. */
-export type SmartCardSize = InfoCardSize;
-/** @deprecated Prefer `InfoCard` for new public usage. */
-export type SmartCardDensity = InfoCardDensity;
-/** @deprecated Prefer `InfoCard` for new public usage. */
-export type SmartCardOrientation = InfoCardOrientation;
-/** @deprecated Prefer `InfoCard` for new public usage. */
-export type SmartCardClassNames = InfoCardClassNames;
-/** @deprecated Prefer `InfoCard` for new public usage. */
-export type SmartCardRenderContext = InfoCardRenderContext;
-/** @deprecated Prefer `InfoCard` for new public usage. */
-export type SmartCardProps = InfoCardProps;
-/** @deprecated Prefer `InfoCard` for new public usage. */
-declare function SmartCard(props: SmartCardProps): React.JSX.Element;
-export { InfoCard, SmartCard };

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

@@ -1,121 +0,0 @@
-import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
-import { Card as n } from "../ui/card/index.js";
-import { Skeleton as r, SkeletonText as i } from "../ui/skeleton/index.js";
-import "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/display/smart-card.tsx
-var c = {
-	default: "border border-border/70 bg-card/96 shadow-sm ring-1 ring-foreground/4",
-	outline: "border border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4",
-	elevated: "border border-border/75 bg-card/98 shadow-[0_24px_80px_rgba(15,23,42,0.12)] ring-1 ring-foreground/4",
-	ghost: "border-transparent bg-transparent shadow-none"
-}, l = {
-	compact: "p-3",
-	default: "p-4",
-	comfortable: "p-5"
-}, u = {
-	sm: "text-sm",
-	md: "text-base",
-	lg: "text-lg"
-};
-function d({ eyebrow: d, title: f, description: p, media: m, icon: h, status: g, actions: _, meta: v, content: y, footer: b, orientation: x = "vertical", variant: S = "outline", size: C = "md", density: w, compact: T, loading: E = !1, disabled: D = !1, selected: O = !1, interactive: k, className: A, classNames: j, renderHeader: M, renderMedia: N, renderContent: P, renderFooter: F, children: I, onClick: L, ...R }) {
-	let z = {
-		eyebrow: d,
-		title: f,
-		description: p,
-		media: m,
-		icon: h,
-		status: g,
-		actions: _,
-		meta: v,
-		content: y,
-		footer: b
-	}, B = !!(L || k), V = T ? "compact" : w ?? "default";
-	return /* @__PURE__ */ o(n, {
-		"data-slot": "info-card",
-		"data-selected": O || void 0,
-		"data-disabled": D || void 0,
-		"data-loading": E || void 0,
-		className: e("overflow-hidden transition-colors data-[selected=true]:border-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-55", c[S], B && "cursor-pointer hover:bg-muted/35", x === "horizontal" && "flex", A, j?.root),
-		onClick: D ? void 0 : L,
-		...R,
-		children: E ? /* @__PURE__ */ s("div", {
-			className: e("grid gap-3", l[V]),
-			children: [/* @__PURE__ */ o(r, { className: "h-5 w-1/2" }), /* @__PURE__ */ o(i, { rows: 3 })]
-		}) : /* @__PURE__ */ s(a, { children: [m && (N?.(z) ?? /* @__PURE__ */ o("div", {
-			"data-slot": "info-card-media",
-			className: e("bg-muted/50", x === "horizontal" ? "w-40 shrink-0 border-r border-border/70" : "aspect-video border-b border-border/70", j?.media),
-			children: m
-		})), /* @__PURE__ */ s("div", {
-			"data-slot": "info-card-body",
-			className: e("grid min-w-0 flex-1 gap-3", l[V], j?.body),
-			children: [
-				M?.(z) ?? /* @__PURE__ */ s("div", {
-					"data-slot": "info-card-header",
-					className: e("flex items-start justify-between gap-3", j?.header),
-					children: [/* @__PURE__ */ s("div", {
-						className: "flex min-w-0 items-start gap-3",
-						children: [h && /* @__PURE__ */ o("div", {
-							"data-slot": "info-card-icon",
-							className: e("flex size-9 shrink-0 items-center justify-center rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]", j?.icon),
-							children: h
-						}), /* @__PURE__ */ s("div", {
-							className: "grid min-w-0 gap-1",
-							children: [
-								d && /* @__PURE__ */ o("div", {
-									"data-slot": "info-card-eyebrow",
-									className: e("text-[11px] font-semibold uppercase tracking-[0.22em] text-muted-foreground", j?.eyebrow),
-									children: d
-								}),
-								/* @__PURE__ */ s("div", {
-									className: "flex flex-wrap items-center gap-2",
-									children: [f && /* @__PURE__ */ o("div", {
-										"data-slot": "info-card-title",
-										className: e("truncate font-semibold tracking-tight text-foreground", u[C], j?.title),
-										children: f
-									}), g && /* @__PURE__ */ o("div", {
-										"data-slot": "info-card-status",
-										className: j?.status,
-										children: g
-									})]
-								}),
-								p && /* @__PURE__ */ o("div", {
-									"data-slot": "info-card-description",
-									className: e("line-clamp-2 text-sm text-muted-foreground", j?.description),
-									children: p
-								})
-							]
-						})]
-					}), _ && /* @__PURE__ */ o("div", {
-						"data-slot": "info-card-actions",
-						className: e("shrink-0", j?.actions),
-						onClick: t,
-						onMouseDown: t,
-						onDoubleClick: t,
-						children: _
-					})]
-				}),
-				v && /* @__PURE__ */ o("div", {
-					"data-slot": "info-card-meta",
-					className: e("text-xs text-muted-foreground", j?.meta),
-					children: v
-				}),
-				(y || I) && (P?.(z) ?? /* @__PURE__ */ o("div", {
-					"data-slot": "info-card-content",
-					className: j?.content,
-					children: y ?? I
-				})),
-				b && (F?.(z) ?? /* @__PURE__ */ o("div", {
-					"data-slot": "info-card-footer",
-					className: e("border-t pt-3 text-sm text-muted-foreground", j?.footer),
-					children: b
-				}))
-			]
-		})] })
-	});
-}
-function f(e) {
-	return /* @__PURE__ */ o(d, { ...e });
-}
-//#endregion
-export { d as InfoCard, f as SmartCard };

package/dist/components/display/trend-card.cjs

@@ -1 +0,0 @@
-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("./delta-badge.cjs"),i=require("../charts/charts.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({title:e,value:a,change:s,trend:c,description:l,icon:u,sparkline:d,className:f,...p}){return(0,o.jsxs)(n.Card,{"data-slot":`trend-card`,className:t.cn(`relative overflow-hidden`,f),...p,children:[(0,o.jsxs)(n.CardHeader,{className:`flex flex-row items-center justify-between space-y-0 pb-2`,children:[(0,o.jsx)(n.CardTitle,{className:`text-sm font-medium text-muted-foreground`,children:e}),u&&(0,o.jsx)(`div`,{className:`text-muted-foreground`,children:u})]}),(0,o.jsxs)(n.CardContent,{children:[(0,o.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,o.jsx)(`div`,{className:`text-2xl font-bold`,children:a}),s&&(0,o.jsx)(r.DeltaBadge,{value:s,trend:c})]}),l&&(0,o.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:l})]}),d&&d.length>1?(0,o.jsx)(`div`,{className:`px-6 pb-4`,children:(0,o.jsx)(i.Sparkline,{values:d,positive:c!==`down`})}):null]})}exports.TrendCard=s;

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

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { Card } from "@/components/ui/card";
-export type TrendCardProps = React.ComponentProps<typeof Card> & {
-    title: React.ReactNode;
-    value: React.ReactNode;
-    change?: React.ReactNode;
-    trend?: "up" | "down" | "neutral";
-    description?: React.ReactNode;
-    icon?: React.ReactNode;
-    sparkline?: number[];
-};
-declare function TrendCard({ title, value, change, trend, description, icon, sparkline, className, ...props }: TrendCardProps): React.JSX.Element;
-export { TrendCard };

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

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