tembro 6.0.3 → 6.1.1

package/dist/src/components/actions/action-menu.js

@@ -6,73 +6,81 @@ import * as d from "react";
 import { Loader2Icon as f, MoreHorizontalIcon as p } from "lucide-react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/actions/action-menu.tsx
-function _({ actions: _, label: v, trigger: y, align: b = "end", side: x = "bottom", sideOffset: S = 4, disabled: C = !1, triggerVariant: w = "ghost", triggerSize: T = "icon-sm", showChevron: E = !1, closeOnSelect: D = !0, contentClassName: O, triggerClassName: k, itemClassName: A, emptyLabel: j = "No actions", menuWidth: M, loadingLabel: N = "Working...", persistIconSpace: P = !0 }) {
-	let F = _.filter((e) => !e.hidden), [I, L] = d.useState(null), [R, z] = d.useState(!1), B = d.useRef(null), V = async (e) => {
-		if (!(e.disabled || e.loading || I)) try {
-			L(e.key), await e.onSelect?.(), D && !e.keepOpen && z(!1);
+function _({ actions: _, open: v, defaultOpen: y = !1, onOpenChange: b, label: x, triggerLabel: S = "Open actions", trigger: C, align: w = "end", side: T = "bottom", sideOffset: E = 4, disabled: D = !1, triggerVariant: O = "ghost", triggerSize: k = "icon-sm", showChevron: A = !1, closeOnSelect: j = !0, contentClassName: M, triggerClassName: N, itemClassName: P, emptyLabel: F = "No actions", menuWidth: I, loadingLabel: L = "Working...", persistIconSpace: R = !0, itemRoleDescription: z, renderItem: B, onActionError: V }) {
+	let H = _.filter((e) => !e.hidden), [U, W] = d.useState(null), [G, K] = d.useState(y), q = v ?? G, J = d.useRef(null), Y = d.useCallback((e) => {
+		v === void 0 && K(e), b?.(e);
+	}, [b, v]), X = async (e) => {
+		if (!(e.disabled || e.loading || U)) try {
+			W(e.key), await e.onSelect?.(), j && !e.keepOpen && Y(!1);
+		} catch (t) {
+			if (V?.(t, e), !V) throw t;
 		} finally {
-			L(null);
+			W(null);
 		}
-	}, H = (e) => {
-		B.current !== e.key && (B.current = e.key, queueMicrotask(() => {
-			B.current === e.key && (B.current = null);
-		}), V(e));
+	}, Z = (e) => {
+		J.current !== e.key && (J.current = e.key, queueMicrotask(() => {
+			J.current === e.key && (J.current = null);
+		}), X(e));
 	};
 	return /* @__PURE__ */ g(r, {
-		open: R,
-		onOpenChange: z,
+		open: q,
+		onOpenChange: Y,
 		children: [/* @__PURE__ */ g(u, {
-			render: y ?? /* @__PURE__ */ h(n, {
+			render: C ?? /* @__PURE__ */ h(n, {
 				type: "button",
-				variant: w,
-				size: T,
-				disabled: C,
-				className: e("rounded-full border border-transparent text-muted-foreground shadow-none transition-[background-color,border-color,color,box-shadow] hover:border-border/70 hover:bg-accent hover:text-foreground focus-visible:border-[color:var(--aui-focus-ring,var(--ring))] focus-visible:shadow-[0_0_0_3px_var(--aui-focus-ring-soft,transparent)]", k),
+				variant: O,
+				size: k,
+				disabled: D,
+				className: e("rounded-full border border-transparent text-muted-foreground shadow-none transition-[background-color,border-color,color,box-shadow] hover:border-border/70 hover:bg-accent hover:text-foreground focus-visible:border-[color:var(--aui-focus-ring,var(--ring))] focus-visible:shadow-[0_0_0_3px_var(--aui-focus-ring-soft,transparent)]", N),
 				onMouseDown: t,
 				onDoubleClick: t
 			}),
 			children: [
-				!y && /* @__PURE__ */ h(p, {}),
-				!y && E && /* @__PURE__ */ h("span", {
+				!C && /* @__PURE__ */ h(p, {}),
+				!C && A && /* @__PURE__ */ h("span", {
 					className: "text-[10px] font-medium uppercase tracking-[0.18em]",
 					children: "Menu"
 				}),
 				/* @__PURE__ */ h("span", {
 					className: "sr-only",
-					children: "Open actions"
+					children: S
 				})
 			]
 		}), /* @__PURE__ */ g(i, {
-			align: b,
-			side: x,
-			sideOffset: S,
-			className: e("min-w-48 rounded-[var(--aui-card-radius,var(--radius-lg))]", O),
-			style: M ? { width: typeof M == "number" ? `${M}px` : M } : void 0,
+			align: w,
+			side: T,
+			sideOffset: E,
+			className: e("min-w-48 rounded-[var(--aui-card-radius,var(--radius-lg))]", M),
+			style: I ? { width: typeof I == "number" ? `${I}px` : I } : void 0,
 			children: [
-				v && /* @__PURE__ */ h(s, { children: v }),
-				v && F.length > 0 && /* @__PURE__ */ h(c, {}),
-				F.length === 0 && /* @__PURE__ */ h(a, {
+				x && /* @__PURE__ */ h(s, { children: x }),
+				x && H.length > 0 && /* @__PURE__ */ h(c, {}),
+				H.length === 0 && /* @__PURE__ */ h(a, {
 					disabled: !0,
-					children: j
+					children: F
 				}),
-				F.map((n, r) => {
-					let i = n.loading || I === n.key, u = r > 0 ? F[r - 1]?.section : void 0, p = !!(n.section && n.section !== u);
-					return /* @__PURE__ */ g(d.Fragment, { children: [p ? /* @__PURE__ */ g(m, { children: [r > 0 ? /* @__PURE__ */ h(c, {}) : null, /* @__PURE__ */ h(s, { children: n.section })] }) : null, /* @__PURE__ */ g(a, {
+				H.map((n, r) => {
+					let i = n.loading || U === n.key, u = r > 0 ? H[r - 1]?.section : void 0, p = !!(n.section && n.section !== u);
+					return /* @__PURE__ */ g(d.Fragment, { children: [p ? /* @__PURE__ */ g(m, { children: [r > 0 ? /* @__PURE__ */ h(c, {}) : null, /* @__PURE__ */ h(s, { children: n.section })] }) : null, /* @__PURE__ */ h(a, {
 						disabled: n.disabled || i,
 						variant: n.destructive ? "destructive" : "default",
-						closeOnSelect: D && !n.keepOpen,
-						className: e("min-h-11 items-start gap-3 rounded-[calc(var(--radius-md)+1px)] border border-transparent py-2.5 transition-[background-color,color,border-color,box-shadow] data-[highlighted]:shadow-[inset_0_0_0_1px_color-mix(in_oklch,var(--primary),transparent_76%)] data-[disabled]:opacity-45", A),
+						closeOnSelect: j && !n.keepOpen,
+						"aria-roledescription": z,
+						className: e("min-h-11 items-start gap-3 rounded-[calc(var(--radius-md)+1px)] border border-transparent py-2.5 transition-[background-color,color,border-color,box-shadow] data-[highlighted]:shadow-[inset_0_0_0_1px_color-mix(in_oklch,var(--primary),transparent_76%)] data-[disabled]:opacity-45", P),
 						onSelect: (e) => {
-							(n.keepOpen || !D) && e.preventDefault(), t(e), H(n);
+							(n.keepOpen || !j) && e.preventDefault(), t(e), Z(n);
 						},
 						onClick: (e) => {
-							t(e), H(n);
+							t(e), Z(n);
 						},
 						onMouseDown: t,
 						onDoubleClick: t,
-						children: [
+						children: B?.(n, {
+							loading: i,
+							close: () => Y(!1)
+						}) ?? /* @__PURE__ */ g(m, { children: [
 							/* @__PURE__ */ h("span", {
-								className: e("mt-0.5 flex size-5 shrink-0 items-center justify-center text-muted-foreground", !P && !i && !n.icon && "hidden"),
+								className: e("mt-0.5 flex size-5 shrink-0 items-center justify-center text-muted-foreground", !R && !i && !n.icon && "hidden"),
 								children: i ? /* @__PURE__ */ h(f, { className: "size-4 animate-spin" }) : n.icon
 							}),
 							/* @__PURE__ */ g("span", {
@@ -82,11 +90,11 @@ function _({ actions: _, label: v, trigger: y, align: b = "end", side: x = "bott
 									children: n.label
 								}), n.description ? /* @__PURE__ */ h(o, {
 									className: "mt-0.5 truncate",
-									children: i ? N : n.description
+									children: i ? L : n.description
 								}) : null]
 							}),
 							n.shortcut && /* @__PURE__ */ h(l, { children: n.shortcut })
-						]
+						] })
 					})] }, n.key);
 				})
 			]

package/dist/src/components/actions/copy-button.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");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");async function o(e){if(typeof navigator<`u`&&navigator.clipboard?.writeText){await navigator.clipboard.writeText(e);return}if(typeof document>`u`)throw Error(`Clipboard is not available`);let t=document.createElement(`textarea`);t.value=e,t.setAttribute(`readonly`,``),t.style.position=`fixed`,t.style.left=`-9999px`,document.body.appendChild(t),t.select();try{document.execCommand(`copy`)}finally{document.body.removeChild(t)}}function s({value:e,copiedLabel:s=`Copied`,copyLabel:c=`Copy`,copiedTimeout:l=1600,onCopied:u,onCopyError:d,showIcon:f=!0,copiedVariant:p,variant:m,disabled:h,children:g,type:_=`button`,...v}){let[y,b]=r.useState(!1),x=r.useRef(void 0);r.useEffect(()=>()=>{x.current&&window.clearTimeout(x.current)},[]);let S=r.useCallback(async()=>{try{await o(e),b(!0),u?.(e),x.current&&window.clearTimeout(x.current),x.current=window.setTimeout(()=>b(!1),l)}catch(e){d?.(e)}},[l,u,d,e]);return(0,a.jsxs)(n.Button,{"data-slot":`copy-button`,"data-copied":y||void 0,type:_,variant:y?p??`secondary`:m,disabled:h||!e,onClick:e=>{t.stopInteractivePropagation(e),S()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,"aria-live":`polite`,...v,children:[f&&(y?(0,a.jsx)(i.CheckIcon,{"data-icon":`inline-start`}):(0,a.jsx)(i.CopyIcon,{"data-icon":`inline-start`})),g??(y?s:c)]})}exports.CopyButton=s;
+"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");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");async function o(e){if(typeof navigator<`u`&&navigator.clipboard?.writeText){await navigator.clipboard.writeText(e);return}if(typeof document>`u`)throw Error(`Clipboard is not available`);let t=document.createElement(`textarea`);t.value=e,t.setAttribute(`readonly`,``),t.style.position=`fixed`,t.style.left=`-9999px`,document.body.appendChild(t),t.select();try{document.execCommand(`copy`)}finally{document.body.removeChild(t)}}function s({value:e,copiedLabel:s=`Copied`,copyLabel:c=`Copy`,copiedTimeout:l=1600,onCopied:u,onCopyError:d,showIcon:f=!0,copiedVariant:p,variant:m,disabled:h,children:g,type:_=`button`,...v}){let[y,b]=r.useState(!1),x=r.useRef(void 0);r.useEffect(()=>()=>{x.current&&window.clearTimeout(x.current)},[]);let S=r.useCallback(async()=>{try{await o(e),b(!0),u?.(e),x.current&&window.clearTimeout(x.current),x.current=window.setTimeout(()=>b(!1),l)}catch(e){d?.(e)}},[l,u,d,e]);return(0,a.jsxs)(n.Button,{"data-slot":`copy-button`,"data-copied":y||void 0,type:_,variant:y?p??`secondary`:m,disabled:h||!e,onClick:e=>{t.stopInteractivePropagation(e),S()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,"aria-live":`polite`,...v,children:[f&&(y?(0,a.jsx)(i.CheckIcon,{"data-icon":`inline-start`,className:`size-3.5`}):(0,a.jsx)(i.CopyIcon,{"data-icon":`inline-start`,className:`size-3.5`})),g??(y?s:c)]})}exports.CopyButton=s;

package/dist/src/components/actions/copy-button.js

@@ -49,7 +49,10 @@ function c({ value: c, copiedLabel: l = "Copied", copyLabel: u = "Copy", copiedT
 		onDoubleClick: e,
 		"aria-live": "polite",
 		...b,
-		children: [m && a(x ? r : i, { "data-icon": "inline-start" }), v ?? (x ? l : u)]
+		children: [m && a(x ? r : i, {
+			"data-icon": "inline-start",
+			className: "size-3.5"
+		}), v ?? (x ? l : u)]
 	});
 }
 //#endregion

package/dist/src/components/calendar/calendar-range-scheduler.cjs

@@ -0,0 +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/badge/index.cjs"),i=require("./date-range-picker.cjs"),a=require("../ui/card/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l({value:e,onValueChange:o,events:l=[],onEventSelect:u,title:d=`Schedule range`,action:f,className:p,...m}){return(0,c.jsxs)(a.Card,{"data-slot":`calendar-range-scheduler`,className:t.cn(`min-w-0`,p),...m,children:[(0,c.jsxs)(a.CardHeader,{className:`flex-row items-center justify-between gap-3`,children:[(0,c.jsxs)(a.CardTitle,{className:`flex items-center gap-2`,children:[(0,c.jsx)(s.CalendarDaysIcon,{className:`size-4`}),d]}),f]}),(0,c.jsxs)(a.CardContent,{className:`grid gap-4 lg:grid-cols-[320px_minmax(0,1fr)]`,children:[(0,c.jsx)(i.DateRangePicker,{value:e,onValueChange:o}),(0,c.jsxs)(`div`,{className:`grid content-start gap-2`,children:[l.length?l.map(e=>(0,c.jsxs)(`button`,{type:`button`,className:`grid gap-1 rounded-lg border bg-background p-3 text-left transition hover:border-primary/45 hover:bg-muted/40`,onClick:()=>u?.(e),children:[(0,c.jsxs)(`span`,{className:`flex items-center justify-between gap-2`,children:[(0,c.jsx)(`span`,{className:`font-medium`,children:e.title}),(0,c.jsx)(r.Badge,{label:e.tone??`scheduled`,status:e.tone===`danger`?`danger`:e.tone===`warning`?`warning`:e.tone===`success`?`success`:`info`,variant:`soft`})]}),(0,c.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[e.range.from||`Start`,` - `,e.range.to||`End`]}),e.meta?(0,c.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.meta}):null]},e.id)):(0,c.jsx)(`div`,{className:`rounded-lg border border-dashed p-6 text-sm text-muted-foreground`,children:`No scheduled ranges.`}),(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,onClick:()=>o?.({from:``,to:``}),children:`Clear range`})]})]})]})}exports.CalendarRangeScheduler=l;

package/dist/src/components/calendar/calendar-range-scheduler.js

@@ -0,0 +1,75 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import { Badge as n } from "../ui/badge/index.js";
+import { DateRangePicker as r } from "./date-range-picker.js";
+import { Card as i, CardContent as a, CardHeader as o, CardTitle as s } from "../ui/card/index.js";
+import "react";
+import { CalendarDaysIcon as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/calendar/calendar-range-scheduler.tsx
+function d({ value: d, onValueChange: f, events: p = [], onEventSelect: m, title: h = "Schedule range", action: g, className: _, ...v }) {
+	return /* @__PURE__ */ u(i, {
+		"data-slot": "calendar-range-scheduler",
+		className: e("min-w-0", _),
+		...v,
+		children: [/* @__PURE__ */ u(o, {
+			className: "flex-row items-center justify-between gap-3",
+			children: [/* @__PURE__ */ u(s, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ l(c, { className: "size-4" }), h]
+			}), g]
+		}), /* @__PURE__ */ u(a, {
+			className: "grid gap-4 lg:grid-cols-[320px_minmax(0,1fr)]",
+			children: [/* @__PURE__ */ l(r, {
+				value: d,
+				onValueChange: f
+			}), /* @__PURE__ */ u("div", {
+				className: "grid content-start gap-2",
+				children: [p.length ? p.map((e) => /* @__PURE__ */ u("button", {
+					type: "button",
+					className: "grid gap-1 rounded-lg border bg-background p-3 text-left transition hover:border-primary/45 hover:bg-muted/40",
+					onClick: () => m?.(e),
+					children: [
+						/* @__PURE__ */ u("span", {
+							className: "flex items-center justify-between gap-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "font-medium",
+								children: e.title
+							}), /* @__PURE__ */ l(n, {
+								label: e.tone ?? "scheduled",
+								status: e.tone === "danger" ? "danger" : e.tone === "warning" ? "warning" : e.tone === "success" ? "success" : "info",
+								variant: "soft"
+							})]
+						}),
+						/* @__PURE__ */ u("span", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								e.range.from || "Start",
+								" - ",
+								e.range.to || "End"
+							]
+						}),
+						e.meta ? /* @__PURE__ */ l("span", {
+							className: "text-xs text-muted-foreground",
+							children: e.meta
+						}) : null
+					]
+				}, e.id)) : /* @__PURE__ */ l("div", {
+					className: "rounded-lg border border-dashed p-6 text-sm text-muted-foreground",
+					children: "No scheduled ranges."
+				}), /* @__PURE__ */ l(t, {
+					type: "button",
+					variant: "outline",
+					onClick: () => f?.({
+						from: "",
+						to: ""
+					}),
+					children: "Clear range"
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { d as CalendarRangeScheduler };

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("./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;
+"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(`size-4`,S&&`text-primary`)}),(0,c.jsx)(`span`,{className:`grid min-w-0 flex-1`,children:(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

@@ -36,17 +36,14 @@ function p({ value: n, onValueChange: p, placeholder: m, labels: h, disabled: g
 				children: [
 					/* @__PURE__ */ u(c, {
 						"data-icon": "inline-start",
-						className: e(E && "text-primary")
+						className: e("size-4", E && "text-primary")
 					}),
-					/* @__PURE__ */ d("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"
-						}) : null, /* @__PURE__ */ u("span", {
+					/* @__PURE__ */ u("span", {
+						className: "grid min-w-0 flex-1",
+						children: /* @__PURE__ */ u("span", {
 							className: e("truncate text-sm", E && "font-semibold text-foreground"),
 							children: E ? y(String(n)) : m ?? h?.placeholder ?? "Select date"
-						})]
+						})
 					}),
 					_ && E ? /* @__PURE__ */ u("span", {
 						role: "button",

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("./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;
+"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(`size-4`,N&&`text-primary`)}),N?(0,c.jsxs)(`span`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:[(0,c.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:j?g(j):`...`}),(0,c.jsx)(`span`,{className:`text-muted-foreground`,children:`-`}),(0,c.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:M?g(M):`...`})]}):(0,c.jsx)(`span`,{className:`grid min-w-0 flex-1`,children:(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

@@ -67,45 +67,30 @@ function m({ className: n, value: m, onValueChange: h, labels: g, placeholder: _
 				children: [
 					/* @__PURE__ */ u(c, {
 						"data-icon": "inline-start",
-						className: e(L && "text-primary")
+						className: e("size-4", L && "text-primary")
 					}),
 					L ? /* @__PURE__ */ d("span", {
-						className: "grid min-w-0 flex-1 grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-2",
+						className: "flex min-w-0 flex-1 items-center gap-2",
 						children: [
-							/* @__PURE__ */ d("span", {
-								className: "grid min-w-0 gap-0.5",
-								children: [/* @__PURE__ */ u("span", {
-									className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground",
-									children: g?.start ?? "Start"
-								}), /* @__PURE__ */ u("span", {
-									className: "truncate text-sm font-semibold text-foreground",
-									children: F ? b(F) : "..."
-								})]
+							/* @__PURE__ */ u("span", {
+								className: "min-w-0 truncate text-sm font-semibold text-foreground",
+								children: F ? b(F) : "..."
 							}),
 							/* @__PURE__ */ u("span", {
 								className: "text-muted-foreground",
 								children: "-"
 							}),
-							/* @__PURE__ */ d("span", {
-								className: "grid min-w-0 gap-0.5",
-								children: [/* @__PURE__ */ u("span", {
-									className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground",
-									children: g?.end ?? "End"
-								}), /* @__PURE__ */ u("span", {
-									className: "truncate text-sm font-semibold text-foreground",
-									children: I ? b(I) : "..."
-								})]
+							/* @__PURE__ */ u("span", {
+								className: "min-w-0 truncate text-sm font-semibold text-foreground",
+								children: I ? b(I) : "..."
 							})
 						]
-					}) : /* @__PURE__ */ d("span", {
-						className: "grid min-w-0 flex-1 gap-0.5",
-						children: [/* @__PURE__ */ u("span", {
-							className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground",
-							children: "Range"
-						}), /* @__PURE__ */ u("span", {
+					}) : /* @__PURE__ */ u("span", {
+						className: "grid min-w-0 flex-1",
+						children: /* @__PURE__ */ u("span", {
 							className: "truncate text-sm",
 							children: U
-						})]
+						})
 					}),
 					y && L ? /* @__PURE__ */ u("span", {
 						role: "button",

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

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./date-picker.cjs"),r=require("../inputs/time-picker.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({value:e,onValueChange:i,datePickerProps:o,timeLabel:s=`Time`,disabled:c,className:l,...u}){let d=e??{};return(0,a.jsxs)(`div`,{"data-slot":`date-time-picker`,className:t.cn(`grid gap-3 sm:grid-cols-2`,l),...u,children:[(0,a.jsx)(n.DatePicker,{...o,value:d.date,disabled:c||o?.disabled,onValueChange:e=>i?.({...d,date:e})}),(0,a.jsxs)(`label`,{className:`grid gap-1.5 text-sm font-medium`,children:[(0,a.jsx)(`span`,{children:s}),(0,a.jsx)(r.TimePicker,{value:d.time??``,onChange:e=>i?.({...d,time:e.currentTarget.value}),disabled:c})]})]})}exports.CalendarDateTimePicker=o;

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

@@ -0,0 +1,36 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { DatePicker as t } from "./date-picker.js";
+import { TimePicker as n } from "../inputs/time-picker.js";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/calendar/date-time-picker.tsx
+function a({ value: a, onValueChange: o, datePickerProps: s, timeLabel: c = "Time", disabled: l, className: u, ...d }) {
+	let f = a ?? {};
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "date-time-picker",
+		className: e("grid gap-3 sm:grid-cols-2", u),
+		...d,
+		children: [/* @__PURE__ */ r(t, {
+			...s,
+			value: f.date,
+			disabled: l || s?.disabled,
+			onValueChange: (e) => o?.({
+				...f,
+				date: e
+			})
+		}), /* @__PURE__ */ i("label", {
+			className: "grid gap-1.5 text-sm font-medium",
+			children: [/* @__PURE__ */ r("span", { children: c }), /* @__PURE__ */ r(n, {
+				value: f.time ?? "",
+				onChange: (e) => o?.({
+					...f,
+					time: e.currentTarget.value
+				}),
+				disabled: l
+			})]
+		})]
+	});
+}
+//#endregion
+export { a as CalendarDateTimePicker };

package/dist/src/components/calendar/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./date-utils.cjs"),t=require("./calendar.cjs"),n=require("./date-picker.cjs"),r=require("./date-range-picker.cjs");exports.Calendar=t.Calendar,exports.DatePicker=n.DatePicker,exports.DateRangePicker=r.DateRangePicker,exports.addMonths=e.addMonths,exports.getMonthDays=e.getMonthDays,exports.getMonthLabel=e.getMonthLabel,exports.getWeekdayLabels=e.getWeekdayLabels,exports.isAfterDate=e.isAfterDate,exports.isBeforeDate=e.isBeforeDate,exports.isSameMonth=e.isSameMonth,exports.isWithinRange=e.isWithinRange,exports.parseDateKey=e.parseDateKey,exports.startOfMonth=e.startOfMonth,exports.toDateKey=e.toDateKey;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./date-utils.cjs"),t=require("./calendar.cjs"),n=require("./date-range-picker.cjs"),r=require("./calendar-range-scheduler.cjs"),i=require("./date-picker.cjs"),a=require("./date-time-picker.cjs");exports.Calendar=t.Calendar,exports.CalendarDateTimePicker=a.CalendarDateTimePicker,exports.CalendarRangeScheduler=r.CalendarRangeScheduler,exports.DatePicker=i.DatePicker,exports.DateRangePicker=n.DateRangePicker,exports.addMonths=e.addMonths,exports.getMonthDays=e.getMonthDays,exports.getMonthLabel=e.getMonthLabel,exports.getWeekdayLabels=e.getWeekdayLabels,exports.isAfterDate=e.isAfterDate,exports.isBeforeDate=e.isBeforeDate,exports.isSameMonth=e.isSameMonth,exports.isWithinRange=e.isWithinRange,exports.parseDateKey=e.parseDateKey,exports.startOfMonth=e.startOfMonth,exports.toDateKey=e.toDateKey;

package/dist/src/components/calendar/index.js

@@ -1,5 +1,7 @@
 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 };
+import { DateRangePicker as f } from "./date-range-picker.js";
+import { CalendarRangeScheduler as p } from "./calendar-range-scheduler.js";
+import { DatePicker as m } from "./date-picker.js";
+import { CalendarDateTimePicker as h } from "./date-time-picker.js";
+export { d as Calendar, h as CalendarDateTimePicker, p as CalendarRangeScheduler, m as DatePicker, f 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/src/components/charts/chart-card.cjs

@@ -0,0 +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/badge/index.cjs"),r=require("../ui/card/index.cjs"),i=require("./charts.cjs"),a=require("../ui/select/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c({title:e,description:o,type:c=`bar`,data:l=[],series:u,labels:d,state:f,metric:p,badge:m,filters:h,filterValue:g,onFilterChange:_,className:v,...y}){return(0,s.jsxs)(r.Card,{"data-slot":`chart-card`,className:t.cn(`min-w-0`,v),...y,children:[(0,s.jsxs)(r.CardHeader,{className:`flex-row items-start justify-between gap-3`,children:[(0,s.jsxs)(`div`,{className:`grid gap-1`,children:[e?(0,s.jsx)(r.CardTitle,{children:e}):null,o?(0,s.jsx)(r.CardDescription,{children:o}):null,p?(0,s.jsx)(`div`,{className:`text-2xl font-semibold tracking-tight`,children:p}):null]}),(0,s.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[m??(0,s.jsx)(n.Badge,{label:c,variant:`secondary`}),h?.length?(0,s.jsx)(a.Select,{value:g,onValueChange:e=>e&&_?.(e),options:h,triggerClassName:`h-9 w-36`}):null]})]}),(0,s.jsx)(r.CardContent,{children:c===`line`?(0,s.jsx)(i.LineChart,{series:u,labels:d,values:l.map(e=>e.value),state:f}):c===`donut`?(0,s.jsx)(i.DonutChart,{data:l,state:f}):(0,s.jsx)(i.BarChart,{data:l,series:u,state:f})})]})}exports.ChartCard=c;

package/dist/src/components/charts/chart-card.js

@@ -0,0 +1,55 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Badge as t } from "../ui/badge/index.js";
+import { Card as n, CardContent as r, CardDescription as i, CardHeader as a, CardTitle as o } from "../ui/card/index.js";
+import { BarChart as s, DonutChart as c, LineChart as l } from "./charts.js";
+import { Select as u } from "../ui/select/index.js";
+import "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/charts/chart-card.tsx
+function p({ title: p, description: m, type: h = "bar", data: g = [], series: _, labels: v, state: y, metric: b, badge: x, filters: S, filterValue: C, onFilterChange: w, className: T, ...E }) {
+	return /* @__PURE__ */ f(n, {
+		"data-slot": "chart-card",
+		className: e("min-w-0", T),
+		...E,
+		children: [/* @__PURE__ */ f(a, {
+			className: "flex-row items-start justify-between gap-3",
+			children: [/* @__PURE__ */ f("div", {
+				className: "grid gap-1",
+				children: [
+					p ? /* @__PURE__ */ d(o, { children: p }) : null,
+					m ? /* @__PURE__ */ d(i, { children: m }) : null,
+					b ? /* @__PURE__ */ d("div", {
+						className: "text-2xl font-semibold tracking-tight",
+						children: b
+					}) : null
+				]
+			}), /* @__PURE__ */ f("div", {
+				className: "flex shrink-0 items-center gap-2",
+				children: [x ?? /* @__PURE__ */ d(t, {
+					label: h,
+					variant: "secondary"
+				}), S?.length ? /* @__PURE__ */ d(u, {
+					value: C,
+					onValueChange: (e) => e && w?.(e),
+					options: S,
+					triggerClassName: "h-9 w-36"
+				}) : null]
+			})]
+		}), /* @__PURE__ */ d(r, { children: h === "line" ? /* @__PURE__ */ d(l, {
+			series: _,
+			labels: v,
+			values: g.map((e) => e.value),
+			state: y
+		}) : h === "donut" ? /* @__PURE__ */ d(c, {
+			data: g,
+			state: y
+		}) : /* @__PURE__ */ d(s, {
+			data: g,
+			series: _,
+			state: y
+		}) })]
+	});
+}
+//#endregion
+export { p as ChartCard };

package/dist/src/components/charts/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./charts.cjs"),t=require("./progress-circle.cjs");exports.AreaChart=e.AreaChart,exports.BarChart=e.BarChart,exports.ChartFrame=e.ChartFrame,exports.ChartLegend=e.ChartLegend,exports.ChartTooltipContent=e.ChartTooltipContent,exports.DonutChart=e.DonutChart,exports.LineChart=e.LineChart,exports.MetricTrend=e.MetricTrend,exports.ProgressCircle=t.ProgressCircle,exports.Sparkline=e.Sparkline;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./charts.cjs"),t=require("./chart-card.cjs"),n=require("./progress-circle.cjs");exports.AreaChart=e.AreaChart,exports.BarChart=e.BarChart,exports.ChartCard=t.ChartCard,exports.ChartFrame=e.ChartFrame,exports.ChartLegend=e.ChartLegend,exports.ChartTooltipContent=e.ChartTooltipContent,exports.DonutChart=e.DonutChart,exports.LineChart=e.LineChart,exports.MetricTrend=e.MetricTrend,exports.ProgressCircle=n.ProgressCircle,exports.Sparkline=e.Sparkline;

package/dist/src/components/charts/index.js

@@ -1,3 +1,4 @@
 import { AreaChart as e, BarChart as t, ChartFrame as n, ChartLegend as r, ChartTooltipContent as i, DonutChart as a, LineChart as o, MetricTrend as s, Sparkline as c } from "./charts.js";
-import { ProgressCircle as l } from "./progress-circle.js";
-export { e as AreaChart, t as BarChart, n as ChartFrame, r as ChartLegend, i as ChartTooltipContent, a as DonutChart, o as LineChart, s as MetricTrend, l as ProgressCircle, c as Sparkline };
+import { ChartCard as l } from "./chart-card.js";
+import { ProgressCircle as u } from "./progress-circle.js";
+export { e as AreaChart, t as BarChart, l as ChartCard, n as ChartFrame, r as ChartLegend, i as ChartTooltipContent, a as DonutChart, o as LineChart, s as MetricTrend, u as ProgressCircle, c as Sparkline };

package/dist/src/components/command/advanced-command-menu.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs"),n=require("../ui/dialog/index.cjs"),r=require("../ui/command/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({open:e,onOpenChange:s,groups:c,title:l=`Command menu`,triggerLabel:u=`Command`,placeholder:d=`Search commands...`}){let[f,p]=i.useState(!1),m=e??f,h=s??p;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.Button,{type:`button`,variant:`outline`,leftIcon:(0,o.jsx)(a.SearchIcon,{className:`size-4`}),onClick:()=>h(!0),children:u}),(0,o.jsx)(n.Dialog,{open:m,onOpenChange:h,children:(0,o.jsxs)(n.DialogContent,{className:`overflow-hidden p-0`,children:[(0,o.jsx)(n.DialogHeader,{className:`border-b px-4 py-3`,children:(0,o.jsx)(n.DialogTitle,{children:l})}),(0,o.jsxs)(r.Command,{children:[(0,o.jsx)(r.CommandInput,{placeholder:d}),(0,o.jsxs)(r.CommandList,{children:[(0,o.jsx)(r.CommandEmpty,{children:`No command found.`}),c.map(e=>(0,o.jsx)(r.CommandGroup,{heading:e.label,children:e.items.map(e=>(0,o.jsxs)(r.CommandItem,{value:[e.id,e.label,e.description,...e.keywords??[]].filter(Boolean).join(` `),onSelect:()=>{e.onSelect?.(),h(!1)},children:[e.icon,(0,o.jsxs)(`span`,{className:`grid min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{className:`truncate`,children:e.label}),e.description?(0,o.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.description}):null]}),e.shortcut?(0,o.jsx)(r.CommandShortcut,{children:e.shortcut}):null]},e.id))},e.id))]})]})]})})]})}exports.AdvancedCommandMenu=s;

package/dist/src/components/command/advanced-command-menu.js

@@ -0,0 +1,57 @@
+"use client";
+import { Button as e } from "../ui/button/index.js";
+import { Dialog as t, DialogContent as n, DialogHeader as r, DialogTitle as i } from "../ui/dialog/index.js";
+import { Command as a, CommandEmpty as o, CommandGroup as s, CommandInput as c, CommandItem as l, CommandList as u, CommandShortcut as d } from "../ui/command/index.js";
+import * as f from "react";
+import { SearchIcon as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/command/advanced-command-menu.tsx
+function _({ open: _, onOpenChange: v, groups: y, title: b = "Command menu", triggerLabel: x = "Command", placeholder: S = "Search commands..." }) {
+	let [C, w] = f.useState(!1), T = _ ?? C, E = v ?? w;
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(e, {
+		type: "button",
+		variant: "outline",
+		leftIcon: /* @__PURE__ */ h(p, { className: "size-4" }),
+		onClick: () => E(!0),
+		children: x
+	}), /* @__PURE__ */ h(t, {
+		open: T,
+		onOpenChange: E,
+		children: /* @__PURE__ */ g(n, {
+			className: "overflow-hidden p-0",
+			children: [/* @__PURE__ */ h(r, {
+				className: "border-b px-4 py-3",
+				children: /* @__PURE__ */ h(i, { children: b })
+			}), /* @__PURE__ */ g(a, { children: [/* @__PURE__ */ h(c, { placeholder: S }), /* @__PURE__ */ g(u, { children: [/* @__PURE__ */ h(o, { children: "No command found." }), y.map((e) => /* @__PURE__ */ h(s, {
+				heading: e.label,
+				children: e.items.map((e) => /* @__PURE__ */ g(l, {
+					value: [
+						e.id,
+						e.label,
+						e.description,
+						...e.keywords ?? []
+					].filter(Boolean).join(" "),
+					onSelect: () => {
+						e.onSelect?.(), E(!1);
+					},
+					children: [
+						e.icon,
+						/* @__PURE__ */ g("span", {
+							className: "grid min-w-0 flex-1",
+							children: [/* @__PURE__ */ h("span", {
+								className: "truncate",
+								children: e.label
+							}), e.description ? /* @__PURE__ */ h("span", {
+								className: "truncate text-xs text-muted-foreground",
+								children: e.description
+							}) : null]
+						}),
+						e.shortcut ? /* @__PURE__ */ h(d, { children: e.shortcut }) : null
+					]
+				}, e.id))
+			}, e.id))] })] })]
+		})
+	})] });
+}
+//#endregion
+export { _ as AdvancedCommandMenu };

package/dist/src/components/command/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./command-palette.cjs");exports.CommandPalette=e.CommandPalette,exports.useCommandPaletteShortcut=e.useCommandPaletteShortcut;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./advanced-command-menu.cjs"),t=require("./command-palette.cjs");exports.AdvancedCommandMenu=e.AdvancedCommandMenu,exports.CommandPalette=t.CommandPalette,exports.useCommandPaletteShortcut=t.useCommandPaletteShortcut;

package/dist/src/components/command/index.js

@@ -1,2 +1,3 @@
-import { CommandPalette as e, useCommandPaletteShortcut as t } from "./command-palette.js";
-export { e as CommandPalette, t as useCommandPaletteShortcut };
+import { AdvancedCommandMenu as e } from "./advanced-command-menu.js";
+import { CommandPalette as t, useCommandPaletteShortcut as n } from "./command-palette.js";
+export { e as AdvancedCommandMenu, t as CommandPalette, n as useCommandPaletteShortcut };

package/dist/src/components/data-table/data-grid.cjs

@@ -0,0 +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/input/index.cjs"),r=require("../ui/table/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({columns:e,rows:i,onRowsChange:o,className:s,...c}){let l=(e,t,n)=>{o?.(i.map((r,i)=>i===e?{...r,[t]:n}:r))};return(0,a.jsx)(`div`,{"data-slot":`data-grid`,className:t.cn(`overflow-hidden rounded-lg border`,s),...c,children:(0,a.jsxs)(r.Table,{children:[(0,a.jsx)(r.TableHeader,{children:(0,a.jsx)(r.TableRow,{children:e.map(e=>(0,a.jsx)(r.TableHead,{style:{width:e.width},children:e.header},e.key))})}),(0,a.jsx)(r.TableBody,{children:i.map((t,i)=>(0,a.jsx)(r.TableRow,{children:e.map(e=>{let o=t[e.key];return(0,a.jsx)(r.TableCell,{children:e.editable?(0,a.jsx)(n.Input,{value:String(o??``),onValueChange:t=>l(i,e.key,t)}):e.render?e.render(o,t,i):String(o??``)},e.key)})},i))})]})})}exports.DataGrid=o;

package/dist/src/components/data-table/data-grid.js

@@ -0,0 +1,32 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Input as t } from "../ui/input/index.js";
+import { Table as n, TableBody as r, TableCell as i, TableHead as a, TableHeader as o, TableRow as s } from "../ui/table/index.js";
+import "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/data-table/data-grid.tsx
+function u({ columns: u, rows: d, onRowsChange: f, className: p, ...m }) {
+	let h = (e, t, n) => {
+		f?.(d.map((r, i) => i === e ? {
+			...r,
+			[t]: n
+		} : r));
+	};
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "data-grid",
+		className: e("overflow-hidden rounded-lg border", p),
+		...m,
+		children: /* @__PURE__ */ l(n, { children: [/* @__PURE__ */ c(o, { children: /* @__PURE__ */ c(s, { children: u.map((e) => /* @__PURE__ */ c(a, {
+			style: { width: e.width },
+			children: e.header
+		}, e.key)) }) }), /* @__PURE__ */ c(r, { children: d.map((e, n) => /* @__PURE__ */ c(s, { children: u.map((r) => {
+			let a = e[r.key];
+			return /* @__PURE__ */ c(i, { children: r.editable ? /* @__PURE__ */ c(t, {
+				value: String(a ?? ""),
+				onValueChange: (e) => h(n, r.key, e)
+			}) : r.render ? r.render(a, e, n) : String(a ?? "") }, r.key);
+		}) }, n)) })] })
+	});
+}
+//#endregion
+export { u as DataGrid };