@rinzai/zen 0.11.0 → 0.13.0

package/dist/confirm-dialog/index.d.ts

@@ -1,14 +1,13 @@
-import { ReactNode } from 'react';
+import { DialogProps } from '../dialog';
 /** Confirmation for destructive or irreversible actions. Cancel has focus, so Enter is the safe choice. */
-export default function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, onConfirm, }: ConfirmDialogProps): import('react').JSX.Element;
-export interface ConfirmDialogProps {
-    open: boolean;
+export default function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel: cancelLabelProp, tone, onConfirm, className, ...rest }: ConfirmDialogProps): import('react').JSX.Element;
+/** Other props (data-*, an id) go on the <dialog>. */
+export interface ConfirmDialogProps extends Omit<DialogProps, 'children' | 'role' | 'onOpenChange'> {
     onOpenChange: (open: boolean) => void;
-    title: ReactNode;
-    description?: ReactNode;
     confirmLabel: string;
     cancelLabel?: string;
-    destructive?: boolean;
+    /** `negative` for a destructive action: the confirm button is red. */
+    tone?: 'default' | 'negative';
     onConfirm: () => void;
 }
 //# sourceMappingURL=index.d.ts.map

package/dist/confirm-dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/confirm-dialog/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,2GAA2G;AAC3G,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAsB,EACtB,WAAmB,EACnB,SAAS,GACZ,EAAE,kBAAkB,+BAoBpB;AAED,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/confirm-dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAe,EAA6B,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAElF,2GAA2G;AAC3G,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAW,EAAE,eAAe,EAC5B,IAAgB,EAChB,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACV,EAAE,kBAAkB,+BAuBpB;AAED,sDAAsD;AACtD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,MAAM,GAAG,cAAc,CAAC;IAC/F,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB"}

package/dist/confirm-dialog/index.js

@@ -1,25 +1,29 @@
 "use client";
-import e, { DialogClose as t, DialogFooter as n } from "../dialog/index.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { cx as e } from "../utils/cx.js";
+import { useMessages as t } from "../locale-provider/index.js";
+import n, { DialogClose as r, DialogFooter as i } from "../dialog/index.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region packages/confirm-dialog/index.tsx
-function a({ open: a, onOpenChange: o, title: s, description: c, confirmLabel: l, cancelLabel: u = "Cancel", destructive: d = !1, onConfirm: f }) {
-	return /* @__PURE__ */ r(e, {
+function s({ open: s, onOpenChange: c, title: l, description: u, confirmLabel: d, cancelLabel: f, tone: p = "default", onConfirm: m, className: h, ...g }) {
+	let _ = t(), v = f ?? _.cancel;
+	return /* @__PURE__ */ a(n, {
+		...g,
 		role: "alertdialog",
-		open: a,
-		onOpenChange: o,
-		title: s,
-		description: c,
-		className: "w-[26rem]",
-		children: /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(t, {
+		open: s,
+		onOpenChange: c,
+		title: l,
+		description: u,
+		className: e("w-[26rem]", h),
+		children: /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(r, {
 			variant: "outline",
 			autoFocus: !0,
-			children: u
-		}), /* @__PURE__ */ r(t, {
-			variant: d ? "destructive" : "default",
-			onClick: f,
-			children: l
+			children: v
+		}), /* @__PURE__ */ a(r, {
+			tone: p,
+			onClick: m,
+			children: d
 		})] })
 	});
 }
 //#endregion
-export { a as default };
+export { s as default };

package/dist/date-picker/index.d.ts

@@ -1,12 +1,13 @@
 import { DateRange, DateString } from '../utils/date';
+import { FieldSize } from '../utils/styles';
 import { ComponentProps } from 'react';
 /**
  * Date field: shows the date ("Sep 30, 2026" for the locale) and opens a
  * Calendar to pick one, focused on the chosen date so the keyboard works at
- * once. Dates are "YYYY-MM-DD" strings. With `onClear`, the popup also offers
- * `clearLabel` to empty it.
+ * once. Dates are "YYYY-MM-DD" strings. When `clearable`, the popup also offers
+ * `clearLabel` to empty it. With `name`, it's submitted with a form.
  */
-export default function DatePicker({ value, onChange, locale, min, max, isDisabled, weekStartsOn, placeholder, onClear, clearLabel, ...rest }: DatePickerProps): import('react').JSX.Element;
+export default function DatePicker({ value: valueProp, defaultValue, onValueChange, locale: localeProp, min, max, isDisabled, weekStartsOn, placeholder: placeholderProp, clearable, clearLabel: clearLabelProp, ...rest }: DatePickerProps): import('react').JSX.Element;
 /**
  * Date range field: pick a start and then an end in a Calendar (the days
  * between are previewed while pointing); it closes once the range is complete.
@@ -14,10 +15,10 @@ export default function DatePicker({ value, onChange, locale, min, max, isDisabl
  * common ranges ("Last 30 days") sit beside the calendar, one tap each (see
  * commonRanges).
  */
-export declare function DateRangePicker({ value, onChange, locale, min, max, isDisabled, weekStartsOn, months, placeholder, onClear, clearLabel, presets, ...rest }: DateRangePickerProps): import('react').JSX.Element;
+export declare function DateRangePicker({ value: valueProp, defaultValue, onValueChange, locale: localeProp, min, max, isDisabled, weekStartsOn, months, placeholder: placeholderProp, clearable, clearLabel: clearLabelProp, presets, ...rest }: DateRangePickerProps): import('react').JSX.Element;
 interface PickerProps extends Omit<ComponentProps<'button'>, 'value' | 'onChange' | 'defaultValue'> {
-    /** Decides the date format, month and weekday names, and the first day of the week, e.g. "en-IN". */
-    locale: string;
+    /** Decides the date format, 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. */
@@ -28,21 +29,29 @@ interface PickerProps extends Omit<ComponentProps<'button'>, 'value' | 'onChange
     weekStartsOn?: number;
     /** Classes for the trigger (e.g. a width, instead of the default full width). */
     className?: string;
+    /** Height, matching Button's: sm (32px), default (40px) or lg (44px). */
+    size?: FieldSize;
     placeholder?: string;
-    /** Offers a clear option in the popup (shown when a value is set). */
-    onClear?: () => void;
+    /** Offers a clear option in the popup (shown when a value is set); clearing reports null. */
+    clearable?: boolean;
     clearLabel?: string;
+    /** Form field name: the value is submitted with the form ("YYYY-MM-DD", a range as "start/end"). */
+    name?: string;
 }
 /** Also takes the trigger button's props (aria-*, data-*, onBlur…), so Field can wire it up. */
 export interface DatePickerProps extends PickerProps {
-    /** "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 picker keeps its own. */
+    defaultValue?: DateString | null;
+    onValueChange?: (date: DateString | null) => void;
 }
 export interface DateRangePickerProps extends PickerProps {
-    /** The range; `end` is null while only the start is picked. */
-    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 picker keeps its own. */
+    defaultValue?: DateRange | null;
+    onValueChange?: (range: DateRange | null) => void;
     /** Months shown side by side (2 suits wide screens). */
     months?: number;
     /** Ranges picked in one tap, beside the calendar. */

package/dist/date-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/date-picker/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAA+B,MAAM,iBAAiB,CAAC;AAG/F,OAAO,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,EACH,UAAU,EACV,YAAY,EACZ,WAA2B,EAC3B,OAAO,EACP,UAAoB,EACpB,GAAG,IAAI,EACV,EAAE,eAAe,+BAsBjB;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,EACH,UAAU,EACV,YAAY,EACZ,MAAU,EACV,WAA0B,EAC1B,OAAO,EACP,UAAoB,EACpB,OAAO,EACP,GAAG,IAAI,EACV,EAAE,oBAAoB,+BA2DtB;AAmED,UAAU,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC/F,qGAAqG;IACrG,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,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,gGAAgG;AAChG,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAChD,sCAAsC;IACtC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACrD,+DAA+D;IAC/D,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CACpB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/date-picker/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAA+B,MAAM,iBAAiB,CAAC;AAC/F,OAAO,EAAc,KAAK,SAAS,EAA6C,MAAM,mBAAmB,CAAC;AAG1G,OAAO,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,KAAK,EAAE,SAAS,EAChB,YAAmB,EACnB,aAAa,EACb,MAAM,EAAE,UAAU,EAClB,GAAG,EACH,GAAG,EACH,UAAU,EACV,YAAY,EACZ,WAAW,EAAE,eAAe,EAC5B,SAAiB,EACjB,UAAU,EAAE,cAAc,EAC1B,GAAG,IAAI,EACV,EAAE,eAAe,+BA6BjB;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EAAE,SAAS,EAChB,YAAmB,EACnB,aAAa,EACb,MAAM,EAAE,UAAU,EAClB,GAAG,EACH,GAAG,EACH,UAAU,EACV,YAAY,EACZ,MAAU,EACV,WAAW,EAAE,eAAe,EAC5B,SAAiB,EACjB,UAAU,EAAE,cAAc,EAC1B,OAAO,EACP,GAAG,IAAI,EACV,EAAE,oBAAoB,+BAkEtB;AAkFD,UAAU,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC/F,uIAAuI;IACvI,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,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6FAA6F;IAC7F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oGAAoG;IACpG,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,gGAAgG;AAChG,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAChD,wDAAwD;IACxD,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,qDAAqD;IACrD,YAAY,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACrD,gFAAgF;IAChF,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,sDAAsD;IACtD,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CACpB"}

package/dist/date-picker/index.js

@@ -1,120 +1,136 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { useAnchoredPopup as t } from "../utils/useAnchoredPopup.js";
-import { useFieldProps as n } from "../field/index.js";
-import { POPUP as r, TRIGGER as i } from "../utils/styles.js";
-import { formatDate as a, formatDateRange as o } from "../utils/date.js";
-import s from "../calendar/index.js";
-import c from "../icons/micro/calendar.js";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useControllable as t } from "../utils/useControllable.js";
+import { useAnchoredPopup as n } from "../utils/useAnchoredPopup.js";
+import { useLocale as r, useMessages as i } from "../locale-provider/index.js";
+import { useFieldProps as a } from "../field/index.js";
+import { FIELD_SIZE as o, POPUP as s, TRIGGER as c } from "../utils/styles.js";
+import { FormValue as l } from "../utils/form-value.js";
+import { formatDate as u, formatDateRange as d } from "../utils/date.js";
+import f from "../calendar/index.js";
+import p from "../icons/micro/calendar.js";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region packages/date-picker/index.tsx
-function f({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: o, weekStartsOn: c, placeholder: l = "Pick a date", onClear: d, clearLabel: f = "Clear", ...p }) {
-	return /* @__PURE__ */ u(m, {
-		...p,
-		shown: e ? a(e, n) : null,
-		placeholder: l,
-		label: "Choose date",
-		onClear: e ? d : void 0,
-		clearLabel: f,
-		calendar: (a) => /* @__PURE__ */ u(s, {
+function _({ value: e, defaultValue: n = null, onValueChange: a, locale: o, min: s, max: c, isDisabled: l, weekStartsOn: d, placeholder: p, clearable: m = !1, clearLabel: g, ..._ }) {
+	let v = i(), b = p ?? v.pickDate, x = g ?? v.clear, S = r(o), [C, w, T] = t(e, n, a);
+	return /* @__PURE__ */ h(y, {
+		..._,
+		shown: C ? u(C, S) : null,
+		formValue: C ?? "",
+		onReset: T,
+		placeholder: b,
+		label: v.chooseDate,
+		onClear: m && C ? () => w(null) : void 0,
+		clearLabel: x,
+		calendar: (e) => /* @__PURE__ */ h(f, {
 			autoFocus: !0,
-			value: e,
-			onChange: (e) => {
-				t(e), a();
+			value: C,
+			onValueChange: (t) => {
+				w(t), e();
 			},
-			locale: n,
-			min: r,
-			max: i,
-			isDisabled: o,
-			weekStartsOn: c
+			locale: S,
+			min: s,
+			max: c,
+			isDisabled: l,
+			weekStartsOn: d
 		})
 	});
 }
-function p({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: c, weekStartsOn: l, months: f = 1, placeholder: p = "Pick dates", onClear: h, clearLabel: g = "Clear", presets: _, ...v }) {
-	let y = e ? e.end ? o(e.start, e.end, n) : `${a(e.start, n)} – …` : null;
-	return /* @__PURE__ */ u(m, {
-		...v,
-		shown: y,
-		placeholder: p,
-		label: "Choose dates",
-		onClear: e ? h : void 0,
-		clearLabel: g,
-		calendar: (a) => {
-			let o = /* @__PURE__ */ u(s, {
+function v({ value: e, defaultValue: n = null, onValueChange: a, locale: o, min: s, max: c, isDisabled: l, weekStartsOn: p, months: m = 1, placeholder: _, clearable: v = !1, clearLabel: b, presets: x, ...S }) {
+	let C = i(), w = _ ?? C.pickDates, T = b ?? C.clear, E = r(o), [D, O, k] = t(e, n, a), A = D ? D.end ? d(D.start, D.end, E) : `${u(D.start, E)} – …` : null;
+	return /* @__PURE__ */ h(y, {
+		...S,
+		shown: A,
+		formValue: D ? `${D.start}/${D.end ?? ""}` : "",
+		onReset: k,
+		placeholder: w,
+		label: C.chooseDates,
+		onClear: v && D ? () => O(null) : void 0,
+		clearLabel: T,
+		calendar: (e) => {
+			let t = /* @__PURE__ */ h(f, {
 				autoFocus: !0,
 				mode: "range",
-				value: e,
-				onChange: (e) => {
-					t(e), e.end && a();
+				value: D,
+				onValueChange: (t) => {
+					O(t), t.end && e();
 				},
-				locale: n,
-				min: r,
-				max: i,
-				isDisabled: c,
-				weekStartsOn: l,
-				months: f
+				locale: E,
+				min: s,
+				max: c,
+				isDisabled: l,
+				weekStartsOn: p,
+				months: m
 			});
-			return _?.length ? /* @__PURE__ */ d("div", {
+			return x?.length ? /* @__PURE__ */ g("div", {
 				className: "flex flex-col gap-3 sm:flex-row",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ h("div", {
 					role: "group",
-					"aria-label": "Presets",
+					"aria-label": C.presets,
 					className: "border-tint/[0.06] flex flex-wrap gap-1 sm:flex-col sm:flex-nowrap sm:border-e sm:pe-3",
-					children: _.map((n) => {
-						let r = e?.start === n.range.start && e?.end === n.range.end;
-						return /* @__PURE__ */ u("button", {
+					children: x.map((t) => {
+						let n = D?.start === t.range.start && D?.end === t.range.end;
+						return /* @__PURE__ */ h("button", {
 							type: "button",
-							"aria-pressed": r,
+							"aria-pressed": n,
 							onClick: () => {
-								t(n.range), a();
+								O(t.range), e();
 							},
-							className: "text-muted-foreground hover:bg-tint/[0.06] hover:text-foreground aria-pressed:bg-primary/12 aria-pressed:text-foreground focus-visible:ring-ring/40 cursor-pointer rounded-lg px-2.5 py-1.5 text-start text-sm whitespace-nowrap outline-hidden focus-visible:ring-2",
-							children: n.label
-						}, n.label);
+							className: "text-muted-foreground hover:bg-tint/[0.06] hover:text-foreground aria-pressed:bg-primary/12 aria-pressed:text-foreground focus-ring cursor-pointer rounded-lg px-2.5 py-1.5 text-start text-sm whitespace-nowrap outline-hidden",
+							children: t.label
+						}, t.label);
 					})
-				}), o]
-			}) : o;
+				}), t]
+			}) : t;
 		}
 	});
 }
-function m({ shown: a, placeholder: o, label: s, calendar: c, onClear: f, clearLabel: p, id: m, className: g, disabled: _ = !1, style: v, ...y }) {
-	let b = t(), x = n({
-		...y,
-		id: m
-	}), S = () => b.setOpen(!1);
-	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("button", {
-		type: "button",
-		...y,
-		...x,
-		id: m,
-		disabled: _,
-		...b.triggerProps,
-		style: {
-			...b.triggerProps.style,
-			...v
-		},
-		className: e("zen__date-picker group", i, "w-full", b.open && "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", g),
-		children: [/* @__PURE__ */ u("span", {
-			className: e("truncate", !a && "text-[color:oklch(var(--muted-foreground)/var(--zen-placeholder))]"),
-			children: a ?? o
-		}), /* @__PURE__ */ u(h, {})]
-	}), /* @__PURE__ */ d("div", {
-		...b.popupProps,
-		role: "dialog",
-		"aria-label": s,
-		className: e("zen__popover", r, "p-3"),
-		children: [b.open && c(S), f && /* @__PURE__ */ u("button", {
+function y({ shown: t, placeholder: r, label: i, calendar: u, onClear: d, clearLabel: f, name: p, formValue: _, onReset: v, size: y = "default", id: x, className: S, disabled: C = !1, style: w, ...T }) {
+	let E = n(), D = a({
+		...T,
+		id: x
+	}), O = () => E.setOpen(!1);
+	return /* @__PURE__ */ g(m, { children: [
+		/* @__PURE__ */ g("button", {
 			type: "button",
-			onClick: () => {
-				f(), S();
+			...T,
+			...D,
+			id: x,
+			disabled: C,
+			...E.triggerProps,
+			style: {
+				...E.triggerProps.style,
+				...w
 			},
-			className: "border-tint/[0.06] text-muted-foreground hover:text-foreground focus-visible:ring-ring/40 mt-2 w-full cursor-pointer rounded-lg border-t px-2 pt-2.5 pb-1.5 text-sm outline-hidden focus-visible:ring-2",
-			children: p
-		})]
-	})] });
+			className: e("zen__date-picker group", c, o[y], "w-full", E.open && "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", S),
+			children: [/* @__PURE__ */ h("span", {
+				className: e("truncate", !t && "text-[color:oklch(var(--muted-foreground)/var(--zen-placeholder))]"),
+				children: t ?? r
+			}), /* @__PURE__ */ h(b, {})]
+		}),
+		/* @__PURE__ */ h(l, {
+			name: p,
+			value: _,
+			onReset: v
+		}),
+		/* @__PURE__ */ g("div", {
+			...E.popupProps,
+			role: "dialog",
+			"aria-label": i,
+			className: e("zen__popover", s, "p-3"),
+			children: [E.open && u(O), d && /* @__PURE__ */ h("button", {
+				type: "button",
+				onClick: () => {
+					d(), O();
+				},
+				className: "border-tint/[0.06] text-muted-foreground hover:text-foreground focus-ring mt-2 w-full cursor-pointer rounded-lg border-t px-2 pt-2.5 pb-1.5 text-sm outline-hidden",
+				children: f
+			})]
+		})
+	] });
 }
-function h() {
-	return /* @__PURE__ */ u(c, { className: "text-muted-foreground group-data-popup-open:text-foreground size-4 shrink-0 transition-colors" });
+function b() {
+	return /* @__PURE__ */ h(p, { className: "text-muted-foreground group-data-popup-open:text-foreground size-4 shrink-0 transition-colors" });
 }
 //#endregion
-export { p as DateRangePicker, f as default };
+export { v as DateRangePicker, _ as default };

package/dist/dialog/index.d.ts

@@ -7,7 +7,7 @@ import { ComponentProps, ReactNode, RefObject } from 'react';
  * it's a sheet that slides in from that edge: a bottom sheet on phones, a side
  * panel for filters or details. On touch, a sheet swipes back to its edge to close.
  */
-export default function Dialog({ open, onOpenChange, title, description, children, dismissible, initialFocus, size, side, className, role, closeLabel, }: DialogProps): import('react').JSX.Element;
+export default function Dialog({ open, onOpenChange, title, description, children, dismissible, initialFocus, size, side, className, role, closeLabel: closeLabelProp, ref: refProp, ...rest }: DialogProps): import('react').JSX.Element;
 /**
  * Opens and closes a <dialog> as a modal with `open`: focus moves in (to
  * `initialFocus` if given) and back after, the page behind is inert and
@@ -23,7 +23,8 @@ export declare function DialogFooter({ className, ...rest }: ComponentProps<'div
  * preventDefault). Takes every Button prop: variant, size, asChild…
  */
 export declare function DialogClose({ onClick, ...rest }: ButtonProps): import('react').JSX.Element;
-export interface DialogProps {
+/** Other props (data-*, an id) go on the <dialog>. */
+export interface DialogProps extends Omit<ComponentProps<'dialog'>, 'open' | 'title'> {
     open: boolean;
     onOpenChange?: (open: boolean) => void;
     title: ReactNode;
@@ -36,8 +37,6 @@ export interface DialogProps {
     size?: 'md' | 'lg';
     /** Slide in from this edge as a sheet, instead of appearing in the middle. */
     side?: 'bottom' | 'left' | 'right';
-    className?: string;
-    role?: ComponentProps<'dialog'>['role'];
     /** The close button's accessible name. */
     closeLabel?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAIlD,OAAO,EACH,cAAc,EAGd,SAAS,EACT,SAAS,EAKZ,MAAM,OAAO,CAAC;AAKf;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAkB,EAClB,YAAY,EACZ,IAAW,EACX,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,UAAoB,GACvB,EAAE,WAAW,+BAuEb;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CACpB,GAAG,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,EACxC,IAAI,EAAE,OAAO,EACb,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAC7C,IAAI,CA4BN;AAiCD,gEAAgE;AAChE,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAEzE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAW5D;AAED,MAAM,WAAW,WAAW;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iFAAiF;IACjF,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,sEAAsE;IACtE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;IACxC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/dialog/index.tsx"],"names":[],"mappings":"AAIA,OAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAIlD,OAAO,EACH,cAAc,EAGd,SAAS,EACT,SAAS,EAKZ,MAAM,OAAO,CAAC;AAKf;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAkB,EAClB,YAAY,EACZ,IAAW,EACX,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,UAAU,EAAE,cAAc,EAC1B,GAAG,EAAE,OAAO,EACZ,GAAG,IAAI,EACV,EAAE,WAAW,+BA2Eb;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CACpB,GAAG,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,EACxC,IAAI,EAAE,OAAO,EACb,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAC7C,IAAI,CA4BN;AAiCD,gEAAgE;AAChE,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAEzE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAW5D;AAED,sDAAsD;AACtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjF,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iFAAiF;IACjF,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,sEAAsE;IACtE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACnC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/dialog/index.js

@@ -1,64 +1,67 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
 import { useGraphicsMode as t } from "../utils/graphics.js";
-import n from "../button/index.js";
-import r from "../icons/micro/x-mark.js";
-import { useToastHost as i } from "../toast/index.js";
-import { useSwipe as a } from "../utils/swipe.js";
-import { createContext as o, useContext as s, useEffect as c, useId as l, useRef as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useMergedRefs as n } from "../utils/refs.js";
+import { useMessages as r } from "../locale-provider/index.js";
+import i from "../button/index.js";
+import a from "../icons/micro/x-mark.js";
+import { useToastHost as o } from "../toast/index.js";
+import { useSwipe as s } from "../utils/swipe.js";
+import { createContext as c, useContext as l, useEffect as u, useId as d, useRef as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region packages/dialog/index.tsx
-var p = o(() => {});
-function m({ open: t, onOpenChange: n, title: i, description: a, children: o, dismissible: s = !0, initialFocus: c, size: m = "md", side: g, className: v, role: y, closeLabel: b = "Close" }) {
-	let x = u(null), S = l(), C = l();
-	return _(x, s && t ? g : void 0, () => n?.(!1)), h(x, t, c), /* @__PURE__ */ f("dialog", {
-		ref: x,
-		role: y,
-		"aria-labelledby": S,
-		"aria-describedby": a ? C : void 0,
-		"data-side": g,
-		className: e("zen__dialog glass glass-blur glow-edge text-card-foreground bg-card/90! overflow-visible p-0", !g && "m-auto max-h-[calc(100dvh-2rem)] max-w-[calc(100vw-2rem)] rounded-xl", !g && (m === "lg" ? "w-[60rem]" : "w-[28rem]"), g === "bottom" && "mx-auto mt-auto mb-0 max-h-[85dvh] w-full max-w-2xl rounded-t-2xl", (g === "left" || g === "right") && "my-0 h-dvh max-h-dvh w-[24rem] max-w-[calc(100vw-2.5rem)]", g === "right" && "mr-0 ml-auto rounded-l-2xl", g === "left" && "mr-auto ml-0 rounded-r-2xl", "backdrop:bg-[color:var(--backdrop-scrim,oklch(0_0_0/0.5))] backdrop:backdrop-blur-sm pointer-coarse:backdrop:backdrop-blur-none", v),
+var h = c(() => {});
+function g({ open: t, onOpenChange: i, title: o, description: s, children: c, dismissible: l = !0, initialFocus: u, size: g = "md", side: v, className: b, role: x, closeLabel: S, ref: C, ...w }) {
+	let T = r(), E = S ?? T.close, D = f(null), O = n(D, C), k = d(), A = d();
+	return y(D, l && t ? v : void 0, () => i?.(!1)), _(D, t, u), /* @__PURE__ */ m("dialog", {
+		...w,
+		ref: O,
+		role: x,
+		"aria-labelledby": k,
+		"aria-describedby": s ? A : void 0,
+		"data-side": v,
+		className: e("zen__dialog glass glass-blur glow-edge text-card-foreground bg-card/90! overflow-visible p-0", !v && "m-auto max-h-[calc(100dvh-2rem)] max-w-[calc(100vw-2rem)] rounded-xl", !v && (g === "lg" ? "w-[60rem]" : "w-[28rem]"), v === "bottom" && "mx-auto mt-auto mb-0 max-h-[85dvh] w-full max-w-2xl rounded-t-2xl", (v === "left" || v === "right") && "my-0 h-dvh max-h-dvh w-[24rem] max-w-[calc(100vw-2.5rem)]", v === "right" && "mr-0 ml-auto rounded-l-2xl", v === "left" && "mr-auto ml-0 rounded-r-2xl", "backdrop:bg-[color:var(--backdrop-scrim,oklch(0_0_0/0.5))] backdrop:backdrop-blur-sm pointer-coarse:backdrop:backdrop-blur-none", b),
 		onCancel: (e) => {
-			e.preventDefault(), s && n?.(!1);
+			e.preventDefault(), l && i?.(!1);
 		},
 		onClick: (e) => {
-			e.target === e.currentTarget && s && n?.(!1);
+			e.target === e.currentTarget && l && i?.(!1);
 		},
-		children: [/* @__PURE__ */ f("div", {
-			className: e("flex flex-col gap-4 overflow-x-hidden overflow-y-auto p-6", g ? g === "bottom" ? "max-h-[85dvh] pt-3" : "h-full" : "max-h-[calc(100dvh-2rem)]"),
+		children: [/* @__PURE__ */ m("div", {
+			className: e("flex flex-col gap-4 overflow-x-hidden overflow-y-auto p-6", v ? v === "bottom" ? "max-h-[85dvh] pt-3" : "h-full" : "max-h-[calc(100dvh-2rem)]"),
 			children: [
-				g === "bottom" && /* @__PURE__ */ d("div", {
+				v === "bottom" && /* @__PURE__ */ p("div", {
 					"aria-hidden": !0,
 					className: "bg-tint/20 mx-auto h-1 w-10 shrink-0 rounded-full"
 				}),
-				/* @__PURE__ */ f("div", {
-					className: e("flex flex-col gap-2", s && "pe-8"),
-					children: [/* @__PURE__ */ d("h2", {
-						id: S,
+				/* @__PURE__ */ m("div", {
+					className: e("flex flex-col gap-2", l && "pe-8"),
+					children: [/* @__PURE__ */ p("h2", {
+						id: k,
 						className: "text-lg font-semibold tracking-tight text-balance",
-						children: i
-					}), a && /* @__PURE__ */ d("p", {
-						id: C,
+						children: o
+					}), s && /* @__PURE__ */ p("p", {
+						id: A,
 						className: "text-muted-foreground mt-0! text-sm leading-5",
-						children: a
+						children: s
 					})]
 				}),
-				/* @__PURE__ */ d(p.Provider, {
-					value: () => n?.(!1),
-					children: o
+				/* @__PURE__ */ p(h.Provider, {
+					value: () => i?.(!1),
+					children: c
 				})
 			]
-		}), s && /* @__PURE__ */ d("button", {
+		}), l && /* @__PURE__ */ p("button", {
 			type: "button",
-			"aria-label": b,
-			onClick: () => n?.(!1),
-			className: e("text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute end-4 grid size-8 cursor-pointer place-items-center rounded-lg outline-hidden transition-colors focus-visible:ring-2", g === "bottom" ? "top-7.5" : "top-5.5"),
-			children: /* @__PURE__ */ d(r, { className: "size-4" })
+			"aria-label": E,
+			onClick: () => i?.(!1),
+			className: e("text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground absolute end-4 grid size-8 cursor-pointer place-items-center rounded-lg outline-hidden transition-colors focus-ring", v === "bottom" ? "top-7.5" : "top-5.5"),
+			children: /* @__PURE__ */ p(a, { className: "size-4" })
 		})]
 	});
 }
-function h(e, n, r) {
-	t(), c(() => {
+function _(e, n, r) {
+	t(), u(() => {
 		let t = e.current;
 		if (t) {
 			if (n && !t.open) {
@@ -76,42 +79,42 @@ function h(e, n, r) {
 		e,
 		n,
 		r
-	]), i(e, n);
+	]), o(e, n);
 }
-var g = .3;
-function _(e, t, n) {
-	let r = t === "bottom" ? "y" : "x", i = t === "left" ? -1 : 1, o = () => r === "y" ? e.current.offsetHeight : e.current.offsetWidth, s = () => {
+var v = .3;
+function y(e, t, n) {
+	let r = t === "bottom" ? "y" : "x", i = t === "left" ? -1 : 1, a = () => r === "y" ? e.current.offsetHeight : e.current.offsetWidth, o = () => {
 		e.current?.style.removeProperty("--zen-swipe"), e.current?.style.removeProperty("--zen-swipe-progress");
 	};
-	c(s, [e, t]), a(e, t ? {
+	u(o, [e, t]), s(e, t ? {
 		axis: r,
 		sign: i
 	} : void 0, {
 		move: (t) => {
 			let n = t > 0 ? t : t / 6;
-			e.current.style.setProperty("--zen-swipe", r === "y" ? `0 ${n}px` : `${n * i}px 0`), e.current.style.setProperty("--zen-swipe-progress", String(Math.max(0, Math.min(1, t / o()))));
+			e.current.style.setProperty("--zen-swipe", r === "y" ? `0 ${n}px` : `${n * i}px 0`), e.current.style.setProperty("--zen-swipe-progress", String(Math.max(0, Math.min(1, t / a()))));
 		},
 		release: (e, t) => {
-			e > o() * g || e > 0 && t > .5 ? n() : s();
+			e > a() * v || e > 0 && t > .5 ? n() : o();
 		},
-		cancel: s,
-		threshold: () => o() * g
+		cancel: o,
+		threshold: () => a() * v
 	});
 }
-function v({ className: t, ...n }) {
-	return /* @__PURE__ */ d("div", {
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ p("div", {
 		className: e("flex justify-end gap-2", t),
 		...n
 	});
 }
-function y({ onClick: e, ...t }) {
-	let r = s(p);
-	return /* @__PURE__ */ d(n, {
+function x({ onClick: e, ...t }) {
+	let n = l(h);
+	return /* @__PURE__ */ p(i, {
 		...t,
 		onClick: (t) => {
-			e?.(t), t.defaultPrevented || r();
+			e?.(t), t.defaultPrevented || n();
 		}
 	});
 }
 //#endregion
-export { y as DialogClose, v as DialogFooter, m as default, h as useModal };
+export { x as DialogClose, b as DialogFooter, g as default, _ as useModal };

package/dist/disclosure/index.d.ts

@@ -1,4 +1,11 @@
 import { ComponentProps, ReactNode } from 'react';
+interface DisclosureContextValue {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    contentId: string;
+}
+/** The enclosing Disclosure's state, for building your own trigger or content. */
+export declare function useDisclosure(part: string): DisclosureContextValue;
 /**
  * A section that a button shows and hides, e.g. "Past (3)" under a list. Put
  * a DisclosureTrigger and a DisclosureContent inside (it adds no element of its
@@ -22,4 +29,5 @@ export interface DisclosureProps {
     onOpenChange?: (open: boolean) => void;
     children?: ReactNode;
 }
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/disclosure/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAkD,MAAM,OAAO,CAAC;AAgBjH;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,WAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAWxG;AAED,sHAAsH;AACtH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,+BAwBpG;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,sCAuDxF;AAED,MAAM,WAAW,eAAe;IAC5B,8EAA8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/disclosure/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAkD,MAAM,OAAO,CAAC;AAEjH,UAAU,sBAAsB;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;CACrB;AAID,kFAAkF;AAClF,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,0BAIzC;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,WAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAMxG;AAED,sHAAsH;AACtH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,+BAwBpG;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,sCAuDxF;AAED,MAAM,WAAW,eAAe;IAC5B,8EAA8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB"}