tembro 2.0.4 → 2.0.5

package/dist/components/actions/action-menu.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/button/index.cjs"),r=require("../ui/dropdown-menu/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({actions:e,label:s,trigger:c,align:l=`end`,side:u=`bottom`,sideOffset:d=4,disabled:f=!1,contentClassName:p,triggerClassName:m,emptyLabel:h=`No actions`}){let g=e.filter(e=>!e.hidden),[_,v]=i.useState(null),y=async e=>{if(!(e.disabled||e.loading||_))try{v(e.key),await e.onSelect?.()}finally{v(null)}};return(0,o.jsxs)(r.DropdownMenu,{children:[(0,o.jsxs)(r.DropdownMenuTrigger,{render:c??(0,o.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,disabled:f,className:t.cn(`rounded-full border border-transparent text-muted-foreground hover:border-border/70 hover:bg-muted/50 hover:text-foreground`,m),onClick:t.stopInteractivePropagation,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation}),children:[!c&&(0,o.jsx)(a.MoreHorizontalIcon,{}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Open actions`})]}),(0,o.jsxs)(r.DropdownMenuContent,{align:l,side:u,sideOffset:d,className:t.cn(`min-w-40`,p),children:[s&&(0,o.jsx)(r.DropdownMenuLabel,{children:s}),s&&g.length>0&&(0,o.jsx)(r.DropdownMenuSeparator,{}),g.length===0&&(0,o.jsx)(r.DropdownMenuItem,{disabled:!0,children:h}),g.map(e=>{let n=e.loading||_===e.key;return(0,o.jsxs)(r.DropdownMenuItem,{disabled:e.disabled||n,variant:e.destructive?`destructive`:`default`,onClick:n=>{t.stopInteractivePropagation(n),y(e)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[n?(0,o.jsx)(a.Loader2Icon,{className:`animate-spin`}):e.icon,(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),e.shortcut&&(0,o.jsx)(`span`,{className:`ml-auto text-[11px] tracking-[0.14em] text-muted-foreground`,children:e.shortcut})]},e.key)})]})]})}exports.ActionMenu=s;
+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/dropdown-menu/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({actions:e,label:s,trigger:c,align:l=`end`,side:u=`bottom`,sideOffset:d=4,disabled:f=!1,triggerVariant:p=`ghost`,triggerSize:m=`icon-sm`,showChevron:h=!1,closeOnSelect:g=!0,contentClassName:_,triggerClassName:v,itemClassName:y,emptyLabel:b=`No actions`,menuWidth:x,loadingLabel:S=`Working...`,persistIconSpace:C=!0}){let w=e.filter(e=>!e.hidden),[T,E]=i.useState(null),[D,O]=i.useState(!1),k=i.useRef(null),A=async e=>{if(!(e.disabled||e.loading||T))try{E(e.key),await e.onSelect?.(),g&&!e.keepOpen&&O(!1)}finally{E(null)}},j=e=>{k.current!==e.key&&(k.current=e.key,queueMicrotask(()=>{k.current===e.key&&(k.current=null)}),A(e))};return(0,o.jsxs)(r.DropdownMenu,{open:D,onOpenChange:O,children:[(0,o.jsxs)(r.DropdownMenuTrigger,{render:c??(0,o.jsx)(n.Button,{type:`button`,variant:p,size:m,disabled:f,className:t.cn(`rounded-full border border-transparent text-muted-foreground shadow-none transition-[background-color,border-color,color,box-shadow] hover:border-border/70 hover:bg-accent hover:text-foreground focus-visible:border-[color:var(--aui-focus-ring,var(--ring))] focus-visible:shadow-[0_0_0_3px_var(--aui-focus-ring-soft,transparent)]`,v),onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation}),children:[!c&&(0,o.jsx)(a.MoreHorizontalIcon,{}),!c&&h&&(0,o.jsx)(`span`,{className:`text-[10px] font-medium uppercase tracking-[0.18em]`,children:`Menu`}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Open actions`})]}),(0,o.jsxs)(r.DropdownMenuContent,{align:l,side:u,sideOffset:d,className:t.cn(`min-w-48 rounded-[var(--aui-card-radius,var(--radius-lg))]`,_),style:x?{width:typeof x==`number`?`${x}px`:x}:void 0,children:[s&&(0,o.jsx)(r.DropdownMenuLabel,{children:s}),s&&w.length>0&&(0,o.jsx)(r.DropdownMenuSeparator,{}),w.length===0&&(0,o.jsx)(r.DropdownMenuItem,{disabled:!0,children:b}),w.map((e,n)=>{let s=e.loading||T===e.key,c=n>0?w[n-1]?.section:void 0,l=!!(e.section&&e.section!==c);return(0,o.jsxs)(i.Fragment,{children:[l?(0,o.jsxs)(o.Fragment,{children:[n>0?(0,o.jsx)(r.DropdownMenuSeparator,{}):null,(0,o.jsx)(r.DropdownMenuLabel,{children:e.section})]}):null,(0,o.jsxs)(r.DropdownMenuItem,{disabled:e.disabled||s,variant:e.destructive?`destructive`:`default`,closeOnSelect:g&&!e.keepOpen,className:t.cn(`min-h-11 items-start gap-3 rounded-[calc(var(--radius-md)+1px)] border border-transparent py-2.5 transition-[background-color,color,border-color,box-shadow] data-[highlighted]:shadow-[inset_0_0_0_1px_color-mix(in_oklch,var(--primary),transparent_76%)] data-[disabled]:opacity-45`,y),onSelect:n=>{(e.keepOpen||!g)&&n.preventDefault(),t.stopInteractivePropagation(n),j(e)},onClick:n=>{t.stopInteractivePropagation(n),j(e)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,o.jsx)(`span`,{className:t.cn(`mt-0.5 flex size-5 shrink-0 items-center justify-center text-muted-foreground`,!C&&!s&&!e.icon&&`hidden`),children:s?(0,o.jsx)(a.Loader2Icon,{className:`size-4 animate-spin`}):e.icon}),(0,o.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{className:`block truncate`,children:e.label}),e.description?(0,o.jsx)(r.DropdownMenuItemDescription,{className:`mt-0.5 truncate`,children:s?S:e.description}):null]}),e.shortcut&&(0,o.jsx)(r.DropdownMenuShortcut,{children:e.shortcut})]})]},e.key)})]})]})}exports.ActionMenu=s;

package/dist/components/actions/action-menu.d.ts

@@ -1,13 +1,17 @@
 import * as React from "react";
+import { Button } from "@/components/ui/button";
 export type ActionMenuItem = {
     key: string;
     label: React.ReactNode;
+    section?: React.ReactNode;
+    description?: React.ReactNode;
     icon?: React.ReactNode;
     shortcut?: React.ReactNode;
     disabled?: boolean;
     loading?: boolean;
     destructive?: boolean;
     hidden?: boolean;
+    keepOpen?: boolean;
     onSelect?: () => void | Promise<void>;
 };
 export type ActionMenuProps = {
@@ -18,9 +22,17 @@ export type ActionMenuProps = {
     side?: "top" | "right" | "bottom" | "left";
     sideOffset?: number;
     disabled?: boolean;
+    triggerVariant?: React.ComponentProps<typeof Button>["variant"];
+    triggerSize?: React.ComponentProps<typeof Button>["size"];
+    showChevron?: boolean;
+    closeOnSelect?: boolean;
     contentClassName?: string;
     triggerClassName?: string;
+    itemClassName?: string;
     emptyLabel?: React.ReactNode;
+    menuWidth?: number | string;
+    loadingLabel?: React.ReactNode;
+    persistIconSpace?: boolean;
 };
-declare function ActionMenu({ actions, label, trigger, align, side, sideOffset, disabled, contentClassName, triggerClassName, emptyLabel, }: ActionMenuProps): React.JSX.Element;
+declare function ActionMenu({ actions, label, trigger, align, side, sideOffset, disabled, triggerVariant, triggerSize, showChevron, closeOnSelect, contentClassName, triggerClassName, itemClassName, emptyLabel, menuWidth, loadingLabel, persistIconSpace, }: ActionMenuProps): React.JSX.Element;
 export { ActionMenu };

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

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

package/dist/components/actions/button-group.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/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({items:e,attached:r=!0,size:a=`sm`,variant:o=`outline`,className:s,children:c,...l}){return(0,i.jsxs)(`div`,{"data-slot":`button-group`,role:`group`,className:t.cn(`inline-flex items-center`,!r&&`gap-2`,s),...l,children:[e?.map(({key:e,label:s,className:c,size:l,variant:u,...d})=>(0,i.jsx)(n.Button,{size:l??a,variant:u??o,className:t.cn(r&&`rounded-none first:rounded-l-md last:rounded-r-md -ml-px first:ml-0`,c),...d,children:s},e)),c]})}exports.ButtonGroup=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({items:e,attached:a=!0,size:o=`sm`,variant:s=`outline`,activeVariant:c=`default`,orientation:l=`horizontal`,fullWidth:u=!1,allowDeselect:d=!1,value:f,defaultValue:p,onValueChange:m,className:h,children:g,..._}){let v=l===`vertical`,y=f!==void 0,[b,x]=r.useState(p),S=y?f:b,C=r.useId(),w=r.useRef([]),T=e=>{let t=d&&S===e?``:e;y||x(t),m?.(t)};return(0,i.jsxs)(`div`,{"data-slot":`button-group`,role:`group`,"data-orientation":l,"aria-orientation":l,className:t.cn(`inline-flex`,v?`flex-col`:`items-center`,u&&`w-full`,a?`overflow-hidden rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] shadow-[var(--aui-control-shadow,none)]`:`gap-2`,h),..._,children:[e?.map(({key:r,label:l,description:d,className:f,size:p,variant:m,onClick:h,"aria-label":g,..._},y)=>{let b=S===r,x=d?`${C}-${r}-description`:void 0;return(0,i.jsx)(n.Button,{ref:e=>{w.current[y]=e},size:p??o,variant:m??(b?c:s),"aria-label":g??(d&&typeof l==`string`?l:void 0),"aria-pressed":b||void 0,"aria-describedby":x,tabIndex:b||!S&&y===0?0:-1,"data-selected":b||void 0,className:t.cn(a&&t.cn(`relative rounded-none border-0 shadow-none first:ml-0 data-[selected=true]:shadow-none`,u&&`flex-1`,v?`w-full border-t border-[color:var(--aui-control-border,var(--border))] first:border-t-0`:`border-l border-[color:var(--aui-control-border,var(--border))] first:border-l-0`),d&&`h-auto min-h-9 py-2`,f),onClick:e=>{T(r),h?.(e)},onKeyDown:t=>{let n=e?.length??0;if(!n)return;let r=e=>{let t=(e+n)%n;w.current[t]?.focus()};t.key===`ArrowRight`&&!v?(t.preventDefault(),r(y+1)):t.key===`ArrowLeft`&&!v?(t.preventDefault(),r(y-1)):t.key===`ArrowDown`&&v?(t.preventDefault(),r(y+1)):t.key===`ArrowUp`&&v?(t.preventDefault(),r(y-1)):t.key===`Home`?(t.preventDefault(),r(0)):t.key===`End`&&(t.preventDefault(),r(n-1))},..._,children:d?(0,i.jsxs)(`span`,{className:`flex min-w-0 flex-col items-start text-left`,children:[(0,i.jsx)(`span`,{children:l}),(0,i.jsx)(`span`,{"aria-hidden":`true`,className:`truncate text-[11px] font-medium opacity-80`,children:d}),(0,i.jsx)(`span`,{id:x,className:`sr-only`,children:d})]}):l},r)}),g]})}exports.ButtonGroup=a;

package/dist/components/actions/button-group.d.ts

@@ -4,12 +4,20 @@ type ButtonProps = React.ComponentProps<typeof Button>;
 export type ButtonGroupItem = Omit<ButtonProps, "children"> & {
     key: string;
     label: React.ReactNode;
+    description?: React.ReactNode;
 };
 export type ButtonGroupProps = React.ComponentProps<"div"> & {
     items?: ButtonGroupItem[];
     attached?: boolean;
     size?: ButtonProps["size"];
     variant?: ButtonProps["variant"];
+    activeVariant?: ButtonProps["variant"];
+    orientation?: "horizontal" | "vertical";
+    fullWidth?: boolean;
+    allowDeselect?: boolean;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
 };
-declare function ButtonGroup({ items, attached, size, variant, className, children, ...props }: ButtonGroupProps): React.JSX.Element;
+declare function ButtonGroup({ items, attached, size, variant, activeVariant, orientation, fullWidth, allowDeselect, value, defaultValue, onValueChange, className, children, ...props }: ButtonGroupProps): React.JSX.Element;
 export { ButtonGroup };

package/dist/components/actions/button-group.js

@@ -1,22 +1,66 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
-import "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/actions/button-group.tsx
-function i({ items: i, attached: a = !0, size: o = "sm", variant: s = "outline", className: c, children: l, ...u }) {
-	return /* @__PURE__ */ r("div", {
+function a({ items: a, attached: o = !0, size: s = "sm", variant: c = "outline", activeVariant: l = "default", orientation: u = "horizontal", fullWidth: d = !1, allowDeselect: f = !1, value: p, defaultValue: m, onValueChange: h, className: g, children: _, ...v }) {
+	let y = u === "vertical", b = p !== void 0, [x, S] = n.useState(m), C = b ? p : x, w = n.useId(), T = n.useRef([]), E = (e) => {
+		let t = f && C === e ? "" : e;
+		b || S(t), h?.(t);
+	};
+	return /* @__PURE__ */ i("div", {
 		"data-slot": "button-group",
 		role: "group",
-		className: e("inline-flex items-center", !a && "gap-2", c),
-		...u,
-		children: [i?.map(({ key: r, label: i, className: c, size: l, variant: u, ...d }) => /* @__PURE__ */ n(t, {
-			size: l ?? o,
-			variant: u ?? s,
-			className: e(a && "rounded-none first:rounded-l-md last:rounded-r-md -ml-px first:ml-0", c),
-			...d,
-			children: i
-		}, r)), l]
+		"data-orientation": u,
+		"aria-orientation": u,
+		className: e("inline-flex", y ? "flex-col" : "items-center", d && "w-full", o ? "overflow-hidden rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] shadow-[var(--aui-control-shadow,none)]" : "gap-2", g),
+		...v,
+		children: [a?.map(({ key: n, label: u, description: f, className: p, size: m, variant: h, onClick: g, "aria-label": _, ...v }, b) => {
+			let x = C === n, S = f ? `${w}-${n}-description` : void 0;
+			return /* @__PURE__ */ r(t, {
+				ref: (e) => {
+					T.current[b] = e;
+				},
+				size: m ?? s,
+				variant: h ?? (x ? l : c),
+				"aria-label": _ ?? (f && typeof u == "string" ? u : void 0),
+				"aria-pressed": x || void 0,
+				"aria-describedby": S,
+				tabIndex: x || !C && b === 0 ? 0 : -1,
+				"data-selected": x || void 0,
+				className: e(o && e("relative rounded-none border-0 shadow-none first:ml-0 data-[selected=true]:shadow-none", d && "flex-1", y ? "w-full border-t border-[color:var(--aui-control-border,var(--border))] first:border-t-0" : "border-l border-[color:var(--aui-control-border,var(--border))] first:border-l-0"), f && "h-auto min-h-9 py-2", p),
+				onClick: (e) => {
+					E(n), g?.(e);
+				},
+				onKeyDown: (e) => {
+					let t = a?.length ?? 0;
+					if (!t) return;
+					let n = (e) => {
+						let n = (e + t) % t;
+						T.current[n]?.focus();
+					};
+					e.key === "ArrowRight" && !y ? (e.preventDefault(), n(b + 1)) : e.key === "ArrowLeft" && !y ? (e.preventDefault(), n(b - 1)) : e.key === "ArrowDown" && y ? (e.preventDefault(), n(b + 1)) : e.key === "ArrowUp" && y ? (e.preventDefault(), n(b - 1)) : e.key === "Home" ? (e.preventDefault(), n(0)) : e.key === "End" && (e.preventDefault(), n(t - 1));
+				},
+				...v,
+				children: f ? /* @__PURE__ */ i("span", {
+					className: "flex min-w-0 flex-col items-start text-left",
+					children: [
+						/* @__PURE__ */ r("span", { children: u }),
+						/* @__PURE__ */ r("span", {
+							"aria-hidden": "true",
+							className: "truncate text-[11px] font-medium opacity-80",
+							children: f
+						}),
+						/* @__PURE__ */ r("span", {
+							id: S,
+							className: "sr-only",
+							children: f
+						})
+					]
+				}) : u
+			}, n);
+		}), _]
 	});
 }
 //#endregion
-export { i as ButtonGroup };
+export { a as ButtonGroup };

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

package/dist/components/actions/copy-button.d.ts

@@ -8,6 +8,7 @@ export type CopyButtonProps = Omit<React.ComponentProps<typeof Button>, "onClick
     onCopied?: (value: string) => void;
     onCopyError?: (error: unknown) => void;
     showIcon?: boolean;
+    copiedVariant?: React.ComponentProps<typeof Button>["variant"];
 };
-declare function CopyButton({ value, copiedLabel, copyLabel, copiedTimeout, onCopied, onCopyError, showIcon, disabled, children, type, ...props }: CopyButtonProps): React.JSX.Element;
+declare function CopyButton({ value, copiedLabel, copyLabel, copiedTimeout, onCopied, onCopyError, showIcon, copiedVariant, variant, disabled, children, type, ...props }: CopyButtonProps): React.JSX.Element;
 export { CopyButton };

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

@@ -18,14 +18,14 @@ async function s(e) {
 		document.body.removeChild(t);
 	}
 }
-function c({ value: c, copiedLabel: l = "Copied", copyLabel: u = "Copy", copiedTimeout: d = 1600, onCopied: f, onCopyError: p, showIcon: m = !0, disabled: h, children: g, type: _ = "button", ...v }) {
-	let [y, b] = n.useState(!1), x = n.useRef(void 0);
+function c({ value: c, copiedLabel: l = "Copied", copyLabel: u = "Copy", copiedTimeout: d = 1600, onCopied: f, onCopyError: p, showIcon: m = !0, copiedVariant: h, variant: g, disabled: _, children: v, type: y = "button", ...b }) {
+	let [x, S] = n.useState(!1), C = n.useRef(void 0);
 	n.useEffect(() => () => {
-		x.current && window.clearTimeout(x.current);
+		C.current && window.clearTimeout(C.current);
 	}, []);
-	let S = n.useCallback(async () => {
+	let w = n.useCallback(async () => {
 		try {
-			await s(c), b(!0), f?.(c), x.current && window.clearTimeout(x.current), x.current = window.setTimeout(() => b(!1), d);
+			await s(c), S(!0), f?.(c), C.current && window.clearTimeout(C.current), C.current = window.setTimeout(() => S(!1), d);
 		} catch (e) {
 			p?.(e);
 		}
@@ -37,16 +37,18 @@ function c({ value: c, copiedLabel: l = "Copied", copyLabel: u = "Copy", copiedT
 	]);
 	return /* @__PURE__ */ o(t, {
 		"data-slot": "copy-button",
-		"data-copied": y || void 0,
-		type: _,
-		disabled: h || !c,
+		"data-copied": x || void 0,
+		type: y,
+		variant: x ? h ?? "secondary" : g,
+		disabled: _ || !c,
 		onClick: (t) => {
-			e(t), S();
+			e(t), w();
 		},
 		onMouseDown: e,
 		onDoubleClick: e,
-		...v,
-		children: [m && a(y ? r : i, { "data-icon": "inline-start" }), g ?? (y ? l : u)]
+		"aria-live": "polite",
+		...b,
+		children: [m && a(x ? r : i, { "data-icon": "inline-start" }), v ?? (x ? l : u)]
 	});
 }
 //#endregion

package/dist/components/calendar/calendar.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/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-[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),...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-[var(--radius-md)] 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-[var(--radius-md)] 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-md)] 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-[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&&`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;
+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,numberOfMonths:re=1,showMonthHeaders:ie,showOutsideDays:S=!0,pagedNavigation:ae=!1,showTodayShortcut:C=!1,showClearShortcut:w=!1,showSelectionSummary:T=!1,labels:E,renderSelectionSummary:D,...oe}){let O=f!==void 0,k=p!==void 0,[se,A]=i.useState(f??null),[ce,j]=i.useState(p??{}),[le,ue]=i.useState(()=>s(te,f,p)),M=O?f:se,N=k?p:ce,P=ee??le,F=Math.max(re,1),de=ie??F>1,I=ae?F:1,L=r.toDateKey(new Date),R=i.useMemo(()=>new Set(y??[]),[y]),fe=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]),pe=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);ue(t),ne?.(t)},Z=e=>{let t=e,n=r.toDateKey(t),i=0;for(;J(n)&&i<370;)t=c(t,t<e?-1:1),n=r.toDateKey(t),i+=1;V(n),W.some(e=>r.isSameMonth(t,e))||X(r.startOfMonth(t))},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))?{from:N.from,to:H}:null,me=i.useMemo(()=>{if(!T&&!D)return null;if(D)return D({mode:g,value:M,range:N,locale:b});if(g===`range`){let e=d(N?.from,b),t=d(N?.to,b);return e&&t?`${e} -> ${t}`:e?`${e} -> ...`:`No range selected`}return d(M,b)??`No date selected`},[N,M,b,g,D,T]),he=()=>{if(g===`single`){O||A(null),m?.(``);return}let e={from:null,to:null};k||j(e),h?.(e)},ge=()=>{let e=new Date,t=r.toDateKey(e);X(e),V(t),J(t)||Q(t)},_e=(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));break;case`ArrowLeft`:e.preventDefault(),Z(c(t,-1));break;case`ArrowDown`:e.preventDefault(),Z(c(t,7));break;case`ArrowUp`:e.preventDefault(),Z(c(t,-7));break;case`Home`:e.preventDefault(),Z(c(t,-n));break;case`End`:e.preventDefault(),Z(c(t,6-n));break;case`PageUp`:e.preventDefault(),Z(l(t,r.addMonths(t,-1)));break;case`PageDown`:e.preventDefault(),Z(l(t,r.addMonths(t,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),...oe,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:[de&&(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:fe.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=q(i),d=!!u,f=u?E?.disabledDate?.(i,u):void 0;return(0,o.jsx)(`button`,{ref:e=>{e?z.current.set(i,e):z.current.delete(i)},type:`button`,disabled:d,"aria-label":f??E?.selectDate?.(i)??i,"aria-current":i===L?`date`:void 0,tabIndex:i===pe?0:-1,title:f,"data-selected":s||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":u,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=>_e(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:he,children:E?.clear??`Clear`}):null,C?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:ge,children:E?.today??`Today`}):null]})]}):null]})}exports.Calendar=f;

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

@@ -7,9 +7,17 @@ export type CalendarDisabledReason = "disabled" | "min" | "max" | "range";
 export type CalendarLabels = {
     previousMonth?: string;
     nextMonth?: string;
+    today?: string;
+    clear?: string;
     selectDate?: (date: string) => string;
     disabledDate?: (date: string, reason: CalendarDisabledReason) => string;
 };
+export type CalendarSummaryState = {
+    mode: "single" | "range";
+    value?: string | null;
+    range?: CalendarDateRange;
+    locale: string;
+};
 export type CalendarProps = React.ComponentProps<"div"> & {
     value?: string | null;
     range?: CalendarDateRange;
@@ -26,8 +34,13 @@ export type CalendarProps = React.ComponentProps<"div"> & {
     weekStartsOn?: 0 | 1;
     numberOfMonths?: number;
     showMonthHeaders?: boolean;
+    showOutsideDays?: boolean;
     pagedNavigation?: boolean;
+    showTodayShortcut?: boolean;
+    showClearShortcut?: boolean;
+    showSelectionSummary?: boolean;
     labels?: CalendarLabels;
+    renderSelectionSummary?: (state: CalendarSummaryState) => React.ReactNode;
 };
-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;
+declare function Calendar({ className, value, range, onValueChange, onRangeChange, mode, month, defaultMonth, onMonthChange, min, max, disabledDates, locale, weekStartsOn, numberOfMonths, showMonthHeaders, showOutsideDays, pagedNavigation, showTodayShortcut, showClearShortcut, showSelectionSummary, labels, renderSelectionSummary, ...props }: CalendarProps): React.JSX.Element;
 export { Calendar };