tembro 3.1.16 → 4.0.0

package/dist/src/components/calendar/date-picker.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs"),i=require("./date-utils.cjs"),a=require("./calendar.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=i.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u({value:e,onValueChange:i,placeholder:u,labels:d,disabled:f=!1,clearable:p=!0,formatValue:m=l,triggerClassName:h,contentClassName:g,className:_,...v}){let[y,b]=o.useState(!1),x=!!e,S=e=>{i?.(e),b(!1)},C=()=>{i?.(``),b(!1)};return(0,c.jsx)(`div`,{"data-slot":`date-picker`,className:t.cn(`w-full`,_),children:(0,c.jsxs)(r.Popover,{open:y,onOpenChange:b,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:f,className:t.cn(`group min-h-11 w-full justify-start gap-3 rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 px-3 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,!x&&`text-muted-foreground`,h)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`,className:t.cn(x&&`text-primary`)}),(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:d?.selected??`Date`}),(0,c.jsx)(`span`,{className:t.cn(`truncate text-sm`,x&&`font-semibold text-foreground`),children:x?m(String(e)):u??d?.placeholder??`Select date`})]}),p&&x?(0,c.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":d?.clear??`Clear date`,className:`ml-auto inline-flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,onClick:e=>{e.preventDefault(),e.stopPropagation(),C()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),C())},children:(0,c.jsx)(s.XIcon,{className:`size-3.5`})}):null]}),(0,c.jsx)(r.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,g),children:(0,c.jsx)(a.Calendar,{value:e,onValueChange:S,labels:d,showTodayShortcut:!0,showClearShortcut:p,showSelectionSummary:!0,...v})})]})})}exports.DatePicker=u;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("./date-utils.cjs"),i=require("./calendar.cjs"),a=require("../ui/popover/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=r.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u({value:e,onValueChange:r,placeholder:u,labels:d,disabled:f=!1,clearable:p=!0,triggerVariant:m=`default`,formatValue:h=l,triggerClassName:g,contentClassName:_,className:v,...y}){let[b,x]=o.useState(!1),S=!!e,C=e=>{r?.(e),x(!1)},w=()=>{r?.(``),x(!1)};return(0,c.jsx)(`div`,{"data-slot":`date-picker`,"data-trigger-variant":m,className:t.cn(`w-full`,v),children:(0,c.jsxs)(a.Popover,{open:b,onOpenChange:x,children:[(0,c.jsxs)(a.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:f,labelClassName:`flex-1`,className:t.cn(`group w-full justify-start rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,m==="default"?`min-h-11 gap-3 px-3`:`min-h-9 gap-2 px-2.5`,!S&&`text-muted-foreground`,g)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`,className:t.cn(S&&`text-primary`)}),(0,c.jsxs)(`span`,{className:t.cn(`grid min-w-0 flex-1`,m==="default"&&`gap-0.5`),children:[m==="default"?(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:d?.selected??`Date`}):null,(0,c.jsx)(`span`,{className:t.cn(`truncate text-sm`,S&&`font-semibold text-foreground`),children:S?h(String(e)):u??d?.placeholder??`Select date`})]}),p&&S?(0,c.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":d?.clear??`Clear date`,className:t.cn(`ml-auto inline-flex shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,m==="default"?`size-7`:`size-6`),onClick:e=>{e.preventDefault(),e.stopPropagation(),w()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),w())},children:(0,c.jsx)(s.XIcon,{className:`size-3.5`})}):null]}),(0,c.jsx)(a.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,_),children:(0,c.jsx)(i.Calendar,{value:e,onValueChange:C,labels:d,showTodayShortcut:!0,showClearShortcut:p,showSelectionSummary:!0,...y})})]})})}exports.DatePicker=u;

package/dist/src/components/calendar/date-picker.js

@@ -1,76 +1,78 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
-import { Popover as n, PopoverContent as r, PopoverTrigger as i } from "../ui/popover/index.js";
-import { parseDateKey as a } from "./date-utils.js";
-import { Calendar as o } from "./calendar.js";
+import { parseDateKey as n } from "./date-utils.js";
+import { Calendar as r } from "./calendar.js";
+import { Popover as i, PopoverContent as a, PopoverTrigger as o } from "../ui/popover/index.js";
 import * as s from "react";
 import { CalendarIcon as c, XIcon as l } from "lucide-react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/calendar/date-picker.tsx
 function f(e) {
-	let t = a(e);
+	let t = n(e);
 	return t ? new Intl.DateTimeFormat("en-US", { dateStyle: "medium" }).format(t) : e;
 }
-function p({ value: a, onValueChange: p, placeholder: m, labels: h, disabled: g = !1, clearable: _ = !0, formatValue: v = f, triggerClassName: y, contentClassName: b, className: x, ...S }) {
-	let [C, w] = s.useState(!1), T = !!a, E = (e) => {
-		p?.(e), w(!1);
-	}, D = () => {
-		p?.(""), w(!1);
+function p({ value: n, onValueChange: p, placeholder: m, labels: h, disabled: g = !1, clearable: _ = !0, triggerVariant: v = "default", formatValue: y = f, triggerClassName: b, contentClassName: x, className: S, ...C }) {
+	let [w, T] = s.useState(!1), E = !!n, D = (e) => {
+		p?.(e), T(!1);
+	}, O = () => {
+		p?.(""), T(!1);
 	};
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "date-picker",
-		className: e("w-full", x),
-		children: /* @__PURE__ */ d(n, {
-			open: C,
-			onOpenChange: w,
-			children: [/* @__PURE__ */ d(i, {
+		"data-trigger-variant": v,
+		className: e("w-full", S),
+		children: /* @__PURE__ */ d(i, {
+			open: w,
+			onOpenChange: T,
+			children: [/* @__PURE__ */ d(o, {
 				render: /* @__PURE__ */ u(t, {
 					type: "button",
 					variant: "outline",
 					disabled: g,
-					className: e("group min-h-11 w-full justify-start gap-3 rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 px-3 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]", !T && "text-muted-foreground", y)
+					labelClassName: "flex-1",
+					className: e("group w-full justify-start rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]", v === "default" ? "min-h-11 gap-3 px-3" : "min-h-9 gap-2 px-2.5", !E && "text-muted-foreground", b)
 				}),
 				children: [
 					/* @__PURE__ */ u(c, {
 						"data-icon": "inline-start",
-						className: e(T && "text-primary")
+						className: e(E && "text-primary")
 					}),
 					/* @__PURE__ */ d("span", {
-						className: "grid min-w-0 flex-1 gap-0.5",
-						children: [/* @__PURE__ */ u("span", {
+						className: e("grid min-w-0 flex-1", v === "default" && "gap-0.5"),
+						children: [v === "default" ? /* @__PURE__ */ u("span", {
 							className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground",
 							children: h?.selected ?? "Date"
-						}), /* @__PURE__ */ u("span", {
-							className: e("truncate text-sm", T && "font-semibold text-foreground"),
-							children: T ? v(String(a)) : m ?? h?.placeholder ?? "Select date"
+						}) : null, /* @__PURE__ */ u("span", {
+							className: e("truncate text-sm", E && "font-semibold text-foreground"),
+							children: E ? y(String(n)) : m ?? h?.placeholder ?? "Select date"
 						})]
 					}),
-					_ && T ? /* @__PURE__ */ u("span", {
+					_ && E ? /* @__PURE__ */ u("span", {
 						role: "button",
 						tabIndex: 0,
 						"aria-label": h?.clear ?? "Clear date",
-						className: "ml-auto inline-flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+						className: e("ml-auto inline-flex shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring", v === "default" ? "size-7" : "size-6"),
 						onClick: (e) => {
-							e.preventDefault(), e.stopPropagation(), D();
+							e.preventDefault(), e.stopPropagation(), O();
 						},
 						onKeyDown: (e) => {
-							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), D());
+							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), O());
 						},
 						children: /* @__PURE__ */ u(l, { className: "size-3.5" })
 					}) : null
 				]
-			}), /* @__PURE__ */ u(r, {
+			}), /* @__PURE__ */ u(a, {
 				align: "start",
-				className: e("w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur", b),
-				children: /* @__PURE__ */ u(o, {
-					value: a,
-					onValueChange: E,
+				className: e("w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur", x),
+				children: /* @__PURE__ */ u(r, {
+					value: n,
+					onValueChange: D,
 					labels: h,
 					showTodayShortcut: !0,
 					showClearShortcut: _,
 					showSelectionSummary: !0,
-					...S
+					...C
 				})
 			})]
 		})

package/dist/src/components/calendar/date-range-picker.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs"),i=require("./date-utils.cjs"),a=require("./calendar.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=i.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u(e,t){return typeof e==`string`?e:t}function d({className:e,value:i,onValueChange:d,labels:f,placeholder:p,disabled:m=!1,clearable:h=!0,formatValue:g=l,closeOnSelect:_=!1,closeOnPresetSelect:v=!1,showFooter:y=!0,presets:b,triggerClassName:x,contentClassName:S,months:C,numberOfMonths:w=2,pagedNavigation:T=!0,...E}){let[D,O]=o.useState(!1),[k,A]=o.useState(i??{}),j=i?.from??``,M=i?.to??``,N=!!(j||M),P=y?k:i,F=P?.from??``,I=P?.to??``,L=!!(F||I),R=C??w,z=j&&M?`${g(j)} - ${g(M)}`:j?`${g(j)} - ...`:p??f?.placeholder??`Select date range`,B=F&&I?`${g(F)} - ${g(I)}`:F?`${g(F)} - ...`:f?.placeholder??`Select date range`;o.useEffect(()=>{D&&y&&A(i??{})},[D,y,i]);let V=e=>{if(y){A(e);return}d?.(e),_&&e.from&&e.to&&O(!1)},H=()=>{d?.(k),O(!1)},U=()=>{let e={};if(y){A(e);return}d?.(e)},W=()=>{let e={};A(e),d?.(e)},G=e=>{e.preventDefault(),e.stopPropagation(),W()},K=e=>{if(y){A(e),v&&(d?.(e),O(!1));return}d?.(e),(_||v)&&e.from&&e.to&&O(!1)};return(0,c.jsx)(`div`,{"data-slot":`date-range-picker`,className:t.cn(`w-full`,e),children:(0,c.jsxs)(r.Popover,{open:D,onOpenChange:O,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:m,className:t.cn(`group min-h-11 w-full justify-start gap-3 rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 px-3 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,!N&&`text-muted-foreground`,x)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`,className:t.cn(N&&`text-primary`)}),N?(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-2`,children:[(0,c.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:f?.start??`Start`}),(0,c.jsx)(`span`,{className:`truncate text-sm font-semibold text-foreground`,children:j?g(j):`...`})]}),(0,c.jsx)(`span`,{className:`text-muted-foreground`,children:`-`}),(0,c.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:f?.end??`End`}),(0,c.jsx)(`span`,{className:`truncate text-sm font-semibold text-foreground`,children:M?g(M):`...`})]})]}):(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Range`}),(0,c.jsx)(`span`,{className:`truncate text-sm`,children:z})]}),h&&N?(0,c.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":u(f?.clear,`Clear date range`),className:`ml-auto inline-flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,onClick:G,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),W())},children:(0,c.jsx)(s.XIcon,{className:`size-3.5`})}):null]}),(0,c.jsxs)(r.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,S),children:[b?.length?(0,c.jsx)(`div`,{className:`flex flex-wrap gap-2 border-b border-border/70 bg-muted/20 px-3 py-3`,children:b.map((e,t)=>(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,className:`h-7 rounded-full px-3 text-xs`,onClick:()=>K(e.value),children:e.label},t))}):null,(0,c.jsx)(a.Calendar,{mode:`range`,range:P,onRangeChange:V,labels:f,renderSelectionSummary:({range:e})=>{let t=e?.from?g(e.from):null,n=e?.to?g(e.to):null;return t&&n?`${t} -> ${n}`:t?`${t} -> ...`:`No range selected`},numberOfMonths:R,pagedNavigation:T,showClearShortcut:!y&&h,showSelectionSummary:!0,...E}),y&&(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-border/70 bg-muted/24 px-4 py-3`,children:[(0,c.jsx)(`div`,{className:`min-w-0 text-sm text-muted-foreground`,children:(0,c.jsx)(`span`,{className:`block truncate`,children:B})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:U,children:f?.clear??`Clear`}),(0,c.jsx)(n.Button,{type:`button`,size:`sm`,disabled:!L,onClick:H,children:f?.apply??`Apply`})]})]})]})]})})}exports.DateRangePicker=d;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("./date-utils.cjs"),i=require("./calendar.cjs"),a=require("../ui/popover/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=r.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u(e,t){return typeof e==`string`?e:t}function d({className:e,value:r,onValueChange:d,labels:f,placeholder:p,disabled:m=!1,clearable:h=!0,formatValue:g=l,closeOnSelect:_=!1,closeOnPresetSelect:v=!1,showFooter:y=!0,presets:b,triggerClassName:x,contentClassName:S,months:C,numberOfMonths:w=2,pagedNavigation:T=!0,...E}){let[D,O]=o.useState(!1),[k,A]=o.useState(r??{}),j=r?.from??``,M=r?.to??``,N=!!(j||M),P=y?k:r,F=P?.from??``,I=P?.to??``,L=!!(F||I),R=C??w,z=j&&M?`${g(j)} - ${g(M)}`:j?`${g(j)} - ...`:p??f?.placeholder??`Select date range`,B=F&&I?`${g(F)} - ${g(I)}`:F?`${g(F)} - ...`:f?.placeholder??`Select date range`;o.useEffect(()=>{D&&y&&A(r??{})},[D,y,r]);let V=e=>{if(y){A(e);return}d?.(e),_&&e.from&&e.to&&O(!1)},H=()=>{d?.(k),O(!1)},U=()=>{let e={};if(y){A(e);return}d?.(e)},W=()=>{let e={};A(e),d?.(e)},G=e=>{e.preventDefault(),e.stopPropagation(),W()},K=e=>{if(y){A(e),v&&(d?.(e),O(!1));return}d?.(e),(_||v)&&e.from&&e.to&&O(!1)};return(0,c.jsx)(`div`,{"data-slot":`date-range-picker`,className:t.cn(`w-full`,e),children:(0,c.jsxs)(a.Popover,{open:D,onOpenChange:O,children:[(0,c.jsxs)(a.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:m,className:t.cn(`group min-h-11 w-full justify-start gap-3 rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 px-3 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,!N&&`text-muted-foreground`,x)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`,className:t.cn(N&&`text-primary`)}),N?(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-2`,children:[(0,c.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:f?.start??`Start`}),(0,c.jsx)(`span`,{className:`truncate text-sm font-semibold text-foreground`,children:j?g(j):`...`})]}),(0,c.jsx)(`span`,{className:`text-muted-foreground`,children:`-`}),(0,c.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:f?.end??`End`}),(0,c.jsx)(`span`,{className:`truncate text-sm font-semibold text-foreground`,children:M?g(M):`...`})]})]}):(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Range`}),(0,c.jsx)(`span`,{className:`truncate text-sm`,children:z})]}),h&&N?(0,c.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":u(f?.clear,`Clear date range`),className:`ml-auto inline-flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,onClick:G,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),W())},children:(0,c.jsx)(s.XIcon,{className:`size-3.5`})}):null]}),(0,c.jsxs)(a.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,S),children:[b?.length?(0,c.jsx)(`div`,{className:`flex flex-wrap gap-2 border-b border-border/70 bg-muted/20 px-3 py-3`,children:b.map((e,t)=>(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,className:`h-7 rounded-full px-3 text-xs`,onClick:()=>K(e.value),children:e.label},t))}):null,(0,c.jsx)(i.Calendar,{mode:`range`,range:P,onRangeChange:V,labels:f,renderSelectionSummary:({range:e})=>{let t=e?.from?g(e.from):null,n=e?.to?g(e.to):null;return t&&n?`${t} -> ${n}`:t?`${t} -> ...`:`No range selected`},numberOfMonths:R,pagedNavigation:T,showClearShortcut:!y&&h,showSelectionSummary:!0,...E}),y&&(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-border/70 bg-muted/24 px-4 py-3`,children:[(0,c.jsx)(`div`,{className:`min-w-0 text-sm text-muted-foreground`,children:(0,c.jsx)(`span`,{className:`block truncate`,children:B})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:U,children:f?.clear??`Clear`}),(0,c.jsx)(n.Button,{type:`button`,size:`sm`,disabled:!L,onClick:H,children:f?.apply??`Apply`})]})]})]})]})})}exports.DateRangePicker=d;

package/dist/src/components/calendar/date-range-picker.js

@@ -1,21 +1,21 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
-import { Popover as n, PopoverContent as r, PopoverTrigger as i } from "../ui/popover/index.js";
-import { parseDateKey as a } from "./date-utils.js";
-import { Calendar as o } from "./calendar.js";
+import { parseDateKey as n } from "./date-utils.js";
+import { Calendar as r } from "./calendar.js";
+import { Popover as i, PopoverContent as a, PopoverTrigger as o } from "../ui/popover/index.js";
 import * as s from "react";
 import { CalendarIcon as c, XIcon as l } from "lucide-react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/calendar/date-range-picker.tsx
 function f(e) {
-	let t = a(e);
+	let t = n(e);
 	return t ? new Intl.DateTimeFormat("en-US", { dateStyle: "medium" }).format(t) : e;
 }
 function p(e, t) {
 	return typeof e == "string" ? e : t;
 }
-function m({ className: a, value: m, onValueChange: h, labels: g, placeholder: _, disabled: v = !1, clearable: y = !0, formatValue: b = f, closeOnSelect: x = !1, closeOnPresetSelect: S = !1, showFooter: C = !0, presets: w, triggerClassName: T, contentClassName: E, months: D, numberOfMonths: O = 2, pagedNavigation: k = !0, ...A }) {
+function m({ className: n, value: m, onValueChange: h, labels: g, placeholder: _, disabled: v = !1, clearable: y = !0, formatValue: b = f, closeOnSelect: x = !1, closeOnPresetSelect: S = !1, showFooter: C = !0, presets: w, triggerClassName: T, contentClassName: E, months: D, numberOfMonths: O = 2, pagedNavigation: k = !0, ...A }) {
 	let [j, M] = s.useState(!1), [N, P] = s.useState(m ?? {}), F = m?.from ?? "", I = m?.to ?? "", L = !!(F || I), R = C ? N : m, z = R?.from ?? "", B = R?.to ?? "", V = !!(z || B), H = D ?? O, U = F && I ? `${b(F)} - ${b(I)}` : F ? `${b(F)} - ...` : _ ?? g?.placeholder ?? "Select date range", W = z && B ? `${b(z)} - ${b(B)}` : z ? `${b(z)} - ...` : g?.placeholder ?? "Select date range";
 	s.useEffect(() => {
 		j && C && P(m ?? {});
@@ -53,11 +53,11 @@ function m({ className: a, value: m, onValueChange: h, labels: g, placeholder: _
 	};
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "date-range-picker",
-		className: e("w-full", a),
-		children: /* @__PURE__ */ d(n, {
+		className: e("w-full", n),
+		children: /* @__PURE__ */ d(i, {
 			open: j,
 			onOpenChange: M,
-			children: [/* @__PURE__ */ d(i, {
+			children: [/* @__PURE__ */ d(o, {
 				render: /* @__PURE__ */ u(t, {
 					type: "button",
 					variant: "outline",
@@ -119,7 +119,7 @@ function m({ className: a, value: m, onValueChange: h, labels: g, placeholder: _
 						children: /* @__PURE__ */ u(l, { className: "size-3.5" })
 					}) : null
 				]
-			}), /* @__PURE__ */ d(r, {
+			}), /* @__PURE__ */ d(a, {
 				align: "start",
 				className: e("w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur", E),
 				children: [
@@ -134,7 +134,7 @@ function m({ className: a, value: m, onValueChange: h, labels: g, placeholder: _
 							children: e.label
 						}, n))
 					}) : null,
-					/* @__PURE__ */ u(o, {
+					/* @__PURE__ */ u(r, {
 						mode: "range",
 						range: R,
 						onRangeChange: G,

package/dist/src/components/charts/charts.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={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){return t??`var(--color-chart-${e%5+1}, var(--primary))`}function l(e,t){return t?t(e):e.toLocaleString()}function u(e){return typeof e==`string`||typeof e==`number`?String(e):void 0}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=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 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:e,description:r,action:a,state:o=`ready`,emptyLabel:s=`No data available.`,className:c,children:l,...u}){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`,c),...u,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.jsxs)(n.CardContent,{children:[o===`loading`?(0,i.jsxs)(`div`,{className:`grid gap-3`,children:[(0,i.jsx)(`div`,{className:`h-4 w-24 animate-pulse rounded bg-muted`}),(0,i.jsx)(`div`,{className:`h-36 animate-pulse rounded-[min(var(--radius-xl),16px)] bg-muted/70`})]}):null,o===`empty`?(0,i.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-dashed border-border/70 px-4 py-10 text-center text-sm text-muted-foreground`,children:s}):null,o===`ready`?l:null]})]})}function g({data:e,size:n=`md`,max:r,showLabels:d=!0,showValues:f=!0,valueFormatter:p,state:m=`ready`,emptyLabel:h=`No chart data.`,className:g,barClassName:_,...v}){let y=e.map(e=>e.value),b=r??o(y.map(e=>Math.abs(e))),x=a[n],S=Math.max(x-(f?28:0)-(d?24:0),32);return m===`loading`?(0,i.jsx)(`div`,{"data-slot":`bar-chart`,className:t.cn(`grid gap-3`,g),...v,children:(0,i.jsx)(`div`,{className:`h-40 animate-pulse rounded-[min(var(--radius-xl),16px)] bg-muted/70`})}):m===`empty`||e.length===0?(0,i.jsx)(`div`,{"data-slot":`bar-chart`,className:t.cn(`rounded-[min(var(--radius-xl),16px)] border border-dashed border-border/70 px-4 py-10 text-center text-sm text-muted-foreground`,g),...v,children:h}):(0,i.jsx)(`div`,{"data-slot":`bar-chart`,className:t.cn(`grid gap-3`,g),...v,children:(0,i.jsx)(`div`,{className:`flex items-end gap-2`,style:{minHeight:x},children:e.map((e,n)=>{let r=s(Math.abs(e.value),b),a=e.value<0,o=u(e.label),m=Math.max(Math.round(r*S),Math.abs(e.value)>0?3:0);return(0,i.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col items-center gap-2`,title:o?`${o}: ${e.value}`:void 0,children:[f&&(0,i.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground`,children:l(e.value,p)}),(0,i.jsx)(`div`,{className:`flex w-full items-end rounded-[min(var(--radius-xl),16px)] border border-border/60 bg-muted/38 p-1`,style:{height:S},children:(0,i.jsx)(`div`,{className:t.cn(`w-full rounded-[min(var(--radius-lg),12px)] bg-primary transition-all`,_),style:{height:m,background:c(n,e.color),opacity:a?.72:1}})}),d&&(0,i.jsx)(`div`,{className:`max-w-full truncate text-xs text-muted-foreground`,children:e.label})]},n)})})})}function _({values:e,size:n=`md`,width:r=560,showArea:c=!1,showGrid:d=!0,labels:f,valueFormatter:h,stroke:g=`var(--primary)`,state:_=`ready`,emptyLabel:v=`No line data.`,className:y,style:b,...x}){let S=a[n],C=p(e,r,S),w=m(e,r,S),T=o(e);return _===`loading`?(0,i.jsx)(`div`,{className:t.cn(`h-36 animate-pulse rounded-[min(var(--radius-xl),16px)] bg-muted/70`,y)}):_===`empty`||e.length===0?(0,i.jsx)(`div`,{className:t.cn(`rounded-[min(var(--radius-xl),16px)] border border-dashed border-border/70 px-4 py-10 text-center text-sm text-muted-foreground`,y),children:v}):(0,i.jsxs)(`svg`,{"data-slot":`line-chart`,viewBox:`0 0 ${r} ${S}`,className:t.cn(`w-full overflow-visible`,y),style:{height:S,...b},role:`img`,...x,children:[d&&[.25,.5,.75].map(e=>(0,i.jsx)(`line`,{x1:`12`,x2:r-12,y1:12+e*(S-24),y2:12+e*(S-24),stroke:`var(--border)`,strokeDasharray:`4 6`,opacity:`0.7`},e)),c&&(0,i.jsx)(`path`,{d:w,fill:`var(--primary)`,opacity:`0.12`}),(0,i.jsx)(`path`,{d:C,fill:`none`,stroke:g,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`}),e.map((t,n)=>{let a=12+(e.length===1?(r-24)/2:n/(e.length-1)*(r-24)),o=12+(1-s(t,T))*(S-24),c=f?.[n],d=c==null?`${t}`:`${u(c)??`Value`}: ${t}`;return(0,i.jsx)(`circle`,{cx:a,cy:o,r:`3.5`,fill:g,children:(0,i.jsx)(`title`,{children:h?`${c??`Value`}: ${l(t,h)}`:d})},n)})]})}function v(e){return(0,i.jsx)(_,{showArea:!0,...e})}function y({values:e,positive:n=!0,stroke:r,className:a,...o}){return(0,i.jsx)(_,{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 b({data:e,size:n=180,strokeWidth:r=18,centerLabel:a,centerValue:o,state:s=`ready`,emptyLabel:l=`No distribution data.`,className:d,...p}){let m=e.reduce((e,t)=>e+Math.max(t.value,0),0),h=n/2-r,g=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:m>0?i+r/m*360:i}});return s===`loading`?(0,i.jsx)(`div`,{className:t.cn(`h-44 w-full max-w-48 animate-pulse rounded-full bg-muted/70`,d)}):s===`empty`||e.length===0||m<=0?(0,i.jsx)(`div`,{className:t.cn(`flex h-44 w-full max-w-48 items-center justify-center rounded-full border border-dashed border-border/70 px-4 text-center text-sm text-muted-foreground`,d),children:l}):(0,i.jsxs)(`svg`,{"data-slot":`donut-chart`,viewBox:`0 0 ${n} ${n}`,className:t.cn(`h-auto w-full max-w-48`,d),role:`img`,...p,children:[(0,i.jsx)(`circle`,{cx:n/2,cy:n/2,r:h,fill:`none`,stroke:`var(--muted)`,strokeWidth:r}),g.map(({item:e,start:t,end:a},o)=>(0,i.jsx)(`path`,{d:f(n/2,n/2,h,t,a),fill:`none`,stroke:c(o,e.color),strokeWidth:r,strokeLinecap:`round`,children:(0,i.jsx)(`title`,{children:`${u(e.label)??`Segment`}: ${e.value}`})},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 x({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:c(t,e.color)}}),(0,i.jsx)(`span`,{children:e.label})]},t))})}function S({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)(y,{values:o,positive:a})]})}exports.AreaChart=v,exports.BarChart=g,exports.ChartFrame=h,exports.ChartLegend=x,exports.DonutChart=b,exports.LineChart=_,exports.MetricTrend=S,exports.Sparkline=y;
+"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"),r=require("../feedback/state-view.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s={sm:120,md:220,lg:320};function c(e,t){return t??`var(--color-chart-${e%5+1}, var(--primary))`}function l(e,t){return typeof e==`string`||typeof e==`number`?String(e):t}function u(e,t){return t?t(e):e.toLocaleString()}function d({state:e,emptyLabel:t,height:n}){return e===`loading`?(0,a.jsx)(r.StateView,{status:`loading`,loadingVariant:`skeleton`,variant:`plain`,size:`compact`,style:{minHeight:n}}):e===`empty`?(0,a.jsx)(r.StateView,{status:`empty`,title:t,description:null,variant:`plain`,size:`compact`,style:{minHeight:n}}):null}function f({data:e,valueFormatter:t,caption:n}){return(0,a.jsx)(`div`,{className:`sr-only`,children:(0,a.jsxs)(`table`,{children:[(0,a.jsx)(`caption`,{children:n}),(0,a.jsx)(`thead`,{children:(0,a.jsxs)(`tr`,{children:[(0,a.jsx)(`th`,{scope:`col`,children:`Label`}),(0,a.jsx)(`th`,{scope:`col`,children:`Value`}),(0,a.jsx)(`th`,{scope:`col`,children:`Description`})]})}),(0,a.jsx)(`tbody`,{children:e.map((e,n)=>(0,a.jsxs)(`tr`,{children:[(0,a.jsx)(`th`,{scope:`row`,children:e.label}),(0,a.jsx)(`td`,{children:u(e.value,t)}),(0,a.jsx)(`td`,{children:e.description})]},n))})]})})}function p({active:e,label:t,payload:n,valueFormatter:r,labelFormatter:i}){return!e||!n?.length?null:(0,a.jsxs)(`div`,{"data-slot":`chart-tooltip`,className:`min-w-36 rounded-[var(--radius-md)] border border-border/75 bg-popover/98 p-3 text-popover-foreground shadow-lg backdrop-blur`,children:[t===void 0?null:(0,a.jsx)(`div`,{className:`mb-2 text-xs font-semibold text-muted-foreground`,children:i?i(t):t}),(0,a.jsx)(`div`,{className:`grid gap-1.5`,children:n.map((e,t)=>{let n=typeof e.value==`number`?e.value:Number(e.value??0);return(0,a.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 text-sm`,children:[(0,a.jsx)(`span`,{className:`size-2.5 shrink-0 rounded-sm`,style:{background:e.color}}),(0,a.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.name??`Value`}),(0,a.jsx)(`span`,{className:`font-semibold tabular-nums`,children:u(n,r)})]},`${e.name??`value`}-${t}`)})})]})}function m({title:e,description:r,action:i,state:o=`ready`,emptyLabel:s=`No data available.`,className:c,children:l,...u}){return(0,a.jsxs)(n.Card,{"data-slot":`chart-frame`,"data-state":o,className:t.cn(`min-w-0`,c),...u,children:[e||r||i?(0,a.jsxs)(n.CardHeader,{className:`flex-row items-start justify-between gap-3`,children:[(0,a.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e?(0,a.jsx)(n.CardTitle,{children:e}):null,r?(0,a.jsx)(n.CardDescription,{children:r}):null]}),i?(0,a.jsx)(`div`,{className:`shrink-0`,children:i}):null]}):null,(0,a.jsx)(n.CardContent,{children:o===`ready`?l:(0,a.jsx)(d,{state:o,emptyLabel:s,height:180})})]})}function h({data:e,size:n=`md`,max:r,showLabels:i=!0,showValues:m=!1,showGrid:h=!0,showTooltip:g=!0,valueFormatter:_,state:v=`ready`,emptyLabel:y=`No chart data.`,barClassName:b,domain:x,ariaLabel:S=`Bar chart`,className:C,...w}){let T=s[n],E=v===`ready`&&e.length===0?`empty`:v;if(E!==`ready`)return(0,a.jsx)(d,{state:E,emptyLabel:y,height:T});let D=e.map((e,t)=>({name:l(e.label,`Item ${t+1}`),value:e.value,fill:c(t,e.color),originalLabel:e.label,description:e.description})),O=x??(r===void 0?[`auto`,`auto`]:[`auto`,r]);return(0,a.jsxs)(`div`,{"data-slot":`bar-chart`,role:`img`,"aria-label":S,className:t.cn(`min-w-0`,C),...w,children:[(0,a.jsx)(`div`,{style:{height:T},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,a.jsxs)(o.BarChart,{data:D,margin:{top:m?20:8,right:8,bottom:i?8:0,left:0},children:[h?(0,a.jsx)(o.CartesianGrid,{vertical:!1,stroke:`var(--border)`,strokeDasharray:`4 6`}):null,(0,a.jsx)(o.XAxis,{dataKey:`name`,hide:!i,axisLine:!1,tickLine:!1,tick:{fill:`var(--muted-foreground)`,fontSize:12},interval:`preserveStartEnd`}),(0,a.jsx)(o.YAxis,{hide:!0,domain:O}),g?(0,a.jsx)(o.Tooltip,{cursor:{fill:`var(--muted)`,opacity:.35},content:(0,a.jsx)(p,{valueFormatter:_})}):null,(0,a.jsx)(o.Bar,{dataKey:`value`,name:`Value`,radius:[6,6,2,2],className:b,isAnimationActive:!1,label:m?{position:`top`,fill:`var(--muted-foreground)`,fontSize:11,formatter:e=>String(u(Number(e),_))}:!1,children:D.map(e=>(0,a.jsx)(o.Cell,{fill:e.fill},e.name))})]})})}),(0,a.jsx)(f,{data:e,valueFormatter:_,caption:S})]})}function g({values:e,size:n=`md`,width:r=560,height:i,showArea:c=!1,showGrid:u=!0,showAxis:m=!1,showTooltip:h=!0,labels:g,valueFormatter:_,stroke:v=`var(--primary)`,state:y=`ready`,emptyLabel:b=`No line data.`,domain:x=[`auto`,`auto`],ariaLabel:S=c?`Area chart`:`Line chart`,className:C,style:w,...T}){let E=i??s[n],D=y===`ready`&&e.length===0?`empty`:y;if(D!==`ready`)return(0,a.jsx)(d,{state:D,emptyLabel:b,height:E});let O=e.map((e,t)=>({name:l(g?.[t],String(t+1)),value:e,originalLabel:g?.[t]??String(t+1)})),k=c?o.AreaChart:o.LineChart;return(0,a.jsxs)(`div`,{"data-slot":c?`area-chart`:`line-chart`,role:`img`,"aria-label":S,"data-chart-width":r,className:t.cn(`min-w-0`,C),style:w,...T,children:[(0,a.jsx)(`div`,{style:{height:E},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,a.jsxs)(k,{data:O,margin:{top:10,right:10,bottom:m?8:0,left:m?-12:0},children:[u?(0,a.jsx)(o.CartesianGrid,{vertical:!1,stroke:`var(--border)`,strokeDasharray:`4 6`}):null,(0,a.jsx)(o.XAxis,{dataKey:`name`,hide:!m,axisLine:!1,tickLine:!1,tick:{fill:`var(--muted-foreground)`,fontSize:12},interval:`preserveStartEnd`}),(0,a.jsx)(o.YAxis,{hide:!m,domain:x,axisLine:!1,tickLine:!1,width:44,tick:{fill:`var(--muted-foreground)`,fontSize:11}}),h?(0,a.jsx)(o.Tooltip,{content:(0,a.jsx)(p,{valueFormatter:_})}):null,c?(0,a.jsx)(o.Area,{type:`monotone`,dataKey:`value`,name:`Value`,stroke:v,strokeWidth:2.5,fill:v,fillOpacity:.14,activeDot:{r:5},isAnimationActive:!1}):(0,a.jsx)(o.Line,{type:`monotone`,dataKey:`value`,name:`Value`,stroke:v,strokeWidth:2.5,dot:{r:3.5,fill:v},activeDot:{r:5},isAnimationActive:!1})]})})}),(0,a.jsx)(f,{data:e.map((e,t)=>({label:g?.[t]??t+1,value:e})),valueFormatter:_,caption:S})]})}function _(e){return(0,a.jsx)(g,{showArea:!0,...e})}function v({values:e,positive:n=!0,stroke:r,className:i,showTooltip:o=!1,...s}){return(0,a.jsx)(g,{values:e,size:`sm`,stroke:r??(n?`var(--aui-success,var(--primary))`:`var(--destructive)`),showGrid:!1,showAxis:!1,showTooltip:o,className:t.cn(`max-w-44`,i),ariaLabel:`Sparkline`,...s})}function y({data:e,size:n=180,strokeWidth:r=18,centerLabel:i,centerValue:s,state:u=`ready`,emptyLabel:m=`No distribution data.`,showTooltip:h=!0,valueFormatter:g,ariaLabel:_=`Donut chart`,className:v,style:y,...b}){let x=u===`ready`&&e.length===0?`empty`:u;if(x!==`ready`)return(0,a.jsx)(d,{state:x,emptyLabel:m,height:n});let S=e.map((e,t)=>({name:l(e.label,`Item ${t+1}`),value:Math.max(0,e.value),fill:c(t,e.color),description:e.description})),C=Math.max(8,n/2-8);return(0,a.jsxs)(`div`,{"data-slot":`donut-chart`,role:`img`,"aria-label":_,className:t.cn(`relative inline-grid place-items-center`,v),style:{width:n,height:n,...y},...b,children:[(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,a.jsxs)(o.PieChart,{children:[h?(0,a.jsx)(o.Tooltip,{content:(0,a.jsx)(p,{valueFormatter:g})}):null,(0,a.jsx)(o.Pie,{data:S,dataKey:`value`,nameKey:`name`,cx:`50%`,cy:`50%`,innerRadius:Math.max(0,C-r),outerRadius:C,paddingAngle:2,stroke:`var(--background)`,strokeWidth:2,isAnimationActive:!1,children:S.map(e=>(0,a.jsx)(o.Cell,{fill:e.fill},e.name))})]})}),s||i?(0,a.jsxs)(`div`,{className:`pointer-events-none absolute inset-0 grid place-content-center text-center`,children:[(0,a.jsx)(`div`,{className:`text-xl font-semibold tabular-nums`,children:s}),(0,a.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:i})]}):null,(0,a.jsx)(f,{data:e,valueFormatter:g,caption:_})]})}function b({data:e,className:n,...r}){return(0,a.jsx)(`div`,{"data-slot":`chart-legend`,className:t.cn(`flex flex-wrap gap-x-4 gap-y-2 text-xs text-muted-foreground`,n),...r,children:e.map((e,t)=>(0,a.jsxs)(`div`,{className:`inline-flex min-w-0 items-center gap-2`,children:[(0,a.jsx)(`span`,{className:`size-2.5 shrink-0 rounded-sm`,style:{background:c(t,e.color)}}),(0,a.jsx)(`span`,{className:`truncate`,children:e.label})]},t))})}function x({label:e,value:n,change:r,positive:i=!0,values:o,className:s,...c}){return(0,a.jsxs)(`div`,{"data-slot":`metric-trend`,className:t.cn(`grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-end gap-4`,s),...c,children:[(0,a.jsxs)(`div`,{className:`min-w-0`,children:[(0,a.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e}),(0,a.jsx)(`div`,{className:`mt-1 text-2xl font-semibold tracking-tight tabular-nums`,children:n}),r?(0,a.jsx)(`div`,{className:t.cn(`mt-1 text-xs font-medium`,i?`text-[color:var(--aui-success,var(--primary))]`:`text-destructive`),children:r}):null]}),o?.length?(0,a.jsx)(v,{values:o,positive:i}):null]})}exports.AreaChart=_,exports.BarChart=h,exports.ChartFrame=m,exports.ChartLegend=b,exports.ChartTooltipContent=p,exports.DonutChart=y,exports.LineChart=g,exports.MetricTrend=x,exports.Sparkline=v;