tembro 3.1.16 → 3.1.17

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file.
 
+## 3.1.17 - 2026-07-16
+
+- Added production-ready `agenda` and `board` variants, density controls, rich event metadata, selection state, hidden/disabled events, custom rendering, and formatted day labels to `CalendarScheduler`.
+- Added a compact trigger variant to `DatePicker` for dense filters, headers, and scheduling toolbars.
+- Added compact density to `StatisticCard` and configurable gaps to `StatisticGrid`.
+- Added `labelClassName` and a stable inline-flex label layout to `Button`, fixing complex icon/value/action labels that previously stacked vertically.
+- Updated the CalendarScheduler showcase and regression coverage for the expanded API.
+
 ## 3.1.16 - 2026-07-16
 
 - Fixed composed Card surfaces so `StatisticCard`, `InfoCard`, `ActivityFeed`, and other Card-based components retain base border, background, radius, and variant styling.

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

@@ -9,9 +9,10 @@ export type DatePickerProps = Omit<CalendarProps, "mode" | "range" | "onRangeCha
     labels?: DatePickerLabels;
     disabled?: boolean;
     clearable?: boolean;
+    triggerVariant?: "default" | "compact";
     formatValue?: (value: string) => React.ReactNode;
     triggerClassName?: string;
     contentClassName?: string;
 };
-declare function DatePicker({ value, onValueChange, placeholder, labels, disabled, clearable, formatValue, triggerClassName, contentClassName, className, ...calendarProps }: DatePickerProps): React.JSX.Element;
+declare function DatePicker({ value, onValueChange, placeholder, labels, disabled, clearable, triggerVariant, formatValue, triggerClassName, contentClassName, className, ...calendarProps }: DatePickerProps): React.JSX.Element;
 export { DatePicker };

package/dist/components/display/statistic.d.ts

@@ -14,10 +14,12 @@ export type StatisticProps = React.ComponentProps<"div"> & {
 declare function Statistic({ label, value, prefix, suffix, description, trend, change, loading, className, ...props }: StatisticProps): React.JSX.Element;
 export type StatisticCardProps = React.ComponentProps<typeof Card> & StatisticProps & {
     action?: React.ReactNode;
+    density?: "compact" | "default";
 };
-declare function StatisticCard({ action, label, value, prefix, suffix, description, trend, change, loading, className, ...props }: StatisticCardProps): React.JSX.Element;
+declare function StatisticCard({ action, density, label, value, prefix, suffix, description, trend, change, loading, className, ...props }: StatisticCardProps): React.JSX.Element;
 export type StatisticGridProps = React.ComponentProps<"div"> & {
     columns?: 1 | 2 | 3 | 4;
+    gap?: "sm" | "default" | "lg";
 };
-declare function StatisticGrid({ columns, className, ...props }: StatisticGridProps): React.JSX.Element;
+declare function StatisticGrid({ columns, gap, className, ...props }: StatisticGridProps): React.JSX.Element;
 export { Statistic, StatisticCard, StatisticGrid };

package/dist/components/modern/calendar-scheduler.d.ts

@@ -6,14 +6,37 @@ export type CalendarSchedulerEvent = {
     time?: string;
     tone?: "default" | "success" | "warning" | "danger";
     durationMinutes?: number;
+    description?: React.ReactNode;
+    meta?: React.ReactNode;
+    badge?: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    hidden?: boolean;
+    className?: string;
 };
 export type CalendarSchedulerProps = React.ComponentProps<"div"> & {
     events: CalendarSchedulerEvent[];
     days?: string[];
     view?: "day" | "week" | "month";
+    variant?: "board" | "agenda";
+    density?: "compact" | "default" | "comfortable";
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
     empty?: React.ReactNode;
+    selectedEventId?: string;
+    defaultSelectedEventId?: string;
+    onSelectedEventChange?: (eventId: string, event: CalendarSchedulerEvent) => void;
     onCreateEvent?: (date: string) => void;
     onEventClick?: (event: CalendarSchedulerEvent) => void;
+    renderEvent?: (event: CalendarSchedulerEvent, state: {
+        selected: boolean;
+    }) => React.ReactNode;
+    createLabel?: React.ReactNode;
+    showCount?: boolean;
+    dayClassName?: string;
+    eventClassName?: string;
+    formatDay?: (day: string) => React.ReactNode;
 };
-declare function CalendarScheduler({ events, days, view, empty, onCreateEvent, onEventClick, className, ...props }: CalendarSchedulerProps): React.JSX.Element;
+declare function CalendarScheduler({ events, days, view, variant, density, title, description, actions, empty, selectedEventId, defaultSelectedEventId, onSelectedEventChange, onCreateEvent, onEventClick, renderEvent, createLabel, showCount, dayClassName, eventClassName, formatDay, className, ...props }: CalendarSchedulerProps): React.JSX.Element;
 export { CalendarScheduler };

package/dist/components/ui/button/index.d.ts

@@ -13,6 +13,7 @@ export type ButtonProps = ButtonPrimitive.Props & VariantProps<typeof buttonVari
     iconOnly?: boolean;
     fullWidth?: boolean;
     pressed?: boolean;
+    labelClassName?: string;
 };
-declare function Button({ className, variant, size, disabled, loading, loadingLabel, leftIcon, rightIcon, iconOnly, fullWidth, pressed, children, "aria-label": ariaLabel, ...props }: ButtonProps): React.JSX.Element;
+declare function Button({ className, variant, size, disabled, loading, loadingLabel, leftIcon, rightIcon, iconOnly, fullWidth, pressed, labelClassName, children, "aria-label": ariaLabel, ...props }: ButtonProps): React.JSX.Element;
 export { Button, buttonVariants };

package/dist/showcase/package-meta.d.ts

@@ -1,3 +1,3 @@
-export declare const PACKAGE_LATEST_VERSION = "3.1.16";
+export declare const PACKAGE_LATEST_VERSION = "3.1.17";
 export declare const PACKAGE_LATEST_RELEASE_DATE = "July 15, 2026";
-export declare const PACKAGE_DEPENDENCY_RANGE = "3.1.16";
+export declare const PACKAGE_DEPENDENCY_RANGE = "3.1.17";

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

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

@@ -12,65 +12,67 @@ 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);
+function p({ value: a, onValueChange: p, placeholder: m, labels: h, disabled: g = !1, clearable: _ = !0, triggerVariant: v = "default", formatValue: y = f, triggerClassName: b, contentClassName: x, className: S, ...C }) {
+	let [w, T] = s.useState(!1), E = !!a, D = (e) => {
+		p?.(e), T(!1);
+	}, O = () => {
+		p?.(""), T(!1);
 	};
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "date-picker",
-		className: e("w-full", x),
+		"data-trigger-variant": v,
+		className: e("w-full", S),
 		children: /* @__PURE__ */ d(n, {
-			open: C,
-			onOpenChange: w,
+			open: w,
+			onOpenChange: T,
 			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)
+					labelClassName: "flex-1",
+					className: e("group w-full justify-start rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]", v === "default" ? "min-h-11 gap-3 px-3" : "min-h-9 gap-2 px-2.5", !E && "text-muted-foreground", b)
 				}),
 				children: [
 					/* @__PURE__ */ u(c, {
 						"data-icon": "inline-start",
-						className: e(T && "text-primary")
+						className: e(E && "text-primary")
 					}),
 					/* @__PURE__ */ d("span", {
-						className: "grid min-w-0 flex-1 gap-0.5",
-						children: [/* @__PURE__ */ u("span", {
+						className: e("grid min-w-0 flex-1", v === "default" && "gap-0.5"),
+						children: [v === "default" ? /* @__PURE__ */ u("span", {
 							className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground",
 							children: h?.selected ?? "Date"
-						}), /* @__PURE__ */ u("span", {
-							className: e("truncate text-sm", T && "font-semibold text-foreground"),
-							children: T ? v(String(a)) : m ?? h?.placeholder ?? "Select date"
+						}) : null, /* @__PURE__ */ u("span", {
+							className: e("truncate text-sm", E && "font-semibold text-foreground"),
+							children: E ? y(String(a)) : m ?? h?.placeholder ?? "Select date"
 						})]
 					}),
-					_ && T ? /* @__PURE__ */ u("span", {
+					_ && E ? /* @__PURE__ */ u("span", {
 						role: "button",
 						tabIndex: 0,
 						"aria-label": h?.clear ?? "Clear date",
-						className: "ml-auto inline-flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+						className: e("ml-auto inline-flex shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring", v === "default" ? "size-7" : "size-6"),
 						onClick: (e) => {
-							e.preventDefault(), e.stopPropagation(), D();
+							e.preventDefault(), e.stopPropagation(), O();
 						},
 						onKeyDown: (e) => {
-							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), D());
+							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), O());
 						},
 						children: /* @__PURE__ */ u(l, { className: "size-3.5" })
 					}) : null
 				]
 			}), /* @__PURE__ */ u(r, {
 				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),
+				className: e("w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur", x),
 				children: /* @__PURE__ */ u(o, {
 					value: a,
-					onValueChange: E,
+					onValueChange: D,
 					labels: h,
 					showTodayShortcut: !0,
 					showClearShortcut: _,
 					showSelectionSummary: !0,
-					...S
+					...C
 				})
 			})]
 		})

package/dist/src/components/display/statistic.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o({label:e,value:n,prefix:r,suffix:o,description:s,trend:c=`neutral`,change:l,loading:u=!1,className:d,...f}){let p=c===`up`?(0,a.jsx)(i.ArrowUpIcon,{className:`size-3`}):c===`down`?(0,a.jsx)(i.ArrowDownIcon,{className:`size-3`}):null;return(0,a.jsxs)(`div`,{"data-slot":`statistic`,"data-loading":u||void 0,"data-trend":c,"aria-busy":u||void 0,className:t.cn(`grid gap-1`,d),...f,children:[(0,a.jsx)(`div`,{"data-slot":`statistic-label`,className:`text-sm text-muted-foreground`,children:e}),(0,a.jsx)(`div`,{"data-slot":`statistic-value-row`,className:`flex flex-wrap items-baseline gap-1.5`,children:u?(0,a.jsx)(`div`,{"data-slot":`statistic-skeleton`,className:`h-8 w-28 animate-pulse rounded-md bg-muted`}):(0,a.jsxs)(a.Fragment,{children:[r&&(0,a.jsx)(`span`,{"data-slot":`statistic-prefix`,className:`text-base text-muted-foreground`,children:r}),(0,a.jsx)(`span`,{"data-slot":`statistic-value`,className:`text-2xl font-semibold tracking-tight`,children:n}),o&&(0,a.jsx)(`span`,{"data-slot":`statistic-suffix`,className:`text-sm text-muted-foreground`,children:o})]})}),(s||l)&&(0,a.jsxs)(`div`,{"data-slot":`statistic-meta`,className:`flex flex-wrap items-center gap-2 text-xs text-muted-foreground`,children:[l&&(0,a.jsxs)(`span`,{"data-slot":`statistic-change`,"data-trend":c,className:t.cn(`inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 font-medium`,c===`up`&&`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`,c===`down`&&`bg-destructive/10 text-destructive`,c===`neutral`&&`bg-muted text-muted-foreground`),children:[p,l]}),s&&(0,a.jsx)(`span`,{"data-slot":`statistic-description`,children:s})]})]})}function s({action:e,label:t,value:r,prefix:i,suffix:s,description:c,trend:l,change:u,loading:d,className:f,...p}){return(0,a.jsxs)(n.Card,{"data-slot":`statistic-card`,className:f,...p,children:[(0,a.jsxs)(n.CardHeader,{"data-slot":`statistic-card-header`,className:`flex flex-row items-center justify-between gap-3 pb-2`,children:[(0,a.jsx)(n.CardTitle,{className:`text-sm font-medium text-muted-foreground`,children:t}),e?(0,a.jsx)(`div`,{"data-slot":`statistic-card-action`,children:e}):null]}),(0,a.jsx)(n.CardContent,{children:(0,a.jsx)(o,{label:(0,a.jsx)(`span`,{className:`sr-only`,children:t}),value:r,prefix:i,suffix:s,description:c,trend:l,change:u,loading:d})})]})}function c({columns:e=4,className:n,...r}){return(0,a.jsx)(`div`,{"data-slot":`statistic-grid`,className:t.cn(`grid gap-4`,e===1&&`grid-cols-1`,e===2&&`grid-cols-1 sm:grid-cols-2`,e===3&&`grid-cols-1 sm:grid-cols-2 xl:grid-cols-3`,e===4&&`grid-cols-1 sm:grid-cols-2 xl:grid-cols-4`,n),...r})}exports.Statistic=o,exports.StatisticCard=s,exports.StatisticGrid=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o({label:e,value:n,prefix:r,suffix:o,description:s,trend:c=`neutral`,change:l,loading:u=!1,className:d,...f}){let p=c===`up`?(0,a.jsx)(i.ArrowUpIcon,{className:`size-3`}):c===`down`?(0,a.jsx)(i.ArrowDownIcon,{className:`size-3`}):null;return(0,a.jsxs)(`div`,{"data-slot":`statistic`,"data-loading":u||void 0,"data-trend":c,"aria-busy":u||void 0,className:t.cn(`grid gap-1`,d),...f,children:[(0,a.jsx)(`div`,{"data-slot":`statistic-label`,className:`text-sm text-muted-foreground`,children:e}),(0,a.jsx)(`div`,{"data-slot":`statistic-value-row`,className:`flex flex-wrap items-baseline gap-1.5`,children:u?(0,a.jsx)(`div`,{"data-slot":`statistic-skeleton`,className:`h-8 w-28 animate-pulse rounded-md bg-muted`}):(0,a.jsxs)(a.Fragment,{children:[r&&(0,a.jsx)(`span`,{"data-slot":`statistic-prefix`,className:`text-base text-muted-foreground`,children:r}),(0,a.jsx)(`span`,{"data-slot":`statistic-value`,className:`text-2xl font-semibold tracking-tight`,children:n}),o&&(0,a.jsx)(`span`,{"data-slot":`statistic-suffix`,className:`text-sm text-muted-foreground`,children:o})]})}),(s||l)&&(0,a.jsxs)(`div`,{"data-slot":`statistic-meta`,className:`flex flex-wrap items-center gap-2 text-xs text-muted-foreground`,children:[l&&(0,a.jsxs)(`span`,{"data-slot":`statistic-change`,"data-trend":c,className:t.cn(`inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 font-medium`,c===`up`&&`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`,c===`down`&&`bg-destructive/10 text-destructive`,c===`neutral`&&`bg-muted text-muted-foreground`),children:[p,l]}),s&&(0,a.jsx)(`span`,{"data-slot":`statistic-description`,children:s})]})]})}function s({action:e,density:r=`default`,label:i,value:s,prefix:c,suffix:l,description:u,trend:d,change:f,loading:p,className:m,...h}){return(0,a.jsxs)(n.Card,{"data-slot":`statistic-card`,"data-density":r,className:m,...h,children:[(0,a.jsxs)(n.CardHeader,{"data-slot":`statistic-card-header`,className:t.cn(`flex flex-row items-center justify-between gap-3 pb-2`,r===`compact`&&`px-4 pt-4 pb-1`),children:[(0,a.jsx)(n.CardTitle,{className:`text-sm font-medium text-muted-foreground`,children:i}),e?(0,a.jsx)(`div`,{"data-slot":`statistic-card-action`,children:e}):null]}),(0,a.jsx)(n.CardContent,{className:t.cn(r===`compact`&&`px-4 pb-4`),children:(0,a.jsx)(o,{label:(0,a.jsx)(`span`,{className:`sr-only`,children:i}),value:s,prefix:c,suffix:l,description:u,trend:d,change:f,loading:p})})]})}function c({columns:e=4,gap:n=`default`,className:r,...i}){return(0,a.jsx)(`div`,{"data-slot":`statistic-grid`,className:t.cn(`grid`,n===`sm`&&`gap-3`,n==="default"&&`gap-4`,n===`lg`&&`gap-6`,e===1&&`grid-cols-1`,e===2&&`grid-cols-1 sm:grid-cols-2`,e===3&&`grid-cols-1 sm:grid-cols-2 xl:grid-cols-3`,e===4&&`grid-cols-1 sm:grid-cols-2 xl:grid-cols-4`,r),...i})}exports.Statistic=o,exports.StatisticCard=s,exports.StatisticGrid=c;

package/dist/src/components/display/statistic.js

@@ -59,41 +59,45 @@ function u({ label: t, value: n, prefix: r, suffix: i, description: u, trend: d
 		]
 	});
 }
-function d({ action: e, label: a, value: o, prefix: s, suffix: d, description: f, trend: p, change: m, loading: h, className: g, ..._ }) {
+function d({ action: a, density: o = "default", label: s, value: d, prefix: f, suffix: p, description: m, trend: h, change: g, loading: _, className: v, ...y }) {
 	return /* @__PURE__ */ l(t, {
 		"data-slot": "statistic-card",
-		className: g,
-		..._,
+		"data-density": o,
+		className: v,
+		...y,
 		children: [/* @__PURE__ */ l(r, {
 			"data-slot": "statistic-card-header",
-			className: "flex flex-row items-center justify-between gap-3 pb-2",
+			className: e("flex flex-row items-center justify-between gap-3 pb-2", o === "compact" && "px-4 pt-4 pb-1"),
 			children: [/* @__PURE__ */ c(i, {
 				className: "text-sm font-medium text-muted-foreground",
-				children: a
-			}), e ? /* @__PURE__ */ c("div", {
+				children: s
+			}), a ? /* @__PURE__ */ c("div", {
 				"data-slot": "statistic-card-action",
-				children: e
-			}) : null]
-		}), /* @__PURE__ */ c(n, { children: /* @__PURE__ */ c(u, {
-			label: /* @__PURE__ */ c("span", {
-				className: "sr-only",
 				children: a
-			}),
-			value: o,
-			prefix: s,
-			suffix: d,
-			description: f,
-			trend: p,
-			change: m,
-			loading: h
-		}) })]
+			}) : null]
+		}), /* @__PURE__ */ c(n, {
+			className: e(o === "compact" && "px-4 pb-4"),
+			children: /* @__PURE__ */ c(u, {
+				label: /* @__PURE__ */ c("span", {
+					className: "sr-only",
+					children: s
+				}),
+				value: d,
+				prefix: f,
+				suffix: p,
+				description: m,
+				trend: h,
+				change: g,
+				loading: _
+			})
+		})]
 	});
 }
-function f({ columns: t = 4, className: n, ...r }) {
+function f({ columns: t = 4, gap: n = "default", className: r, ...i }) {
 	return /* @__PURE__ */ c("div", {
 		"data-slot": "statistic-grid",
-		className: e("grid gap-4", t === 1 && "grid-cols-1", t === 2 && "grid-cols-1 sm:grid-cols-2", t === 3 && "grid-cols-1 sm:grid-cols-2 xl:grid-cols-3", t === 4 && "grid-cols-1 sm:grid-cols-2 xl:grid-cols-4", n),
-		...r
+		className: e("grid", n === "sm" && "gap-3", n === "default" && "gap-4", n === "lg" && "gap-6", t === 1 && "grid-cols-1", t === 2 && "grid-cols-1 sm:grid-cols-2", t === 3 && "grid-cols-1 sm:grid-cols-2 xl:grid-cols-3", t === 4 && "grid-cols-1 sm:grid-cols-2 xl:grid-cols-4", r),
+		...i
 	});
 }
 //#endregion

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={default:`border-border bg-muted`,success:`border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-300`,warning:`border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-300`,danger:`border-red-200 bg-red-50 text-red-700 dark:border-red-900 dark:bg-red-950 dark:text-red-300`};function a({events:e,days:n,view:a=`week`,empty:o=`No events scheduled.`,onCreateEvent:s,onEventClick:c,className:l,...u}){let d=n??Array.from(new Set(e.map(e=>e.date)));return d.length===0?(0,r.jsx)(`div`,{"data-slot":`calendar-scheduler`,"data-view":a,className:t.cn(`rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-5 text-sm text-muted-foreground shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]`,l),...u,children:(0,r.jsx)(`div`,{className:`flex min-h-32 items-center justify-center rounded-[var(--radius-lg)] border border-dashed border-[color:var(--aui-card-border,var(--border))] bg-muted/20 px-4 py-6 text-center`,children:(0,r.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,r.jsx)(`p`,{"data-empty":`true`,className:`text-sm font-medium text-foreground`,children:o}),s?(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground hover:bg-muted/50`,onClick:()=>s(`today`),children:`Create event`}):null]})})}):(0,r.jsx)(`div`,{"data-slot":`calendar-scheduler`,"data-view":a,className:t.cn(`grid gap-3`,a===`month`&&`md:grid-cols-2 xl:grid-cols-3`,l),...u,children:d.map(n=>{let a=e.filter(e=>e.date===n);return(0,r.jsxs)(`section`,{className:`rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-4 shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]`,children:[(0,r.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,r.jsx)(`div`,{className:`text-sm font-semibold text-foreground`,children:n}),(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[a.length,` items`]})]}),(0,r.jsx)(`div`,{className:`grid gap-2`,children:a.length===0?(0,r.jsx)(`div`,{className:`rounded-[var(--radius-md)] border border-dashed border-[color:var(--aui-card-border,var(--border))] px-3 py-4 text-sm text-muted-foreground`,children:o}):a.map(e=>(0,r.jsxs)(`button`,{type:`button`,className:t.cn(`rounded-[var(--radius-md)] border px-3 py-2.5 text-left text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,i[e.tone??`default`]),onClick:()=>c?.(e),children:[(0,r.jsx)(`div`,{className:`font-medium`,children:e.title}),e.time&&(0,r.jsx)(`div`,{className:`mt-1 text-xs opacity-70`,children:e.time}),e.durationMinutes&&(0,r.jsxs)(`div`,{className:`mt-1 text-xs opacity-70`,children:[e.durationMinutes,` min`]})]},e.id))}),s&&(0,r.jsx)(`button`,{type:`button`,className:`mt-3 w-full rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground hover:bg-muted/50`,onClick:()=>s(n),children:`Create event`})]},n)})})}exports.CalendarScheduler=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={default:`border-border bg-muted`,success:`border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-300`,warning:`border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-300`,danger:`border-red-200 bg-red-50 text-red-700 dark:border-red-900 dark:bg-red-950 dark:text-red-300`};function a({events:e,days:a,view:o=`week`,variant:s=`board`,density:c=`default`,title:l,description:u,actions:d,empty:f=`No events scheduled.`,selectedEventId:p,defaultSelectedEventId:m,onSelectedEventChange:h,onCreateEvent:g,onEventClick:_,renderEvent:v,createLabel:y=`Create event`,showCount:b=!0,dayClassName:x,eventClassName:S,formatDay:C,className:w,...T}){let[E,D]=n.useState(m),O=p??E,k=e.filter(e=>!e.hidden),A=a??Array.from(new Set(k.map(e=>e.date))),j=e=>{e.disabled||(p===void 0&&D(e.id),h?.(e.id,e),_?.(e))};return A.length===0?(0,r.jsx)(`div`,{"data-slot":`calendar-scheduler`,"data-view":o,"data-variant":s,"data-density":c,className:t.cn(`rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-5 text-sm text-muted-foreground shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]`,w),...T,children:(0,r.jsx)(`div`,{className:`flex min-h-32 items-center justify-center rounded-[var(--radius-lg)] border border-dashed border-[color:var(--aui-card-border,var(--border))] bg-muted/20 px-4 py-6 text-center`,children:(0,r.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,r.jsx)(`p`,{"data-empty":`true`,className:`text-sm font-medium text-foreground`,children:f}),g?(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground hover:bg-muted/50`,onClick:()=>g(`today`),children:y}):null]})})}):(0,r.jsxs)(`div`,{"data-slot":`calendar-scheduler`,"data-view":o,"data-variant":s,"data-density":c,className:t.cn(`grid`,c===`compact`?`gap-2`:c===`comfortable`?`gap-5`:`gap-3`,o===`month`&&s===`board`&&`md:grid-cols-2 xl:grid-cols-3`,s===`agenda`&&`rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-4 shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]`,w),...T,children:[l||u||d?(0,r.jsxs)(`div`,{"data-slot":`calendar-scheduler-header`,className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,r.jsxs)(`div`,{className:`min-w-[min(100%,16rem)] flex-1 space-y-1`,children:[l?(0,r.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:l}):null,u?(0,r.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:u}):null]}),d?(0,r.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:d}):null]}):null,A.map(e=>{let n=k.filter(t=>t.date===e);return(0,r.jsxs)(`section`,{"data-slot":`calendar-scheduler-day`,className:t.cn(s===`board`&&`rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-4 shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]`,x),children:[(0,r.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,r.jsx)(`div`,{className:`text-sm font-semibold text-foreground`,children:C?.(e)??e}),b?(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[n.length,` items`]}):null]}),(0,r.jsx)(`div`,{className:t.cn(`grid`,c===`compact`?`gap-1.5`:`gap-2`),children:n.length===0?(0,r.jsx)(`div`,{className:`rounded-[var(--radius-md)] border border-dashed border-[color:var(--aui-card-border,var(--border))] px-3 py-4 text-sm text-muted-foreground`,children:f}):n.map(e=>{let n=O===e.id;return(0,r.jsx)(`button`,{type:`button`,disabled:e.disabled,"data-slot":`calendar-scheduler-event`,"data-selected":n||void 0,className:t.cn(`border text-left text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:cursor-not-allowed disabled:opacity-50`,s===`board`?`rounded-[var(--radius-md)] px-3 py-2.5 shadow-sm`:`grid w-full grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-3 rounded-[var(--radius-md)] bg-background px-3 py-3 hover:bg-muted/35 data-[selected=true]:border-primary/40 data-[selected=true]:bg-primary/5`,s===`board`&&i[e.tone??`default`],S,e.className),onClick:()=>j(e),children:v?v(e,{selected:n}):s===`agenda`?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(`span`,{className:`inline-flex min-w-14 items-center gap-1.5 font-medium`,children:[e.icon,e.time??`—`]}),(0,r.jsxs)(`span`,{className:`min-w-0`,children:[(0,r.jsx)(`span`,{className:`block truncate font-medium text-foreground`,children:e.title}),e.description?(0,r.jsx)(`span`,{className:`mt-0.5 block text-xs text-muted-foreground`,children:e.description}):null,e.meta?(0,r.jsx)(`span`,{className:`mt-1 block text-xs text-muted-foreground`,children:e.meta}):null]}),e.badge?(0,r.jsx)(`span`,{className:`shrink-0`,children:e.badge}):e.durationMinutes?(0,r.jsxs)(`span`,{className:`shrink-0 text-xs opacity-70`,children:[e.durationMinutes,` min`]}):null]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`div`,{className:`font-medium`,children:e.title}),e.description?(0,r.jsx)(`div`,{className:`mt-1 text-xs opacity-80`,children:e.description}):null,e.time?(0,r.jsx)(`div`,{className:`mt-1 text-xs opacity-70`,children:e.time}):null,e.durationMinutes?(0,r.jsxs)(`div`,{className:`mt-1 text-xs opacity-70`,children:[e.durationMinutes,` min`]}):null,e.meta?(0,r.jsx)(`div`,{className:`mt-1 text-xs opacity-70`,children:e.meta}):null]})},e.id)})}),g?(0,r.jsx)(`button`,{type:`button`,className:`mt-3 w-full rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground hover:bg-muted/50`,onClick:()=>g(e),children:y}):null]},e)})]})}exports.CalendarScheduler=a;

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

@@ -1,91 +1,157 @@
 import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as t from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/modern/calendar-scheduler.tsx
-var r = {
+var a = {
 	default: "border-border bg-muted",
 	success: "border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-300",
 	warning: "border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-300",
 	danger: "border-red-200 bg-red-50 text-red-700 dark:border-red-900 dark:bg-red-950 dark:text-red-300"
 };
-function i({ events: i, days: a, view: o = "week", empty: s = "No events scheduled.", onCreateEvent: c, onEventClick: l, className: u, ...d }) {
-	let f = a ?? Array.from(new Set(i.map((e) => e.date)));
-	return f.length === 0 ? /* @__PURE__ */ t("div", {
+function o({ events: o, days: s, view: c = "week", variant: l = "board", density: u = "default", title: d, description: f, actions: p, empty: m = "No events scheduled.", selectedEventId: h, defaultSelectedEventId: g, onSelectedEventChange: _, onCreateEvent: v, onEventClick: y, renderEvent: b, createLabel: x = "Create event", showCount: S = !0, dayClassName: C, eventClassName: w, formatDay: T, className: E, ...D }) {
+	let [O, k] = t.useState(g), A = h ?? O, j = o.filter((e) => !e.hidden), M = s ?? Array.from(new Set(j.map((e) => e.date))), N = (e) => {
+		e.disabled || (h === void 0 && k(e.id), _?.(e.id, e), y?.(e));
+	};
+	return M.length === 0 ? /* @__PURE__ */ r("div", {
 		"data-slot": "calendar-scheduler",
-		"data-view": o,
-		className: e("rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-5 text-sm text-muted-foreground shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]", u),
-		...d,
-		children: /* @__PURE__ */ t("div", {
+		"data-view": c,
+		"data-variant": l,
+		"data-density": u,
+		className: e("rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-5 text-sm text-muted-foreground shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]", E),
+		...D,
+		children: /* @__PURE__ */ r("div", {
 			className: "flex min-h-32 items-center justify-center rounded-[var(--radius-lg)] border border-dashed border-[color:var(--aui-card-border,var(--border))] bg-muted/20 px-4 py-6 text-center",
-			children: /* @__PURE__ */ n("div", {
+			children: /* @__PURE__ */ i("div", {
 				className: "space-y-1.5",
-				children: [/* @__PURE__ */ t("p", {
+				children: [/* @__PURE__ */ r("p", {
 					"data-empty": "true",
 					className: "text-sm font-medium text-foreground",
-					children: s
-				}), c ? /* @__PURE__ */ t("button", {
+					children: m
+				}), v ? /* @__PURE__ */ r("button", {
 					type: "button",
 					className: "rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground hover:bg-muted/50",
-					onClick: () => c("today"),
-					children: "Create event"
+					onClick: () => v("today"),
+					children: x
 				}) : null]
 			})
 		})
-	}) : /* @__PURE__ */ t("div", {
+	}) : /* @__PURE__ */ i("div", {
 		"data-slot": "calendar-scheduler",
-		"data-view": o,
-		className: e("grid gap-3", o === "month" && "md:grid-cols-2 xl:grid-cols-3", u),
-		...d,
-		children: f.map((a) => {
-			let o = i.filter((e) => e.date === a);
-			return /* @__PURE__ */ n("section", {
-				className: "rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-4 shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]",
+		"data-view": c,
+		"data-variant": l,
+		"data-density": u,
+		className: e("grid", u === "compact" ? "gap-2" : u === "comfortable" ? "gap-5" : "gap-3", c === "month" && l === "board" && "md:grid-cols-2 xl:grid-cols-3", l === "agenda" && "rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-4 shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]", E),
+		...D,
+		children: [d || f || p ? /* @__PURE__ */ i("div", {
+			"data-slot": "calendar-scheduler-header",
+			className: "flex flex-wrap items-start justify-between gap-3",
+			children: [/* @__PURE__ */ i("div", {
+				className: "min-w-[min(100%,16rem)] flex-1 space-y-1",
+				children: [d ? /* @__PURE__ */ r("h2", {
+					className: "text-base font-semibold text-foreground",
+					children: d
+				}) : null, f ? /* @__PURE__ */ r("p", {
+					className: "text-sm text-muted-foreground",
+					children: f
+				}) : null]
+			}), p ? /* @__PURE__ */ r("div", {
+				className: "flex shrink-0 flex-wrap items-center gap-2",
+				children: p
+			}) : null]
+		}) : null, M.map((t) => {
+			let o = j.filter((e) => e.date === t);
+			return /* @__PURE__ */ i("section", {
+				"data-slot": "calendar-scheduler-day",
+				className: e(l === "board" && "rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-4 shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]", C),
 				children: [
-					/* @__PURE__ */ n("div", {
+					/* @__PURE__ */ i("div", {
 						className: "mb-3 flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ t("div", {
+						children: [/* @__PURE__ */ r("div", {
 							className: "text-sm font-semibold text-foreground",
-							children: a
-						}), /* @__PURE__ */ n("div", {
+							children: T?.(t) ?? t
+						}), S ? /* @__PURE__ */ i("div", {
 							className: "text-xs text-muted-foreground",
 							children: [o.length, " items"]
-						})]
+						}) : null]
 					}),
-					/* @__PURE__ */ t("div", {
-						className: "grid gap-2",
-						children: o.length === 0 ? /* @__PURE__ */ t("div", {
+					/* @__PURE__ */ r("div", {
+						className: e("grid", u === "compact" ? "gap-1.5" : "gap-2"),
+						children: o.length === 0 ? /* @__PURE__ */ r("div", {
 							className: "rounded-[var(--radius-md)] border border-dashed border-[color:var(--aui-card-border,var(--border))] px-3 py-4 text-sm text-muted-foreground",
-							children: s
-						}) : o.map((i) => /* @__PURE__ */ n("button", {
-							type: "button",
-							className: e("rounded-[var(--radius-md)] border px-3 py-2.5 text-left text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", r[i.tone ?? "default"]),
-							onClick: () => l?.(i),
-							children: [
-								/* @__PURE__ */ t("div", {
-									className: "font-medium",
-									children: i.title
-								}),
-								i.time && /* @__PURE__ */ t("div", {
-									className: "mt-1 text-xs opacity-70",
-									children: i.time
-								}),
-								i.durationMinutes && /* @__PURE__ */ n("div", {
-									className: "mt-1 text-xs opacity-70",
-									children: [i.durationMinutes, " min"]
-								})
-							]
-						}, i.id))
+							children: m
+						}) : o.map((t) => {
+							let o = A === t.id;
+							return /* @__PURE__ */ r("button", {
+								type: "button",
+								disabled: t.disabled,
+								"data-slot": "calendar-scheduler-event",
+								"data-selected": o || void 0,
+								className: e("border text-left text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:cursor-not-allowed disabled:opacity-50", l === "board" ? "rounded-[var(--radius-md)] px-3 py-2.5 shadow-sm" : "grid w-full grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-3 rounded-[var(--radius-md)] bg-background px-3 py-3 hover:bg-muted/35 data-[selected=true]:border-primary/40 data-[selected=true]:bg-primary/5", l === "board" && a[t.tone ?? "default"], w, t.className),
+								onClick: () => N(t),
+								children: b ? b(t, { selected: o }) : l === "agenda" ? /* @__PURE__ */ i(n, { children: [
+									/* @__PURE__ */ i("span", {
+										className: "inline-flex min-w-14 items-center gap-1.5 font-medium",
+										children: [t.icon, t.time ?? "—"]
+									}),
+									/* @__PURE__ */ i("span", {
+										className: "min-w-0",
+										children: [
+											/* @__PURE__ */ r("span", {
+												className: "block truncate font-medium text-foreground",
+												children: t.title
+											}),
+											t.description ? /* @__PURE__ */ r("span", {
+												className: "mt-0.5 block text-xs text-muted-foreground",
+												children: t.description
+											}) : null,
+											t.meta ? /* @__PURE__ */ r("span", {
+												className: "mt-1 block text-xs text-muted-foreground",
+												children: t.meta
+											}) : null
+										]
+									}),
+									t.badge ? /* @__PURE__ */ r("span", {
+										className: "shrink-0",
+										children: t.badge
+									}) : t.durationMinutes ? /* @__PURE__ */ i("span", {
+										className: "shrink-0 text-xs opacity-70",
+										children: [t.durationMinutes, " min"]
+									}) : null
+								] }) : /* @__PURE__ */ i(n, { children: [
+									/* @__PURE__ */ r("div", {
+										className: "font-medium",
+										children: t.title
+									}),
+									t.description ? /* @__PURE__ */ r("div", {
+										className: "mt-1 text-xs opacity-80",
+										children: t.description
+									}) : null,
+									t.time ? /* @__PURE__ */ r("div", {
+										className: "mt-1 text-xs opacity-70",
+										children: t.time
+									}) : null,
+									t.durationMinutes ? /* @__PURE__ */ i("div", {
+										className: "mt-1 text-xs opacity-70",
+										children: [t.durationMinutes, " min"]
+									}) : null,
+									t.meta ? /* @__PURE__ */ r("div", {
+										className: "mt-1 text-xs opacity-70",
+										children: t.meta
+									}) : null
+								] })
+							}, t.id);
+						})
 					}),
-					c && /* @__PURE__ */ t("button", {
+					v ? /* @__PURE__ */ r("button", {
 						type: "button",
 						className: "mt-3 w-full rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground hover:bg-muted/50",
-						onClick: () => c(a),
-						children: "Create event"
-					})
+						onClick: () => v(t),
+						children: x
+					}) : null
 				]
-			}, a);
-		})
+			}, t);
+		})]
 	});
 }
 //#endregion
-export { i as CalendarScheduler };
+export { o as CalendarScheduler };

package/dist/src/components/ui/button/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@base-ui/react/button"),i=require("class-variance-authority"),a=require("react/jsx-runtime");var o=(0,i.cva)(`group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap outline-none select-none disabled:pointer-events-none disabled:cursor-not-allowed aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{default:``,outline:``,secondary:``,ghost:``,destructive:``,warning:``,link:``},size:{default:``,xs:``,sm:``,md:``,lg:``,xl:``,icon:``,"icon-xs":``,"icon-sm":``,"icon-lg":``}},defaultVariants:{variant:`default`,size:`default`}});function s({className:e,variant:n=`default`,size:i=`default`,disabled:s,loading:c=!1,loadingLabel:l=`Loading`,leftIcon:u,rightIcon:d,iconOnly:f=!1,fullWidth:p=!1,pressed:m=!1,children:h,"aria-label":g,..._}){let v=s||c,y=f&&(i==="default"||i===`md`)?`icon`:i;return(0,a.jsxs)(r.Button,{"data-slot":`button`,"data-variant":n??`default`,"data-size":y??`default`,"data-icon-only":f||void 0,"data-loading":c||void 0,"data-pressed":m||void 0,disabled:v,"aria-busy":c||void 0,"aria-pressed":m||void 0,"aria-label":g,className:t.cn(o({variant:n,size:y,className:e}),p&&`w-full`,m&&``),..._,children:[c?(0,a.jsx)(`span`,{"data-slot":`button-spinner`,"aria-hidden":`true`}):u?(0,a.jsx)(`span`,{"data-icon":`inline-start`,"data-slot":`button-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:u}):null,h?(0,a.jsx)(`span`,{"data-slot":`button-label`,children:c?l:h}):null,!c&&d?(0,a.jsx)(`span`,{"data-icon":`inline-end`,"data-slot":`button-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:d}):null]})}exports.Button=s,exports.buttonVariants=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@base-ui/react/button"),i=require("class-variance-authority"),a=require("react/jsx-runtime");var o=(0,i.cva)(`group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap outline-none select-none disabled:pointer-events-none disabled:cursor-not-allowed aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{default:``,outline:``,secondary:``,ghost:``,destructive:``,warning:``,link:``},size:{default:``,xs:``,sm:``,md:``,lg:``,xl:``,icon:``,"icon-xs":``,"icon-sm":``,"icon-lg":``}},defaultVariants:{variant:`default`,size:`default`}});function s({className:e,variant:n=`default`,size:i=`default`,disabled:s,loading:c=!1,loadingLabel:l=`Loading`,leftIcon:u,rightIcon:d,iconOnly:f=!1,fullWidth:p=!1,pressed:m=!1,labelClassName:h,children:g,"aria-label":_,...v}){let y=s||c,b=f&&(i==="default"||i===`md`)?`icon`:i;return(0,a.jsxs)(r.Button,{"data-slot":`button`,"data-variant":n??`default`,"data-size":b??`default`,"data-icon-only":f||void 0,"data-loading":c||void 0,"data-pressed":m||void 0,disabled:y,"aria-busy":c||void 0,"aria-pressed":m||void 0,"aria-label":_,className:t.cn(o({variant:n,size:b,className:e}),p&&`w-full`,m&&``),...v,children:[c?(0,a.jsx)(`span`,{"data-slot":`button-spinner`,"aria-hidden":`true`}):u?(0,a.jsx)(`span`,{"data-icon":`inline-start`,"data-slot":`button-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:u}):null,g?(0,a.jsx)(`span`,{"data-slot":`button-label`,className:t.cn(`inline-flex min-w-0 items-center gap-[inherit]`,h),children:c?l:g}):null,!c&&d?(0,a.jsx)(`span`,{"data-icon":`inline-end`,"data-slot":`button-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:d}):null]})}exports.Button=s,exports.buttonVariants=o;

package/dist/src/components/ui/button/index.js

@@ -33,25 +33,25 @@ var a = n("group/button inline-flex shrink-0 items-center justify-center whitesp
 		size: "default"
 	}
 });
-function o({ className: n, variant: o = "default", size: s = "default", disabled: c, loading: l = !1, loadingLabel: u = "Loading", leftIcon: d, rightIcon: f, iconOnly: p = !1, fullWidth: m = !1, pressed: h = !1, children: g, "aria-label": _, ...v }) {
-	let y = c || l, b = p && (s === "default" || s === "md") ? "icon" : s;
+function o({ className: n, variant: o = "default", size: s = "default", disabled: c, loading: l = !1, loadingLabel: u = "Loading", leftIcon: d, rightIcon: f, iconOnly: p = !1, fullWidth: m = !1, pressed: h = !1, labelClassName: g, children: _, "aria-label": v, ...y }) {
+	let b = c || l, x = p && (s === "default" || s === "md") ? "icon" : s;
 	return /* @__PURE__ */ i(t, {
 		"data-slot": "button",
 		"data-variant": o ?? "default",
-		"data-size": b ?? "default",
+		"data-size": x ?? "default",
 		"data-icon-only": p || void 0,
 		"data-loading": l || void 0,
 		"data-pressed": h || void 0,
-		disabled: y,
+		disabled: b,
 		"aria-busy": l || void 0,
 		"aria-pressed": h || void 0,
-		"aria-label": _,
+		"aria-label": v,
 		className: e(a({
 			variant: o,
-			size: b,
+			size: x,
 			className: n
 		}), m && "w-full", h && ""),
-		...v,
+		...y,
 		children: [
 			l ? /* @__PURE__ */ r("span", {
 				"data-slot": "button-spinner",
@@ -62,9 +62,10 @@ function o({ className: n, variant: o = "default", size: s = "default", disabled
 				className: "inline-flex shrink-0 items-center justify-center",
 				children: d
 			}) : null,
-			g ? /* @__PURE__ */ r("span", {
+			_ ? /* @__PURE__ */ r("span", {
 				"data-slot": "button-label",
-				children: l ? u : g
+				className: e("inline-flex min-w-0 items-center gap-[inherit]", g),
+				children: l ? u : _
 			}) : null,
 			!l && f ? /* @__PURE__ */ r("span", {
 				"data-icon": "inline-end",

package/dist/src/showcase/package-meta.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`3.1.16`,t=`July 15, 2026`,n=e;exports.PACKAGE_DEPENDENCY_RANGE=n,exports.PACKAGE_LATEST_RELEASE_DATE=t,exports.PACKAGE_LATEST_VERSION=e;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`3.1.17`,t=`July 15, 2026`,n=e;exports.PACKAGE_DEPENDENCY_RANGE=n,exports.PACKAGE_LATEST_RELEASE_DATE=t,exports.PACKAGE_LATEST_VERSION=e;