@rinzai/zen 0.8.6 → 0.9.0

package/dist/animated-number/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/animated-number/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAM3D;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACnC,KAAK,EACL,MAAe,EACf,QAAc,EACd,QAAe,EACf,SAAS,GACZ,EAAE,mBAAmB,+BA0BrB;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,YAAoB,EACpB,GAAG,IAAI,EACV,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,GAAG,OAAO,CAAC,GAAG;IAC/C,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,+BAIA;AAED,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/animated-number/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAO3D;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACnC,KAAK,EACL,MAAe,EACf,QAAc,EACd,QAAe,EACf,SAAS,GACZ,EAAE,mBAAmB,+BAuBrB;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,YAAoB,EACpB,GAAG,IAAI,EACV,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,GAAG,OAAO,CAAC,GAAG;IAC/C,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,+BAIA;AAED,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/animated-number/index.js

@@ -1,33 +1,34 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
 import { formatMoney as t } from "../utils/money.js";
-import { useEffect as n, useLayoutEffect as r, useRef as i, useState as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
+import { reducedMotion as n } from "../utils/motion.js";
+import { useEffect as r, useLayoutEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region packages/animated-number/index.tsx
-var s = typeof window > "u" ? n : r, c = (e) => 1 - (1 - e) ** 3;
-function l({ value: t, format: n = String, duration: r = 650, fromZero: l = !0, className: u }) {
-	let [d, f] = a(l ? 0 : t), p = i(l ? 0 : t);
-	return s(() => {
-		if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches || document.documentElement.classList.contains("reduce-motion") || r <= 0) {
-			p.current = t, f(t);
+var c = typeof window > "u" ? r : i, l = (e) => 1 - (1 - e) ** 3;
+function u({ value: t, format: r = String, duration: i = 650, fromZero: u = !0, className: d }) {
+	let [f, p] = o(u ? 0 : t), m = a(u ? 0 : t);
+	return c(() => {
+		if (n() || i <= 0) {
+			m.current = t, p(t);
 			return;
 		}
-		let e = p.current, n = performance.now(), i = requestAnimationFrame(function a(o) {
-			let s = Math.min(1, (o - n) / r), l = Math.round(e + (t - e) * c(s));
-			p.current = l, f(l), s < 1 && (i = requestAnimationFrame(a));
+		let e = m.current, r = performance.now(), a = requestAnimationFrame(function n(o) {
+			let s = Math.min(1, (o - r) / i), c = Math.round(e + (t - e) * l(s));
+			m.current = c, p(c), s < 1 && (a = requestAnimationFrame(n));
 		});
-		return () => cancelAnimationFrame(i);
-	}, [t, r]), /* @__PURE__ */ o("span", {
-		className: e("zen__animated-number tabular-nums", u),
-		children: n(d)
+		return () => cancelAnimationFrame(a);
+	}, [t, i]), /* @__PURE__ */ s("span", {
+		className: e("zen__animated-number tabular-nums", d),
+		children: r(f)
 	});
 }
-function u({ value: e, currency: n, locale: r, showDecimals: i = !1, ...a }) {
-	return /* @__PURE__ */ o(l, {
+function d({ value: e, currency: n, locale: r, showDecimals: i = !1, ...a }) {
+	return /* @__PURE__ */ s(u, {
 		value: e,
 		format: (e) => t(e, n, r, { showDecimals: i }),
 		...a
 	});
 }
 //#endregion
-export { u as AnimatedMoney, l as default };
+export { d as AnimatedMoney, u as default };

package/dist/breadcrumbs/index.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+/** Where a page sits: its parents as links, then the page itself. Give the last crumb `current`. */
+export default function Breadcrumbs({ className, children, 'aria-label': label, ...rest }: ComponentProps<'nav'>): import('react').JSX.Element;
+/**
+ * One crumb: a link, or with `current`, the page you're on (not a link). With
+ * `asChild`, the styles go onto your own link element (a router's Link).
+ */
+export declare function Breadcrumb({ current, asChild, className, ...rest }: BreadcrumbProps): import('react').JSX.Element;
+export interface BreadcrumbProps extends ComponentProps<'a'> {
+    /** The page you're on: the last crumb. */
+    current?: boolean;
+    /** Style the single child element (e.g. a router link) instead of rendering an <a>. */
+    asChild?: boolean;
+}
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/breadcrumbs/index.js

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

package/dist/card/index.d.ts

@@ -11,7 +11,7 @@ export declare function CardDescription({ className, ...rest }: ComponentProps<'
 /** The card's title: an h4 by default; with `asChild`, your own heading (an h2, say) gets its look. */
 export declare function CardTitle({ asChild, className, children, ...rest }: CardTitleProps): import('react').JSX.Element;
 /** A single figure with a label, e.g. "Revenue  $12,400". */
-export declare function Stat({ label, value, hint, tone, className }: StatProps): import('react').JSX.Element;
+export declare function Stat({ label, value, hint, tone, className, children }: StatProps): import('react').JSX.Element;
 /** Row of stats: two columns on phones (an odd last one spans both), three from `sm` up. */
 export declare function StatRow({ children, className }: {
     children: ReactNode;
@@ -28,5 +28,7 @@ export interface StatProps {
     hint?: ReactNode;
     tone?: 'default' | 'positive' | 'negative';
     className?: string;
+    /** Under the figure: how it got there, like a Sparkline. */
+    children?: ReactNode;
 }
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BAO7D;AAED,qFAAqF;AACrF,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,+BAE1E;AAED,6GAA6G;AAC7G,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,GAAG,CAAC,+BAE1E;AAED,uGAAuG;AACvG,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAIlF;AAED,6DAA6D;AAC7D,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAgB,EAAE,SAAS,EAAE,EAAE,SAAS,+BAkBlF;AAED,4FAA4F;AAC5F,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAY3F;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;AAElD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,IAAI,CAAC;IACxD,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BAO7D;AAED,qFAAqF;AACrF,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,+BAE1E;AAED,6GAA6G;AAC7G,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,GAAG,CAAC,+BAE1E;AAED,uGAAuG;AACvG,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAIlF;AAED,6DAA6D;AAC7D,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAgB,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,SAAS,+BAmB5F;AAED,4FAA4F;AAC5F,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAY3F;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;AAElD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,IAAI,CAAC;IACxD,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB"}

package/dist/card/index.js

@@ -31,7 +31,7 @@ function s({ asChild: r, className: i, children: a, ...o }) {
 		children: a
 	});
 }
-function c({ label: t, value: i, hint: a, tone: o = "default", className: s }) {
+function c({ label: t, value: i, hint: a, tone: o = "default", className: s, children: c }) {
 	return /* @__PURE__ */ r("div", {
 		className: e("zen__stat glass glow-edge flex flex-col gap-1 rounded-xl p-3.5 md:p-4", s),
 		children: [
@@ -46,7 +46,8 @@ function c({ label: t, value: i, hint: a, tone: o = "default", className: s }) {
 			a && /* @__PURE__ */ n("span", {
 				className: "text-muted-foreground text-xs",
 				children: a
-			})
+			}),
+			c
 		]
 	});
 }

package/dist/chart/donut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"donut.d.ts","sourceRoot":"","sources":["../../packages/chart/donut.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAqC,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,YAAY,EAAgB,MAAM,WAAW,CAAC;AAG5D;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,IAAU,EACV,SAAgB,EAChB,OAAiB,EACjB,WAAoB,EACpB,QAAQ,EACR,SAAS,GACZ,EAAE,eAAe,+BAiIjB;AA+FD,MAAM,WAAW,eAAe;IAC5B,0DAA0D;IAC1D,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvE,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,qHAAqH;IACrH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"donut.d.ts","sourceRoot":"","sources":["../../packages/chart/donut.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAqC,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,YAAY,EAAgB,MAAM,WAAW,CAAC;AAG5D;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,IAAU,EACV,SAAgB,EAChB,OAAiB,EACjB,WAAoB,EACpB,QAAQ,EACR,SAAS,GACZ,EAAE,eAAe,+BAuIjB;AA+FD,MAAM,WAAW,eAAe;IAC5B,0DAA0D;IAC1D,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvE,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,qHAAqH;IACrH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/chart/donut.js

@@ -1,31 +1,32 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { paletteColor as t } from "./palette.js";
-import { ChartTooltipCard as n } from "./tooltip.js";
-import { useLayoutEffect as r, useRef as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useSeen as t } from "../utils/useSeen.js";
+import { paletteColor as n } from "./palette.js";
+import { ChartTooltipCard as r } from "./tooltip.js";
+import { useLayoutEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region packages/chart/donut.tsx
-function c({ items: c, label: d, size: f = 200, thickness: p = .32, palette: m = "chart", formatValue: h = String, children: y, className: b }) {
-	let [x, S] = a(null), C = c.reduce((e, t) => e + Math.max(0, t.value), 0), w = f / 2, T = w * (1 - p), E = Math.min(4, (w - T) / 4), D = c.filter((e) => e.value > 0).length > 1 ? 1.5 : 0, [O, k, A] = [
-		T + E,
-		w - E,
-		D + E
-	], j = u(c, 2 * g(A, k)), M = [];
-	for (let e = 0, n = -Math.PI / 2; e < c.length; n += j[e++]) M.push({
-		start: n,
-		end: n + j[e],
-		color: c[e].color ?? t(m, e, c.length)
+function l({ items: l, label: f, size: p = 200, thickness: m = .32, palette: h = "chart", formatValue: g = String, children: b, className: x }) {
+	let [S, C] = o(null), w = l.reduce((e, t) => e + Math.max(0, t.value), 0), T = p / 2, E = T * (1 - m), D = Math.min(4, (T - E) / 4), O = l.filter((e) => e.value > 0).length > 1 ? 1.5 : 0, [k, A, j] = [
+		E + D,
+		T - D,
+		O + D
+	], M = d(l, 2 * _(j, A)), N = [];
+	for (let e = 0, t = -Math.PI / 2; e < l.length; t += M[e++]) N.push({
+		start: t,
+		end: t + M[e],
+		color: l[e].color ?? n(h, e, l.length)
 	});
-	let N = x === null ? null : c[x], P = x === null ? null : (M[x].start + M[x].end) / 2, F = i(null), I = i(null);
-	return r(() => {
-		let e = I.current;
-		if (P === null || !e || !F.current) return;
+	let P = S === null ? null : l[S], F = S === null ? null : (N[S].start + N[S].end) / 2, I = a(null), L = a(null), R = t(I);
+	return i(() => {
+		let e = L.current;
+		if (F === null || !e || !I.current) return;
 		try {
 			e.showPopover?.();
 		} catch {}
 		let t = () => {
-			let t = F.current.getBoundingClientRect(), n = t.left + w + Math.cos(P) * (w + 10), r = t.top + w + Math.sin(P) * (w + 10), i = e.offsetWidth, a = e.offsetHeight, o = (e, t) => Math.max(l, Math.min(e, t - l));
-			e.style.left = `${o(Math.cos(P) >= 0 ? n : n - i, document.documentElement.clientWidth - i)}px`, e.style.top = `${o(r - a / 2, window.innerHeight - a)}px`;
+			let t = I.current.getBoundingClientRect(), n = t.left + T + Math.cos(F) * (T + 10), r = t.top + T + Math.sin(F) * (T + 10), i = e.offsetWidth, a = e.offsetHeight, o = (e, t) => Math.max(u, Math.min(e, t - u));
+			e.style.left = `${o(Math.cos(F) >= 0 ? n : n - i, document.documentElement.clientWidth - i)}px`, e.style.top = `${o(r - a / 2, window.innerHeight - a)}px`;
 		};
 		return t(), window.addEventListener("scroll", t, {
 			passive: !0,
@@ -33,105 +34,106 @@ function c({ items: c, label: d, size: f = 200, thickness: p = .32, palette: m =
 		}), window.addEventListener("resize", t, { passive: !0 }), () => {
 			window.removeEventListener("scroll", t, { capture: !0 }), window.removeEventListener("resize", t);
 		};
-	}, [P, w]), /* @__PURE__ */ s("div", {
-		ref: F,
-		className: e("zen__donut relative shrink-0", b),
+	}, [F, T]), /* @__PURE__ */ c("div", {
+		ref: I,
+		"data-zen-unseen": R ? void 0 : "",
+		className: e("zen__donut relative shrink-0", x),
 		style: {
-			width: f,
-			height: f
+			width: p,
+			height: p
 		},
 		children: [
-			/* @__PURE__ */ o("svg", {
-				width: f,
-				height: f,
-				viewBox: `${-w} ${-w} ${f} ${f}`,
+			/* @__PURE__ */ s("svg", {
+				width: p,
+				height: p,
+				viewBox: `${-T} ${-T} ${p} ${p}`,
 				role: "list",
-				"aria-label": d,
+				"aria-label": f,
 				className: "overflow-visible",
-				children: M.map((e, t) => {
+				children: N.map((e, t) => {
 					if (e.end === e.start) return null;
-					let n = e.end - e.start >= Math.PI * 2 - 1e-6, r = n ? v(T, w, e.start, e.end) : _(O, k, e.start, e.end, A, E), i = (e.start + e.end) / 2, a = x === t && !n ? 4 : 0, s = C ? Math.round(c[t].value / C * 100) : 0;
-					return /* @__PURE__ */ o("path", {
+					let n = e.end - e.start >= Math.PI * 2 - 1e-6, r = n ? y(E, T, e.start, e.end) : v(k, A, e.start, e.end, j, D), i = (e.start + e.end) / 2, a = S === t && !n ? 4 : 0, o = w ? Math.round(l[t].value / w * 100) : 0;
+					return /* @__PURE__ */ s("path", {
 						role: "listitem",
 						tabIndex: 0,
-						"aria-label": `${c[t].label}: ${h(c[t].value)} (${s}%)`,
+						"aria-label": `${l[t].label}: ${g(l[t].value)} (${o}%)`,
 						d: r,
-						onPointerEnter: () => S(t),
-						onPointerLeave: () => S(null),
-						onFocus: () => S(t),
-						onBlur: () => S(null),
+						onPointerEnter: () => C(t),
+						onPointerLeave: () => C(null),
+						onFocus: () => C(t),
+						onBlur: () => C(null),
 						className: "zen__chart-fade focus-visible:outline-hidden",
 						style: {
 							fill: e.color,
-							opacity: x !== null && x !== t ? .55 : 1,
+							opacity: S !== null && S !== t ? .55 : 1,
 							transform: `translate(${Math.cos(i) * a}px, ${Math.sin(i) * a}px)`,
 							transition: "transform 200ms ease-out, opacity 200ms",
 							animationDelay: `${t * 60}ms`,
-							filter: x === t ? `drop-shadow(0 0 10px ${e.color})` : void 0
+							filter: S === t ? `drop-shadow(0 0 10px ${e.color})` : void 0
 						}
-					}, c[t].key);
+					}, l[t].key);
 				})
 			}),
-			y && /* @__PURE__ */ o("div", {
+			b && /* @__PURE__ */ s("div", {
 				className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center",
-				children: y
+				children: b
 			}),
-			N && x !== null && /* @__PURE__ */ o("div", {
-				ref: I,
+			P && S !== null && /* @__PURE__ */ s("div", {
+				ref: L,
 				popover: "manual",
 				className: "pointer-events-none fixed inset-auto m-0 overflow-visible border-0 bg-transparent p-0",
-				children: /* @__PURE__ */ o(n, {
-					title: N.label,
+				children: /* @__PURE__ */ s(r, {
+					title: P.label,
 					rows: [{
-						label: `${C ? Math.round(N.value / C * 100) : 0}%`,
-						value: h(N.value),
-						color: M[x].color
+						label: `${w ? Math.round(P.value / w * 100) : 0}%`,
+						value: g(P.value),
+						color: N[S].color
 					}]
 				})
 			})
 		]
 	});
 }
-var l = 8;
-function u(e, t) {
+var u = 8;
+function d(e, t) {
 	let n = Math.PI * 2, r = e.map((e) => e.value).filter((e) => e > 0), i = [...r].sort((e, t) => e - t), a = Math.min(t, n / r.length), o = r.reduce((e, t) => e + t, 0), s = 0, c = (e) => e / o * (n - s * a);
 	for (; s < i.length - 1 && c(i[s]) < a;) o -= i[s++];
 	return e.map((e) => e.value > 0 ? Math.max(a, c(e.value)) : 0);
 }
-function d(e, t) {
-	return f([e * Math.cos(t), e * Math.sin(t)]);
+function f(e, t) {
+	return p([e * Math.cos(t), e * Math.sin(t)]);
 }
-function f([e, t]) {
+function p([e, t]) {
 	let n = (e) => Math.round(e * 1e3) / 1e3;
 	return `${n(e)},${n(t)}`;
 }
-var p = (e, t) => [e * Math.cos(t), e * Math.sin(t)], m = ([e, t], [n, r], i) => [e + n * i, t + r * i], h = ([e, t], [n, r]) => {
+var m = (e, t) => [e * Math.cos(t), e * Math.sin(t)], h = ([e, t], [n, r], i) => [e + n * i, t + r * i], g = ([e, t], [n, r]) => {
 	let i = Math.hypot(n - e, r - t);
 	return [(r - t) / i, (e - n) / i];
 };
-function g(e, t) {
+function _(e, t) {
 	return t > e ? Math.asin(e / t) : Math.PI / 2;
 }
-function _(e, t, n, r, i, a) {
+function v(e, t, n, r, i, a) {
 	let o = (e) => {
-		let [t, a] = [n + g(i, e), r - g(i, e)];
+		let [t, a] = [n + _(i, e), r - _(i, e)];
 		return a < t ? [(n + r) / 2, (n + r) / 2] : [t, a];
-	}, [s, c] = o(t), [l, u] = o(e), [_, v, y, b] = [
-		p(t, s),
-		p(t, c),
-		p(e, u),
-		p(e, l)
-	], [x, S] = [h(v, y), h(b, _)], C = (e, t, n, r) => t === n ? "" : `A${e},${e} 0 ${+(Math.abs(n - t) > Math.PI)} ${r} ${d(e, n)}`, w = (e) => `A${a},${a} 0 0 1 ${f(e)}`;
-	return `M${d(t + a, s)}${C(t + a, s, c, 1)}${w(m(v, x, a))}L${f(m(y, x, a))}${w(p(e - a, u))}${C(e - a, u, l, 0)}${w(m(b, S, a))}L${f(m(_, S, a))}${w(p(t + a, s))}Z`;
+	}, [s, c] = o(t), [l, u] = o(e), [d, v, y, b] = [
+		m(t, s),
+		m(t, c),
+		m(e, u),
+		m(e, l)
+	], [x, S] = [g(v, y), g(b, d)], C = (e, t, n, r) => t === n ? "" : `A${e},${e} 0 ${+(Math.abs(n - t) > Math.PI)} ${r} ${f(e, n)}`, w = (e) => `A${a},${a} 0 0 1 ${p(e)}`;
+	return `M${f(t + a, s)}${C(t + a, s, c, 1)}${w(h(v, x, a))}L${p(h(y, x, a))}${w(m(e - a, u))}${C(e - a, u, l, 0)}${w(h(b, S, a))}L${p(h(d, S, a))}${w(m(t + a, s))}Z`;
 }
-function v(e, t, n, r) {
+function y(e, t, n, r) {
 	if (r <= n) return "";
 	let i = +(r - n > Math.PI);
 	if (r - n >= Math.PI * 2 - 1e-6) {
 		let r = n + Math.PI;
-		return `M${d(t, n)}A${t},${t} 0 1 1 ${d(t, r)}A${t},${t} 0 1 1 ${d(t, n)}M${d(e, n)}A${e},${e} 0 1 0 ${d(e, r)}A${e},${e} 0 1 0 ${d(e, n)}Z`;
+		return `M${f(t, n)}A${t},${t} 0 1 1 ${f(t, r)}A${t},${t} 0 1 1 ${f(t, n)}M${f(e, n)}A${e},${e} 0 1 0 ${f(e, r)}A${e},${e} 0 1 0 ${f(e, n)}Z`;
 	}
-	return `M${d(t, n)}A${t},${t} 0 ${i} 1 ${d(t, r)}L${d(e, r)}A${e},${e} 0 ${i} 0 ${d(e, n)}Z`;
+	return `M${f(t, n)}A${t},${t} 0 ${i} 1 ${f(t, r)}L${f(e, r)}A${e},${e} 0 ${i} 0 ${f(e, n)}Z`;
 }
 //#endregion
-export { c as default };
+export { l as default };

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

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