tembro 1.0.0

package/dist/components/calendar/index.js

@@ -0,0 +1,5 @@
+import { addMonths as e, getMonthDays as t, getMonthLabel as n, getWeekdayLabels as r, isAfterDate as i, isBeforeDate as a, isSameMonth as o, isWithinRange as s, parseDateKey as c, startOfMonth as l, toDateKey as u } from "./date-utils.js";
+import { Calendar as d } from "./calendar.js";
+import { DatePicker as f } from "./date-picker.js";
+import { DateRangePicker as p } from "./date-range-picker.js";
+export { d as Calendar, f as DatePicker, p as DateRangePicker, e as addMonths, t as getMonthDays, n as getMonthLabel, r as getWeekdayLabels, i as isAfterDate, a as isBeforeDate, o as isSameMonth, s as isWithinRange, c as parseDateKey, l as startOfMonth, u as toDateKey };

package/dist/components/charts/charts.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");var a={sm:120,md:180,lg:260};function o(e,t=1){return Math.max(...e,t)}function s(e,t){return!Number.isFinite(e)||t<=0?0:Math.max(0,Math.min(e/t,1))}function c(e,t,n,r){let i=(r-90)*Math.PI/180;return{x:e+n*Math.cos(i),y:t+n*Math.sin(i)}}function l(e,t,n,r,i){let a=c(e,t,n,i),o=c(e,t,n,r),s=i-r<=180?`0`:`1`;return[`M`,a.x,a.y,`A`,n,n,0,s,0,o.x,o.y].join(` `)}function u(e,t,n,r=12){let i=o(e),a=Math.max(t-r*2,1),c=Math.max(n-r*2,1);return e.length===0?``:e.map((t,n)=>{let o=r+(e.length===1?a/2:n/(e.length-1)*a),l=r+(1-s(t,i))*c;return`${n===0?`M`:`L`} ${o} ${l}`}).join(` `)}function d(e,t,n,r=12){let i=u(e,t,n,r);if(!i)return``;let a=n-r;return`${i} L ${e.length===1?t/2:t-r} ${a} L ${e.length===1?t/2:r} ${a} Z`}function f({title:e,description:r,action:a,className:o,children:s,...c}){return(0,i.jsxs)(n.Card,{"data-slot":`chart-frame`,className:t.cn(`border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4`,o),...c,children:[(e||r||a)&&(0,i.jsxs)(n.CardHeader,{className:`flex flex-row items-start justify-between gap-3`,children:[(0,i.jsxs)(`div`,{className:`grid gap-1`,children:[e&&(0,i.jsx)(n.CardTitle,{children:e}),r&&(0,i.jsx)(n.CardDescription,{children:r})]}),a]}),(0,i.jsx)(n.CardContent,{children:s})]})}function p({data:e,size:n=`md`,max:r,showLabels:c=!0,showValues:l=!0,className:u,barClassName:d,...f}){let p=r??o(e.map(e=>e.value)),m=a[n];return(0,i.jsx)(`div`,{"data-slot":`bar-chart`,className:t.cn(`grid gap-3`,u),...f,children:(0,i.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:m},children:e.map((e,n)=>{let r=s(e.value,p);return(0,i.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col items-center gap-2`,children:[l&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e.value}),(0,i.jsx)(`div`,{className:`flex w-full flex-1 items-end rounded-[min(var(--radius-xl),16px)] border border-border/60 bg-muted/38 p-1`,children:(0,i.jsx)(`div`,{className:t.cn(`w-full rounded-[min(var(--radius-lg),12px)] bg-primary transition-all`,d),style:{height:`${Math.max(r*100,e.value>0?3:0)}%`,background:e.color}})}),c&&(0,i.jsx)(`div`,{className:`max-w-full truncate text-xs text-muted-foreground`,children:e.label})]},n)})})})}function m({values:e,size:n=`md`,width:r=560,showArea:c=!1,stroke:l=`var(--primary)`,className:f,...p}){let m=a[n],h=u(e,r,m),g=d(e,r,m);return(0,i.jsxs)(`svg`,{"data-slot":`line-chart`,viewBox:`0 0 ${r} ${m}`,className:t.cn(`h-auto w-full overflow-visible`,f),role:`img`,...p,children:[c&&(0,i.jsx)(`path`,{d:g,fill:`var(--primary)`,opacity:`0.12`}),(0,i.jsx)(`path`,{d:h,fill:`none`,stroke:l,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`}),e.map((t,n)=>{let a=o(e);return(0,i.jsx)(`circle`,{cx:12+(e.length===1?(r-24)/2:n/(e.length-1)*(r-24)),cy:12+(1-s(t,a))*(m-24),r:`3`,fill:l},n)})]})}function h({values:e,positive:n=!0,stroke:r,className:a,...o}){return(0,i.jsx)(m,{values:e,width:180,size:`sm`,stroke:r??(n?`var(--primary)`:`var(--destructive)`),className:t.cn(`max-w-44`,a),"aria-label":`Sparkline`,...o})}function g({data:e,size:n=180,strokeWidth:r=18,centerLabel:a,centerValue:o,className:s,...c}){let u=e.reduce((e,t)=>e+Math.max(t.value,0),0),d=n/2-r,f=e.map((t,n)=>{let r=Math.max(t.value,0),i=e.slice(0,n).reduce((e,t)=>e+Math.max(t.value,0),0);return{item:t,start:i,end:u>0?i+r/u*360:i}});return(0,i.jsxs)(`svg`,{"data-slot":`donut-chart`,viewBox:`0 0 ${n} ${n}`,className:t.cn(`h-auto w-full max-w-48`,s),role:`img`,...c,children:[(0,i.jsx)(`circle`,{cx:n/2,cy:n/2,r:d,fill:`none`,stroke:`var(--muted)`,strokeWidth:r}),f.map(({item:e,start:t,end:a},o)=>(0,i.jsx)(`path`,{d:l(n/2,n/2,d,t,a),fill:`none`,stroke:e.color??`var(--primary)`,strokeWidth:r,strokeLinecap:`round`},o)),(o||a)&&(0,i.jsxs)(`text`,{x:`50%`,y:`50%`,textAnchor:`middle`,dominantBaseline:`middle`,fill:`var(--foreground)`,children:[o&&(0,i.jsx)(`tspan`,{x:`50%`,dy:a?`-0.2em`:`0`,className:`text-lg font-semibold`,children:o}),a&&(0,i.jsx)(`tspan`,{x:`50%`,dy:`1.3em`,className:`text-xs fill-muted-foreground`,children:a})]})]})}function _({data:e,className:n,...r}){return(0,i.jsx)(`div`,{"data-slot":`chart-legend`,className:t.cn(`flex flex-wrap gap-3 text-xs text-muted-foreground`,n),...r,children:e.map((e,t)=>(0,i.jsxs)(`div`,{className:`inline-flex items-center gap-1.5`,children:[(0,i.jsx)(`span`,{className:`size-2 rounded-full bg-primary`,style:{background:e.color}}),(0,i.jsx)(`span`,{children:e.label})]},t))})}function v({label:e,value:n,change:r,positive:a=!0,values:o,className:s,...c}){return(0,i.jsxs)(`div`,{"data-slot":`metric-trend`,className:t.cn(`grid gap-3 rounded-[var(--radius-2xl)] border border-border/75 bg-card/96 p-4 shadow-sm ring-1 ring-foreground/4`,s),...c,children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,i.jsxs)(`div`,{className:`grid gap-1`,children:[(0,i.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e}),(0,i.jsx)(`div`,{className:`text-2xl font-semibold tracking-tight`,children:n})]}),r&&(0,i.jsx)(`div`,{className:t.cn(`rounded-full px-2 py-1 text-xs font-medium`,a?`bg-primary/10 text-primary`:`bg-destructive/10 text-destructive`),children:r})]}),o&&(0,i.jsx)(h,{values:o,positive:a})]})}exports.BarChart=p,exports.ChartFrame=f,exports.ChartLegend=_,exports.DonutChart=g,exports.LineChart=m,exports.MetricTrend=v,exports.Sparkline=h;

package/dist/components/charts/charts.d.ts

@@ -0,0 +1,65 @@
+import * as React from "react";
+import { Card } from "@/components/ui/card";
+export type ChartDatum = {
+    label: React.ReactNode;
+    value: number;
+    description?: React.ReactNode;
+    color?: string;
+};
+export type ChartSeries = {
+    key: string;
+    label: React.ReactNode;
+    data: number[];
+    color?: string;
+};
+export type ChartAxisLabel = string | number | React.ReactNode;
+export type ChartSize = "sm" | "md" | "lg";
+export type ChartFrameProps = React.ComponentProps<typeof Card> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+};
+declare function ChartFrame({ title, description, action, className, children, ...props }: ChartFrameProps): React.JSX.Element;
+export type BarChartProps = React.ComponentProps<"div"> & {
+    data: ChartDatum[];
+    size?: ChartSize;
+    max?: number;
+    showLabels?: boolean;
+    showValues?: boolean;
+    barClassName?: string;
+};
+declare function BarChart({ data, size, max, showLabels, showValues, className, barClassName, ...props }: BarChartProps): React.JSX.Element;
+export type LineChartProps = Omit<React.ComponentProps<"svg">, "values"> & {
+    values: number[];
+    size?: ChartSize;
+    width?: number;
+    showArea?: boolean;
+    stroke?: string;
+};
+declare function LineChart({ values, size, width, showArea, stroke, className, ...props }: LineChartProps): React.JSX.Element;
+export type SparklineProps = Omit<LineChartProps, "size" | "showArea"> & {
+    values: number[];
+    positive?: boolean;
+};
+declare function Sparkline({ values, positive, stroke, className, ...props }: SparklineProps): React.JSX.Element;
+export type DonutChartProps = React.ComponentProps<"svg"> & {
+    data: ChartDatum[];
+    size?: number;
+    strokeWidth?: number;
+    centerLabel?: React.ReactNode;
+    centerValue?: React.ReactNode;
+};
+declare function DonutChart({ data, size, strokeWidth, centerLabel, centerValue, className, ...props }: DonutChartProps): React.JSX.Element;
+export type ChartLegendProps = React.ComponentProps<"div"> & {
+    data: ChartDatum[];
+};
+declare function ChartLegend({ data, className, ...props }: ChartLegendProps): React.JSX.Element;
+export type MetricTrendProps = React.ComponentProps<"div"> & {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    change?: React.ReactNode;
+    positive?: boolean;
+    values?: number[];
+};
+declare function MetricTrend({ label, value, change, positive, values, className, ...props }: MetricTrendProps): React.JSX.Element;
+export { BarChart, ChartFrame, ChartLegend, DonutChart, LineChart, MetricTrend, Sparkline };

package/dist/components/charts/charts.js

@@ -0,0 +1,243 @@
+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/charts/charts.tsx
+var c = {
+	sm: 120,
+	md: 180,
+	lg: 260
+};
+function l(e, t = 1) {
+	return Math.max(...e, t);
+}
+function u(e, t) {
+	return !Number.isFinite(e) || t <= 0 ? 0 : Math.max(0, Math.min(e / t, 1));
+}
+function d(e, t, n, r) {
+	let i = (r - 90) * Math.PI / 180;
+	return {
+		x: e + n * Math.cos(i),
+		y: t + n * Math.sin(i)
+	};
+}
+function f(e, t, n, r, i) {
+	let a = d(e, t, n, i), o = d(e, t, n, r), s = i - r <= 180 ? "0" : "1";
+	return [
+		"M",
+		a.x,
+		a.y,
+		"A",
+		n,
+		n,
+		0,
+		s,
+		0,
+		o.x,
+		o.y
+	].join(" ");
+}
+function p(e, t, n, r = 12) {
+	let i = l(e), a = Math.max(t - r * 2, 1), o = Math.max(n - r * 2, 1);
+	return e.length === 0 ? "" : e.map((t, n) => {
+		let s = r + (e.length === 1 ? a / 2 : n / (e.length - 1) * a), c = r + (1 - u(t, i)) * o;
+		return `${n === 0 ? "M" : "L"} ${s} ${c}`;
+	}).join(" ");
+}
+function m(e, t, n, r = 12) {
+	let i = p(e, t, n, r);
+	if (!i) return "";
+	let a = n - r;
+	return `${i} L ${e.length === 1 ? t / 2 : t - r} ${a} L ${e.length === 1 ? t / 2 : r} ${a} Z`;
+}
+function h({ title: c, description: l, action: u, className: d, children: f, ...p }) {
+	return /* @__PURE__ */ s(t, {
+		"data-slot": "chart-frame",
+		className: e("border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4", d),
+		...p,
+		children: [(c || l || u) && /* @__PURE__ */ s(i, {
+			className: "flex flex-row items-start justify-between gap-3",
+			children: [/* @__PURE__ */ s("div", {
+				className: "grid gap-1",
+				children: [c && /* @__PURE__ */ o(a, { children: c }), l && /* @__PURE__ */ o(r, { children: l })]
+			}), u]
+		}), /* @__PURE__ */ o(n, { children: f })]
+	});
+}
+function g({ data: t, size: n = "md", max: r, showLabels: i = !0, showValues: a = !0, className: d, barClassName: f, ...p }) {
+	let m = r ?? l(t.map((e) => e.value)), h = c[n];
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "bar-chart",
+		className: e("grid gap-3", d),
+		...p,
+		children: /* @__PURE__ */ o("div", {
+			className: "flex items-end gap-2",
+			style: { height: h },
+			children: t.map((t, n) => {
+				let r = u(t.value, m);
+				return /* @__PURE__ */ s("div", {
+					className: "flex min-w-0 flex-1 flex-col items-center gap-2",
+					children: [
+						a && /* @__PURE__ */ o("div", {
+							className: "text-xs text-muted-foreground",
+							children: t.value
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "flex w-full flex-1 items-end rounded-[min(var(--radius-xl),16px)] border border-border/60 bg-muted/38 p-1",
+							children: /* @__PURE__ */ o("div", {
+								className: e("w-full rounded-[min(var(--radius-lg),12px)] bg-primary transition-all", f),
+								style: {
+									height: `${Math.max(r * 100, t.value > 0 ? 3 : 0)}%`,
+									background: t.color
+								}
+							})
+						}),
+						i && /* @__PURE__ */ o("div", {
+							className: "max-w-full truncate text-xs text-muted-foreground",
+							children: t.label
+						})
+					]
+				}, n);
+			})
+		})
+	});
+}
+function _({ values: t, size: n = "md", width: r = 560, showArea: i = !1, stroke: a = "var(--primary)", className: d, ...f }) {
+	let h = c[n], g = p(t, r, h), _ = m(t, r, h);
+	return /* @__PURE__ */ s("svg", {
+		"data-slot": "line-chart",
+		viewBox: `0 0 ${r} ${h}`,
+		className: e("h-auto w-full overflow-visible", d),
+		role: "img",
+		...f,
+		children: [
+			i && /* @__PURE__ */ o("path", {
+				d: _,
+				fill: "var(--primary)",
+				opacity: "0.12"
+			}),
+			/* @__PURE__ */ o("path", {
+				d: g,
+				fill: "none",
+				stroke: a,
+				strokeWidth: "3",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			t.map((e, n) => {
+				let i = l(t);
+				return /* @__PURE__ */ o("circle", {
+					cx: 12 + (t.length === 1 ? (r - 24) / 2 : n / (t.length - 1) * (r - 24)),
+					cy: 12 + (1 - u(e, i)) * (h - 24),
+					r: "3",
+					fill: a
+				}, n);
+			})
+		]
+	});
+}
+function v({ values: t, positive: n = !0, stroke: r, className: i, ...a }) {
+	return /* @__PURE__ */ o(_, {
+		values: t,
+		width: 180,
+		size: "sm",
+		stroke: r ?? (n ? "var(--primary)" : "var(--destructive)"),
+		className: e("max-w-44", i),
+		"aria-label": "Sparkline",
+		...a
+	});
+}
+function y({ data: t, size: n = 180, strokeWidth: r = 18, centerLabel: i, centerValue: a, className: c, ...l }) {
+	let u = t.reduce((e, t) => e + Math.max(t.value, 0), 0), d = n / 2 - r, p = t.map((e, n) => {
+		let r = Math.max(e.value, 0), i = t.slice(0, n).reduce((e, t) => e + Math.max(t.value, 0), 0);
+		return {
+			item: e,
+			start: i,
+			end: u > 0 ? i + r / u * 360 : i
+		};
+	});
+	return /* @__PURE__ */ s("svg", {
+		"data-slot": "donut-chart",
+		viewBox: `0 0 ${n} ${n}`,
+		className: e("h-auto w-full max-w-48", c),
+		role: "img",
+		...l,
+		children: [
+			/* @__PURE__ */ o("circle", {
+				cx: n / 2,
+				cy: n / 2,
+				r: d,
+				fill: "none",
+				stroke: "var(--muted)",
+				strokeWidth: r
+			}),
+			p.map(({ item: e, start: t, end: i }, a) => /* @__PURE__ */ o("path", {
+				d: f(n / 2, n / 2, d, t, i),
+				fill: "none",
+				stroke: e.color ?? "var(--primary)",
+				strokeWidth: r,
+				strokeLinecap: "round"
+			}, a)),
+			(a || i) && /* @__PURE__ */ s("text", {
+				x: "50%",
+				y: "50%",
+				textAnchor: "middle",
+				dominantBaseline: "middle",
+				fill: "var(--foreground)",
+				children: [a && /* @__PURE__ */ o("tspan", {
+					x: "50%",
+					dy: i ? "-0.2em" : "0",
+					className: "text-lg font-semibold",
+					children: a
+				}), i && /* @__PURE__ */ o("tspan", {
+					x: "50%",
+					dy: "1.3em",
+					className: "text-xs fill-muted-foreground",
+					children: i
+				})]
+			})
+		]
+	});
+}
+function b({ data: t, className: n, ...r }) {
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "chart-legend",
+		className: e("flex flex-wrap gap-3 text-xs text-muted-foreground", n),
+		...r,
+		children: t.map((e, t) => /* @__PURE__ */ s("div", {
+			className: "inline-flex items-center gap-1.5",
+			children: [/* @__PURE__ */ o("span", {
+				className: "size-2 rounded-full bg-primary",
+				style: { background: e.color }
+			}), /* @__PURE__ */ o("span", { children: e.label })]
+		}, t))
+	});
+}
+function x({ label: t, value: n, change: r, positive: i = !0, values: a, className: c, ...l }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "metric-trend",
+		className: e("grid gap-3 rounded-[var(--radius-2xl)] border border-border/75 bg-card/96 p-4 shadow-sm ring-1 ring-foreground/4", c),
+		...l,
+		children: [/* @__PURE__ */ s("div", {
+			className: "flex items-start justify-between gap-3",
+			children: [/* @__PURE__ */ s("div", {
+				className: "grid gap-1",
+				children: [/* @__PURE__ */ o("div", {
+					className: "text-sm text-muted-foreground",
+					children: t
+				}), /* @__PURE__ */ o("div", {
+					className: "text-2xl font-semibold tracking-tight",
+					children: n
+				})]
+			}), r && /* @__PURE__ */ o("div", {
+				className: e("rounded-full px-2 py-1 text-xs font-medium", i ? "bg-primary/10 text-primary" : "bg-destructive/10 text-destructive"),
+				children: r
+			})]
+		}), a && /* @__PURE__ */ o(v, {
+			values: a,
+			positive: i
+		})]
+	});
+}
+//#endregion
+export { g as BarChart, h as ChartFrame, b as ChartLegend, y as DonutChart, _ as LineChart, x as MetricTrend, v as Sparkline };

package/dist/components/charts/horizontal-bar-chart.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({data:e,max:n,showValue:i=!0,className:a,...o}){let s=n??Math.max(...e.map(e=>e.value),1);return(0,r.jsx)(`div`,{"data-slot":`horizontal-bar-chart`,className:t.cn(`grid gap-3`,a),...o,children:e.map(e=>{let t=s>0?Math.max(0,Math.min(e.value/s*100,100)):0;return(0,r.jsxs)(`div`,{className:`grid gap-1.5`,children:[(0,r.jsxs)(`div`,{className:`flex items-center justify-between gap-3 text-sm`,children:[(0,r.jsxs)(`div`,{className:`min-w-0`,children:[(0,r.jsx)(`div`,{className:`truncate font-medium text-foreground`,children:e.label}),e.description&&(0,r.jsx)(`div`,{className:`truncate text-xs text-muted-foreground`,children:e.description})]}),i&&(0,r.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground`,children:e.value})]}),(0,r.jsx)(`div`,{className:`h-2 overflow-hidden rounded-full bg-muted`,children:(0,r.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${t}%`,background:e.color}})})]},e.key)})})}exports.HorizontalBarChart=i;

package/dist/components/charts/horizontal-bar-chart.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export type HorizontalBarDatum = {
+    key: string;
+    label: React.ReactNode;
+    value: number;
+    description?: React.ReactNode;
+    color?: string;
+};
+export type HorizontalBarChartProps = React.ComponentProps<"div"> & {
+    data: HorizontalBarDatum[];
+    max?: number;
+    showValue?: boolean;
+};
+declare function HorizontalBarChart({ data, max, showValue, className, ...props }: HorizontalBarChartProps): React.JSX.Element;
+export { HorizontalBarChart };

package/dist/components/charts/horizontal-bar-chart.js

@@ -0,0 +1,45 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/charts/horizontal-bar-chart.tsx
+function r({ data: r, max: i, showValue: a = !0, className: o, ...s }) {
+	let c = i ?? Math.max(...r.map((e) => e.value), 1);
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "horizontal-bar-chart",
+		className: e("grid gap-3", o),
+		...s,
+		children: r.map((e) => {
+			let r = c > 0 ? Math.max(0, Math.min(e.value / c * 100, 100)) : 0;
+			return /* @__PURE__ */ n("div", {
+				className: "grid gap-1.5",
+				children: [/* @__PURE__ */ n("div", {
+					className: "flex items-center justify-between gap-3 text-sm",
+					children: [/* @__PURE__ */ n("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ t("div", {
+							className: "truncate font-medium text-foreground",
+							children: e.label
+						}), e.description && /* @__PURE__ */ t("div", {
+							className: "truncate text-xs text-muted-foreground",
+							children: e.description
+						})]
+					}), a && /* @__PURE__ */ t("div", {
+						className: "text-xs font-medium text-muted-foreground",
+						children: e.value
+					})]
+				}), /* @__PURE__ */ t("div", {
+					className: "h-2 overflow-hidden rounded-full bg-muted",
+					children: /* @__PURE__ */ t("div", {
+						className: "h-full rounded-full bg-primary",
+						style: {
+							width: `${r}%`,
+							background: e.color
+						}
+					})
+				})]
+			}, e.key);
+		})
+	});
+}
+//#endregion
+export { r as HorizontalBarChart };

package/dist/components/charts/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./charts.cjs"),t=require("./kpi.cjs"),n=require("./progress-ring.cjs"),r=require("./horizontal-bar-chart.cjs");exports.BarChart=e.BarChart,exports.ChartFrame=e.ChartFrame,exports.ChartLegend=e.ChartLegend,exports.DonutChart=e.DonutChart,exports.HorizontalBarChart=r.HorizontalBarChart,exports.KpiCard=t.KpiCard,exports.KpiGrid=t.KpiGrid,exports.LineChart=e.LineChart,exports.MetricTrend=e.MetricTrend,exports.ProgressRing=n.ProgressRing,exports.Sparkline=e.Sparkline;

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

@@ -0,0 +1,4 @@
+export * from './charts';
+export * from './kpi';
+export * from './progress-ring';
+export * from './horizontal-bar-chart';

package/dist/components/charts/index.js

@@ -0,0 +1,5 @@
+import { BarChart as e, ChartFrame as t, ChartLegend as n, DonutChart as r, LineChart as i, MetricTrend as a, Sparkline as o } from "./charts.js";
+import { KpiCard as s, KpiGrid as c } from "./kpi.js";
+import { ProgressRing as l } from "./progress-ring.js";
+import { HorizontalBarChart as u } from "./horizontal-bar-chart.js";
+export { e as BarChart, t as ChartFrame, n as ChartLegend, r as DonutChart, u as HorizontalBarChart, s as KpiCard, c as KpiGrid, i as LineChart, a as MetricTrend, l as ProgressRing, o as Sparkline };

package/dist/components/charts/kpi.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs"),r=require("./charts.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={neutral:`bg-muted text-muted-foreground`,success:`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`,warning:`bg-amber-500/10 text-amber-600 dark:text-amber-400`,danger:`bg-destructive/10 text-destructive`};function s({label:e,value:i,description:s,change:c,tone:l=`neutral`,values:u,icon:d,className:f,...p}){return(0,a.jsxs)(n.Card,{"data-slot":`kpi-card`,className:t.cn(`overflow-hidden`,f),...p,children:[(0,a.jsxs)(n.CardHeader,{className:`flex flex-row items-start justify-between gap-3 pb-2`,children:[(0,a.jsx)(n.CardTitle,{className:`text-sm font-medium text-muted-foreground`,children:e}),d&&(0,a.jsx)(`div`,{className:`text-muted-foreground`,children:d})]}),(0,a.jsxs)(n.CardContent,{className:`grid gap-3`,children:[(0,a.jsxs)(`div`,{className:`flex items-end justify-between gap-3`,children:[(0,a.jsxs)(`div`,{className:`grid gap-1`,children:[(0,a.jsx)(`div`,{className:`text-2xl font-semibold tracking-tight text-foreground`,children:i}),s&&(0,a.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:s})]}),c&&(0,a.jsx)(`div`,{className:t.cn(`rounded-full px-2 py-1 text-xs font-medium`,o[l]),children:c})]}),u&&(0,a.jsx)(r.Sparkline,{values:u,positive:l!==`danger`})]})]})}function c({columns:e=4,className:n,...r}){return(0,a.jsx)(`div`,{"data-slot":`kpi-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.KpiCard=s,exports.KpiGrid=c;

package/dist/components/charts/kpi.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Card } from "@/components/ui/card";
+export type KpiTone = "neutral" | "success" | "warning" | "danger";
+export type KpiCardProps = React.ComponentProps<typeof Card> & {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    description?: React.ReactNode;
+    change?: React.ReactNode;
+    tone?: KpiTone;
+    values?: number[];
+    icon?: React.ReactNode;
+};
+declare function KpiCard({ label, value, description, change, tone, values, icon, className, ...props }: KpiCardProps): React.JSX.Element;
+export type KpiGridProps = React.ComponentProps<"div"> & {
+    columns?: 1 | 2 | 3 | 4;
+};
+declare function KpiGrid({ columns, className, ...props }: KpiGridProps): React.JSX.Element;
+export { KpiCard, KpiGrid };

package/dist/components/charts/kpi.js

@@ -0,0 +1,59 @@
+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 { Sparkline as a } from "./charts.js";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/charts/kpi.tsx
+var c = {
+	neutral: "bg-muted text-muted-foreground",
+	success: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400",
+	warning: "bg-amber-500/10 text-amber-600 dark:text-amber-400",
+	danger: "bg-destructive/10 text-destructive"
+};
+function l({ label: l, value: u, description: d, change: f, tone: p = "neutral", values: m, icon: h, className: g, ..._ }) {
+	return /* @__PURE__ */ s(t, {
+		"data-slot": "kpi-card",
+		className: e("overflow-hidden", g),
+		..._,
+		children: [/* @__PURE__ */ s(r, {
+			className: "flex flex-row items-start justify-between gap-3 pb-2",
+			children: [/* @__PURE__ */ o(i, {
+				className: "text-sm font-medium text-muted-foreground",
+				children: l
+			}), h && /* @__PURE__ */ o("div", {
+				className: "text-muted-foreground",
+				children: h
+			})]
+		}), /* @__PURE__ */ s(n, {
+			className: "grid gap-3",
+			children: [/* @__PURE__ */ s("div", {
+				className: "flex items-end justify-between gap-3",
+				children: [/* @__PURE__ */ s("div", {
+					className: "grid gap-1",
+					children: [/* @__PURE__ */ o("div", {
+						className: "text-2xl font-semibold tracking-tight text-foreground",
+						children: u
+					}), d && /* @__PURE__ */ o("div", {
+						className: "text-xs text-muted-foreground",
+						children: d
+					})]
+				}), f && /* @__PURE__ */ o("div", {
+					className: e("rounded-full px-2 py-1 text-xs font-medium", c[p]),
+					children: f
+				})]
+			}), m && /* @__PURE__ */ o(a, {
+				values: m,
+				positive: p !== "danger"
+			})]
+		})]
+	});
+}
+function u({ columns: t = 4, className: n, ...r }) {
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "kpi-grid",
+		className: e("grid gap-4", t === 1 && "grid-cols-1", t === 2 && "grid-cols-1 sm:grid-cols-2", t === 3 && "grid-cols-1 sm:grid-cols-2 xl:grid-cols-3", t === 4 && "grid-cols-1 sm:grid-cols-2 xl:grid-cols-4", n),
+		...r
+	});
+}
+//#endregion
+export { l as KpiCard, u as KpiGrid };

package/dist/components/charts/progress-ring.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({value:e,max:n=100,size:i=120,strokeWidth:a=10,label:o,description:s,className:c,...l}){let u=(i-a)/2,d=2*Math.PI*u,f=d-(n>0?Math.min(Math.max(e/n,0),1):0)*d;return(0,r.jsxs)(`svg`,{"data-slot":`progress-ring`,viewBox:`0 0 ${i} ${i}`,className:t.cn(`h-auto w-full max-w-32`,c),role:`img`,...l,children:[(0,r.jsx)(`circle`,{cx:i/2,cy:i/2,r:u,fill:`none`,stroke:`var(--muted)`,strokeWidth:a}),(0,r.jsx)(`circle`,{cx:i/2,cy:i/2,r:u,fill:`none`,stroke:`var(--primary)`,strokeWidth:a,strokeLinecap:`round`,strokeDasharray:d,strokeDashoffset:f,transform:`rotate(-90 ${i/2} ${i/2})`}),(o||s)&&(0,r.jsxs)(`text`,{x:`50%`,y:`50%`,textAnchor:`middle`,dominantBaseline:`middle`,fill:`var(--foreground)`,children:[o&&(0,r.jsx)(`tspan`,{x:`50%`,dy:s?`-0.15em`:`0`,className:`text-base font-semibold`,children:o}),s&&(0,r.jsx)(`tspan`,{x:`50%`,dy:`1.25em`,className:`text-xs fill-muted-foreground`,children:s})]})]})}exports.ProgressRing=i;

package/dist/components/charts/progress-ring.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export type ProgressRingProps = React.ComponentProps<"svg"> & {
+    value: number;
+    max?: number;
+    size?: number;
+    strokeWidth?: number;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+};
+declare function ProgressRing({ value, max, size, strokeWidth, label, description, className, ...props }: ProgressRingProps): React.JSX.Element;
+export { ProgressRing };

package/dist/components/charts/progress-ring.js

@@ -0,0 +1,56 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/charts/progress-ring.tsx
+function r({ value: r, max: i = 100, size: a = 120, strokeWidth: o = 10, label: s, description: c, className: l, ...u }) {
+	let d = (a - o) / 2, f = 2 * Math.PI * d, p = f - (i > 0 ? Math.min(Math.max(r / i, 0), 1) : 0) * f;
+	return /* @__PURE__ */ n("svg", {
+		"data-slot": "progress-ring",
+		viewBox: `0 0 ${a} ${a}`,
+		className: e("h-auto w-full max-w-32", l),
+		role: "img",
+		...u,
+		children: [
+			/* @__PURE__ */ t("circle", {
+				cx: a / 2,
+				cy: a / 2,
+				r: d,
+				fill: "none",
+				stroke: "var(--muted)",
+				strokeWidth: o
+			}),
+			/* @__PURE__ */ t("circle", {
+				cx: a / 2,
+				cy: a / 2,
+				r: d,
+				fill: "none",
+				stroke: "var(--primary)",
+				strokeWidth: o,
+				strokeLinecap: "round",
+				strokeDasharray: f,
+				strokeDashoffset: p,
+				transform: `rotate(-90 ${a / 2} ${a / 2})`
+			}),
+			(s || c) && /* @__PURE__ */ n("text", {
+				x: "50%",
+				y: "50%",
+				textAnchor: "middle",
+				dominantBaseline: "middle",
+				fill: "var(--foreground)",
+				children: [s && /* @__PURE__ */ t("tspan", {
+					x: "50%",
+					dy: c ? "-0.15em" : "0",
+					className: "text-base font-semibold",
+					children: s
+				}), c && /* @__PURE__ */ t("tspan", {
+					x: "50%",
+					dy: "1.25em",
+					className: "text-xs fill-muted-foreground",
+					children: c
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { r as ProgressRing };

package/dist/components/charts/public.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./charts.cjs");exports.BarChart=e.BarChart,exports.ChartFrame=e.ChartFrame,exports.ChartLegend=e.ChartLegend,exports.DonutChart=e.DonutChart,exports.LineChart=e.LineChart,exports.MetricTrend=e.MetricTrend,exports.Sparkline=e.Sparkline;

package/dist/components/charts/public.d.ts

@@ -0,0 +1 @@
+export * from "./charts";

package/dist/components/charts/public.js

@@ -0,0 +1,2 @@
+import { BarChart as e, ChartFrame as t, ChartLegend as n, DonutChart as r, LineChart as i, MetricTrend as a, Sparkline as o } from "./charts.js";
+export { e as BarChart, t as ChartFrame, n as ChartLegend, r as DonutChart, i as LineChart, a as MetricTrend, o as Sparkline };

package/dist/components/command/command-palette.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/input/index.cjs"),r=require("../ui/dialog/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s(e){return[e.value,typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.id,typeof e.description==`string`||typeof e.description==`number`?String(e.description):``,...e.keywords??[]].filter(Boolean).join(` `).toLowerCase()}function c(e,t){return t?s(e).includes(t.trim().toLowerCase()):!0}function l(e){return e===!1?{enabled:!1,label:`Recent`,limit:5}:e===!0||e===void 0?{enabled:!0,label:`Recent`,limit:5}:{enabled:e.enabled??!0,label:e.label??`Recent`,limit:e.limit??5}}function u({open:e,onOpenChange:s,title:u=`Command palette`,description:d=`Search commands and actions.`,placeholder:f=`Search...`,emptyLabel:p=`No results found.`,loadingLabel:m=`Loading commands...`,groups:h,value:g,onValueChange:_,debounceMs:v=180,recent:y,filterItem:b=c,renderEmpty:x,renderLoading:S,onItemSelect:C,className:w,contentClassName:T,inputClassName:E,listClassName:D}){let[O,k]=i.useState(``),[A,j]=i.useState(``),[M,N]=i.useState({}),[P,F]=i.useState([]),[I,L]=i.useState(null),R=g??O,z=R.trim().toLowerCase(),B=l(y);i.useEffect(()=>{let e=window.setTimeout(()=>j(R),v);return()=>window.clearTimeout(e)},[v,R]),i.useEffect(()=>{if(!e)return;let t=!0;return h.filter(e=>!e.hidden&&e.loadItems).forEach(e=>{N(t=>({...t,[e.id]:{items:t[e.id]?.items??[],loading:!0,error:void 0}})),e.loadItems?.(A).then(n=>{t&&N(t=>({...t,[e.id]:{items:n,loading:!1}}))},n=>{t&&N(t=>({...t,[e.id]:{items:[],loading:!1,error:n}}))})}),()=>{t=!1}},[A,h,e]);let V=e=>{k(e),_?.(e)},H=i.useMemo(()=>{let e=new Map;return h.forEach(t=>{t.items?.forEach(t=>e.set(t.id,t)),M[t.id]?.items.forEach(t=>e.set(t.id,t))}),e},[M,h]),U=i.useMemo(()=>h.filter(e=>!e.hidden).map(e=>{let t=M[e.id],n=[...e.items??[],...t?.items??[]].filter(e=>e.hidden?!1:b(e,z));return{...e,items:n,loading:t?.loading??!1,error:t?.error}}).filter(e=>e.items.length>0||e.loading||e.error),[M,b,h,z]),W=i.useMemo(()=>!B.enabled||z||P.length===0?null:{id:`__recent`,label:B.label,items:P.slice(0,B.limit),loading:!1,error:void 0},[z,B.enabled,B.label,B.limit,P]),G=W?[W,...U]:U,K=G.some(e=>e.items.length>0),q=G.some(e=>e.loading),J=e=>{if(!B.enabled)return;let t=H.get(e.id)??e;F(n=>[t,...n.filter(t=>t.id!==e.id)].slice(0,B.limit))},Y=async(e,t)=>{if(!(e.disabled||I))try{L(e.id),await e.onSelect?.(),C?.(e,t),J(e),e.closeOnSelect!==!1&&s?.(!1)}finally{L(null)}};return(0,o.jsx)(r.Dialog,{open:e,onOpenChange:s,children:(0,o.jsxs)(r.DialogContent,{className:t.cn(`overflow-hidden rounded-[var(--radius-3xl)] border-border/80 bg-popover/98 p-0 shadow-[0_28px_90px_rgba(15,23,42,0.24)] backdrop-blur sm:max-w-xl`,T),children:[(0,o.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(r.DialogTitle,{children:u}),(0,o.jsx)(r.DialogDescription,{children:d})]}),(0,o.jsxs)(`div`,{"data-slot":`command-palette`,className:t.cn(`flex max-h-[32rem] flex-col overflow-hidden rounded-[var(--radius-3xl)] bg-popover/98 text-popover-foreground`,w),children:[(0,o.jsxs)(`div`,{className:`relative border-b border-border/70 bg-muted/20 p-3`,children:[(0,o.jsx)(a.SearchIcon,{className:`pointer-events-none absolute left-4 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,o.jsx)(n.Input,{value:R,onChange:e=>V(e.target.value),placeholder:f,className:t.cn(`h-11 rounded-full border-border/75 bg-background/96 pl-10 shadow-[0_1px_0_rgba(255,255,255,0.05)] focus-visible:ring-2`,E),autoFocus:!0})]}),(0,o.jsxs)(`div`,{className:t.cn(`overflow-y-auto p-3`,D),children:[!K&&q&&(0,o.jsx)(`div`,{className:`flex items-center justify-center gap-2 rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/30 py-8 text-sm text-muted-foreground`,children:S?.(R)??(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Loader2Icon,{className:`size-4 animate-spin`}),m]})}),!K&&!q&&(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/30 py-8 text-center text-sm text-muted-foreground`,children:x?.(R)??p}),G.map(e=>(0,o.jsxs)(`div`,{className:`py-1`,children:[e.label&&(0,o.jsxs)(`div`,{className:`flex items-center justify-between px-2 py-2 text-[11px] font-semibold uppercase tracking-[0.22em] text-muted-foreground`,children:[(0,o.jsx)(`span`,{children:e.label}),e.loading&&(0,o.jsx)(a.Loader2Icon,{className:`size-3.5 animate-spin`})]}),e.error?(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-destructive/20 bg-destructive/8 px-3 py-2 text-xs text-destructive`,children:`Could not load commands.`}):null,e.loading&&e.items.length===0&&(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/25 px-3 py-2 text-xs text-muted-foreground`,children:e.loadingLabel??m}),e.items.length===0&&!e.loading&&!e.error&&e.emptyLabel&&(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/25 px-3 py-2 text-xs text-muted-foreground`,children:e.emptyLabel}),e.items.map(t=>{let n=I===t.id;return(0,o.jsxs)(`button`,{type:`button`,disabled:t.disabled||n,"data-disabled":t.disabled||void 0,className:`flex w-full items-start gap-3 rounded-[min(var(--radius-xl),16px)] border border-transparent px-3 py-2.5 text-left text-sm outline-none transition-colors hover:border-border/70 hover:bg-accent/60 hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50`,onClick:()=>void Y(t,e),children:[t.icon&&(0,o.jsx)(`span`,{className:`shrink-0 text-muted-foreground [&_svg]:size-4`,children:t.icon}),(0,o.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{className:`block truncate`,children:t.label}),(t.description||t.disabledReason)&&(0,o.jsx)(`span`,{className:`block truncate text-xs text-muted-foreground`,children:t.disabled?t.disabledReason??t.description:t.description})]}),n&&(0,o.jsx)(a.Loader2Icon,{className:`size-3.5 animate-spin text-muted-foreground`}),t.shortcut&&(0,o.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:t.shortcut})]},t.id)})]},e.id))]})]})]})})}function d(e,t=!0){i.useEffect(()=>{if(!t)return;let n=t=>{(t.metaKey||t.ctrlKey)&&t.key.toLowerCase()===`k`&&(t.preventDefault(),e(!0))};return window.addEventListener(`keydown`,n),()=>window.removeEventListener(`keydown`,n)},[t,e])}exports.CommandPalette=u,exports.useCommandPaletteShortcut=d;

package/dist/components/command/command-palette.d.ts

@@ -0,0 +1,54 @@
+import * as React from "react";
+export type CommandPaletteItem = {
+    id: string;
+    label: React.ReactNode;
+    value?: string;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    shortcut?: React.ReactNode;
+    disabled?: boolean;
+    disabledReason?: React.ReactNode;
+    hidden?: boolean;
+    keywords?: string[];
+    closeOnSelect?: boolean;
+    onSelect?: () => void | Promise<void>;
+};
+export type CommandPaletteGroup = {
+    id: string;
+    label?: React.ReactNode;
+    items?: CommandPaletteItem[];
+    loadItems?: (search: string) => Promise<CommandPaletteItem[]>;
+    loadingLabel?: React.ReactNode;
+    emptyLabel?: React.ReactNode;
+    hidden?: boolean;
+};
+export type CommandPaletteRecentConfig = {
+    enabled?: boolean;
+    label?: React.ReactNode;
+    limit?: number;
+};
+export type CommandPaletteProps = {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    placeholder?: string;
+    emptyLabel?: React.ReactNode;
+    loadingLabel?: React.ReactNode;
+    groups: CommandPaletteGroup[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+    debounceMs?: number;
+    recent?: CommandPaletteRecentConfig | boolean;
+    filterItem?: (item: CommandPaletteItem, search: string) => boolean;
+    renderEmpty?: (search: string) => React.ReactNode;
+    renderLoading?: (search: string) => React.ReactNode;
+    onItemSelect?: (item: CommandPaletteItem, group: CommandPaletteGroup) => void;
+    className?: string;
+    contentClassName?: string;
+    inputClassName?: string;
+    listClassName?: string;
+};
+declare function CommandPalette({ open, onOpenChange, title, description, placeholder, emptyLabel, loadingLabel, groups, value, onValueChange, debounceMs, recent, filterItem, renderEmpty, renderLoading, onItemSelect, className, contentClassName, inputClassName, listClassName, }: CommandPaletteProps): React.JSX.Element;
+declare function useCommandPaletteShortcut(onOpenChange: (open: boolean) => void, enabled?: boolean): void;
+export { CommandPalette, useCommandPaletteShortcut };