tembro 1.0.0

package/dist/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/components/calendar/calendar.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/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({className:e,value:d,range:f,onValueChange:p,onRangeChange:m,mode:h=`single`,month:g,defaultMonth:_,onMonthChange:v,min:y,max:b,disabledDates:x,locale:S=`en-US`,weekStartsOn:C=1,numberOfMonths:w=1,showMonthHeaders:T,pagedNavigation:E=!1,labels:D,...O}){let[k,A]=i.useState(()=>s(_,d,f)),j=g??k,M=Math.max(w,1),N=T??M>1,P=E?M:1,F=r.toDateKey(new Date),I=i.useMemo(()=>new Set(x??[]),[x]),L=i.useMemo(()=>r.getWeekdayLabels(S,C),[S,C]),R=i.useRef(new Map),[z,B]=i.useState(()=>d??f?.from??F),V=i.useMemo(()=>Array.from({length:M},(e,t)=>r.addMonths(j,t)),[j,M]),H=i.useMemo(()=>V.map(e=>({month:e,days:r.getMonthDays(e,C)})),[V,C]),U=i.useMemo(()=>H.flatMap(e=>e.days),[H]),W=i.useCallback(e=>{if(I.has(e))return`disabled`;if(r.isBeforeDate(e,y))return`min`;if(r.isAfterDate(e,b))return`max`},[I,b,y]),G=i.useCallback(e=>!!W(e),[W]),K=i.useMemo(()=>U.map(r.toDateKey).filter(e=>!G(e)),[U,G]),q=i.useMemo(()=>{let e=d??f?.from??F;return K.includes(z)?z:K.includes(e)?e:K[0]},[z,f?.from,F,d,K]);i.useEffect(()=>{z&&R.current.get(z)?.focus()},[z]);let J=e=>{let t=r.startOfMonth(e);A(t),v?.(t)},Y=e=>{let t=e,n=r.toDateKey(t),i=0;for(;G(n)&&i<370;)t=c(t,t<e?-1:1),n=r.toDateKey(t),i+=1;B(n),V.some(e=>r.isSameMonth(t,e))||J(r.startOfMonth(t))},X=e=>{if(G(e))return;if(h===`single`){p?.(e);return}let t=f?.from??null,n=f?.to??null;if(!t||t&&n||e<t){m?.({from:e,to:null});return}if(u(t,e).some(e=>G(e))){m?.({from:e,to:null});return}m?.({from:t,to:e})},Z=(e,t)=>{let n=((H.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(),Y(c(t,1));break;case`ArrowLeft`:e.preventDefault(),Y(c(t,-1));break;case`ArrowDown`:e.preventDefault(),Y(c(t,7));break;case`ArrowUp`:e.preventDefault(),Y(c(t,-7));break;case`Home`:e.preventDefault(),Y(c(t,-n));break;case`End`:e.preventDefault(),Y(c(t,6-n));break;case`PageUp`:e.preventDefault(),Y(l(t,r.addMonths(t,-1)));break;case`PageDown`:e.preventDefault(),Y(l(t,r.addMonths(t,1)));break}};return(0,o.jsxs)(`div`,{"data-slot":`calendar`,"data-months":M,className:t.cn(`w-fit rounded-[calc(var(--radius-2xl)+2px)] border border-border/70 bg-popover p-3 text-popover-foreground shadow-[0_18px_48px_rgba(15,23,42,0.18)] backdrop-blur`,e),...O,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-full border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":D?.previousMonth??`Previous month`,onClick:()=>J(r.addMonths(j,-P)),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(j,S)})]}),(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-full border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":D?.nextMonth??`Next month`,onClick:()=>J(r.addMonths(j,P)),children:(0,o.jsx)(a.ChevronRightIcon,{})})]}),(0,o.jsx)(`div`,{className:t.cn(`grid gap-3`,M>1&&`sm:grid-cols-2`),style:M>2?{gridTemplateColumns:`repeat(${M}, minmax(0, 1fr))`}:void 0,children:H.map(({month:e,days:n})=>(0,o.jsxs)(`div`,{className:`min-w-[16.5rem] rounded-[var(--radius-2xl)] bg-transparent p-1`,children:[N&&(0,o.jsx)(`div`,{className:`mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(e,S)}),(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:L.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=h===`single`?d===i:i===f?.from||i===f?.to,c=h===`range`&&r.isWithinRange(i,f?.from,f?.to),l=W(i),u=!!l,p=l?D?.disabledDate?.(i,l):void 0;return(0,o.jsx)(`button`,{ref:e=>{e?R.current.set(i,e):R.current.delete(i)},type:`button`,disabled:u,"aria-label":p??D?.selectDate?.(i)??i,"aria-current":i===F?`date`:void 0,tabIndex:i===q?0:-1,title:p,"data-selected":s||void 0,"data-today":i===F||void 0,"data-outside":a||void 0,"data-in-range":c||void 0,"data-disabled-reason":l,className:t.cn(`flex h-9 items-center justify-center rounded-[min(var(--radius-xl),14px)] 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&&`text-muted-foreground/34`,i===F&&`border-border/70 bg-muted/60 text-foreground`,c&&`bg-primary/10 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:()=>B(i),onKeyDown:e=>Z(e,n),onClick:()=>X(i),children:n.getDate()},i)})})]},r.toDateKey(e)))})]})}exports.Calendar=d;

package/dist/components/calendar/calendar.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+export type CalendarDateRange = {
+    from?: string | null;
+    to?: string | null;
+};
+export type CalendarDisabledReason = "disabled" | "min" | "max" | "range";
+export type CalendarLabels = {
+    previousMonth?: string;
+    nextMonth?: string;
+    selectDate?: (date: string) => string;
+    disabledDate?: (date: string, reason: CalendarDisabledReason) => string;
+};
+export type CalendarProps = React.ComponentProps<"div"> & {
+    value?: string | null;
+    range?: CalendarDateRange;
+    onValueChange?: (value: string) => void;
+    onRangeChange?: (range: CalendarDateRange) => void;
+    mode?: "single" | "range";
+    month?: Date;
+    defaultMonth?: Date | string | null;
+    onMonthChange?: (month: Date) => void;
+    min?: string;
+    max?: string;
+    disabledDates?: string[];
+    locale?: string;
+    weekStartsOn?: 0 | 1;
+    numberOfMonths?: number;
+    showMonthHeaders?: boolean;
+    pagedNavigation?: boolean;
+    labels?: CalendarLabels;
+};
+declare function Calendar({ className, value, range, onValueChange, onRangeChange, mode, month, defaultMonth, onMonthChange, min, max, disabledDates, locale, weekStartsOn, numberOfMonths, showMonthHeaders, pagedNavigation, labels, ...props }: CalendarProps): React.JSX.Element;
+export { Calendar };

package/dist/components/calendar/calendar.js

@@ -0,0 +1,199 @@
+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 ee, parseDateKey as l, startOfMonth as u, toDateKey as d } from "./date-utils.js";
+import * as f from "react";
+import { ChevronLeftIcon as p, ChevronRightIcon as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/calendar/calendar.tsx
+function _(e, t, n) {
+	return e instanceof Date ? u(e) : u(l(e) || l(t) || l(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 = l(e), r = l(t);
+	if (!n || !r || t < e) return [];
+	let i = [], a = new Date(n);
+	for (; d(a) <= t;) i.push(d(a)), a.setDate(a.getDate() + 1);
+	return i;
+}
+function x({ className: l, value: x, range: S, onValueChange: C, onRangeChange: w, mode: T = "single", month: te, defaultMonth: ne, onMonthChange: E, min: D, max: O, disabledDates: k, locale: A = "en-US", weekStartsOn: j = 1, numberOfMonths: re = 1, showMonthHeaders: M, pagedNavigation: N = !1, labels: P, ...F }) {
+	let [ie, ae] = f.useState(() => _(ne, x, S)), I = te ?? ie, L = Math.max(re, 1), R = M ?? L > 1, z = N ? L : 1, B = d(/* @__PURE__ */ new Date()), V = f.useMemo(() => new Set(k ?? []), [k]), H = f.useMemo(() => a(A, j), [A, j]), U = f.useRef(/* @__PURE__ */ new Map()), [W, G] = f.useState(() => x ?? S?.from ?? B), K = f.useMemo(() => Array.from({ length: L }, (e, t) => n(I, t)), [I, L]), q = f.useMemo(() => K.map((e) => ({
+		month: e,
+		days: r(e, j)
+	})), [K, j]), J = f.useMemo(() => q.flatMap((e) => e.days), [q]), Y = f.useCallback((e) => {
+		if (V.has(e)) return "disabled";
+		if (s(e, D)) return "min";
+		if (o(e, O)) return "max";
+	}, [
+		V,
+		O,
+		D
+	]), X = f.useCallback((e) => !!Y(e), [Y]), Z = f.useMemo(() => J.map(d).filter((e) => !X(e)), [J, X]), oe = f.useMemo(() => {
+		let e = x ?? S?.from ?? B;
+		return Z.includes(W) ? W : Z.includes(e) ? e : Z[0];
+	}, [
+		W,
+		S?.from,
+		B,
+		x,
+		Z
+	]);
+	f.useEffect(() => {
+		W && U.current.get(W)?.focus();
+	}, [W]);
+	let Q = (e) => {
+		let t = u(e);
+		ae(t), E?.(t);
+	}, $ = (e) => {
+		let t = e, n = d(t), r = 0;
+		for (; X(n) && r < 370;) t = v(t, t < e ? -1 : 1), n = d(t), r += 1;
+		G(n), K.some((e) => c(t, e)) || Q(u(t));
+	}, se = (e) => {
+		if (X(e)) return;
+		if (T === "single") {
+			C?.(e);
+			return;
+		}
+		let t = S?.from ?? null, n = S?.to ?? null;
+		if (!t || t && n || e < t) {
+			w?.({
+				from: e,
+				to: null
+			});
+			return;
+		}
+		if (b(t, e).some((e) => X(e))) {
+			w?.({
+				from: e,
+				to: null
+			});
+			return;
+		}
+		w?.({
+			from: t,
+			to: e
+		});
+	}, ce = (e, t) => {
+		let r = ((q.find((e) => c(t, e.month))?.days.findIndex((e) => d(e) === d(t)) ?? 0) + 7) % 7;
+		switch (e.key) {
+			case "ArrowRight":
+				e.preventDefault(), $(v(t, 1));
+				break;
+			case "ArrowLeft":
+				e.preventDefault(), $(v(t, -1));
+				break;
+			case "ArrowDown":
+				e.preventDefault(), $(v(t, 7));
+				break;
+			case "ArrowUp":
+				e.preventDefault(), $(v(t, -7));
+				break;
+			case "Home":
+				e.preventDefault(), $(v(t, -r));
+				break;
+			case "End":
+				e.preventDefault(), $(v(t, 6 - r));
+				break;
+			case "PageUp":
+				e.preventDefault(), $(y(t, n(t, -1)));
+				break;
+			case "PageDown":
+				e.preventDefault(), $(y(t, n(t, 1)));
+				break;
+		}
+	};
+	return /* @__PURE__ */ g("div", {
+		"data-slot": "calendar",
+		"data-months": L,
+		className: e("w-fit rounded-[calc(var(--radius-2xl)+2px)] border border-border/70 bg-popover p-3 text-popover-foreground shadow-[0_18px_48px_rgba(15,23,42,0.18)] backdrop-blur", l),
+		...F,
+		children: [/* @__PURE__ */ g("div", {
+			className: "mb-3 flex items-center justify-between gap-3",
+			children: [
+				/* @__PURE__ */ h(t, {
+					type: "button",
+					variant: "outline",
+					size: "icon-sm",
+					className: "rounded-full border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground",
+					"aria-label": P?.previousMonth ?? "Previous month",
+					onClick: () => Q(n(I, -z)),
+					children: /* @__PURE__ */ h(p, {})
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "flex flex-1 flex-col items-center text-center",
+					children: [/* @__PURE__ */ h("span", {
+						className: "text-[10px] font-semibold uppercase tracking-[0.24em] text-muted-foreground/90",
+						children: "Calendar"
+					}), /* @__PURE__ */ h("div", {
+						className: "text-base font-semibold capitalize tracking-tight text-foreground",
+						children: i(I, A)
+					})]
+				}),
+				/* @__PURE__ */ h(t, {
+					type: "button",
+					variant: "outline",
+					size: "icon-sm",
+					className: "rounded-full border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground",
+					"aria-label": P?.nextMonth ?? "Next month",
+					onClick: () => Q(n(I, z)),
+					children: /* @__PURE__ */ h(m, {})
+				})
+			]
+		}), /* @__PURE__ */ h("div", {
+			className: e("grid gap-3", L > 1 && "sm:grid-cols-2"),
+			style: L > 2 ? { gridTemplateColumns: `repeat(${L}, minmax(0, 1fr))` } : void 0,
+			children: q.map(({ month: t, days: n }) => /* @__PURE__ */ g("div", {
+				className: "min-w-[16.5rem] rounded-[var(--radius-2xl)] bg-transparent p-1",
+				children: [
+					R && /* @__PURE__ */ h("div", {
+						className: "mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground",
+						children: i(t, A)
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "grid grid-cols-7 gap-1 text-center text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-muted-foreground/90",
+						children: H.map((e) => /* @__PURE__ */ h("div", {
+							className: "py-1",
+							children: e
+						}, `${d(t)}-${e}`))
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "mt-1.5 grid grid-cols-7 gap-1",
+						children: n.map((n) => {
+							let r = d(n), i = !c(n, t), a = T === "single" ? x === r : r === S?.from || r === S?.to, o = T === "range" && ee(r, S?.from, S?.to), s = Y(r), l = !!s, u = s ? P?.disabledDate?.(r, s) : void 0;
+							return /* @__PURE__ */ h("button", {
+								ref: (e) => {
+									e ? U.current.set(r, e) : U.current.delete(r);
+								},
+								type: "button",
+								disabled: l,
+								"aria-label": u ?? P?.selectDate?.(r) ?? r,
+								"aria-current": r === B ? "date" : void 0,
+								tabIndex: r === oe ? 0 : -1,
+								title: u,
+								"data-selected": a || void 0,
+								"data-today": r === B || void 0,
+								"data-outside": i || void 0,
+								"data-in-range": o || void 0,
+								"data-disabled-reason": s,
+								className: e("flex h-9 items-center justify-center rounded-[min(var(--radius-xl),14px)] 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 && "text-muted-foreground/34", r === B && "border-border/70 bg-muted/60 text-foreground", o && "bg-primary/10 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: () => G(r),
+								onKeyDown: (e) => ce(e, n),
+								onClick: () => se(r),
+								children: n.getDate()
+							}, r);
+						})
+					})
+				]
+			}, d(t)))
+		})]
+	});
+}
+//#endregion
+export { x as Calendar };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/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,formatValue:p=l,triggerClassName:m,contentClassName:h,className:g,..._}){let[v,y]=o.useState(!1),b=!!e;return(0,c.jsx)(`div`,{"data-slot":`date-picker`,className:t.cn(`w-full`,g),children:(0,c.jsxs)(r.Popover,{open:v,onOpenChange:y,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:f,className:t.cn(`min-h-11 w-full justify-start rounded-[min(var(--radius-xl),16px)] border-border/80 bg-background/96 text-left font-normal shadow-[0_1px_0_rgba(255,255,255,0.06)]`,!b&&`text-muted-foreground`,m)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`}),(0,c.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:b?p(String(e)):u??d?.placeholder??`Select date`})]}),(0,c.jsx)(r.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[calc(var(--radius-2xl)+2px)] border-border/70 bg-popover p-0 shadow-[0_22px_56px_rgba(15,23,42,0.2)] backdrop-blur`,h),children:(0,c.jsx)(a.Calendar,{value:e,onValueChange:e=>{i?.(e),y(!1)},labels:d,..._})})]})})}exports.DatePicker=u;

package/dist/components/calendar/date-picker.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { type CalendarProps } from "@/components/calendar/calendar";
+export type DatePickerLabels = CalendarProps["labels"] & {
+    placeholder?: string;
+};
+export type DatePickerProps = Omit<CalendarProps, "mode" | "range" | "onRangeChange" | "labels"> & {
+    placeholder?: string;
+    labels?: DatePickerLabels;
+    disabled?: boolean;
+    formatValue?: (value: string) => React.ReactNode;
+    triggerClassName?: string;
+    contentClassName?: string;
+};
+declare function DatePicker({ value, onValueChange, placeholder, labels, disabled, formatValue, triggerClassName, contentClassName, className, ...calendarProps }: DatePickerProps): React.JSX.Element;
+export { DatePicker };

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

@@ -0,0 +1,49 @@
+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 } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/calendar/date-picker.tsx
+function d(e) {
+	let t = a(e);
+	return t ? new Intl.DateTimeFormat("en-US", { dateStyle: "medium" }).format(t) : e;
+}
+function f({ value: a, onValueChange: f, placeholder: p, labels: m, disabled: h = !1, formatValue: g = d, triggerClassName: _, contentClassName: v, className: y, ...b }) {
+	let [x, S] = s.useState(!1), C = !!a;
+	return /* @__PURE__ */ l("div", {
+		"data-slot": "date-picker",
+		className: e("w-full", y),
+		children: /* @__PURE__ */ u(n, {
+			open: x,
+			onOpenChange: S,
+			children: [/* @__PURE__ */ u(i, {
+				render: /* @__PURE__ */ l(t, {
+					type: "button",
+					variant: "outline",
+					disabled: h,
+					className: e("min-h-11 w-full justify-start rounded-[min(var(--radius-xl),16px)] border-border/80 bg-background/96 text-left font-normal shadow-[0_1px_0_rgba(255,255,255,0.06)]", !C && "text-muted-foreground", _)
+				}),
+				children: [/* @__PURE__ */ l(c, { "data-icon": "inline-start" }), /* @__PURE__ */ l("span", {
+					className: "min-w-0 flex-1 truncate",
+					children: C ? g(String(a)) : p ?? m?.placeholder ?? "Select date"
+				})]
+			}), /* @__PURE__ */ l(r, {
+				align: "start",
+				className: e("w-auto overflow-hidden rounded-[calc(var(--radius-2xl)+2px)] border-border/70 bg-popover p-0 shadow-[0_22px_56px_rgba(15,23,42,0.2)] backdrop-blur", v),
+				children: /* @__PURE__ */ l(o, {
+					value: a,
+					onValueChange: (e) => {
+						f?.(e), S(!1);
+					},
+					labels: m,
+					...b
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { f as DatePicker };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/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({className:e,value:i,onValueChange:u,labels:d,placeholder:f,disabled:p=!1,formatValue:m=l,closeOnSelect:h=!0,showFooter:g=!1,triggerClassName:_,contentClassName:v,numberOfMonths:y=2,pagedNavigation:b=!0,...x}){let[S,C]=o.useState(!1),[w,T]=o.useState(i??{}),E=i?.from??``,D=i?.to??``,O=!!(E||D),k=g?w:i,A=k?.from??``,j=k?.to??``,M=!!(A||j),N=E&&D?`${m(E)} - ${m(D)}`:E?`${m(E)} - ...`:f??d?.placeholder??`Select date range`,P=A&&j?`${m(A)} - ${m(j)}`:A?`${m(A)} - ...`:d?.placeholder??`Select date range`;o.useEffect(()=>{S&&g&&T(i??{})},[S,g,i]);let F=e=>{if(g){T(e);return}u?.(e),h&&e.from&&e.to&&C(!1)},I=()=>{u?.(w),C(!1)},L=()=>{let e={};if(g){T(e);return}u?.(e)};return(0,c.jsx)(`div`,{"data-slot":`date-range-picker`,className:t.cn(`w-full`,e),children:(0,c.jsxs)(r.Popover,{open:S,onOpenChange:C,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:p,className:t.cn(`min-h-11 w-full justify-start rounded-[min(var(--radius-xl),16px)] border-border/80 bg-background/96 text-left font-normal shadow-[0_1px_0_rgba(255,255,255,0.06)]`,!O&&`text-muted-foreground`,_)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`}),(0,c.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:N})]}),(0,c.jsxs)(r.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[calc(var(--radius-2xl)+2px)] border-border/70 bg-popover p-0 shadow-[0_22px_56px_rgba(15,23,42,0.2)] backdrop-blur`,v),children:[(0,c.jsx)(a.Calendar,{mode:`range`,range:k,onRangeChange:F,labels:d,numberOfMonths:y,pagedNavigation:b,...x}),g&&(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:P})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,className:`rounded-full`,onClick:L,children:d?.clear??`Clear`}),(0,c.jsx)(n.Button,{type:`button`,size:`sm`,className:`rounded-full`,disabled:!M,onClick:I,children:d?.apply??`Apply`})]})]})]})]})})}exports.DateRangePicker=u;

package/dist/components/calendar/date-range-picker.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { type CalendarDateRange, type CalendarProps } from "@/components/calendar/calendar";
+export type DateRangePickerValue = CalendarDateRange;
+export type DateRangePickerLabels = CalendarProps["labels"] & {
+    placeholder?: string;
+    apply?: React.ReactNode;
+    clear?: React.ReactNode;
+};
+export type DateRangePickerProps = Omit<CalendarProps, "mode" | "value" | "onValueChange" | "range" | "onRangeChange" | "labels"> & {
+    value?: DateRangePickerValue;
+    onValueChange?: (value: DateRangePickerValue) => void;
+    labels?: DateRangePickerLabels;
+    placeholder?: string;
+    disabled?: boolean;
+    formatValue?: (value: string) => React.ReactNode;
+    closeOnSelect?: boolean;
+    showFooter?: boolean;
+    triggerClassName?: string;
+    contentClassName?: string;
+};
+declare function DateRangePicker({ className, value, onValueChange, labels, placeholder, disabled, formatValue, closeOnSelect, showFooter, triggerClassName, contentClassName, numberOfMonths, pagedNavigation, ...calendarProps }: DateRangePickerProps): React.JSX.Element;
+export { DateRangePicker };

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

@@ -0,0 +1,99 @@
+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 } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/calendar/date-range-picker.tsx
+function d(e) {
+	let t = a(e);
+	return t ? new Intl.DateTimeFormat("en-US", { dateStyle: "medium" }).format(t) : e;
+}
+function f({ className: a, value: f, onValueChange: p, labels: m, placeholder: h, disabled: g = !1, formatValue: _ = d, closeOnSelect: v = !0, showFooter: y = !1, triggerClassName: b, contentClassName: x, numberOfMonths: S = 2, pagedNavigation: C = !0, ...w }) {
+	let [T, E] = s.useState(!1), [D, O] = s.useState(f ?? {}), k = f?.from ?? "", A = f?.to ?? "", j = !!(k || A), M = y ? D : f, N = M?.from ?? "", P = M?.to ?? "", F = !!(N || P), I = k && A ? `${_(k)} - ${_(A)}` : k ? `${_(k)} - ...` : h ?? m?.placeholder ?? "Select date range", L = N && P ? `${_(N)} - ${_(P)}` : N ? `${_(N)} - ...` : m?.placeholder ?? "Select date range";
+	s.useEffect(() => {
+		T && y && O(f ?? {});
+	}, [
+		T,
+		y,
+		f
+	]);
+	let R = (e) => {
+		if (y) {
+			O(e);
+			return;
+		}
+		p?.(e), v && e.from && e.to && E(!1);
+	}, z = () => {
+		p?.(D), E(!1);
+	}, B = () => {
+		let e = {};
+		if (y) {
+			O(e);
+			return;
+		}
+		p?.(e);
+	};
+	return /* @__PURE__ */ l("div", {
+		"data-slot": "date-range-picker",
+		className: e("w-full", a),
+		children: /* @__PURE__ */ u(n, {
+			open: T,
+			onOpenChange: E,
+			children: [/* @__PURE__ */ u(i, {
+				render: /* @__PURE__ */ l(t, {
+					type: "button",
+					variant: "outline",
+					disabled: g,
+					className: e("min-h-11 w-full justify-start rounded-[min(var(--radius-xl),16px)] border-border/80 bg-background/96 text-left font-normal shadow-[0_1px_0_rgba(255,255,255,0.06)]", !j && "text-muted-foreground", b)
+				}),
+				children: [/* @__PURE__ */ l(c, { "data-icon": "inline-start" }), /* @__PURE__ */ l("span", {
+					className: "min-w-0 flex-1 truncate",
+					children: I
+				})]
+			}), /* @__PURE__ */ u(r, {
+				align: "start",
+				className: e("w-auto overflow-hidden rounded-[calc(var(--radius-2xl)+2px)] border-border/70 bg-popover p-0 shadow-[0_22px_56px_rgba(15,23,42,0.2)] backdrop-blur", x),
+				children: [/* @__PURE__ */ l(o, {
+					mode: "range",
+					range: M,
+					onRangeChange: R,
+					labels: m,
+					numberOfMonths: S,
+					pagedNavigation: C,
+					...w
+				}), y && /* @__PURE__ */ u("div", {
+					className: "flex flex-wrap items-center justify-between gap-3 border-t border-border/70 bg-muted/24 px-4 py-3",
+					children: [/* @__PURE__ */ l("div", {
+						className: "min-w-0 text-sm text-muted-foreground",
+						children: /* @__PURE__ */ l("span", {
+							className: "block truncate",
+							children: L
+						})
+					}), /* @__PURE__ */ u("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ l(t, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							className: "rounded-full",
+							onClick: B,
+							children: m?.clear ?? "Clear"
+						}), /* @__PURE__ */ l(t, {
+							type: "button",
+							size: "sm",
+							className: "rounded-full",
+							disabled: !F,
+							onClick: z,
+							children: m?.apply ?? "Apply"
+						})]
+					})]
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { f as DateRangePicker };

package/dist/components/calendar/date-utils.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=/^\d{4}-\d{2}-\d{2}$/;function t(e){return String(e).padStart(2,`0`)}function n(e){return`${e.getFullYear()}-${t(e.getMonth()+1)}-${t(e.getDate())}`}function r(t){if(!t||!e.test(t))return null;let[n,r,i]=t.split(`-`).map(Number),a=new Date(n,r-1,i);return a.getFullYear()!==n||a.getMonth()!==r-1||a.getDate()!==i?null:a}function i(e){return new Date(e.getFullYear(),e.getMonth(),1)}function a(e,t){return new Date(e.getFullYear(),e.getMonth()+t,1)}function o(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()}function s(e,t){return!!(t&&e<t)}function c(e,t){return!!(t&&e>t)}function l(e,t,n){return!t||!n?!1:e>=t&&e<=n}function u(e,t=`en-US`){return new Intl.DateTimeFormat(t,{month:`long`,year:`numeric`}).format(e)}function d(e=`en-US`,t=1){let n=new Date(2024,0,t===1?1:7);return Array.from({length:7},(t,r)=>{let i=new Date(n);return i.setDate(n.getDate()+r),new Intl.DateTimeFormat(e,{weekday:`short`}).format(i)})}function f(e,t=1){let n=i(e),r=n.getDay(),a=t===1?(r+6)%7:r,o=new Date(n);return o.setDate(n.getDate()-a),Array.from({length:42},(e,t)=>{let n=new Date(o);return n.setDate(o.getDate()+t),n})}exports.addMonths=a,exports.getMonthDays=f,exports.getMonthLabel=u,exports.getWeekdayLabels=d,exports.isAfterDate=c,exports.isBeforeDate=s,exports.isSameMonth=o,exports.isWithinRange=l,exports.parseDateKey=r,exports.startOfMonth=i,exports.toDateKey=n;

package/dist/components/calendar/date-utils.d.ts

@@ -0,0 +1,17 @@
+export type DateKey = string;
+export type WeekStartsOn = 0 | 1;
+export type CalendarDateInput = Date | string | null | undefined;
+export type CalendarLocale = string | string[];
+export type CalendarMonth = Date;
+declare function toDateKey(date: Date): DateKey;
+declare function parseDateKey(value?: string | null): Date | null;
+declare function startOfMonth(date: Date): Date;
+declare function addMonths(date: Date, amount: number): Date;
+declare function isSameMonth(left: Date, right: Date): boolean;
+declare function isBeforeDate(left: DateKey, right?: DateKey | null): boolean;
+declare function isAfterDate(left: DateKey, right?: DateKey | null): boolean;
+declare function isWithinRange(date: DateKey, from?: DateKey | null, to?: DateKey | null): boolean;
+declare function getMonthLabel(date: Date, locale?: CalendarLocale): string;
+declare function getWeekdayLabels(locale?: CalendarLocale, weekStartsOn?: WeekStartsOn): string[];
+declare function getMonthDays(month: Date, weekStartsOn?: WeekStartsOn): CalendarMonth[];
+export { addMonths, getMonthDays, getMonthLabel, getWeekdayLabels, isAfterDate, isBeforeDate, isSameMonth, isWithinRange, parseDateKey, startOfMonth, toDateKey, };

package/dist/components/calendar/date-utils.js

@@ -0,0 +1,53 @@
+//#region src/components/calendar/date-utils.ts
+var e = /^\d{4}-\d{2}-\d{2}$/;
+function t(e) {
+	return String(e).padStart(2, "0");
+}
+function n(e) {
+	return `${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}`;
+}
+function r(t) {
+	if (!t || !e.test(t)) return null;
+	let [n, r, i] = t.split("-").map(Number), a = new Date(n, r - 1, i);
+	return a.getFullYear() !== n || a.getMonth() !== r - 1 || a.getDate() !== i ? null : a;
+}
+function i(e) {
+	return new Date(e.getFullYear(), e.getMonth(), 1);
+}
+function a(e, t) {
+	return new Date(e.getFullYear(), e.getMonth() + t, 1);
+}
+function o(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
+}
+function s(e, t) {
+	return !!(t && e < t);
+}
+function c(e, t) {
+	return !!(t && e > t);
+}
+function l(e, t, n) {
+	return !t || !n ? !1 : e >= t && e <= n;
+}
+function u(e, t = "en-US") {
+	return new Intl.DateTimeFormat(t, {
+		month: "long",
+		year: "numeric"
+	}).format(e);
+}
+function d(e = "en-US", t = 1) {
+	let n = new Date(2024, 0, t === 1 ? 1 : 7);
+	return Array.from({ length: 7 }, (t, r) => {
+		let i = new Date(n);
+		return i.setDate(n.getDate() + r), new Intl.DateTimeFormat(e, { weekday: "short" }).format(i);
+	});
+}
+function f(e, t = 1) {
+	let n = i(e), r = n.getDay(), a = t === 1 ? (r + 6) % 7 : r, o = new Date(n);
+	return o.setDate(n.getDate() - a), Array.from({ length: 42 }, (e, t) => {
+		let n = new Date(o);
+		return n.setDate(o.getDate() + t), n;
+	});
+}
+//#endregion
+export { a as addMonths, f as getMonthDays, u as getMonthLabel, d as getWeekdayLabels, c as isAfterDate, s as isBeforeDate, o as isSameMonth, l as isWithinRange, r as parseDateKey, i as startOfMonth, n as toDateKey };

package/dist/components/calendar/demo.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`calendar`,`Calendar`,`calendar`,`Single month calendar surface for date picker and scheduling flows.`)]);exports.calendarShowcaseDemoRegistry=t;

package/dist/components/calendar/demo.d.ts

@@ -0,0 +1,6 @@
+export declare const calendarShowcaseDemoRegistry: {
+    [k: string]: {
+        mock: import("../../showcase").ShowcaseDemoMock;
+        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
+    };
+};

package/dist/components/calendar/demo.js

@@ -0,0 +1,5 @@
+import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
+//#region src/components/calendar/demo.tsx
+var n = t([e("calendar", "Calendar", "calendar", "Single month calendar surface for date picker and scheduling flows.")]);
+//#endregion
+export { n as calendarShowcaseDemoRegistry };

package/dist/components/calendar/index.cjs

@@ -0,0 +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;

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

@@ -0,0 +1,4 @@
+export * from "./date-utils";
+export * from "./calendar";
+export * from "./date-picker";
+export * from "./date-range-picker";