tembro 2.1.13 → 3.1.1

package/dist/components/display/index.cjs

@@ -1 +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("./descriptions.cjs"),a=require("./kanban.cjs"),o=require("./code-block.cjs"),s=require("./data-state.cjs"),c=require("./list.cjs"),l=require("./metric-grid.cjs"),u=require("./progress.cjs"),d=require("./progress-circle.cjs"),f=require("./property-grid.cjs"),p=require("./result.cjs"),m=require("./statistic.cjs"),h=require("./status-dot.cjs"),g=require("./status-legend.cjs"),_=require("./timeline.cjs"),v=require("./tree-view.cjs"),y=require("./user-card.cjs"),b=require("./delta-badge.cjs"),x=require("./trend-card.cjs"),S=require("./comparison-card.cjs"),C=require("./smart-card.cjs");exports.ActivityFeed=n.ActivityFeed,exports.Avatar=r.Avatar,exports.AvatarGroup=r.AvatarGroup,exports.CodeBlock=o.CodeBlock,exports.ComparisonCard=S.ComparisonCard,exports.DataList=t.DataList,exports.DataListRow=t.DataListRow,exports.DataState=s.DataState,exports.DeltaBadge=b.DeltaBadge,exports.DescriptionList=e.DescriptionList,exports.Descriptions=i.Descriptions,exports.InfoCard=C.SmartCard,exports.KanbanBoard=a.KanbanBoard,exports.List=c.List,exports.ListRow=c.ListRow,exports.MetricGrid=l.MetricGrid,exports.Progress=u.Progress,exports.ProgressCard=u.ProgressCard,exports.ProgressCircle=d.ProgressCircle,exports.PropertyGrid=f.PropertyGrid,exports.Result=p.Result,exports.ResultAction=p.ResultAction,exports.SmartCard=C.SmartCard,exports.Statistic=m.Statistic,exports.StatisticCard=m.StatisticCard,exports.StatisticGrid=m.StatisticGrid,exports.StatusDot=h.StatusDot,exports.StatusLegend=g.StatusLegend,exports.Timeline=_.Timeline,exports.TreeView=v.TreeView,exports.TrendCard=x.TrendCard,exports.UserCard=y.UserCard,exports.getProgressPercent=u.getProgressPercent;
+module.exports = require("../../src/components/display/index.cjs")

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

@@ -21,4 +21,5 @@ export * from "./user-card";
 export * from "./trend-card";
 export * from "./comparison-card";
 export * from "./delta-badge";
-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";
+export * from "./info-card";
+export * from "./virtual-list";

package/dist/components/display/index.js

@@ -1,25 +1 @@
-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 { Descriptions as o } from "./descriptions.js";
-import { KanbanBoard as s } from "./kanban.js";
-import { CodeBlock as c } from "./code-block.js";
-import { DataState as l } from "./data-state.js";
-import { List as u, ListRow as d } from "./list.js";
-import { MetricGrid as f } from "./metric-grid.js";
-import { Progress as p, ProgressCard as m, getProgressPercent as h } from "./progress.js";
-import { ProgressCircle as g } from "./progress-circle.js";
-import { PropertyGrid as _ } from "./property-grid.js";
-import { Result as v, ResultAction as y } from "./result.js";
-import { Statistic as b, StatisticCard as x, StatisticGrid as S } from "./statistic.js";
-import { StatusDot as C } from "./status-dot.js";
-import { StatusLegend as w } from "./status-legend.js";
-import { Timeline as T } from "./timeline.js";
-import { TreeView as E } from "./tree-view.js";
-import { UserCard as D } from "./user-card.js";
-import { DeltaBadge as O } from "./delta-badge.js";
-import { TrendCard as k } from "./trend-card.js";
-import { ComparisonCard as A } from "./comparison-card.js";
-import { SmartCard as j } from "./smart-card.js";
-export { r as ActivityFeed, i as Avatar, a as AvatarGroup, c as CodeBlock, A as ComparisonCard, t as DataList, n as DataListRow, l as DataState, O as DeltaBadge, e as DescriptionList, o as Descriptions, j as InfoCard, s as KanbanBoard, u as List, d as ListRow, f as MetricGrid, p as Progress, m as ProgressCard, g as ProgressCircle, _ as PropertyGrid, v as Result, y as ResultAction, j as SmartCard, b as Statistic, x as StatisticCard, S as StatisticGrid, C as StatusDot, w as StatusLegend, T as Timeline, E as TreeView, k as TrendCard, D as UserCard, h as getProgressPercent };
+export * from "../../src/components/display/index.js"

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

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

package/dist/components/display/{smart-card.d.ts → info-card.d.ts}

@@ -48,20 +48,4 @@ export type InfoCardProps = Omit<React.ComponentProps<typeof Card>, "title" | "c
     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 };
+export { InfoCard };

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

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

package/dist/components/display/kanban.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/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:a,onCardMove:s,emptyColumn:c=`No cards yet.`,columnClassName:l,cardClassName:u,className:d,...f}){let p=r.useMemo(()=>new Map(e.map(e=>[e.key,e])),[e]);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`,d),...f,children:e.map(e=>(0,i.jsx)(o,{column:e,renderCard:n,onCardClick:a,onCardMove:s,columnByKey:p,emptyColumn:c,columnClassName:l,cardClassName:u},e.key))})}function o({column:e,renderCard:r,onCardClick:a,onCardMove:o,columnByKey:s,emptyColumn:c,columnClassName:l,cardClassName:u}){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`,l),onDragOver:e=>{o&&e.preventDefault()},onDrop:t=>{let n=t.dataTransfer.getData(`application/x-tembro-kanban-card`),r=t.dataTransfer.getData(`application/x-tembro-kanban-column`),i=s.get(r),a=i?.cards.find(e=>e.key===n);a&&i&&i.key!==e.key&&o?.(a,i,e)},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.length===0?(0,i.jsx)(`div`,{"data-slot":`kanban-column-empty`,className:`rounded-md border border-dashed bg-background/60 px-3 py-6 text-center text-sm text-muted-foreground`,children:typeof c==`function`?c(e):c}):e.cards.map(s=>r?.(s,e)??(0,i.jsxs)(n.Card,{"data-slot":`kanban-card`,role:a?`button`:void 0,tabIndex:a&&!s.disabled?0:void 0,draggable:!!(o&&!s.disabled),className:t.cn(`transition-colors hover:bg-muted/40`,a&&!s.disabled&&`cursor-pointer`,o&&!s.disabled&&`cursor-grab active:cursor-grabbing`,s.disabled&&`pointer-events-none opacity-55`,u),onDragStart:t=>{t.dataTransfer.setData(`application/x-tembro-kanban-card`,s.key),t.dataTransfer.setData(`application/x-tembro-kanban-column`,e.key),t.dataTransfer.effectAllowed=`move`},onClick:()=>a?.(s,e),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&a&&!s.disabled&&(t.preventDefault(),a(s,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:s.title}),(s.extra||s.actions)&&(0,i.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[s.extra,s.actions]})]})}),(s.description||s.meta)&&(0,i.jsxs)(n.CardContent,{className:`grid gap-2 p-3 pt-0 text-xs text-muted-foreground`,children:[s.description,s.meta&&(0,i.jsx)(`div`,{children:s.meta})]})]},s.key))})]})}exports.KanbanBoard=a;
+module.exports = require("../../src/components/display/kanban.cjs")

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

@@ -14,15 +14,34 @@ export type KanbanColumn = {
     description?: React.ReactNode;
     cards: KanbanCard[];
     count?: React.ReactNode;
+    disabled?: boolean;
+};
+export type KanbanCardRenderContext = {
+    index: number;
+    isDragging: boolean;
+    isDropTarget: boolean;
+    handle: React.ReactNode;
 };
-export type KanbanBoardProps = React.ComponentProps<"div"> & {
-    columns: KanbanColumn[];
-    renderCard?: (card: KanbanCard, column: KanbanColumn) => React.ReactNode;
+export type KanbanCardMove = {
+    card: KanbanCard;
+    fromColumn: KanbanColumn;
+    toColumn: KanbanColumn;
+    fromIndex: number;
+    toIndex: number;
+};
+export type KanbanBoardProps = Omit<React.ComponentProps<"div">, "defaultValue"> & {
+    columns?: KanbanColumn[];
+    defaultColumns?: KanbanColumn[];
+    onColumnsChange?: (columns: KanbanColumn[], change: KanbanCardMove) => void;
+    onCardMove?: (change: KanbanCardMove) => void;
+    renderCard?: (card: KanbanCard, column: KanbanColumn, context: KanbanCardRenderContext) => React.ReactNode;
     onCardClick?: (card: KanbanCard, column: KanbanColumn) => void;
-    onCardMove?: (card: KanbanCard, fromColumn: KanbanColumn, toColumn: KanbanColumn) => void;
-    emptyColumn?: React.ReactNode | ((column: KanbanColumn) => React.ReactNode);
+    disabled?: boolean;
+    emptyColumn?: React.ReactNode;
+    dragHandleLabel?: (card: KanbanCard, column: KanbanColumn) => string;
     columnClassName?: string;
     cardClassName?: string;
+    overlayClassName?: string;
 };
-declare function KanbanBoard({ columns, renderCard, onCardClick, onCardMove, emptyColumn, columnClassName, cardClassName, className, ...props }: KanbanBoardProps): React.JSX.Element;
+declare function KanbanBoard({ columns: columnsProp, defaultColumns, onColumnsChange, onCardMove, renderCard, onCardClick, disabled, emptyColumn, dragHandleLabel, columnClassName, cardClassName, overlayClassName, className, "aria-label": ariaLabel, ...props }: KanbanBoardProps): React.JSX.Element;
 export { KanbanBoard };

package/dist/components/display/kanban.js

@@ -1,91 +1 @@
-"use client";
-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 * as a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/display/kanban.tsx
-function c({ columns: t, renderCard: n, onCardClick: r, onCardMove: i, emptyColumn: s = "No cards yet.", columnClassName: c, cardClassName: u, className: d, ...f }) {
-	let p = a.useMemo(() => new Map(t.map((e) => [e.key, e])), [t]);
-	return /* @__PURE__ */ o("div", {
-		"data-slot": "kanban-board",
-		className: e("grid auto-cols-[minmax(280px,1fr)] grid-flow-col gap-4 overflow-x-auto pb-2", d),
-		...f,
-		children: t.map((e) => /* @__PURE__ */ o(l, {
-			column: e,
-			renderCard: n,
-			onCardClick: r,
-			onCardMove: i,
-			columnByKey: p,
-			emptyColumn: s,
-			columnClassName: c,
-			cardClassName: u
-		}, e.key))
-	});
-}
-function l({ column: a, renderCard: c, onCardClick: l, onCardMove: u, columnByKey: d, emptyColumn: f, columnClassName: p, cardClassName: m }) {
-	return /* @__PURE__ */ s("section", {
-		"data-slot": "kanban-column",
-		className: e("grid min-h-40 content-start gap-3 rounded-lg border bg-muted/35 p-3", p),
-		onDragOver: (e) => {
-			u && e.preventDefault();
-		},
-		onDrop: (e) => {
-			let t = e.dataTransfer.getData("application/x-tembro-kanban-card"), n = e.dataTransfer.getData("application/x-tembro-kanban-column"), r = d.get(n), i = r?.cards.find((e) => e.key === t);
-			i && r && r.key !== a.key && u?.(i, r, a);
-		},
-		children: [/* @__PURE__ */ s("div", {
-			className: "flex items-start justify-between gap-3",
-			children: [/* @__PURE__ */ s("div", {
-				className: "grid gap-0.5",
-				children: [/* @__PURE__ */ o("h3", {
-					className: "text-sm font-semibold text-foreground",
-					children: a.title
-				}), a.description && /* @__PURE__ */ o("p", {
-					className: "text-xs text-muted-foreground",
-					children: a.description
-				})]
-			}), /* @__PURE__ */ o("div", {
-				className: "rounded-full bg-background px-2 py-0.5 text-xs text-muted-foreground",
-				children: a.count ?? a.cards.length
-			})]
-		}), /* @__PURE__ */ o("div", {
-			className: "grid gap-2",
-			children: a.cards.length === 0 ? /* @__PURE__ */ o("div", {
-				"data-slot": "kanban-column-empty",
-				className: "rounded-md border border-dashed bg-background/60 px-3 py-6 text-center text-sm text-muted-foreground",
-				children: typeof f == "function" ? f(a) : f
-			}) : a.cards.map((d) => c?.(d, a) ?? /* @__PURE__ */ s(t, {
-				"data-slot": "kanban-card",
-				role: l ? "button" : void 0,
-				tabIndex: l && !d.disabled ? 0 : void 0,
-				draggable: !!(u && !d.disabled),
-				className: e("transition-colors hover:bg-muted/40", l && !d.disabled && "cursor-pointer", u && !d.disabled && "cursor-grab active:cursor-grabbing", d.disabled && "pointer-events-none opacity-55", m),
-				onDragStart: (e) => {
-					e.dataTransfer.setData("application/x-tembro-kanban-card", d.key), e.dataTransfer.setData("application/x-tembro-kanban-column", a.key), e.dataTransfer.effectAllowed = "move";
-				},
-				onClick: () => l?.(d, a),
-				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && l && !d.disabled && (e.preventDefault(), l(d, a));
-				},
-				children: [/* @__PURE__ */ o(r, {
-					className: "p-3 pb-1",
-					children: /* @__PURE__ */ s("div", {
-						className: "flex items-start justify-between gap-2",
-						children: [/* @__PURE__ */ o(i, {
-							className: "text-sm",
-							children: d.title
-						}), (d.extra || d.actions) && /* @__PURE__ */ s("div", {
-							className: "flex shrink-0 items-center gap-1",
-							children: [d.extra, d.actions]
-						})]
-					})
-				}), (d.description || d.meta) && /* @__PURE__ */ s(n, {
-					className: "grid gap-2 p-3 pt-0 text-xs text-muted-foreground",
-					children: [d.description, d.meta && /* @__PURE__ */ o("div", { children: d.meta })]
-				})]
-			}, d.key))
-		})]
-	});
-}
-//#endregion
-export { c as KanbanBoard };
+export * from "../../src/components/display/kanban.js"

package/dist/components/display/list.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={sm:`px-3 py-2`,md:`px-4 py-3`,lg:`px-5 py-4`};function o({items:e,bordered:n=!0,split:r=!0,size:a=`md`,renderItem:o,className:c,children:l,...u}){return(0,i.jsxs)(`div`,{"data-slot":`list`,className:t.cn(`overflow-hidden bg-card`,n&&`rounded-lg border`,c),...u,children:[e?.map((e,t)=>o?.(e,t)??(0,i.jsx)(s,{item:e,split:r,size:a},e.key)),l]})}function s({item:e,split:n=!0,size:o=`md`,className:s,...c}){let l=!!(e.href||e.onClick),u=(0,i.jsxs)(i.Fragment,{children:[e.avatar&&(0,i.jsx)(`div`,{className:`shrink-0`,children:e.avatar}),(0,i.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,i.jsx)(`div`,{className:`truncate text-sm font-medium text-foreground`,children:e.title}),e.description&&(0,i.jsx)(`div`,{className:`mt-0.5 line-clamp-2 text-sm text-muted-foreground`,children:e.description})]}),e.extra&&(0,i.jsx)(`div`,{className:`shrink-0 text-sm text-muted-foreground`,children:e.extra}),l&&(0,i.jsx)(r.ChevronRightIcon,{className:`size-4 shrink-0 text-muted-foreground`})]}),d=t.cn(`flex items-center gap-3 bg-card transition-colors`,a[o],n&&`border-b last:border-b-0`,l&&!e.disabled&&`cursor-pointer hover:bg-muted/50`,e.disabled&&`pointer-events-none opacity-55`,s);return e.href?(0,i.jsx)(`a`,{"data-slot":`list-row`,href:e.href,className:d,...c,children:u}):(0,i.jsx)(`div`,{"data-slot":`list-row`,role:l?`button`:void 0,tabIndex:l&&!e.disabled?0:void 0,className:d,onClick:e.onClick,...c,children:u})}exports.List=o,exports.ListRow=s;
+module.exports = require("../../src/components/display/list.cjs")

package/dist/components/display/list.js

@@ -1,62 +1 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { ChevronRightIcon as t } from "lucide-react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/display/list.tsx
-var a = {
-	sm: "px-3 py-2",
-	md: "px-4 py-3",
-	lg: "px-5 py-4"
-};
-function o({ items: t, bordered: n = !0, split: a = !0, size: o = "md", renderItem: c, className: l, children: u, ...d }) {
-	return /* @__PURE__ */ i("div", {
-		"data-slot": "list",
-		className: e("overflow-hidden bg-card", n && "rounded-lg border", l),
-		...d,
-		children: [t?.map((e, t) => c?.(e, t) ?? /* @__PURE__ */ r(s, {
-			item: e,
-			split: a,
-			size: o
-		}, e.key)), u]
-	});
-}
-function s({ item: o, split: s = !0, size: c = "md", className: l, ...u }) {
-	let d = !!(o.href || o.onClick), f = /* @__PURE__ */ i(n, { children: [
-		o.avatar && /* @__PURE__ */ r("div", {
-			className: "shrink-0",
-			children: o.avatar
-		}),
-		/* @__PURE__ */ i("div", {
-			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ r("div", {
-				className: "truncate text-sm font-medium text-foreground",
-				children: o.title
-			}), o.description && /* @__PURE__ */ r("div", {
-				className: "mt-0.5 line-clamp-2 text-sm text-muted-foreground",
-				children: o.description
-			})]
-		}),
-		o.extra && /* @__PURE__ */ r("div", {
-			className: "shrink-0 text-sm text-muted-foreground",
-			children: o.extra
-		}),
-		d && /* @__PURE__ */ r(t, { className: "size-4 shrink-0 text-muted-foreground" })
-	] }), p = e("flex items-center gap-3 bg-card transition-colors", a[c], s && "border-b last:border-b-0", d && !o.disabled && "cursor-pointer hover:bg-muted/50", o.disabled && "pointer-events-none opacity-55", l);
-	return o.href ? /* @__PURE__ */ r("a", {
-		"data-slot": "list-row",
-		href: o.href,
-		className: p,
-		...u,
-		children: f
-	}) : /* @__PURE__ */ r("div", {
-		"data-slot": "list-row",
-		role: d ? "button" : void 0,
-		tabIndex: d && !o.disabled ? 0 : void 0,
-		className: p,
-		onClick: o.onClick,
-		...u,
-		children: f
-	});
-}
-//#endregion
-export { o as List, s as ListRow };
+export * from "../../src/components/display/list.js"

package/dist/components/display/metric-grid.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");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;
+module.exports = require("../../src/components/display/metric-grid.cjs")

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

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

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({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;
+module.exports = require("../../src/components/display/progress-circle.cjs")

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

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

package/dist/components/display/progress.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");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={default:`bg-primary`,success:`bg-emerald-500`,info:`bg-blue-500`,warning:`bg-amber-500`,danger:`bg-destructive`,muted:`bg-muted-foreground`},o={sm:`h-1.5`,default:`h-2`,lg:`h-3`};function s(e,t,n){return Math.min(Math.max(e,t),n)}function c(e,t,n){return e==null||!Number.isFinite(e)||n<=t?0:(s(e,t,n)-t)/(n-t)*100}function l({value:e=0,min:n=0,max:r=100,label:s,description:l,showValue:u=!1,valueFormatter:d,tone:f=`default`,size:p=`default`,indeterminate:m=!1,className:h,trackClassName:g,indicatorClassName:_,...v}){let y=c(e,n,r),b=e??n;return(0,i.jsxs)(`div`,{"data-slot":`progress`,className:t.cn(`grid gap-1.5`,h),...v,children:[(s||l||u)&&(0,i.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3 text-sm`,children:[(0,i.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[s&&(0,i.jsx)(`div`,{className:`font-medium leading-none`,children:s}),l&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:l})]}),u&&(0,i.jsx)(`div`,{className:`shrink-0 text-xs font-medium text-muted-foreground`,children:d?d(b,y):`${Math.round(y)}%`})]}),(0,i.jsx)(`div`,{"data-slot":`progress-track`,className:t.cn(`w-full overflow-hidden rounded-full bg-muted`,o[p],g),role:`progressbar`,"aria-valuemin":n,"aria-valuemax":r,"aria-valuenow":m?void 0:b,"aria-label":typeof s==`string`?s:void 0,children:(0,i.jsx)(`div`,{"data-slot":`progress-indicator`,"data-indeterminate":m||void 0,className:t.cn(`h-full rounded-full transition-all data-[indeterminate=true]:w-1/3 data-[indeterminate=true]:animate-pulse`,a[f],_),style:m?void 0:{width:`${y}%`}})})]})}function u({title:e,description:r,value:a,min:o,max:s,tone:c,size:u,showValue:d=!0,valueFormatter:f,footer:p,progressClassName:m,className:h,...g}){return(0,i.jsxs)(n.Card,{"data-slot":`progress-card`,className:t.cn(`min-w-0`,h),...g,children:[(0,i.jsx)(n.CardHeader,{children:(0,i.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e&&(0,i.jsx)(n.CardTitle,{children:e}),r&&(0,i.jsx)(n.CardDescription,{children:r})]})}),(0,i.jsxs)(n.CardContent,{className:`space-y-3`,children:[(0,i.jsx)(l,{value:a,min:o,max:s,tone:c,size:u,showValue:d,valueFormatter:f,className:m}),p]})]})}exports.Progress=l,exports.ProgressCard=u,exports.getProgressPercent=c;
+module.exports = require("../../src/components/display/progress.cjs")

package/dist/components/display/progress.js

@@ -1,86 +1 @@
-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/progress.tsx
-var c = {
-	default: "bg-primary",
-	success: "bg-emerald-500",
-	info: "bg-blue-500",
-	warning: "bg-amber-500",
-	danger: "bg-destructive",
-	muted: "bg-muted-foreground"
-}, l = {
-	sm: "h-1.5",
-	default: "h-2",
-	lg: "h-3"
-};
-function u(e, t, n) {
-	return Math.min(Math.max(e, t), n);
-}
-function d(e, t, n) {
-	return e == null || !Number.isFinite(e) || n <= t ? 0 : (u(e, t, n) - t) / (n - t) * 100;
-}
-function f({ value: t = 0, min: n = 0, max: r = 100, label: i, description: a, showValue: u = !1, valueFormatter: f, tone: p = "default", size: m = "default", indeterminate: h = !1, className: g, trackClassName: _, indicatorClassName: v, ...y }) {
-	let b = d(t, n, r), x = t ?? n;
-	return /* @__PURE__ */ s("div", {
-		"data-slot": "progress",
-		className: e("grid gap-1.5", g),
-		...y,
-		children: [(i || a || u) && /* @__PURE__ */ s("div", {
-			className: "flex min-w-0 items-start justify-between gap-3 text-sm",
-			children: [/* @__PURE__ */ s("div", {
-				className: "min-w-0 space-y-0.5",
-				children: [i && /* @__PURE__ */ o("div", {
-					className: "font-medium leading-none",
-					children: i
-				}), a && /* @__PURE__ */ o("div", {
-					className: "text-xs text-muted-foreground",
-					children: a
-				})]
-			}), u && /* @__PURE__ */ o("div", {
-				className: "shrink-0 text-xs font-medium text-muted-foreground",
-				children: f ? f(x, b) : `${Math.round(b)}%`
-			})]
-		}), /* @__PURE__ */ o("div", {
-			"data-slot": "progress-track",
-			className: e("w-full overflow-hidden rounded-full bg-muted", l[m], _),
-			role: "progressbar",
-			"aria-valuemin": n,
-			"aria-valuemax": r,
-			"aria-valuenow": h ? void 0 : x,
-			"aria-label": typeof i == "string" ? i : void 0,
-			children: /* @__PURE__ */ o("div", {
-				"data-slot": "progress-indicator",
-				"data-indeterminate": h || void 0,
-				className: e("h-full rounded-full transition-all data-[indeterminate=true]:w-1/3 data-[indeterminate=true]:animate-pulse", c[p], v),
-				style: h ? void 0 : { width: `${b}%` }
-			})
-		})]
-	});
-}
-function p({ title: c, description: l, value: u, min: d, max: p, tone: m, size: h, showValue: g = !0, valueFormatter: _, footer: v, progressClassName: y, className: b, ...x }) {
-	return /* @__PURE__ */ s(t, {
-		"data-slot": "progress-card",
-		className: e("min-w-0", b),
-		...x,
-		children: [/* @__PURE__ */ o(i, { children: /* @__PURE__ */ s("div", {
-			className: "min-w-0 space-y-1",
-			children: [c && /* @__PURE__ */ o(a, { children: c }), l && /* @__PURE__ */ o(r, { children: l })]
-		}) }), /* @__PURE__ */ s(n, {
-			className: "space-y-3",
-			children: [/* @__PURE__ */ o(f, {
-				value: u,
-				min: d,
-				max: p,
-				tone: m,
-				size: h,
-				showValue: g,
-				valueFormatter: _,
-				className: y
-			}), v]
-		})]
-	});
-}
-//#endregion
-export { f as Progress, p as ProgressCard, d as getProgressPercent };
+export * from "../../src/components/display/progress.js"

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({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;
+module.exports = require("../../src/components/display/property-grid.cjs")

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

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

package/dist/components/display/result.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");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;
+module.exports = require("../../src/components/display/result.cjs")

package/dist/components/display/result.js

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

package/dist/components/display/statistic.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");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o({label:e,value:n,prefix:r,suffix:o,description:s,trend:c=`neutral`,change:l,loading:u=!1,className:d,...f}){let p=c===`up`?(0,a.jsx)(i.ArrowUpIcon,{className:`size-3`}):c===`down`?(0,a.jsx)(i.ArrowDownIcon,{className:`size-3`}):null;return(0,a.jsxs)(`div`,{"data-slot":`statistic`,className:t.cn(`grid gap-1`,d),...f,children:[(0,a.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e}),(0,a.jsx)(`div`,{className:`flex flex-wrap items-baseline gap-1.5`,children:u?(0,a.jsx)(`div`,{className:`h-8 w-28 animate-pulse rounded-md bg-muted`}):(0,a.jsxs)(a.Fragment,{children:[r&&(0,a.jsx)(`span`,{className:`text-base text-muted-foreground`,children:r}),(0,a.jsx)(`span`,{className:`text-2xl font-semibold tracking-tight`,children:n}),o&&(0,a.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:o})]})}),(s||l)&&(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 text-xs text-muted-foreground`,children:[l&&(0,a.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 font-medium`,c===`up`&&`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`,c===`down`&&`bg-destructive/10 text-destructive`,c===`neutral`&&`bg-muted text-muted-foreground`),children:[p,l]}),s&&(0,a.jsx)(`span`,{children:s})]})]})}function s({action:e,label:t,value:r,prefix:i,suffix:s,description:c,trend:l,change:u,loading:d,className:f,...p}){return(0,a.jsxs)(n.Card,{"data-slot":`statistic-card`,className:f,...p,children:[(0,a.jsxs)(n.CardHeader,{className:`flex flex-row items-center justify-between gap-3 pb-2`,children:[(0,a.jsx)(n.CardTitle,{className:`text-sm font-medium text-muted-foreground`,children:t}),e]}),(0,a.jsx)(n.CardContent,{children:(0,a.jsx)(o,{label:(0,a.jsx)(`span`,{className:`sr-only`,children:t}),value:r,prefix:i,suffix:s,description:c,trend:l,change:u,loading:d})})]})}function c({columns:e=4,className:n,...r}){return(0,a.jsx)(`div`,{"data-slot":`statistic-grid`,className:t.cn(`grid gap-4`,e===1&&`grid-cols-1`,e===2&&`grid-cols-1 sm:grid-cols-2`,e===3&&`grid-cols-1 sm:grid-cols-2 xl:grid-cols-3`,e===4&&`grid-cols-1 sm:grid-cols-2 xl:grid-cols-4`,n),...r})}exports.Statistic=o,exports.StatisticCard=s,exports.StatisticGrid=c;
+module.exports = require("../../src/components/display/statistic.cjs")