@rinzai/zen 0.11.0 → 0.14.0

package/dist/page-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/page-header/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,oGAAoG;AACpG,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,+BAShG;AAED,MAAM,WAAW,eAAe;IAC5B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/page-header/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,oGAAoG;AACpG,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,+BASzG;AAED,sDAAsD;AACtD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/page-header/index.js

@@ -2,8 +2,9 @@
 import { cx as e } from "../utils/cx.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region packages/page-header/index.tsx
-function r({ eyebrow: r, title: i, lead: a, children: o, className: s }) {
+function r({ eyebrow: r, title: i, lead: a, children: o, className: s, ...c }) {
 	return /* @__PURE__ */ n("header", {
+		...c,
 		className: e("zen__page-header flex flex-col gap-3", s),
 		children: [
 			r && /* @__PURE__ */ t("p", {

package/dist/pagination/index.d.ts

@@ -5,7 +5,7 @@ import { ComponentProps, ReactNode } from 'react';
  * calling `onPageChange`, or with `href`, links (render them with your router's
  * Link through `renderLink`).
  */
-export default function Pagination({ page, count, onPageChange, href, renderLink, siblings, className, 'aria-label': label, }: PaginationProps): import('react').JSX.Element | null;
+export default function Pagination({ page, count, onPageChange, href, renderLink, siblings, className, 'aria-label': labelProp, }: PaginationProps): import('react').JSX.Element | null;
 /** The pages to show: the first, the last, `siblings` either side of `page`, and a gap where pages are skipped. */
 export declare function pageRange(page: number, count: number, siblings?: number): (number | 'gap')[];
 export interface PaginationProps {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/pagination/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,UAAwC,EACxC,QAAY,EACZ,SAAS,EACT,YAAY,EAAE,KAAe,GAChC,EAAE,eAAe,sCA6CjB;AAED,mHAAmH;AACnH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,CAavF;AAED,MAAM,WAAW,eAAe;IAC5B,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,uCAAuC;IACvC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,yDAAyD;IACzD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IACrE,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/pagination/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,UAAwC,EACxC,QAAY,EACZ,SAAS,EACT,YAAY,EAAE,SAAS,GAC1B,EAAE,eAAe,sCAsDjB;AAED,mHAAmH;AACnH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,CAavF;AAED,MAAM,WAAW,eAAe;IAC5B,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,uCAAuC;IACvC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,yDAAyD;IACzD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IACrE,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB"}

package/dist/pagination/index.js

@@ -1,55 +1,57 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { buttonVariants as t } from "../button/index.js";
-import n from "../icons/chevron-left.js";
-import r from "../icons/chevron-right.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useLocale as t, useMessages as n } from "../locale-provider/index.js";
+import { buttonVariants as r } from "../button/index.js";
+import i from "../icons/chevron-left.js";
+import a from "../icons/chevron-right.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region packages/pagination/index.tsx
-function o({ page: o, count: c, onPageChange: l, href: u, renderLink: d = (e) => /* @__PURE__ */ i("a", { ...e }), siblings: f = 1, className: p, "aria-label": m = "Pages" }) {
-	if (c < 2) return null;
-	let h = (n, r, a) => {
-		let o = n < 1 || n > c, s = e(t({
+function c({ page: c, count: u, onPageChange: d, href: f, renderLink: p = (e) => /* @__PURE__ */ o("a", { ...e }), siblings: m = 1, className: h, "aria-label": g }) {
+	let _ = n(), v = new Intl.NumberFormat(t()), y = g ?? _.pages;
+	if (u < 2) return null;
+	let b = (t, n, i) => {
+		let a = t < 1 || t > u, s = e(r({
 			variant: "ghost",
 			size: "icon"
-		}), "min-w-9 w-auto px-2 tabular-nums", a.current && "bg-primary/15 text-foreground shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.3),0_0_18px_-6px_oklch(var(--glow)/calc(0.6*var(--glow-k)))] hover:bg-primary/20"), f = {
-			"aria-label": a["aria-label"],
-			"aria-current": a.current ? "page" : void 0,
+		}), "min-w-9 w-auto px-2 tabular-nums", i.current && "bg-primary/15 text-foreground shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.3),0_0_18px_-6px_oklch(var(--glow)/calc(0.6*var(--glow-k)))] hover:bg-primary/20"), c = {
+			"aria-label": i["aria-label"],
+			"aria-current": i.current ? "page" : void 0,
 			className: s
 		};
-		return u && !o ? d({
-			...f,
-			href: u(n),
-			onClick: l && (() => l(n)),
-			children: r
-		}, n) : /* @__PURE__ */ i("button", {
+		return f && !a ? p({
+			...c,
+			href: f(t),
+			onClick: d && (() => d(t)),
+			children: n
+		}, t) : /* @__PURE__ */ o("button", {
 			type: "button",
-			...f,
-			disabled: o,
-			onClick: () => !a.current && l?.(n),
-			children: r
+			...c,
+			disabled: a,
+			onClick: () => !i.current && d?.(t),
+			children: n
 		});
 	};
-	return /* @__PURE__ */ i("nav", {
-		"aria-label": m,
-		className: e("zen__pagination", p),
-		children: /* @__PURE__ */ a("ul", {
+	return /* @__PURE__ */ o("nav", {
+		"aria-label": y,
+		className: e("zen__pagination", h),
+		children: /* @__PURE__ */ s("ul", {
 			className: "flex items-center gap-1",
 			children: [
-				/* @__PURE__ */ i("li", { children: h(o - 1, /* @__PURE__ */ i(n, { className: "size-4" }), { "aria-label": "Previous page" }) }),
-				s(o, c, f).map((e, t) => /* @__PURE__ */ i("li", { children: e === "gap" ? /* @__PURE__ */ i("span", {
+				/* @__PURE__ */ o("li", { children: b(c - 1, /* @__PURE__ */ o(i, { className: "size-4 rtl:-scale-x-100" }), { "aria-label": _.previousPage }) }),
+				l(c, u, m).map((e, t) => /* @__PURE__ */ o("li", { children: e === "gap" ? /* @__PURE__ */ o("span", {
 					"aria-hidden": !0,
 					className: "text-muted-foreground grid w-6 place-items-center",
 					children: "…"
-				}) : h(e, e, {
-					"aria-label": `Page ${e}`,
-					current: e === o
+				}) : b(e, v.format(e), {
+					"aria-label": _.page(e),
+					current: e === c
 				}) }, e === "gap" ? `gap${t}` : e)),
-				/* @__PURE__ */ i("li", { children: h(o + 1, /* @__PURE__ */ i(r, { className: "size-4" }), { "aria-label": "Next page" }) })
+				/* @__PURE__ */ o("li", { children: b(c + 1, /* @__PURE__ */ o(a, { className: "size-4 rtl:-scale-x-100" }), { "aria-label": _.nextPage }) })
 			]
 		})
 	});
 }
-function s(e, t, n = 1) {
+function l(e, t, n = 1) {
 	let r = /* @__PURE__ */ new Set([1, t]);
 	for (let i = e - n; i <= e + n; i++) i >= 1 && i <= t && r.add(i);
 	let i = [...r].sort((e, t) => e - t), a = [];
@@ -59,4 +61,4 @@ function s(e, t, n = 1) {
 	}), a;
 }
 //#endregion
-export { o as default, s as pageRange };
+export { c as default, l as pageRange };

package/dist/progress-ring/index.d.ts

@@ -1,10 +1,11 @@
-import { ReactNode } from 'react';
+import { ComponentProps, ReactNode } from 'react';
 /**
  * Circular progress, 0–1, with optional content in the middle. Reaching 1
  * while shown sends out a ring of glow, once.
  */
-export default function ProgressRing({ value, size, stroke, label, children, className }: ProgressRingProps): import('react').JSX.Element;
-export interface ProgressRingProps {
+export default function ProgressRing({ value, size, stroke, label, children, className, ...rest }: ProgressRingProps): import('react').JSX.Element;
+/** Other props (data-*, an id) go on the progressbar. */
+export interface ProgressRingProps extends ComponentProps<'div'> {
     /** Progress from 0 to 1; values outside are clamped. */
     value: number;
     size?: number;

package/dist/progress-ring/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/progress-ring/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,IAAS,EAAE,MAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAqDnH;AAED,MAAM,WAAW,iBAAiB;IAC9B,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/progress-ring/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAE5D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACjC,KAAK,EACL,IAAS,EACT,MAAU,EACV,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EAAE,iBAAiB,+BAsDnB;AAED,yDAAyD;AACzD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC5D,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/progress-ring/index.js

@@ -3,14 +3,15 @@ import { cx as e } from "../utils/cx.js";
 import { useState as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region packages/progress-ring/index.tsx
-function i({ value: i, size: a = 84, stroke: o = 7, label: s, children: c, className: l }) {
-	let u = (a - o) / 2, d = 2 * Math.PI * u, f = Math.min(Math.max(i, 0), 1), [p, m] = t(f), [h, g] = t(0);
-	return f !== p && (m(f), p < 1 && f === 1 && g(h + 1)), /* @__PURE__ */ r("div", {
+function i({ value: i, size: a = 84, stroke: o = 7, label: s, children: c, className: l, ...u }) {
+	let d = (a - o) / 2, f = 2 * Math.PI * d, p = Math.min(Math.max(i, 0), 1), [m, h] = t(p), [g, _] = t(0);
+	return p !== m && (h(p), m < 1 && p === 1 && _(g + 1)), /* @__PURE__ */ r("div", {
+		...u,
 		role: "progressbar",
 		"aria-label": s,
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
-		"aria-valuenow": Math.round(f * 100),
+		"aria-valuenow": Math.round(p * 100),
 		className: e("zen__progress-ring relative grid shrink-0 place-items-center", l),
 		style: {
 			width: a,
@@ -26,27 +27,27 @@ function i({ value: i, size: a = 84, stroke: o = 7, label: s, children: c, class
 				children: [/* @__PURE__ */ n("circle", {
 					cx: a / 2,
 					cy: a / 2,
-					r: u,
+					r: d,
 					fill: "none",
 					strokeWidth: o,
 					className: "stroke-tint/[0.07]"
 				}), /* @__PURE__ */ n("circle", {
 					cx: a / 2,
 					cy: a / 2,
-					r: u,
+					r: d,
 					fill: "none",
 					strokeWidth: o,
 					strokeLinecap: "round",
-					strokeDasharray: d,
-					strokeDashoffset: d * (1 - f),
+					strokeDasharray: f,
+					strokeDashoffset: f * (1 - p),
 					className: "zen__progress-ring-arc stroke-primary [filter:drop-shadow(0_0_6px_oklch(var(--glow)/calc(0.45*var(--glow-k))))] transition-[stroke-dashoffset] duration-700 ease-out"
 				})]
 			}),
-			h > 0 && /* @__PURE__ */ n("span", {
+			g > 0 && /* @__PURE__ */ n("span", {
 				"aria-hidden": !0,
 				className: "zen__ring-burst border-primary pointer-events-none absolute inset-0 rounded-full",
 				style: { borderWidth: o }
-			}, h),
+			}, g),
 			/* @__PURE__ */ n("div", {
 				className: "absolute inset-0 grid place-items-center text-center",
 				children: c

package/dist/radio-cards/index.d.ts

@@ -1,21 +1,25 @@
-import { CSSProperties, ReactNode } from 'react';
+import { ComponentProps, CSSProperties, ReactNode } from 'react';
 /**
  * A choice of one among a few cards, each showing what it picks (a palette, a
  * plan). Native radio inputs underneath, so arrow keys and forms work as for any
  * radio group. Lay the cards out with className (e.g. a grid); fill it with
  * RadioCard. For short text options, use Segmented.
  */
-export default function RadioCards<V extends string>({ label, value, onChange, name, className, children, }: RadioCardsProps<V>): import('react').JSX.Element;
+export default function RadioCards<V extends string>({ label, value: valueProp, defaultValue, onValueChange, name, className, children, ...rest }: RadioCardsProps<V>): import('react').JSX.Element;
 /**
  * One card: a native radio covering whatever you put inside, so the whole card
  * is the click target. Outlined, lit when chosen; style it further with
  * className and style (e.g. a background showing the choice).
  */
 export declare function RadioCard({ value, disabled, className, style, children }: RadioCardProps): import('react').JSX.Element;
-export interface RadioCardsProps<V extends string> {
+/** Other props (aria-*, data-*, an id) go on the cards' container, the radiogroup. */
+export interface RadioCardsProps<V extends string> extends Omit<ComponentProps<'div'>, 'defaultValue' | 'children'> {
     label: string;
-    value: V;
-    onChange: (value: V) => void;
+    /** The chosen card, when you keep it. */
+    value?: V;
+    /** The first chosen card, when the group keeps its own. */
+    defaultValue?: V;
+    onValueChange?: (value: V) => void;
     /** Form field name; defaults to a generated one. */
     name?: string;
     /** Classes for the cards' container: its layout (e.g. a grid). */

package/dist/radio-cards/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/radio-cards/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,aAAa,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAUnF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,EACjD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,QAAQ,GACX,EAAE,eAAe,CAAC,CAAC,CAAC,+BAgBpB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,+BAyBxF;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/radio-cards/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,aAAa,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAUnG;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,EACjD,KAAK,EACL,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BAiBpB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,+BAyBxF;AAED,sFAAsF;AACtF,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC;IAC/G,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACnC,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACvB"}

package/dist/radio-cards/index.js

@@ -1,48 +1,50 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { createContext as t, useContext as n, useId as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useControllable as t } from "../utils/useControllable.js";
+import { createContext as n, useContext as r, useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region packages/radio-cards/index.tsx
-var o = t(null);
-function s({ label: e, value: t, onChange: n, name: s, className: c, children: l }) {
-	let u = r();
-	return /* @__PURE__ */ a("div", {
+var s = n(null);
+function c({ label: e, value: n, defaultValue: r, onValueChange: c, name: l, className: u, children: d, ...f }) {
+	let [p, m] = t(n, r, c), h = i();
+	return /* @__PURE__ */ o("div", {
 		className: "zen__radio-cards flex flex-col gap-2",
-		children: [/* @__PURE__ */ i("span", {
-			id: u,
+		children: [/* @__PURE__ */ a("span", {
+			id: h,
 			className: "text-sm font-medium",
 			children: e
-		}), /* @__PURE__ */ i("div", {
+		}), /* @__PURE__ */ a("div", {
 			role: "radiogroup",
-			"aria-labelledby": u,
-			className: c,
-			children: /* @__PURE__ */ i(o.Provider, {
+			"aria-labelledby": h,
+			className: u,
+			...f,
+			children: /* @__PURE__ */ a(s.Provider, {
 				value: {
-					name: s ?? u,
-					value: t,
-					onChange: n
+					name: l ?? h,
+					value: p,
+					select: m
 				},
-				children: l
+				children: d
 			})
 		})]
 	});
 }
-function c({ value: t, disabled: r, className: s, style: c, children: l }) {
-	let u = n(o);
+function l({ value: t, disabled: n, className: i, style: c, children: l }) {
+	let u = r(s);
 	if (!u) throw Error("<RadioCard> must be inside <RadioCards>");
-	return /* @__PURE__ */ a("label", {
+	return /* @__PURE__ */ o("label", {
 		style: c,
-		className: e("zen__radio-card border-tint/10 relative flex items-center gap-3 rounded-xl border p-2.5 text-left text-sm transition-[border-color,box-shadow] duration-200", "hover:has-enabled:border-tint/20 has-checked:border-primary/60 has-checked:shadow-[0_0_0_3px_oklch(var(--primary)/0.15)]", "has-focus-visible:ring-ring/50 has-focus-visible:ring-2 has-disabled:opacity-60", s),
-		children: [/* @__PURE__ */ i("input", {
+		className: e("zen__radio-card border-tint/10 relative flex items-center gap-3 rounded-xl border p-2.5 text-start text-sm transition-[border-color,box-shadow] duration-200", "hover:has-enabled:border-tint/20 has-checked:border-primary/60 has-checked:shadow-[0_0_0_3px_oklch(var(--primary)/0.15)]", "has- has-focus-ring has-disabled:opacity-60", i),
+		children: [/* @__PURE__ */ a("input", {
 			type: "radio",
 			name: u.name,
 			value: t,
 			checked: u.value === t,
-			disabled: r,
-			onChange: () => u.onChange(t),
+			disabled: n,
+			onChange: () => u.select(t),
 			className: "absolute inset-0 z-10 m-0 size-full cursor-pointer appearance-none rounded-[inherit] opacity-0 disabled:cursor-not-allowed"
 		}), l]
 	});
 }
 //#endregion
-export { c as RadioCard, s as default };
+export { l as RadioCard, c as default };

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

@@ -1,26 +1,27 @@
-import { ReactNode } from 'react';
+import { ComponentProps, ReactNode } from 'react';
 /**
  * Choose one of a list: native radios underneath, so arrow keys move and pick
  * within the group, and forms work as usual. Fill it with Radio. For a few
  * short options side by side use Segmented; for options that show themselves,
  * RadioCards.
  */
-export default function RadioGroup<V extends string>({ label, value, onChange, name, disabled, orientation, className, children, ...aria }: RadioGroupProps<V>): import('react').JSX.Element;
+export default function RadioGroup<V extends string>({ label, value: valueProp, defaultValue, onValueChange, name, disabled, orientation, className, children, ...rest }: RadioGroupProps<V>): import('react').JSX.Element;
 /** One option: a round radio that fills with a glowing dot when chosen, its label, and an optional description. */
 export declare function Radio({ value, disabled, description, className, children }: RadioProps): import('react').JSX.Element;
-export interface RadioGroupProps<V extends string> {
+/** Other props (aria-*, data-*, an id) go on the options' container, the radiogroup. */
+export interface RadioGroupProps<V extends string> extends Omit<ComponentProps<'div'>, 'defaultValue' | 'children'> {
     /** Shown above the options, naming the group. Without it, give the group an aria-label. */
     label?: ReactNode;
-    /** The chosen option, or null for none yet. */
-    value: V | null;
-    onChange: (value: V) => void;
+    /** The chosen option when you keep it, or null for none yet. */
+    value?: V | null;
+    /** The first chosen option, when the group keeps its own. */
+    defaultValue?: V | null;
+    onValueChange?: (value: V) => void;
     /** Form field name; defaults to a generated one. */
     name?: string;
     disabled?: boolean;
     /** Options in a column (default) or wrapping in a row. */
     orientation?: 'vertical' | 'horizontal';
-    'aria-label'?: string;
-    'aria-describedby'?: string;
     /** Classes for the options' container. */
     className?: string;
     /** The Radios. */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/radio-group/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAqB,MAAM,OAAO,CAAC;AAWpE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,EACjD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAgB,EAChB,WAAwB,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BA6BpB;AAED,mHAAmH;AACnH,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,UAAU,+BAoCtF;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM;IAC7C,2FAA2F;IAC3F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+CAA+C;IAC/C,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB;IACjB,QAAQ,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/radio-group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAqB,MAAM,OAAO,CAAC;AAWpF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,EACjD,KAAK,EACL,KAAK,EAAE,SAAS,EAChB,YAAmB,EACnB,aAAa,EACb,IAAI,EACJ,QAAgB,EAChB,WAAwB,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BA8BpB;AAED,mHAAmH;AACnH,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,UAAU,+BAoCtF;AAED,wFAAwF;AACxF,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC;IAC/G,2FAA2F;IAC3F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gEAAgE;IAChE,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACnC,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB;IACjB,QAAQ,EAAE,SAAS,CAAC;CACvB"}

package/dist/radio-group/index.js

@@ -1,63 +1,64 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { createContext as t, useContext as n, useId as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useControllable as t } from "../utils/useControllable.js";
+import { createContext as n, useContext as r, useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region packages/radio-group/index.tsx
-var o = t(null);
-function s({ label: t, value: n, onChange: s, name: c, disabled: l = !1, orientation: u = "vertical", className: d, children: f, ...p }) {
-	let m = r();
-	return /* @__PURE__ */ a("div", {
+var s = n(null);
+function c({ label: n, value: r, defaultValue: c = null, onValueChange: l, name: u, disabled: d = !1, orientation: f = "vertical", className: p, children: m, ...h }) {
+	let [g, _] = t(r, c, l), v = i();
+	return /* @__PURE__ */ o("div", {
 		className: "zen__radio-group flex flex-col gap-2",
-		children: [t && /* @__PURE__ */ i("span", {
-			id: m,
+		children: [n && /* @__PURE__ */ a("span", {
+			id: v,
 			className: "text-sm font-medium",
-			children: t
-		}), /* @__PURE__ */ i("div", {
+			children: n
+		}), /* @__PURE__ */ a("div", {
 			role: "radiogroup",
-			"aria-labelledby": t ? m : void 0,
-			"aria-orientation": u,
-			"aria-disabled": l || void 0,
-			...p,
-			className: e("flex", u === "vertical" ? "flex-col gap-2.5" : "flex-wrap gap-x-5 gap-y-2", d),
-			children: /* @__PURE__ */ i(o.Provider, {
+			"aria-labelledby": n ? v : void 0,
+			"aria-orientation": f,
+			"aria-disabled": d || void 0,
+			...h,
+			className: e("flex", f === "vertical" ? "flex-col gap-2.5" : "flex-wrap gap-x-5 gap-y-2", p),
+			children: /* @__PURE__ */ a(s.Provider, {
 				value: {
-					name: c ?? m,
-					value: n,
-					onChange: s,
-					disabled: l
+					name: u ?? v,
+					value: g,
+					select: _,
+					disabled: d
 				},
-				children: f
+				children: m
 			})
 		})]
 	});
 }
-function c({ value: t, disabled: r, description: s, className: c, children: l }) {
-	let u = n(o);
+function l({ value: t, disabled: n, description: i, className: c, children: l }) {
+	let u = r(s);
 	if (!u) throw Error("<Radio> must be inside <RadioGroup>");
-	return /* @__PURE__ */ a("label", {
+	return /* @__PURE__ */ o("label", {
 		className: e("inline-flex cursor-pointer items-start gap-2.5 text-sm has-disabled:cursor-not-allowed has-disabled:opacity-60", c),
-		children: [/* @__PURE__ */ a("span", {
+		children: [/* @__PURE__ */ o("span", {
 			className: "relative mt-px inline-grid size-[1.125rem] shrink-0 place-items-center",
-			children: [/* @__PURE__ */ i("input", {
+			children: [/* @__PURE__ */ a("input", {
 				type: "radio",
 				name: u.name,
 				value: t,
 				checked: u.value === t,
-				disabled: r || u.disabled,
-				onChange: () => u.onChange(t),
-				className: e("peer bg-tint/[0.04] m-0 size-full cursor-pointer appearance-none rounded-full border border-[color:oklch(var(--tint)/var(--zen-control-edge))] outline-hidden", "transition-[border-color,box-shadow] duration-200", "focus-visible:ring-ring/50 focus-visible:ring-2 hover:enabled:border-[color:oklch(var(--tint)/var(--zen-control-edge-hover))]", "checked:border-primary checked:shadow-[0_0_14px_-3px_oklch(var(--glow)/calc(0.8*var(--glow-k)))] disabled:cursor-not-allowed")
-			}), /* @__PURE__ */ i("span", {
+				disabled: n || u.disabled,
+				onChange: () => u.select(t),
+				className: e("peer bg-tint/[0.04] m-0 size-full cursor-pointer appearance-none rounded-full border border-[color:oklch(var(--tint)/var(--zen-control-edge))] outline-hidden", "transition-[border-color,box-shadow] duration-200", " focus-ring hover:enabled:border-[color:oklch(var(--tint)/var(--zen-control-edge-hover))]", "checked:border-primary checked:shadow-[0_0_14px_-3px_oklch(var(--glow)/calc(0.8*var(--glow-k)))] disabled:cursor-not-allowed")
+			}), /* @__PURE__ */ a("span", {
 				"aria-hidden": !0,
 				className: "zen__radio-dot bg-primary pointer-events-none absolute size-2 scale-0 rounded-full shadow-[0_0_8px_oklch(var(--glow)/calc(0.9*var(--glow-k)))] transition-transform duration-200 ease-[cubic-bezier(0.3,1.6,0.5,1)] peer-checked:scale-100"
 			})]
-		}), /* @__PURE__ */ a("span", {
+		}), /* @__PURE__ */ o("span", {
 			className: "flex flex-col gap-0.5",
-			children: [l, s && /* @__PURE__ */ i("span", {
+			children: [l, i && /* @__PURE__ */ a("span", {
 				className: "text-muted-foreground text-xs",
-				children: s
+				children: i
 			})]
 		})]
 	});
 }
 //#endregion
-export { c as Radio, s as default };
+export { l as Radio, c as default };

package/dist/range-slider/index.d.ts

@@ -1,12 +1,18 @@
+import { ComponentProps } from 'react';
 /**
  * Two thumbs on one track, for a span such as an amount from $50 to $500:
  * two native range inputs (keyboard, forms and screen readers work as on
  * Slider), the span between them filled. The thumbs can meet but not cross.
  */
-export default function RangeSlider({ value: [low, high], min, max, step, onValueChange, onValueCommit, label, thumbLabels, valueText, disabled, className, }: RangeSliderProps): import('react').JSX.Element;
-export interface RangeSliderProps {
-    /** The span, low then high. */
-    value: readonly [number, number];
+export default function RangeSlider({ value: valueProp, defaultValue, min, max, step, onValueChange, onValueCommit, label, thumbLabels: thumbLabelsProp, valueText, name, disabled, className, style, ...rest }: RangeSliderProps): import('react').JSX.Element;
+/** Other props (aria-*, data-*, an id) go on the group around the thumbs. */
+export interface RangeSliderProps extends Omit<ComponentProps<'div'>, 'defaultValue' | 'children'> {
+    /** The span, low then high, when you keep it. */
+    value?: readonly [number, number];
+    /** The first span, when the slider keeps its own (default the whole range). */
+    defaultValue?: readonly [number, number];
+    /** Form field name: low and high are submitted under it, in that order. */
+    name?: string;
     min?: number;
     max?: number;
     step?: number;

package/dist/range-slider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/range-slider/index.tsx"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,KAAK,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,EAClB,GAAO,EACP,GAAS,EACT,IAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,WAAoC,EACpC,SAAS,EACT,QAAQ,EACR,SAAS,GACZ,EAAE,gBAAgB,+BAiDlB;AAED,MAAM,WAAW,gBAAgB;IAC7B,+BAA+B;IAC/B,KAAK,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAClD,2DAA2D;IAC3D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAClD,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,WAAW,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,oDAAoD;IACpD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/range-slider/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAE9D;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,GAAO,EACP,GAAS,EACT,IAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,WAAW,EAAE,eAAe,EAC5B,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACV,EAAE,gBAAgB,+BA6DlB;AAED,6EAA6E;AAC7E,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC;IAC9F,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,+EAA+E;IAC/E,YAAY,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAClD,2DAA2D;IAC3D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAClD,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,WAAW,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,oDAAoD;IACpD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/range-slider/index.js

@@ -1,44 +1,56 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { THUMB as t } from "../slider/index.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useControllable as t } from "../utils/useControllable.js";
+import { useMessages as n } from "../locale-provider/index.js";
+import { useFormReset as r } from "../utils/form-value.js";
+import { THUMB as i } from "../slider/index.js";
+import { useRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region packages/range-slider/index.tsx
-function i({ value: [i, a], min: o = 0, max: s = 100, step: c = 1, onValueChange: l, onValueCommit: u, label: d, thumbLabels: f = ["Minimum", "Maximum"], valueText: p, disabled: m, className: h }) {
-	let g = (e) => s > o ? (e - o) / (s - o) * 100 : 0, _ = [{
-		value: i,
-		set: (e) => [Math.min(e, a), a]
+function c({ value: c, defaultValue: l, min: u = 0, max: d = 100, step: f = 1, onValueChange: p, onValueCommit: m, label: h, thumbLabels: g, valueText: _, name: v, disabled: y, className: b, style: x, ...S }) {
+	let C = n(), w = g ?? [C.minimum, C.maximum], [[T, E], D, O] = t(c, l ?? [u, d], p), k = a(null);
+	r(k, O);
+	let A = (e) => d > u ? (e - u) / (d - u) * 100 : 0, j = [{
+		value: T,
+		set: (e) => [Math.min(e, E), E]
 	}, {
-		value: a,
-		set: (e) => [i, Math.max(e, i)]
+		value: E,
+		set: (e) => [T, Math.max(e, T)]
 	}];
-	return /* @__PURE__ */ r("div", {
+	return /* @__PURE__ */ s("div", {
 		role: "group",
-		"aria-label": d,
-		className: e("zen__range-slider relative h-5 w-full", m && "opacity-50", h),
-		style: { "--zen-thumb": "oklch(var(--primary))" },
-		children: [/* @__PURE__ */ n("div", {
+		"aria-label": h,
+		...S,
+		className: e("zen__range-slider relative h-5 w-full", y && "opacity-50", b),
+		style: {
+			"--zen-thumb": "oklch(var(--primary))",
+			...x
+		},
+		children: [/* @__PURE__ */ o("div", {
 			"aria-hidden": !0,
-			className: "absolute inset-x-0 top-1/2 h-2.5 -translate-y-1/2 rounded-full",
-			style: { background: `linear-gradient(to right, oklch(var(--muted)) ${g(i)}%, oklch(var(--primary)) ${g(i)}% ${g(a)}%, oklch(var(--muted)) ${g(a)}%)` }
-		}), _.map((r, d) => /* @__PURE__ */ n("input", {
+			className: "absolute inset-x-0 top-1/2 h-2.5 -translate-y-1/2 rounded-full [--zen-end:right] rtl:[--zen-end:left]",
+			style: { background: `linear-gradient(to var(--zen-end), oklch(var(--muted)) ${A(T)}%, oklch(var(--primary)) ${A(T)}% ${A(E)}%, oklch(var(--muted)) ${A(E)}%)` }
+		}), j.map((t, n) => /* @__PURE__ */ o("input", {
+			ref: n === 0 ? k : void 0,
 			type: "range",
-			min: o,
-			max: s,
-			step: c,
-			value: r.value,
-			disabled: m,
-			"aria-label": f[d],
-			"aria-valuetext": p?.(r.value),
+			name: v,
+			min: u,
+			max: d,
+			step: f,
+			value: t.value,
+			disabled: y,
+			"aria-label": w[n],
+			"aria-valuetext": _?.(t.value),
 			onChange: (e) => {
-				let [t, n] = r.set(Number(e.target.value));
-				l?.([t, n]);
+				let [n, r] = t.set(Number(e.target.value));
+				D([n, r]);
 			},
-			onPointerUp: () => u?.([i, a]),
-			onKeyUp: () => u?.([i, a]),
-			style: { zIndex: d === 0 && i > (o + s) / 2 ? 2 : 1 },
-			className: e("pointer-events-none absolute inset-0 h-5 w-full cursor-pointer appearance-none bg-transparent outline-hidden disabled:cursor-not-allowed", "[&::-webkit-slider-runnable-track]:h-2.5 [&::-moz-range-track]:h-2.5 [&::-moz-range-track]:bg-transparent", "[&::-webkit-slider-thumb]:pointer-events-auto [&::-moz-range-thumb]:pointer-events-auto", t)
-		}, d))]
+			onPointerUp: () => m?.([T, E]),
+			onKeyUp: () => m?.([T, E]),
+			style: { zIndex: n === 0 && T > (u + d) / 2 ? 2 : 1 },
+			className: e("pointer-events-none absolute inset-0 h-5 w-full cursor-pointer appearance-none bg-transparent outline-hidden disabled:cursor-not-allowed", "[&::-webkit-slider-runnable-track]:h-2.5 [&::-moz-range-track]:h-2.5 [&::-moz-range-track]:bg-transparent", "[&::-webkit-slider-thumb]:pointer-events-auto [&::-moz-range-thumb]:pointer-events-auto", i)
+		}, n))]
 	});
 }
 //#endregion
-export { i as default };
+export { c as default };