@rinzai/zen 0.10.3 → 0.13.0

package/dist/badge/index.d.ts

@@ -1,8 +1,10 @@
 import { VariantProps } from '../utils/cva';
 import { ComponentProps } from 'react';
-export default function Badge({ variant, className, ...rest }: BadgeProps): import('react').JSX.Element;
+/** A small label for status, counts and tags; `tone="negative"` for bad news. */
+export default function Badge({ variant, tone, className, ...rest }: BadgeProps): import('react').JSX.Element;
 declare const badgeVariants: (props?: ({
-    variant?: "outline" | "default" | "destructive" | "secondary" | null | undefined;
+    variant?: "outline" | "default" | "secondary" | null | undefined;
+    tone?: "default" | "negative" | null | undefined;
 } & ({
     class: import('../utils/cx').ClassValue;
     className?: never;

package/dist/badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BAExE;AACD,QAAA,MAAM,aAAa;;;;;;;;;;;0BAgBlB,CAAC;AACF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,iFAAiF;AACjF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BAE9E;AACD,QAAA,MAAM,aAAa;;;;;;;;;;;;0BAoBlB,CAAC;AACF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG"}

package/dist/badge/index.js

@@ -2,23 +2,32 @@
 import { cva as e } from "../utils/cva.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region packages/badge/index.tsx
-function n({ variant: e, className: n, ...i }) {
+function n({ variant: e, tone: n, className: i, ...a }) {
 	return /* @__PURE__ */ t("span", {
-		...i,
+		...a,
 		className: r({
 			variant: e,
-			className: n
+			tone: n,
+			className: i
 		})
 	});
 }
-var r = e("zen__badge inline-flex items-center rounded-md border px-1.5 py-0.5 text-xs font-medium whitespace-nowrap focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-glow/50", {
-	variants: { variant: {
-		default: "border-glow/30 bg-glow/10 text-primary",
-		secondary: "border-tint/10 bg-tint/[0.06] text-foreground",
-		destructive: "border-destructive/40 bg-destructive/10 text-destructive",
-		outline: "border-tint/10 text-foreground"
-	} },
-	defaultVariants: { variant: "default" }
+var r = e("zen__badge inline-flex items-center rounded-md border px-1.5 py-0.5 text-xs font-medium whitespace-nowrap focus-ring", {
+	variants: {
+		variant: {
+			default: "border-glow/30 bg-glow/10 text-primary",
+			secondary: "border-tint/10 bg-tint/[0.06] text-foreground",
+			outline: "border-tint/10 text-foreground"
+		},
+		tone: {
+			default: "",
+			negative: "border-destructive/40 bg-destructive/10 text-destructive"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		tone: "default"
+	}
 });
 //#endregion
 export { n as default };

package/dist/base.css

@@ -10,6 +10,10 @@
         /* Room for the scrollbar is always kept, so the page doesn't jump when one appears. */
         scrollbar-gutter: stable;
     }
+    /* Nothing painted behind the content, for pages composited over something else (an OBS overlay). */
+    html[data-zen-page='transparent'] {
+        background: transparent;
+    }
     body {
         /* Transparent: an opaque body would paint over the z-index −1 <Backdrop>. */
         background: transparent;

package/dist/breadcrumbs/index.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from 'react';
 /** Where a page sits: its parents as links, then the page itself. Give the last crumb `current`. */
-export default function Breadcrumbs({ className, children, 'aria-label': label, ...rest }: ComponentProps<'nav'>): import('react').JSX.Element;
+export default function Breadcrumbs({ className, children, 'aria-label': labelProp, ...rest }: ComponentProps<'nav'>): import('react').JSX.Element;
 /**
  * One crumb: a link, or with `current`, the page you're on (not a link). With
  * `asChild`, the styles go onto your own link element (a router's Link).

package/dist/breadcrumbs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/breadcrumbs/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,cAAc,EAA4B,MAAM,OAAO,CAAC;AAE3E,oGAAoG;AACpG,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,KAAoB,EAClC,GAAG,IAAI,EACV,EAAE,cAAc,CAAC,KAAK,CAAC,+BAkBvB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,+BAQnF;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,GAAG,CAAC;IACxD,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/breadcrumbs/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,cAAc,EAA4B,MAAM,OAAO,CAAC;AAE3E,oGAAoG;AACpG,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAoBnH;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,+BAQnF;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,GAAG,CAAC;IACxD,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/breadcrumbs/index.js

@@ -1,39 +1,40 @@
 "use client";
-import { cx as e } from "../utils/cx.js";
-import { Slot as t } from "../utils/slot.js";
-import n from "../icons/micro/chevron-right.js";
-import { Children as r, Fragment as i, isValidElement as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import e from "../icons/micro/chevron-right.js";
+import { cx as t } from "../utils/cx.js";
+import { Slot as n } from "../utils/slot.js";
+import { useMessages as r } from "../locale-provider/index.js";
+import { Children as i, Fragment as a, isValidElement as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region packages/breadcrumbs/index.tsx
-function c({ className: t, children: c, "aria-label": l = "Breadcrumb", ...u }) {
-	let d = r.toArray(c).filter(a);
-	return /* @__PURE__ */ o("nav", {
-		"aria-label": l,
-		className: e("zen__breadcrumbs", t),
-		...u,
-		children: /* @__PURE__ */ o("ol", {
+function l({ className: n, children: l, "aria-label": u, ...d }) {
+	let f = r(), p = u ?? f.breadcrumb, m = i.toArray(l).filter(o);
+	return /* @__PURE__ */ s("nav", {
+		"aria-label": p,
+		className: t("zen__breadcrumbs", n),
+		...d,
+		children: /* @__PURE__ */ s("ol", {
 			className: "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm",
-			children: d.map((e, t) => /* @__PURE__ */ s(i, { children: [t > 0 && /* @__PURE__ */ o("li", {
+			children: m.map((t, n) => /* @__PURE__ */ c(a, { children: [n > 0 && /* @__PURE__ */ s("li", {
 				"aria-hidden": !0,
 				className: "text-muted-foreground/60 flex",
-				children: /* @__PURE__ */ o(n, { className: "size-3.5" })
-			}), /* @__PURE__ */ o("li", {
+				children: /* @__PURE__ */ s(e, { className: "size-3.5 rtl:-scale-x-100" })
+			}), /* @__PURE__ */ s("li", {
 				className: "flex min-w-0",
-				children: e
-			})] }, e.key ?? t))
+				children: t
+			})] }, t.key ?? n))
 		})
 	});
 }
-function l({ current: n, asChild: r, className: i, ...a }) {
-	let s = e("truncate rounded-sm outline-hidden transition-colors focus-visible:ring-2 focus-visible:ring-ring/50", n ? "text-foreground font-medium" : "hover:text-foreground touch-target", i);
-	return n ? /* @__PURE__ */ o("span", {
+function u({ current: e, asChild: r, className: i, ...a }) {
+	let o = t("truncate rounded-sm outline-hidden transition-colors focus-ring", e ? "text-foreground font-medium" : "hover:text-foreground touch-target", i);
+	return e ? /* @__PURE__ */ s("span", {
 		"aria-current": "page",
-		className: s,
+		className: o,
 		...a
-	}) : o(r ? t : "a", {
-		className: s,
+	}) : s(r ? n : "a", {
+		className: o,
 		...a
 	});
 }
 //#endregion
-export { l as Breadcrumb, c as default };
+export { u as Breadcrumb, l as default };

package/dist/button/index.d.ts

@@ -7,9 +7,9 @@ import { ComponentProps } from 'react';
  */
 export default function Button({ className, variant, size, tone, loading, disabled, type, asChild, children, ...rest }: ButtonProps): import('react').JSX.Element;
 export declare const buttonVariants: (props?: ({
-    variant?: "outline" | "link" | "default" | "icon" | "destructive" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | null | undefined;
-    tone?: "inherit" | "default" | "destructive" | "muted" | null | undefined;
+    variant?: "link" | "outline" | "default" | "secondary" | "ghost" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | "icon-sm" | "icon-lg" | "icon-xs" | null | undefined;
+    tone?: "inherit" | "default" | "negative" | "muted" | null | undefined;
 } & ({
     class: import('../utils/cx').ClassValue;
     className?: never;

package/dist/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC3B,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,OAAe,EACf,QAAQ,EACR,IAAe,EACf,OAAe,EACf,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,WAAW,+BAqBb;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;0BAwD1B,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;IAC9F,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC3B,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,OAAe,EACf,QAAQ,EACR,IAAe,EACf,OAAe,EACf,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,WAAW,+BAqBb;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;0BA4D1B,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;IAC9F,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/button/index.js

@@ -28,32 +28,37 @@ function a({ className: t, variant: a, size: s, tone: c, loading: l = !1, disabl
 		children: [l && /* @__PURE__ */ r(n, {}), p]
 	});
 }
-var o = t("zen__button inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden select-none transition-[background-color,border-color,box-shadow,color,transform] duration-200 ease-out active:scale-[0.97] focus-visible:ring-2 focus-visible:ring-glow/50 disabled:pointer-events-none disabled:opacity-50", {
+var o = t("zen__button inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden select-none transition-[background-color,border-color,box-shadow,color,transform] duration-200 ease-out active:scale-[0.97] focus-ring disabled:pointer-events-none disabled:opacity-50", {
 	variants: {
 		variant: {
 			default: "bg-primary bg-[linear-gradient(to_bottom,oklch(1_0_0/0.16),transparent)] text-primary-foreground shadow-[0_0_0_1px_oklch(var(--glow)/0.55),0_0_22px_-6px_oklch(var(--glow)/calc(0.7*var(--glow-k))),inset_0_1px_0_hsl(0_0%_100%/0.3)] hover:shadow-[0_0_0_1px_oklch(var(--glow)/0.8),0_0_28px_-4px_oklch(var(--glow)/calc(0.85*var(--glow-k))),inset_0_1px_0_hsl(0_0%_100%/0.35)]",
 			secondary: "bg-primary/15 text-foreground shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.25)] hover:bg-primary/25",
 			outline: "glow-edge border border-tint/10 bg-tint/[0.03] text-foreground hover:border-tint/20 hover:bg-tint/[0.07]",
 			ghost: "text-muted-foreground hover:bg-tint/[0.06] hover:text-foreground",
-			destructive: "bg-destructive/90 text-destructive-foreground shadow-[0_0_0_1px_oklch(var(--destructive)/0.6),0_0_22px_-8px_oklch(var(--destructive)/calc(0.7*var(--glow-k)))] hover:bg-destructive",
-			link: "inline-block h-auto! max-w-full truncate rounded-sm px-0! text-left align-bottom text-[length:inherit] text-primary underline-offset-4 hover:underline active:scale-100",
-			icon: "text-muted-foreground hover:bg-tint/[0.06] hover:text-foreground"
+			link: "inline-block h-auto! max-w-full truncate rounded-sm px-0! text-start align-bottom text-[length:inherit] text-primary underline-offset-4 hover:underline active:scale-100"
 		},
 		size: {
 			default: "h-10 px-4",
 			sm: "h-8 px-3 text-xs",
 			lg: "h-11 px-6",
-			icon: "size-9",
-			"icon-sm": "size-6 rounded-md"
+			icon: "size-10",
+			"icon-sm": "size-8",
+			"icon-lg": "size-11",
+			"icon-xs": "size-6 rounded-md"
 		},
 		tone: {
 			default: "",
 			muted: "",
 			inherit: "",
-			destructive: ""
+			negative: ""
 		}
 	},
 	compoundVariants: [
+		{
+			variant: "default",
+			tone: "negative",
+			class: "bg-destructive/90 bg-none text-destructive-foreground shadow-[0_0_0_1px_oklch(var(--destructive)/0.6),0_0_22px_-8px_oklch(var(--destructive)/calc(0.7*var(--glow-k)))] hover:bg-destructive hover:shadow-[0_0_0_1px_oklch(var(--destructive)/0.6),0_0_22px_-8px_oklch(var(--destructive)/calc(0.7*var(--glow-k)))]"
+		},
 		{
 			variant: "link",
 			tone: "muted",
@@ -66,13 +71,13 @@ var o = t("zen__button inline-flex cursor-pointer items-center justify-center ga
 		},
 		{
 			variant: "link",
-			tone: "destructive",
+			tone: "negative",
 			class: "text-destructive"
 		},
 		{
-			variant: ["ghost", "icon"],
-			tone: "destructive",
-			class: "hover:bg-destructive/10 hover:text-destructive focus-visible:ring-destructive/40"
+			variant: "ghost",
+			tone: "negative",
+			class: "hover:bg-destructive/10 hover:text-destructive"
 		}
 	],
 	defaultVariants: {

package/dist/button-group/index.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps } from 'react';
+/**
+ * Buttons joined into one: shared edges, rounded only at the ends, e.g. a
+ * split button (an action and a menu of others) or Previous / Today / Next.
+ * Best with `outline` buttons, whose hairlines meet. Upright with
+ * `orientation="vertical"`. Give it an aria-label when the buttons' names
+ * don't say what they're for together.
+ */
+export default function ButtonGroup({ orientation, className, ...rest }: ButtonGroupProps): import('react').JSX.Element;
+export interface ButtonGroupProps extends ComponentProps<'div'> {
+    orientation?: 'horizontal' | 'vertical';
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/button-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/button-group/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,WAA0B,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,+BAkBvG;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3D,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CAC3C"}

package/dist/button-group/index.js

@@ -0,0 +1,14 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region packages/button-group/index.tsx
+function n({ orientation: n = "horizontal", className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		role: "group",
+		"data-orientation": n,
+		className: e("zen__button-group isolate inline-flex w-fit", "[&>:not([popover])]:rounded-none [&>:focus-visible]:z-10 [&>:hover]:z-10", n === "horizontal" ? "[&>:nth-child(1_of_:not([popover]))]:rounded-s-lg [&>:nth-last-child(1_of_:not([popover]))]:rounded-e-lg [&>:not([popover]):not(:nth-child(1_of_:not([popover])))]:-ms-px" : "flex-col [&>:nth-child(1_of_:not([popover]))]:rounded-t-lg [&>:nth-last-child(1_of_:not([popover]))]:rounded-b-lg [&>:not([popover]):not(:nth-child(1_of_:not([popover])))]:-mt-px", r),
+		...i
+	});
+}
+//#endregion
+export { n as default };

package/dist/calendar/index.d.ts

@@ -1,5 +1,6 @@
 import { DateRange, DateString } from '../utils/date';
 import { Month } from '../utils/month';
+import { ComponentProps } from 'react';
 /**
  * A month grid to pick a date, or a range of dates, fully keyboard-driven:
  * arrows move by day and week, Home and End to the week's ends, Page Up and
@@ -8,9 +9,10 @@ import { Month } from '../utils/month';
  * time zones. Inline on a page, or in a popup with DatePicker.
  */
 export default function Calendar(props: CalendarProps): import('react').JSX.Element;
-interface CalendarBaseProps {
-    /** Decides month and weekday names, and the first day of the week, e.g. "en-IN". */
-    locale: string;
+/** Other props (aria-*, data-*, an id) go on the calendar's outer element. */
+interface CalendarBaseProps extends Omit<ComponentProps<'div'>, 'defaultValue' | 'onKeyDown' | 'children'> {
+    /** Decides month and weekday names, and the first day of the week, e.g. "en-IN". Defaults to the LocaleProvider's. */
+    locale?: string;
     /** Earliest date that can be picked ("YYYY-MM-DD"). */
     min?: DateString;
     /** Latest date that can be picked. */
@@ -29,15 +31,20 @@ interface CalendarBaseProps {
 }
 export interface CalendarSingleProps extends CalendarBaseProps {
     mode?: 'single';
-    /** "YYYY-MM-DD", or null for none. */
-    value: DateString | null;
-    onChange: (date: DateString) => void;
+    /** "YYYY-MM-DD", or null for none, when you keep it. */
+    value?: DateString | null;
+    /** The first date, when the calendar keeps its own. */
+    defaultValue?: DateString | null;
+    onValueChange?: (date: DateString) => void;
 }
 export interface CalendarRangeProps extends CalendarBaseProps {
     /** Pick a start and then an end; the days between are highlighted, previewed while pointing. */
     mode: 'range';
-    value: DateRange | null;
-    onChange: (range: DateRange) => void;
+    /** The range when you keep it; `end` is null while only the start is picked. */
+    value?: DateRange | null;
+    /** The first range, when the calendar keeps its own. */
+    defaultValue?: DateRange | null;
+    onValueChange?: (range: DateRange) => void;
 }
 export type CalendarProps = CalendarSingleProps | CalendarRangeProps;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/calendar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGH,KAAK,SAAS,EACd,KAAK,UAAU,EAOlB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAA0B,KAAK,KAAK,EAA6B,MAAM,kBAAkB,CAAC;AAGjG;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAkRpD;AAKD,UAAU,iBAAiB;IACvB,oFAAoF;IACpF,MAAM,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,sCAAsC;IACtC,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,gEAAgE;IAChE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAC3C,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC1D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,sCAAsC;IACtC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IACzD,gGAAgG;IAChG,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/calendar/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAGH,KAAK,SAAS,EACd,KAAK,UAAU,EAOlB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAA0B,KAAK,KAAK,EAA6B,MAAM,kBAAkB,CAAC;AACjG,OAAO,EAAE,cAAc,EAAqD,MAAM,OAAO,CAAC;AAI1F;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAgSpD;AAKD,8EAA8E;AAC9E,UAAU,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,WAAW,GAAG,UAAU,CAAC;IACtG,sHAAsH;IACtH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,sCAAsC;IACtC,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,gEAAgE;IAChE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAC3C,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC1D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,wDAAwD;IACxD,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,uDAAuD;IACvD,YAAY,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CAC9C;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IACzD,gGAAgG;IAChG,IAAI,EAAE,OAAO,CAAC;IACd,gFAAgF;IAChF,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,wDAAwD;IACxD,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CAC9C;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,kBAAkB,CAAC"}

package/dist/calendar/index.js

@@ -1,155 +1,161 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { PICKER_MONTH as t, PICKER_NAV as n } from "../utils/styles.js";
-import r from "../icons/chevron-left.js";
-import i from "../icons/chevron-right.js";
-import { addMonths as a, formatMonth as o, monthNames as s, monthsBetween as c } from "../utils/month.js";
-import { addDays as l, addMonthsToDate as u, dayOfWeek as d, daysInMonth as f, formatDate as ee, today as p, weekStart as m, weekdayNames as h } from "../utils/date.js";
-import { useEffect as g, useId as te, useRef as _, useState as v } from "react";
+import { readingKey as t } from "../utils/direction.js";
+import { useControllable as n } from "../utils/useControllable.js";
+import { useLocale as r, useMessages as i } from "../locale-provider/index.js";
+import { PICKER_MONTH as a, PICKER_NAV as o } from "../utils/styles.js";
+import s from "../icons/chevron-left.js";
+import c from "../icons/chevron-right.js";
+import { addMonths as l, formatMonth as u, monthNames as d, monthsBetween as f } from "../utils/month.js";
+import { addDays as p, addMonthsToDate as m, dayOfWeek as h, daysInMonth as ee, formatDate as te, today as ne, weekStart as re, weekdayNames as g } from "../utils/date.js";
+import { useHydrated as ie } from "../utils/useHydrated.js";
+import { useEffect as ae, useId as oe, useRef as _, useState as v } from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region packages/calendar/index.tsx
-function x(x) {
-	let { locale: S, min: C, max: w, isDisabled: re, weekStartsOn: T = m(S), months: E = 1, defaultMonth: ie, className: D, autoFocus: ae } = x, O = x.mode === "range" ? x.value : null, k = x.mode === "range" ? null : x.value, A = k ?? O?.start ?? null, j = p(), [M, N] = v(() => ie ?? (A ?? j).slice(0, 7)), [P, F] = v(() => A ?? j), [I, L] = v(null), [R, z] = v("days"), [B, V] = v(() => Number(M.slice(0, 4))), H = _(null), U = _(ae ?? !1), W = te(), G = a(M, E - 1), K = (e) => e.slice(0, 7) >= M && e.slice(0, 7) <= G, q = (e) => !!C && e < C || !!w && e > w || !!re?.(e), J = K(P) ? P : u(P, c(P.slice(0, 7), M));
-	g(() => {
-		U.current && (U.current = !1, H.current?.querySelector(`[data-date="${J}"]`)?.focus());
-	}, [J, R]);
-	let oe = (e) => {
-		C && e < C && (e = C), w && e > w && (e = w), U.current = !0, F(e), K(e) || N(e < M ? e.slice(0, 7) : a(e.slice(0, 7), -(E - 1)));
-	}, se = (e) => {
-		if (!q(e)) {
-			if (F(e), x.mode === "range") {
-				let t = x.value;
-				!t || t.end !== null ? x.onChange({
+function se(se) {
+	let { locale: le, min: x, max: S, isDisabled: ue, weekStartsOn: de, months: C = 1, defaultMonth: fe, className: w, autoFocus: pe, mode: T, value: me, defaultValue: he = null, onValueChange: ge, ...E } = se, D = r(le), _e = new Intl.NumberFormat(D), O = i(), k = de ?? re(D), [A, j] = n(me, he, ge), M = T === "range" ? A : null, N = T === "range" ? null : A, P = N ?? M?.start ?? null, F = ne(), I = ie() ? F : null, [L, R] = v(() => fe ?? (P ?? F).slice(0, 7)), [z, B] = v(() => P ?? F), [V, H] = v(null), [U, W] = v("days"), [G, K] = v(() => Number(L.slice(0, 4))), q = _(null), J = _(pe ?? !1), ve = oe(), ye = l(L, C - 1), be = (e) => e.slice(0, 7) >= L && e.slice(0, 7) <= ye, xe = (e) => !!x && e < x || !!S && e > S || !!ue?.(e), Y = be(z) ? z : m(z, f(z.slice(0, 7), L));
+	ae(() => {
+		J.current && (J.current = !1, q.current?.querySelector(`[data-date="${Y}"]`)?.focus());
+	}, [Y, U]);
+	let Se = (e) => {
+		x && e < x && (e = x), S && e > S && (e = S), J.current = !0, B(e), be(e) || R(e < L ? e.slice(0, 7) : l(e.slice(0, 7), -(C - 1)));
+	}, Ce = (e) => {
+		if (!xe(e)) {
+			if (B(e), T === "range") {
+				let t = M;
+				!t || t.end !== null ? j({
 					start: e,
 					end: null
-				}) : x.onChange(e < t.start ? {
+				}) : j(e < t.start ? {
 					start: e,
 					end: t.start
 				} : {
 					start: t.start,
 					end: e
 				});
-			} else x.onChange(e);
+			} else j(e);
 		}
-	}, ce = (e) => {
-		let t = J, n = (d(t) - T + 7) % 7, r = {
-			ArrowLeft: l(t, -1),
-			ArrowRight: l(t, 1),
-			ArrowUp: l(t, -7),
-			ArrowDown: l(t, 7),
-			Home: l(t, -n),
-			End: l(t, 6 - n),
-			PageUp: u(t, e.shiftKey ? -12 : -1),
-			PageDown: u(t, e.shiftKey ? 12 : 1)
-		}[e.key];
-		r && (e.preventDefault(), oe(r));
-	}, Y = O && O.end === null ? O.start : null, le = Y && I ? I < Y ? [I, Y] : [Y, I] : null, [X, Z] = O?.end ? [O.start, O.end] : le ?? [null, null], Q = (e) => {
-		N((t) => a(t, e));
+	}, we = (e) => {
+		let n = Y, r = (h(n) - k + 7) % 7, i = {
+			ArrowLeft: p(n, -1),
+			ArrowRight: p(n, 1),
+			ArrowUp: p(n, -7),
+			ArrowDown: p(n, 7),
+			Home: p(n, -r),
+			End: p(n, 6 - r),
+			PageUp: m(n, e.shiftKey ? -12 : -1),
+			PageDown: m(n, e.shiftKey ? 12 : 1)
+		}[t(e.key, e.currentTarget)];
+		i && (e.preventDefault(), Se(i));
+	}, X = M && M.end === null ? M.start : null, Te = X && V ? V < X ? [V, X] : [X, V] : null, [Z, Q] = M?.end ? [M.start, M.end] : Te ?? [null, null], Ee = (e) => {
+		R((t) => l(t, e));
 	}, $ = /* @__PURE__ */ b("div", {
 		className: "mb-2 flex items-center justify-between gap-2",
 		children: [
 			/* @__PURE__ */ y("button", {
 				type: "button",
-				"aria-label": R === "days" ? "Previous month" : "Previous year",
-				onClick: () => R === "days" ? Q(-1) : V((e) => e - 1),
-				className: n,
-				children: /* @__PURE__ */ y(r, { className: "size-4" })
+				"aria-label": U === "days" ? O.previousMonth : O.previousYear,
+				onClick: () => U === "days" ? Ee(-1) : K((e) => e - 1),
+				className: o,
+				children: /* @__PURE__ */ y(s, { className: "size-4 rtl:-scale-x-100" })
 			}),
 			/* @__PURE__ */ y("button", {
 				type: "button",
-				id: W,
+				id: ve,
 				"aria-live": "polite",
-				"aria-label": R === "days" ? `${o(M, S, "long")}, choose month and year` : `${B}, back to days`,
+				"aria-label": U === "days" ? O.chooseMonthAndYear(u(L, D, "long")) : O.backToDays(G),
 				onClick: () => {
-					V(Number(M.slice(0, 4))), z((e) => e === "days" ? "months" : "days");
+					K(Number(L.slice(0, 4))), W((e) => e === "days" ? "months" : "days");
 				},
-				className: "hover:bg-tint/[0.07] focus-visible:ring-ring/50 cursor-pointer rounded-md px-2 py-1 text-sm font-semibold tabular-nums outline-hidden transition-colors focus-visible:ring-2",
-				children: R === "days" ? E === 1 ? o(M, S, "long") : `${o(M, S)} – ${o(G, S)}` : B
+				className: "hover:bg-tint/[0.07] focus-ring cursor-pointer rounded-md px-2 py-1 text-sm font-semibold tabular-nums outline-hidden transition-colors",
+				children: U === "days" ? C === 1 ? u(L, D, "long") : `${u(L, D)} – ${u(ye, D)}` : G
 			}),
 			/* @__PURE__ */ y("button", {
 				type: "button",
-				"aria-label": R === "days" ? "Next month" : "Next year",
-				onClick: () => R === "days" ? Q(1) : V((e) => e + 1),
-				className: n,
-				children: /* @__PURE__ */ y(i, { className: "size-4" })
+				"aria-label": U === "days" ? O.nextMonth : O.nextYear,
+				onClick: () => U === "days" ? Ee(1) : K((e) => e + 1),
+				className: o,
+				children: /* @__PURE__ */ y(c, { className: "size-4 rtl:-scale-x-100" })
 			})
 		]
 	});
-	if (R === "months") {
-		let n = s(S);
+	if (U === "months") {
+		let t = d(D);
 		return /* @__PURE__ */ b("div", {
-			className: e("zen__calendar w-fit", D),
+			className: e("zen__calendar w-fit", w),
+			...E,
 			children: [$, /* @__PURE__ */ y("div", {
 				className: "grid w-64 grid-cols-3 gap-1",
 				role: "group",
-				"aria-labelledby": W,
-				children: n.map((n, r) => {
-					let i = `${B}-${String(r + 1).padStart(2, "0")}`, a = !!C && i < C.slice(0, 7) || !!w && i > w.slice(0, 7);
+				"aria-labelledby": ve,
+				children: t.map((t, n) => {
+					let r = `${G}-${String(n + 1).padStart(2, "0")}`, i = !!x && r < x.slice(0, 7) || !!S && r > S.slice(0, 7);
 					return /* @__PURE__ */ y("button", {
 						type: "button",
-						disabled: a,
-						"aria-pressed": i === M,
-						"aria-label": o(i, S, "long"),
+						disabled: i,
+						"aria-pressed": r === L,
+						"aria-label": u(r, D, "long"),
 						onClick: () => {
-							N(i), U.current = !0, F(u(P, c(P.slice(0, 7), i))), z("days");
+							R(r), J.current = !0, B(m(z, f(z.slice(0, 7), r))), W("days");
 						},
-						className: e(t, i === M && "bg-primary text-primary-foreground hover:bg-primary"),
-						children: n
-					}, i);
+						className: e(a, r === L && "bg-primary text-primary-foreground hover:bg-primary"),
+						children: t
+					}, r);
 				})
 			})]
 		});
 	}
-	let ue = h(S, "narrow"), de = h(S, "long"), fe = Array.from({ length: 7 }, (e, t) => (T + t) % 7);
+	let De = g(D, "narrow"), Oe = g(D, "long"), ke = Array.from({ length: 7 }, (e, t) => (k + t) % 7);
 	return /* @__PURE__ */ b("div", {
-		className: e("zen__calendar w-fit", D),
+		className: e("zen__calendar w-fit", w),
+		...E,
 		children: [$, /* @__PURE__ */ y("div", {
-			ref: H,
+			ref: q,
 			className: "flex gap-4",
-			onKeyDown: ce,
-			onMouseLeave: () => L(null),
-			children: Array.from({ length: E }, (t, n) => {
-				let r = a(M, n), i = `${r}-01`, s = `${r}-${f(r)}`, c = l(i, -((d(i) - T + 7) % 7));
+			onKeyDown: we,
+			onMouseLeave: () => H(null),
+			children: Array.from({ length: C }, (t, n) => {
+				let r = l(L, n), i = `${r}-01`, a = `${r}-${ee(r)}`, o = p(i, -((h(i) - k + 7) % 7));
 				return /* @__PURE__ */ b("table", {
 					role: "grid",
-					"aria-label": o(r, S, "long"),
+					"aria-label": u(r, D, "long"),
 					className: "border-separate border-spacing-x-0 border-spacing-y-0.5",
 					children: [
-						E > 1 && /* @__PURE__ */ y("caption", {
+						C > 1 && /* @__PURE__ */ y("caption", {
 							className: "text-muted-foreground pb-1 text-xs font-medium",
-							children: o(r, S, "long")
+							children: u(r, D, "long")
 						}),
-						/* @__PURE__ */ y("thead", { children: /* @__PURE__ */ y("tr", { children: fe.map((e) => /* @__PURE__ */ y("th", {
+						/* @__PURE__ */ y("thead", { children: /* @__PURE__ */ y("tr", { children: ke.map((e) => /* @__PURE__ */ y("th", {
 							scope: "col",
-							abbr: de[e],
+							abbr: Oe[e],
 							className: "text-muted-foreground size-9 text-xs font-medium",
-							children: ue[e]
+							children: De[e]
 						}, e)) }) }),
-						/* @__PURE__ */ y("tbody", { children: Array.from({ length: 6 }, (t, n) => /* @__PURE__ */ y("tr", { children: Array.from({ length: 7 }, (t, a) => {
-							let o = l(c, n * 7 + a), u = o.slice(0, 7) === r;
-							if (!u && E > 1) return /* @__PURE__ */ y("td", { role: "gridcell" }, o);
-							let d = o === X, f = o === Z, p = !!X && !!Z && o > X && o < Z, m = o === k || o === O?.start || o === O?.end, h = q(o);
+						/* @__PURE__ */ y("tbody", { children: Array.from({ length: 6 }, (t, n) => /* @__PURE__ */ y("tr", { children: Array.from({ length: 7 }, (t, s) => {
+							let c = p(o, n * 7 + s), l = c.slice(0, 7) === r;
+							if (!l && C > 1) return /* @__PURE__ */ y("td", { role: "gridcell" }, c);
+							let u = c === Z, d = c === Q, f = !!Z && !!Q && c > Z && c < Q, m = c === N || c === M?.start || c === M?.end, h = xe(c);
 							return /* @__PURE__ */ y("td", {
 								role: "gridcell",
-								"aria-selected": m || p || void 0,
-								className: e("p-0", (p || (d || f) && X !== Z) && "bg-primary/15", d && "rounded-l-lg", f && "rounded-r-lg", p && (a === 0 || E > 1 && o === i) && "rounded-l-lg", p && (a === 6 || E > 1 && o === s) && "rounded-r-lg"),
+								"aria-selected": m || f || void 0,
+								className: e("p-0", (f || (u || d) && Z !== Q) && "bg-primary/15", u && "rounded-s-lg", d && "rounded-e-lg", f && (s === 0 || C > 1 && c === i) && "rounded-s-lg", f && (s === 6 || C > 1 && c === a) && "rounded-e-lg"),
 								children: /* @__PURE__ */ y("button", {
 									type: "button",
-									"data-date": o,
-									tabIndex: o === J ? 0 : -1,
-									"aria-label": ee(o, S, "full"),
+									"data-date": c,
+									tabIndex: c === Y ? 0 : -1,
+									"aria-label": te(c, D, "full"),
 									"aria-pressed": m,
 									"aria-disabled": h || void 0,
-									"aria-current": o === j ? "date" : void 0,
-									onClick: () => se(o),
+									"aria-current": c === I ? "date" : void 0,
+									onClick: () => Ce(c),
 									onFocus: () => {
-										F(o), Y && L(o);
+										B(c), X && H(c);
 									},
-									onMouseEnter: () => Y && L(o),
-									className: e(ne, !u && "text-muted-foreground", h && "cursor-not-allowed opacity-35", m ? "bg-primary text-primary-foreground shadow-[0_0_20px_-4px_oklch(var(--glow)/calc(0.8*var(--glow-k)))]" : !h && "hover:bg-tint/[0.08]", o === j && "after:bg-primary after:absolute after:bottom-1 after:left-1/2 after:size-1 after:-translate-x-1/2 after:rounded-full", o === j && m && "after:bg-primary-foreground"),
-									children: Number(o.slice(8))
+									onMouseEnter: () => X && H(c),
+									className: e(ce, !l && "text-muted-foreground", h && "cursor-not-allowed opacity-35", m ? "bg-primary text-primary-foreground shadow-[0_0_20px_-4px_oklch(var(--glow)/calc(0.8*var(--glow-k)))]" : !h && "hover:bg-tint/[0.08]", c === I && "after:bg-primary after:absolute after:bottom-1 after:left-1/2 after:size-1 after:-translate-x-1/2 after:rounded-full", c === I && m && "after:bg-primary-foreground"),
+									children: _e.format(Number(c.slice(8)))
 								})
-							}, o);
+							}, c);
 						}) }, n)) })
 					]
 				}, r);
@@ -157,6 +163,6 @@ function x(x) {
 		})]
 	});
 }
-var ne = "relative grid size-9 cursor-pointer place-items-center rounded-lg text-sm tabular-nums outline-hidden transition-[background-color,color,box-shadow] duration-150 focus-visible:ring-2 focus-visible:ring-ring/60";
+var ce = "relative grid size-9 cursor-pointer place-items-center rounded-lg text-sm tabular-nums outline-hidden transition-[background-color,color,box-shadow] duration-150 focus-ring";
 //#endregion
-export { x as default };
+export { se as default };