@rinzai/zen 0.6.0 → 0.7.0

package/dist/money-input/index.d.ts

@@ -1,6 +1,6 @@
 import { ForeignAmount, RateTable } from '../utils/fx';
 import { Money } from '../utils/money';
-import { ChangeEvent, KeyboardEvent, ReactNode } from 'react';
+import { ChangeEvent, ComponentProps, KeyboardEvent, ReactNode } from 'react';
 /**
  * Amount input in one currency. Shows grouped digits for the locale (1,52,000
  * for en-IN) and accepts shorthand: 1.5L, 2cr, 10k, 1.2m. Commits on blur or
@@ -12,7 +12,7 @@ import { ChangeEvent, KeyboardEvent, ReactNode } from 'react';
  * never sent anywhere). Replace the symbol with `start`, or build your own field
  * from useMoneyInput, MoneyCurrencyMenu and MoneyConversionHint.
  */
-export default function MoneyInput({ start, end, compact, disabled, id, autoFocus, className, 'aria-label': ariaLabel, ...options }: MoneyInputProps): import('react').JSX.Element;
+export default function MoneyInput({ value, onChange, currency, locale, allowNegative, allowEmpty, live, onCancel, convert, start, end, compact, disabled, className, onFocus, onBlur, onKeyDown, 'aria-describedby': describedBy, ...input }: MoneyInputProps): import('react').JSX.Element;
 /**
  * The currency switch for a converting field (`convert`): shows the symbol, or
  * the code of the foreign currency being typed in, and opens a menu of your
@@ -123,18 +123,17 @@ export interface MoneyInputOptions {
     /** Let people type in another currency, converted at the rates you load. */
     convert?: CurrencyConversion;
 }
-export interface MoneyInputProps extends MoneyInputOptions {
+/**
+ * Also takes the input's own props (placeholder, name, aria-*, onBlur…), except
+ * the value and its typing, which MoneyInput runs. className goes on the wrapper.
+ */
+export interface MoneyInputProps extends MoneyInputOptions, Omit<ComponentProps<'input'>, keyof MoneyInputOptions | 'defaultValue' | 'type' | 'inputMode' | 'children'> {
     /** Replaces the currency symbol (or the currency switch), e.g. with your own. */
     start?: ReactNode;
     /** Content after the input, e.g. a unit or a clear button. */
     end?: ReactNode;
     /** Smaller, for editing inside table rows. */
     compact?: boolean;
-    disabled?: boolean;
-    id?: string;
-    autoFocus?: boolean;
-    className?: string;
-    'aria-label'?: string;
 }
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/money-input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/money-input/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/money-input/index.tsx"],"names":[],"mappings":"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"}

package/dist/money-input/index.js

@@ -10,36 +10,54 @@ import { convertMinor as v, rateBetween as y } from "../utils/fx.js";
 import { useEffect as b, useId as x, useRef as S, useState as C } from "react";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region packages/money-input/index.tsx
-function D({ start: t, end: n, compact: r = !1, disabled: i = !1, id: a, autoFocus: o, className: s, "aria-label": c, ...l }) {
-	let u = A(l), d = !!u.conversion?.foreign;
+function D({ value: t, onChange: n, currency: r, locale: i, allowNegative: a, allowEmpty: o, live: s, onCancel: c, convert: l, start: u, end: d, compact: p = !1, disabled: _ = !1, className: v, onFocus: y, onBlur: b, onKeyDown: x, "aria-describedby": S, ...C }) {
+	let w = A({
+		value: t,
+		onChange: n,
+		currency: r,
+		locale: i,
+		allowNegative: a,
+		allowEmpty: o,
+		live: s,
+		onCancel: c,
+		convert: l
+	}), D = !!w.conversion?.foreign;
 	return /* @__PURE__ */ E("div", {
-		className: e("zen__money-input flex flex-col gap-1", s),
+		className: e("zen__money-input flex flex-col gap-1", v),
 		children: [/* @__PURE__ */ E(m, {
-			invalid: !!u.error,
-			"data-foreign": d || void 0,
-			className: e(r && "h-7", "data-foreign:border-primary/50"),
+			invalid: !!w.error,
+			"data-foreign": D || void 0,
+			className: e(p && "h-7", "data-foreign:border-primary/50"),
 			children: [
-				t ?? (u.conversion && !i ? /* @__PURE__ */ T(O, { money: u }) : /* @__PURE__ */ T(h, {
+				u ?? (w.conversion && !_ ? /* @__PURE__ */ T(O, { money: w }) : /* @__PURE__ */ T(h, {
 					"aria-hidden": !0,
 					"data-slot": "symbol",
-					children: u.symbol
+					children: w.symbol
 				})),
 				/* @__PURE__ */ T(g, {
-					...u.inputProps,
-					id: a,
-					autoFocus: o,
-					disabled: i,
-					"aria-label": c,
-					className: e("tabular-nums", r ? "text-right" : "text-left")
+					...C,
+					...w.inputProps,
+					onFocus: (e) => {
+						w.inputProps.onFocus(), y?.(e);
+					},
+					onBlur: (e) => {
+						w.inputProps.onBlur(), b?.(e);
+					},
+					onKeyDown: (e) => {
+						w.inputProps.onKeyDown(e), x?.(e);
+					},
+					"aria-describedby": e(w.inputProps["aria-describedby"], S) || void 0,
+					disabled: _,
+					className: e("tabular-nums", p ? "text-right" : "text-left")
 				}),
-				n
+				d
 			]
-		}), u.error ? /* @__PURE__ */ E("p", {
-			id: u.errorId,
+		}), w.error ? /* @__PURE__ */ E("p", {
+			id: w.errorId,
 			role: "alert",
 			className: "text-destructive mt-0! flex items-center gap-1.5 text-xs font-medium",
-			children: [/* @__PURE__ */ T(f, { className: "shrink-0" }), u.error]
-		}) : /* @__PURE__ */ T(k, { money: u })]
+			children: [/* @__PURE__ */ T(f, { className: "shrink-0" }), w.error]
+		}) : /* @__PURE__ */ T(k, { money: w })]
 	});
 }
 function O({ money: s, className: c }) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/month-picker/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAe,KAAK,KAAK,EAAc,MAAM,kBAAkB,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,EACH,EAAE,EACF,SAAS,EACT,QAAgB,EAChB,WAA4B,EAC5B,OAAO,EACP,UAAoB,EACpB,KAAK,EACL,GAAG,IAAI,EACV,EAAE,gBAAgB,+BA8FlB;AAED,gGAAgG;AAChG,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC3G,mCAAmC;IACnC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,oDAAoD;IACpD,MAAM,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,uCAAuC;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/month-picker/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAe,KAAK,KAAK,EAAc,MAAM,kBAAkB,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,EACH,EAAE,EACF,SAAS,EACT,QAAgB,EAChB,WAA4B,EAC5B,OAAO,EACP,UAAoB,EACpB,KAAK,EACL,GAAG,IAAI,EACV,EAAE,gBAAgB,+BA2FlB;AAED,gGAAgG;AAChG,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC3G,mCAAmC;IACnC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,oDAAoD;IACpD,MAAM,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,uCAAuC;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/month-picker/index.js

@@ -1,93 +1,93 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
 import { useAnchoredPopup as t } from "../utils/useAnchoredPopup.js";
-import { POPUP as n, TRIGGER as r } from "../utils/styles.js";
-import { useFieldProps as i } from "../field/index.js";
-import { FieldChevron as a } from "../utils/field-chevron.js";
-import o from "../icons/chevron-left.js";
-import s from "../icons/chevron-right.js";
-import { formatMonth as c, monthNames as l } from "../utils/month.js";
-import { useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { PICKER_MONTH as n, PICKER_NAV as r, POPUP as i, TRIGGER as a } from "../utils/styles.js";
+import { useFieldProps as o } from "../field/index.js";
+import { FieldChevron as s } from "../utils/field-chevron.js";
+import c from "../icons/chevron-left.js";
+import l from "../icons/chevron-right.js";
+import { formatMonth as u, monthNames as d } from "../utils/month.js";
+import { useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region packages/month-picker/index.tsx
-function m({ value: m, onChange: h, locale: g, min: _, max: v, id: y, className: b, disabled: x = !1, placeholder: S = "Pick a month", onClear: C, clearLabel: w = "Clear", style: T, ...E }) {
-	let [D, O] = u(() => Number((m ?? (/* @__PURE__ */ new Date()).toISOString()).slice(0, 4))), k = t({ onOpenChange: (e) => e && m && O(Number(m.slice(0, 4))) }), A = i({
-		...E,
-		id: y
-	}), j = l(g), M = (e) => (!_ || e >= _) && (!v || e <= v);
-	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("button", {
+function g({ value: g, onChange: _, locale: v, min: y, max: b, id: x, className: S, disabled: C = !1, placeholder: w = "Pick a month", onClear: T, clearLabel: E = "Clear", style: D, ...O }) {
+	let [k, A] = f(() => Number((g ?? (/* @__PURE__ */ new Date()).toISOString()).slice(0, 4))), j = t({ onOpenChange: (e) => e && g && A(Number(g.slice(0, 4))) }), M = o({
+		...O,
+		id: x
+	}), N = d(v), P = (e) => (!y || e >= y) && (!b || e <= b);
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("button", {
 		type: "button",
-		...E,
-		...A,
-		id: y,
-		disabled: x,
-		...k.triggerProps,
+		...O,
+		...M,
+		id: x,
+		disabled: C,
+		...j.triggerProps,
 		style: {
-			...k.triggerProps.style,
-			...T
+			...j.triggerProps.style,
+			...D
 		},
-		className: e("zen__month-picker group", r, "w-full", k.open && "border-glow/60 [--glow-border-color:transparent] shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", b),
-		children: [/* @__PURE__ */ f("span", {
-			className: m ? void 0 : "text-muted-foreground",
-			children: m ? c(m, g) : S
-		}), /* @__PURE__ */ f(a, { open: k.open })]
-	}), /* @__PURE__ */ p("div", {
-		...k.popupProps,
+		className: e("zen__month-picker group", a, "w-full", j.open && "border-glow/60 [--glow-border-color:transparent] shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", S),
+		children: [/* @__PURE__ */ m("span", {
+			className: g ? void 0 : "text-muted-foreground",
+			children: g ? u(g, v) : w
+		}), /* @__PURE__ */ m(s, { open: j.open })]
+	}), /* @__PURE__ */ h("div", {
+		...j.popupProps,
 		role: "dialog",
 		"aria-label": "Choose month",
-		className: e("zen__popover", n, "w-64 p-3"),
+		className: e("zen__popover", i, "w-64 p-3"),
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ h("div", {
 				className: "mb-2 flex items-center justify-between",
 				children: [
-					/* @__PURE__ */ f("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
 						"aria-label": "Previous year",
-						onClick: () => O((e) => e - 1),
-						className: "hover:bg-muted rounded p-1.5",
-						children: /* @__PURE__ */ f(o, { className: "size-4" })
+						onClick: () => A((e) => e - 1),
+						className: r,
+						children: /* @__PURE__ */ m(c, { className: "size-4" })
 					}),
-					/* @__PURE__ */ f("span", {
+					/* @__PURE__ */ m("span", {
 						className: "text-sm font-semibold tabular-nums",
 						"aria-live": "polite",
-						children: D
+						children: k
 					}),
-					/* @__PURE__ */ f("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
 						"aria-label": "Next year",
-						onClick: () => O((e) => e + 1),
-						className: "hover:bg-muted rounded p-1.5",
-						children: /* @__PURE__ */ f(s, { className: "size-4" })
+						onClick: () => A((e) => e + 1),
+						className: r,
+						children: /* @__PURE__ */ m(l, { className: "size-4" })
 					})
 				]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ m("div", {
 				className: "grid grid-cols-3 gap-1",
-				children: j.map((t, n) => {
-					let r = `${D}-${String(n + 1).padStart(2, "0")}`, i = r === m;
-					return /* @__PURE__ */ f("button", {
+				children: N.map((t, r) => {
+					let i = `${k}-${String(r + 1).padStart(2, "0")}`, a = i === g;
+					return /* @__PURE__ */ m("button", {
 						type: "button",
-						disabled: !M(r),
-						"aria-pressed": i,
-						"aria-label": c(r, g, "long"),
+						disabled: !P(i),
+						"aria-pressed": a,
+						"aria-label": u(i, v, "long"),
 						onClick: () => {
-							h(r), k.setOpen(!1);
+							_(i), j.setOpen(!1);
 						},
-						className: e("rounded-sm py-2 text-sm disabled:cursor-not-allowed disabled:opacity-40", i ? "bg-primary text-primary-foreground" : "hover:bg-muted"),
+						className: e(n, a && "bg-primary text-primary-foreground hover:bg-primary"),
 						children: t
-					}, r);
+					}, i);
 				})
 			}),
-			C && m && /* @__PURE__ */ f("button", {
+			T && g && /* @__PURE__ */ m("button", {
 				type: "button",
 				onClick: () => {
-					C(), k.setOpen(!1);
+					T(), j.setOpen(!1);
 				},
-				className: "border-tint/[0.06] text-muted-foreground hover:text-foreground focus-visible:ring-ring/40 mt-2 w-full rounded-lg border-t px-2 pt-2.5 pb-1.5 text-sm outline-hidden focus-visible:ring-2",
-				children: 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: E
 			})
 		]
 	})] });
 }
 //#endregion
-export { m as default };
+export { g as default };

package/dist/pills/index.d.ts

@@ -19,7 +19,7 @@ export default function Pills({ className, ref, children, ...rest }: PillsProps)
 /** The glowing pill under the active item. Place it inside Pills; hidden while none is active. */
 export declare function PillIndicator({ className }: {
     className?: string;
-}): import('react').JSX.Element | null;
+}): import('react').JSX.Element;
 /**
  * One pill: a link. `active` marks the current page. With `asChild`, the
  * styles go onto your own element instead (a router's Link or NavLink).

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/pills/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAqC,MAAM,OAAO,CAAC;AAO1E;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BAgB9E;AAED,kGAAkG;AAClG,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,sCAUlE;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BAQhF;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,GAAG,CAAC;IAClD,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/pills/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAqC,MAAM,OAAO,CAAC;AAO1E;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BAgB9E;AAED,kGAAkG;AAClG,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAelE;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BAQhF;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,GAAG,CAAC;IAClD,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/pills/index.js

@@ -25,12 +25,16 @@ function p({ className: t }) {
 	let n = s(u);
 	return n ? /* @__PURE__ */ l("span", {
 		"aria-hidden": !0,
-		className: e(r, t),
+		className: e("zen__pill-indicator", r, t),
 		style: {
 			translate: `${n.x}px 0`,
 			width: n.w
 		}
-	}) : null;
+	}, "measured") : /* @__PURE__ */ l("span", {
+		"aria-hidden": !0,
+		"data-pending": !0,
+		className: "zen__pill-indicator hidden"
+	}, "pending");
 }
 function m({ active: r, asChild: i, className: a, children: o, ...s }) {
 	let c = {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/popover/index.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAMlD,OAAO,EAAE,cAAc,EAA6B,SAAS,EAAyB,MAAM,OAAO,CAAC;AAYpG;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,IAAI,EAAE,WAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAclG;AAED,6GAA6G;AAC7G,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,+BAcxF;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC3B,KAAgB,EAChB,MAAU,EACV,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,mBAAmB,+BAiBrB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAW7D;AAED,MAAM,WAAW,YAAY;IACzB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,QAAQ,CAAC;IACjE,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC9D,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/popover/index.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAMlD,OAAO,EAAE,cAAc,EAA6B,SAAS,EAAyB,MAAM,OAAO,CAAC;AAYpG;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,IAAI,EAAE,WAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAclG;AAED,6GAA6G;AAC7G,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,+BAcxF;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC3B,KAAgB,EAChB,MAAU,EACV,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,mBAAmB,+BAarB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAW7D;AAED,MAAM,WAAW,YAAY;IACzB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,QAAQ,CAAC;IACjE,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC9D,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/popover/index.js

@@ -26,23 +26,24 @@ function p({ open: e, defaultOpen: n = !1, onOpenChange: r, children: a }) {
 		children: a
 	});
 }
-function m({ asChild: e, style: t, children: r, ...i }) {
-	let a = f("PopoverTrigger"), o = {
-		...a.triggerProps,
+function m({ asChild: t, style: r, children: i, ...a }) {
+	let o = f("PopoverTrigger"), s = {
+		...o.triggerProps,
 		"aria-haspopup": "dialog",
-		...i,
+		...a,
 		style: {
-			...a.triggerProps.style,
-			...t
+			...o.triggerProps.style,
+			...r
 		}
 	};
-	return e ? /* @__PURE__ */ u(n, {
-		...o,
-		children: r
+	return t ? /* @__PURE__ */ u(n, {
+		...s,
+		children: i
 	}) : /* @__PURE__ */ u("button", {
 		type: "button",
-		...o,
-		children: r
+		...s,
+		className: e("cursor-pointer", s.className),
+		children: i
 	});
 }
 function h({ align: t = "center", offset: n = 5, className: i, style: a, children: s, ...c }) {
@@ -54,11 +55,12 @@ function h({ align: t = "center", offset: n = 5, className: i, style: a, childre
 		style: {
 			...r(l.id, {
 				align: t,
-				offset: n
+				offset: n,
+				width: "at-least"
 			}),
 			...a
 		},
-		className: e("zen__popover fixed z-50 w-[anchor-size(width)] min-w-max overflow-visible p-0", o, i),
+		className: e("zen__popover fixed z-50 overflow-visible p-0", o, i),
 		children: s
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/select/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAMH,cAAc,EAEd,SAAS,EAQZ,MAAM,OAAO,CAAC;AAaf;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,EAC7C,KAAK,EACL,QAAQ,EACR,WAAuB,EACvB,QAAgB,EAChB,IAAI,EACJ,EAAE,EACF,SAAS,EACT,aAAa,EACb,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACV,EAAE,WAAW,CAAC,CAAC,CAAC,+BAsIhB;AAuBD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAiC1F;AAED,uCAAuC;AACvC,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BASzF;AAED,0CAA0C;AAC1C,wBAAgB,eAAe,gCAE9B;AAED,gGAAgG;AAChG,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CACvD,cAAc,CAAC,QAAQ,CAAC,EACxB,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,cAAc,GAAG,MAAM,CAC9D;IACG,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/select/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAMH,cAAc,EAEd,SAAS,EAQZ,MAAM,OAAO,CAAC;AAaf;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,EAC7C,KAAK,EACL,QAAQ,EACR,WAAuB,EACvB,QAAgB,EAChB,IAAI,EACJ,EAAE,EACF,SAAS,EACT,aAAa,EACb,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACV,EAAE,WAAW,CAAC,CAAC,CAAC,+BAmIhB;AAuBD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAiC1F;AAED,uCAAuC;AACvC,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BASzF;AAED,0CAA0C;AAC1C,wBAAgB,eAAe,gCAE9B;AAED,gGAAgG;AAChG,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CACvD,cAAc,CAAC,QAAQ,CAAC,EACxB,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,cAAc,GAAG,MAAM,CAC9D;IACG,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB"}