tembro 3.0.0 → 3.1.5

package/dist/src/components/actions/quick-action-grid.js

@@ -0,0 +1,99 @@
+import { cn as e } from "../../lib/utils.js";
+import { Badge as t } from "../ui/badge/index.js";
+import * as n from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/actions/quick-action-grid.tsx
+var o = {
+	1: "grid-cols-1",
+	2: "grid-cols-1 sm:grid-cols-2",
+	3: "grid-cols-1 sm:grid-cols-2 xl:grid-cols-3",
+	4: "grid-cols-1 sm:grid-cols-2 xl:grid-cols-4"
+};
+function s({ items: s, columns: c = 3, compact: l = !1, itemClassName: u, renderLink: d, className: f, ...p }) {
+	let m = s.filter((e) => !e.hidden);
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "quick-action-grid",
+		className: e("grid gap-3", o[c], f),
+		...p,
+		children: m.map((o) => {
+			let s = /* @__PURE__ */ i(r, { children: /* @__PURE__ */ a("div", {
+				className: "flex min-w-0 items-start justify-between gap-3",
+				children: [/* @__PURE__ */ a("div", {
+					className: "flex min-w-0 items-start gap-3",
+					children: [o.icon && /* @__PURE__ */ i("span", {
+						className: "mt-0.5 shrink-0 rounded-lg bg-muted p-2 text-muted-foreground [&_svg]:size-4",
+						children: o.icon
+					}), /* @__PURE__ */ a("div", {
+						className: "min-w-0 space-y-1",
+						children: [/* @__PURE__ */ i("div", {
+							className: "truncate text-sm font-medium text-foreground",
+							children: o.label
+						}), o.description && /* @__PURE__ */ i("div", {
+							className: "line-clamp-2 text-xs leading-5 text-muted-foreground",
+							children: o.description
+						})]
+					})]
+				}), o.badge && /* @__PURE__ */ i(t, {
+					variant: "outline",
+					className: "shrink-0 text-[10px]",
+					children: o.badge
+				})]
+			}) }), c = e("min-w-0 rounded-xl border bg-card text-left text-card-foreground shadow-sm transition-all hover:border-primary/40 hover:bg-muted/20", l ? "p-3" : "p-4", o.disabled && "pointer-events-none opacity-55", u, o.className), f = o.href?.startsWith("/");
+			return o.href && f ? d ? /* @__PURE__ */ i(n.Fragment, { children: d({
+				item: o,
+				href: o.href,
+				"data-slot": "quick-action-grid-item",
+				"aria-disabled": o.disabled || void 0,
+				className: c,
+				onClick: (e) => {
+					if (o.disabled) {
+						e.preventDefault();
+						return;
+					}
+					o.onSelect?.();
+				},
+				children: s
+			}) }, o.key) : /* @__PURE__ */ i("a", {
+				"data-slot": "quick-action-grid-item",
+				href: o.href,
+				"aria-disabled": o.disabled || void 0,
+				className: c,
+				onClick: (e) => {
+					if (o.disabled) {
+						e.preventDefault();
+						return;
+					}
+					o.onSelect?.();
+				},
+				children: s
+			}, o.key) : o.href ? /* @__PURE__ */ i("button", {
+				"data-slot": "quick-action-grid-item",
+				type: "button",
+				"aria-disabled": o.disabled || void 0,
+				className: c,
+				onClick: () => {
+					if (o.disabled) return;
+					o.onSelect?.();
+					let e = o.href;
+					if (e) {
+						if (o.external) {
+							window.open(e, "_blank", "noopener,noreferrer");
+							return;
+						}
+						window.location.assign(e);
+					}
+				},
+				children: s
+			}, o.key) : /* @__PURE__ */ i("button", {
+				"data-slot": "quick-action-grid-item",
+				type: "button",
+				disabled: o.disabled,
+				className: c,
+				onClick: o.onSelect,
+				children: s
+			}, o.key);
+		})
+	});
+}
+//#endregion
+export { s as QuickActionGrid };

package/dist/src/components/calendar/calendar.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("./date-utils.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s(e,t,n){if(e instanceof Date)return r.startOfMonth(e);let i=r.parseDateKey(e);if(i)return r.startOfMonth(i);let a=r.parseDateKey(t);if(a)return r.startOfMonth(a);let o=r.parseDateKey(n?.from??n?.to);return o?r.startOfMonth(o):r.startOfMonth(new Date)}function c(e,t){let n=new Date(e);return n.setDate(e.getDate()+t),n}function l(e,t){let n=new Date(t.getFullYear(),t.getMonth()+1,0).getDate();return new Date(t.getFullYear(),t.getMonth(),Math.min(e.getDate(),n))}function u(e,t){let n=r.parseDateKey(e),i=r.parseDateKey(t);if(!n||!i||t<e)return[];let a=[],o=new Date(n);for(;r.toDateKey(o)<=t;)a.push(r.toDateKey(o)),o.setDate(o.getDate()+1);return a}function d(e,t){let n=r.parseDateKey(e);return!n||!e?null:new Intl.DateTimeFormat(t,{dateStyle:`medium`}).format(n)}function f({className:e,value:f,range:p,onValueChange:m,onRangeChange:h,mode:g=`single`,month:ee,defaultMonth:te,onMonthChange:ne,min:_,max:v,disabledDates:y,locale:b=`en-US`,weekStartsOn:x=1,months:re,numberOfMonths:ie=1,showMonthHeaders:ae,showOutsideDays:S=!0,pagedNavigation:oe=!1,showTodayShortcut:C=!1,showClearShortcut:w=!1,showSelectionSummary:T=!1,labels:E,renderSelectionSummary:D,...se}){let O=f!==void 0,k=p!==void 0,[ce,A]=i.useState(f??null),[le,j]=i.useState(p??{}),[ue,de]=i.useState(()=>s(te,f,p)),M=O?f:ce,N=k?p:le,P=ee??ue,F=Math.max(re??ie,1),fe=ae??F>1,I=oe?F:1,L=r.toDateKey(new Date),R=i.useMemo(()=>new Set(y??[]),[y]),pe=i.useMemo(()=>r.getWeekdayLabels(b,x),[b,x]),z=i.useRef(new Map),[B,V]=i.useState(()=>f??p?.from??L),[H,U]=i.useState(null),W=i.useMemo(()=>Array.from({length:F},(e,t)=>r.addMonths(P,t)),[P,F]),G=i.useMemo(()=>W.map(e=>({month:e,days:r.getMonthDays(e,x)})),[W,x]),K=i.useMemo(()=>G.flatMap(e=>e.days),[G]),q=i.useCallback(e=>{if(R.has(e))return`disabled`;if(r.isBeforeDate(e,_))return`min`;if(r.isAfterDate(e,v))return`max`},[R,v,_]),J=i.useCallback(e=>!!q(e),[q]),Y=i.useMemo(()=>K.map(r.toDateKey).filter(e=>!J(e)),[K,J]),me=i.useMemo(()=>{if(D)return D({mode:g,value:M??void 0,range:N,locale:b});if(!T)return null;if(g===`range`){let e=d(N?.from,b),t=d(N?.to,b);return e&&t?`${e} -> ${t}`:e?`${e} -> ...`:`No range selected`}let e=d(M,b);return e?`Selected date: ${e}`:`No date selected`},[N,M,b,g,D,T]),he=i.useMemo(()=>{let e=f??p?.from??L,t=N?.from??void 0,n=M??void 0;return Y.includes(B)?B:Y.includes(n??t??e)?n??t??e:Y[0]},[N?.from,M,B,p?.from,L,f,Y]);i.useEffect(()=>{O&&A(f??null)},[O,f]),i.useEffect(()=>{k&&p&&j(p)},[k,p]),i.useEffect(()=>{B&&z.current.get(B)?.focus()},[B]),i.useEffect(()=>{g!==`range`&&U(null)},[g]);let X=e=>{let t=r.startOfMonth(e);de(t),ne?.(t)},Z=(e,t=1)=>{let n=e,i=r.toDateKey(n),a=0;for(;J(i)&&a<370;)n=c(n,t),i=r.toDateKey(n),a+=1;V(i),W.some(e=>r.isSameMonth(n,e))||X(r.startOfMonth(n))},Q=e=>{if(J(e))return;if(g===`single`){O||A(e),m?.(e);return}let t=N?.from??null,n=N?.to??null;if(!t||t&&n||e<t){let t={from:e,to:null};k||j(t),h?.(t);return}if(u(t,e).some(e=>J(e))){let t={from:e,to:null};k||j(t),h?.(t);return}let r={from:t,to:e};k||j(r),h?.(r)},$=g!==`range`||!N?.from||N?.to||!H||H<N.from||u(N.from,H).some(e=>J(e))?null:{from:N.from,to:H},ge=()=>{if(g===`single`){O||A(null),m?.(``);return}let e={from:null,to:null};k||j(e),h?.(e)},_e=()=>{let e=new Date,t=r.toDateKey(e);X(e),V(t),J(t)||Q(t)},ve=(e,t)=>{let n=((G.find(e=>r.isSameMonth(t,e.month))?.days.findIndex(e=>r.toDateKey(e)===r.toDateKey(t))??0)+7)%7;switch(e.key){case`ArrowRight`:e.preventDefault(),Z(c(t,1),1);break;case`ArrowLeft`:e.preventDefault(),Z(c(t,-1),-1);break;case`ArrowDown`:e.preventDefault(),Z(c(t,7),7);break;case`ArrowUp`:e.preventDefault(),Z(c(t,-7),-7);break;case`Home`:e.preventDefault(),Z(c(t,-n),-1);break;case`End`:e.preventDefault(),Z(c(t,6-n),1);break;case`PageUp`:e.preventDefault(),Z(l(t,r.addMonths(t,-1)),-1);break;case`PageDown`:e.preventDefault(),Z(l(t,r.addMonths(t,1)),1);break}};return(0,o.jsxs)(`div`,{"data-slot":`calendar`,"data-months":F,className:t.cn(`w-fit rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,e),...se,children:[(0,o.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":E?.previousMonth??`Previous month`,onClick:()=>X(r.addMonths(P,-I)),children:(0,o.jsx)(a.ChevronLeftIcon,{})}),(0,o.jsxs)(`div`,{className:`flex flex-1 flex-col items-center text-center`,children:[(0,o.jsx)(`span`,{className:`text-[10px] font-semibold uppercase tracking-[0.24em] text-muted-foreground/90`,children:`Calendar`}),(0,o.jsx)(`div`,{className:`text-base font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(P,b)})]}),(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":E?.nextMonth??`Next month`,onClick:()=>X(r.addMonths(P,I)),children:(0,o.jsx)(a.ChevronRightIcon,{})})]}),(0,o.jsx)(`div`,{className:t.cn(`grid gap-3`,F>1&&`sm:grid-cols-2`),style:F>2?{gridTemplateColumns:`repeat(${F}, minmax(0, 1fr))`}:void 0,children:G.map(({month:e,days:n})=>(0,o.jsxs)(`div`,{className:`min-w-[16.5rem] rounded-[var(--radius-md)] bg-transparent p-1`,children:[fe&&(0,o.jsx)(`div`,{className:`mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(e,b)}),(0,o.jsx)(`div`,{className:`grid grid-cols-7 gap-1 text-center text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-muted-foreground/90`,children:pe.map(t=>(0,o.jsx)(`div`,{className:`py-1`,children:t},`${r.toDateKey(e)}-${t}`))}),(0,o.jsx)(`div`,{className:`mt-1.5 grid grid-cols-7 gap-1`,children:n.map(n=>{let i=r.toDateKey(n),a=!r.isSameMonth(n,e),s=g===`single`?M===i:i===N?.from||i===N?.to,c=g===`range`&&r.isWithinRange(i,N?.from,N?.to),l=!c&&g===`range`&&r.isWithinRange(i,$?.from,$?.to),u=g===`range`&&i===N?.from,d=g===`range`&&i===N?.to,f=c&&!u&&!d,p=q(i),m=!!p,h=p?E?.disabledDate?.(i,p):void 0;return(0,o.jsx)(`button`,{ref:e=>{e?z.current.set(i,e):z.current.delete(i)},type:`button`,disabled:m,"aria-label":h??E?.selectDate?.(i)??i,"aria-current":i===L?`date`:void 0,tabIndex:i===he?0:-1,title:h,"data-selected":s||void 0,"data-range-start":u||void 0,"data-range-end":d||void 0,"data-range-middle":f||void 0,"data-today":i===L||void 0,"data-outside":a||void 0,"data-in-range":c||void 0,"data-in-preview-range":l||void 0,"data-disabled-reason":p,className:t.cn(`flex h-9 items-center justify-center rounded-[var(--radius-sm)] border border-transparent text-sm font-medium outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-30`,a&&S?`text-muted-foreground/34`:`text-foreground`,a&&!S&&`pointer-events-none opacity-0`,i===L&&`border-border/70 bg-muted/60 text-foreground`,c&&`bg-primary/10 text-foreground`,l&&`bg-primary/6 text-foreground`,s&&`border-primary bg-primary text-primary-foreground shadow-[0_10px_22px_color-mix(in_oklch,var(--primary),transparent_78%)] hover:bg-primary hover:text-primary-foreground`),onFocus:()=>V(i),onMouseEnter:()=>U(i),onMouseLeave:()=>U(null),onKeyDown:e=>ve(e,n),onClick:()=>Q(i),children:n.getDate()},i)})})]},r.toDateKey(e)))}),C||w||T||D?(0,o.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center justify-between gap-2 border-t border-[color:var(--aui-card-border,var(--border))] pt-3`,children:[(0,o.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:me}),(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[w?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`ghost`,onClick:ge,children:E?.clear??`Clear`}):null,C?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:_e,children:E?.today??`Today`}):null]})]}):null]})}exports.Calendar=f;

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

@@ -0,0 +1,283 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import { addMonths as n, getMonthDays as r, getMonthLabel as i, getWeekdayLabels as a, isAfterDate as o, isBeforeDate as s, isSameMonth as c, isWithinRange as l, parseDateKey as u, startOfMonth as d, toDateKey as f } from "./date-utils.js";
+import * as p from "react";
+import { ChevronLeftIcon as m, ChevronRightIcon as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/calendar/calendar.tsx
+function ee(e, t, n) {
+	return e instanceof Date ? d(e) : d(u(e) || u(t) || u(n?.from ?? n?.to) || /* @__PURE__ */ new Date());
+}
+function v(e, t) {
+	let n = new Date(e);
+	return n.setDate(e.getDate() + t), n;
+}
+function y(e, t) {
+	let n = new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate();
+	return new Date(t.getFullYear(), t.getMonth(), Math.min(e.getDate(), n));
+}
+function b(e, t) {
+	let n = u(e), r = u(t);
+	if (!n || !r || t < e) return [];
+	let i = [], a = new Date(n);
+	for (; f(a) <= t;) i.push(f(a)), a.setDate(a.getDate() + 1);
+	return i;
+}
+function x(e, t) {
+	let n = u(e);
+	return !n || !e ? null : new Intl.DateTimeFormat(t, { dateStyle: "medium" }).format(n);
+}
+function S({ className: u, value: S, range: C, onValueChange: te, onRangeChange: w, mode: T = "single", month: ne, defaultMonth: re, onMonthChange: ie, min: ae, max: oe, disabledDates: se, locale: E = "en-US", weekStartsOn: D = 1, months: ce, numberOfMonths: le = 1, showMonthHeaders: ue, showOutsideDays: de = !0, pagedNavigation: fe = !1, showTodayShortcut: pe = !1, showClearShortcut: me = !1, showSelectionSummary: O = !1, labels: k, renderSelectionSummary: A, ...he }) {
+	let j = S !== void 0, M = C !== void 0, [ge, N] = p.useState(S ?? null), [_e, P] = p.useState(C ?? {}), [ve, ye] = p.useState(() => ee(re, S, C)), F = j ? S : ge, I = M ? C : _e, L = ne ?? ve, R = Math.max(ce ?? le, 1), be = ue ?? R > 1, z = fe ? R : 1, B = f(/* @__PURE__ */ new Date()), xe = p.useMemo(() => new Set(se ?? []), [se]), Se = p.useMemo(() => a(E, D), [E, D]), V = p.useRef(/* @__PURE__ */ new Map()), [H, U] = p.useState(() => S ?? C?.from ?? B), [W, G] = p.useState(null), K = p.useMemo(() => Array.from({ length: R }, (e, t) => n(L, t)), [L, R]), q = p.useMemo(() => K.map((e) => ({
+		month: e,
+		days: r(e, D)
+	})), [K, D]), Ce = p.useMemo(() => q.flatMap((e) => e.days), [q]), J = p.useCallback((e) => {
+		if (xe.has(e)) return "disabled";
+		if (s(e, ae)) return "min";
+		if (o(e, oe)) return "max";
+	}, [
+		xe,
+		oe,
+		ae
+	]), Y = p.useCallback((e) => !!J(e), [J]), X = p.useMemo(() => Ce.map(f).filter((e) => !Y(e)), [Ce, Y]), we = p.useMemo(() => {
+		if (A) return A({
+			mode: T,
+			value: F ?? void 0,
+			range: I,
+			locale: E
+		});
+		if (!O) return null;
+		if (T === "range") {
+			let e = x(I?.from, E), t = x(I?.to, E);
+			return e && t ? `${e} -> ${t}` : e ? `${e} -> ...` : "No range selected";
+		}
+		let e = x(F, E);
+		return e ? `Selected date: ${e}` : "No date selected";
+	}, [
+		I,
+		F,
+		E,
+		T,
+		A,
+		O
+	]), Te = p.useMemo(() => {
+		let e = S ?? C?.from ?? B, t = I?.from ?? void 0, n = F ?? void 0;
+		return X.includes(H) ? H : X.includes(n ?? t ?? e) ? n ?? t ?? e : X[0];
+	}, [
+		I?.from,
+		F,
+		H,
+		C?.from,
+		B,
+		S,
+		X
+	]);
+	p.useEffect(() => {
+		j && N(S ?? null);
+	}, [j, S]), p.useEffect(() => {
+		M && C && P(C);
+	}, [M, C]), p.useEffect(() => {
+		H && V.current.get(H)?.focus();
+	}, [H]), p.useEffect(() => {
+		T !== "range" && G(null);
+	}, [T]);
+	let Z = (e) => {
+		let t = d(e);
+		ye(t), ie?.(t);
+	}, Q = (e, t = 1) => {
+		let n = e, r = f(n), i = 0;
+		for (; Y(r) && i < 370;) n = v(n, t), r = f(n), i += 1;
+		U(r), K.some((e) => c(n, e)) || Z(d(n));
+	}, Ee = (e) => {
+		if (Y(e)) return;
+		if (T === "single") {
+			j || N(e), te?.(e);
+			return;
+		}
+		let t = I?.from ?? null, n = I?.to ?? null;
+		if (!t || t && n || e < t) {
+			let t = {
+				from: e,
+				to: null
+			};
+			M || P(t), w?.(t);
+			return;
+		}
+		if (b(t, e).some((e) => Y(e))) {
+			let t = {
+				from: e,
+				to: null
+			};
+			M || P(t), w?.(t);
+			return;
+		}
+		let r = {
+			from: t,
+			to: e
+		};
+		M || P(r), w?.(r);
+	}, $ = T !== "range" || !I?.from || I?.to || !W || W < I.from || b(I.from, W).some((e) => Y(e)) ? null : {
+		from: I.from,
+		to: W
+	}, De = () => {
+		if (T === "single") {
+			j || N(null), te?.("");
+			return;
+		}
+		let e = {
+			from: null,
+			to: null
+		};
+		M || P(e), w?.(e);
+	}, Oe = () => {
+		let e = /* @__PURE__ */ new Date(), t = f(e);
+		Z(e), U(t), Y(t) || Ee(t);
+	}, ke = (e, t) => {
+		let r = ((q.find((e) => c(t, e.month))?.days.findIndex((e) => f(e) === f(t)) ?? 0) + 7) % 7;
+		switch (e.key) {
+			case "ArrowRight":
+				e.preventDefault(), Q(v(t, 1), 1);
+				break;
+			case "ArrowLeft":
+				e.preventDefault(), Q(v(t, -1), -1);
+				break;
+			case "ArrowDown":
+				e.preventDefault(), Q(v(t, 7), 7);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), Q(v(t, -7), -7);
+				break;
+			case "Home":
+				e.preventDefault(), Q(v(t, -r), -1);
+				break;
+			case "End":
+				e.preventDefault(), Q(v(t, 6 - r), 1);
+				break;
+			case "PageUp":
+				e.preventDefault(), Q(y(t, n(t, -1)), -1);
+				break;
+			case "PageDown":
+				e.preventDefault(), Q(y(t, n(t, 1)), 1);
+				break;
+		}
+	};
+	return /* @__PURE__ */ _("div", {
+		"data-slot": "calendar",
+		"data-months": R,
+		className: e("w-fit rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]", u),
+		...he,
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "mb-3 flex items-center justify-between gap-3",
+				children: [
+					/* @__PURE__ */ g(t, {
+						type: "button",
+						variant: "outline",
+						size: "icon-sm",
+						className: "rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground",
+						"aria-label": k?.previousMonth ?? "Previous month",
+						onClick: () => Z(n(L, -z)),
+						children: /* @__PURE__ */ g(m, {})
+					}),
+					/* @__PURE__ */ _("div", {
+						className: "flex flex-1 flex-col items-center text-center",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-[10px] font-semibold uppercase tracking-[0.24em] text-muted-foreground/90",
+							children: "Calendar"
+						}), /* @__PURE__ */ g("div", {
+							className: "text-base font-semibold capitalize tracking-tight text-foreground",
+							children: i(L, E)
+						})]
+					}),
+					/* @__PURE__ */ g(t, {
+						type: "button",
+						variant: "outline",
+						size: "icon-sm",
+						className: "rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground",
+						"aria-label": k?.nextMonth ?? "Next month",
+						onClick: () => Z(n(L, z)),
+						children: /* @__PURE__ */ g(h, {})
+					})
+				]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: e("grid gap-3", R > 1 && "sm:grid-cols-2"),
+				style: R > 2 ? { gridTemplateColumns: `repeat(${R}, minmax(0, 1fr))` } : void 0,
+				children: q.map(({ month: t, days: n }) => /* @__PURE__ */ _("div", {
+					className: "min-w-[16.5rem] rounded-[var(--radius-md)] bg-transparent p-1",
+					children: [
+						be && /* @__PURE__ */ g("div", {
+							className: "mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground",
+							children: i(t, E)
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "grid grid-cols-7 gap-1 text-center text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-muted-foreground/90",
+							children: Se.map((e) => /* @__PURE__ */ g("div", {
+								className: "py-1",
+								children: e
+							}, `${f(t)}-${e}`))
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "mt-1.5 grid grid-cols-7 gap-1",
+							children: n.map((n) => {
+								let r = f(n), i = !c(n, t), a = T === "single" ? F === r : r === I?.from || r === I?.to, o = T === "range" && l(r, I?.from, I?.to), s = !o && T === "range" && l(r, $?.from, $?.to), u = T === "range" && r === I?.from, d = T === "range" && r === I?.to, p = o && !u && !d, m = J(r), h = !!m, _ = m ? k?.disabledDate?.(r, m) : void 0;
+								return /* @__PURE__ */ g("button", {
+									ref: (e) => {
+										e ? V.current.set(r, e) : V.current.delete(r);
+									},
+									type: "button",
+									disabled: h,
+									"aria-label": _ ?? k?.selectDate?.(r) ?? r,
+									"aria-current": r === B ? "date" : void 0,
+									tabIndex: r === Te ? 0 : -1,
+									title: _,
+									"data-selected": a || void 0,
+									"data-range-start": u || void 0,
+									"data-range-end": d || void 0,
+									"data-range-middle": p || void 0,
+									"data-today": r === B || void 0,
+									"data-outside": i || void 0,
+									"data-in-range": o || void 0,
+									"data-in-preview-range": s || void 0,
+									"data-disabled-reason": m,
+									className: e("flex h-9 items-center justify-center rounded-[var(--radius-sm)] border border-transparent text-sm font-medium outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-30", i && de ? "text-muted-foreground/34" : "text-foreground", i && !de && "pointer-events-none opacity-0", r === B && "border-border/70 bg-muted/60 text-foreground", o && "bg-primary/10 text-foreground", s && "bg-primary/6 text-foreground", a && "border-primary bg-primary text-primary-foreground shadow-[0_10px_22px_color-mix(in_oklch,var(--primary),transparent_78%)] hover:bg-primary hover:text-primary-foreground"),
+									onFocus: () => U(r),
+									onMouseEnter: () => G(r),
+									onMouseLeave: () => G(null),
+									onKeyDown: (e) => ke(e, n),
+									onClick: () => Ee(r),
+									children: n.getDate()
+								}, r);
+							})
+						})
+					]
+				}, f(t)))
+			}),
+			pe || me || O || A ? /* @__PURE__ */ _("div", {
+				className: "mt-3 flex flex-wrap items-center justify-between gap-2 border-t border-[color:var(--aui-card-border,var(--border))] pt-3",
+				children: [/* @__PURE__ */ g("div", {
+					className: "text-xs text-muted-foreground",
+					children: we
+				}), /* @__PURE__ */ _("div", {
+					className: "flex flex-wrap gap-2",
+					children: [me ? /* @__PURE__ */ g(t, {
+						type: "button",
+						size: "sm",
+						variant: "ghost",
+						onClick: De,
+						children: k?.clear ?? "Clear"
+					}) : null, pe ? /* @__PURE__ */ g(t, {
+						type: "button",
+						size: "sm",
+						variant: "outline",
+						onClick: Oe,
+						children: k?.today ?? "Today"
+					}) : null]
+				})]
+			}) : null
+		]
+	});
+}
+//#endregion
+export { S as Calendar };

package/dist/src/components/calendar/date-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("../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;

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

@@ -0,0 +1,80 @@
+"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 * 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);
+	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);
+	};
+	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, {
+				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)
+				}),
+				children: [
+					/* @__PURE__ */ u(c, {
+						"data-icon": "inline-start",
+						className: e(T && "text-primary")
+					}),
+					/* @__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: 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"
+						})]
+					}),
+					_ && T ? /* @__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",
+						onClick: (e) => {
+							e.preventDefault(), e.stopPropagation(), D();
+						},
+						onKeyDown: (e) => {
+							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), D());
+						},
+						children: /* @__PURE__ */ u(l, { className: "size-3.5" })
+					}) : null
+				]
+			}), /* @__PURE__ */ u(r, {
+				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,
+					labels: h,
+					showTodayShortcut: !0,
+					showClearShortcut: _,
+					showSelectionSummary: !0,
+					...S
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { p as DatePicker };

package/dist/src/components/calendar/date-range-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("../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;