themelia-ui 1.0.0

package/dist/overlays-BN7GOm51.js

@@ -0,0 +1,396 @@
+import "./css/overlays.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { _ as t, h as n } from "./feedback-DHdvxang.js";
+import { c as r } from "./buttons-CabBjPap.js";
+import { t as i } from "./use-latest-CF0678ae.js";
+import { d as a } from "./display-DTWjv_bB.js";
+import { a as o, c as s, i as c, l, n as u, o as d, s as f, t as p } from "./sheet-CEc-CIEZ.js";
+import { a as m, c as h, d as g, o as _, r as v, s as y, t as b, u as x } from "./alert-dialog-B-Ka60lV.js";
+import { a as S, c as C, i as w, l as T, n as E, s as ee, t as D, u as O } from "./dialog-CwOfwsHr.js";
+import { CircleAlertIcon as k, CircleCheckIcon as A, CircleHelpIcon as j, InfoIcon as M, TriangleAlertIcon as N } from "lucide-react";
+import { isValidElement as P, useCallback as F, useMemo as I, useState as L } from "react";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+var V = {
+	titleRow: "overlays-module__titleRow___E5ZvP",
+	toneIcon: "overlays-module__toneIcon___yi496",
+	titleText: "overlays-module__titleText___c-y6s",
+	notice: "overlays-module__notice___VCyGD",
+	actions: "overlays-module__actions___6A9jS"
+}, H = {
+	neutral: /* @__PURE__ */ z(j, { "aria-hidden": !0 }),
+	destructive: /* @__PURE__ */ z(k, { "aria-hidden": !0 }),
+	warning: /* @__PURE__ */ z(N, { "aria-hidden": !0 }),
+	info: /* @__PURE__ */ z(M, { "aria-hidden": !0 }),
+	success: /* @__PURE__ */ z(A, { "aria-hidden": !0 })
+};
+function U({ tone: e }) {
+	return /* @__PURE__ */ z("span", {
+		"data-tone": e,
+		className: V.toneIcon,
+		children: H[e]
+	});
+}
+function W({ tone: e, showIcon: t, children: n }) {
+	return t ? /* @__PURE__ */ B("span", {
+		className: V.titleRow,
+		children: [/* @__PURE__ */ z(U, { tone: e }), /* @__PURE__ */ z("span", {
+			className: V.titleText,
+			children: n
+		})]
+	}) : /* @__PURE__ */ z(R, { children: n });
+}
+function G({ tone: e, children: r }) {
+	return /* @__PURE__ */ z("div", {
+		className: V.notice,
+		children: /* @__PURE__ */ z(n, {
+			tone: e === "neutral" ? "info" : e,
+			children: /* @__PURE__ */ z(t, { children: r })
+		})
+	});
+}
+function K({ copy: t, showCancel: n, showConfirm: i, confirmTone: a, confirmStyle: o, busy: s, formId: c, onCancel: l, onConfirm: u }) {
+	return !n && !i ? null : /* @__PURE__ */ B("div", {
+		className: e("overlay-actions--component", V.actions),
+		children: [n && /* @__PURE__ */ z(r, {
+			type: "button",
+			tone: "neutral",
+			buttonStyle: "outline",
+			disabled: s,
+			onClick: l,
+			children: t.cancel
+		}), i && /* @__PURE__ */ z(r, {
+			type: c ? "submit" : "button",
+			form: c,
+			tone: a,
+			buttonStyle: o,
+			loading: s,
+			onClick: c ? void 0 : () => void u(),
+			children: t.confirm
+		})]
+	});
+}
+function te({ title: e, description: t, Title: n, Description: r }) {
+	return /* @__PURE__ */ B(a, { children: [!!e && /* @__PURE__ */ z(n, { children: e }), !!t && /* @__PURE__ */ z(r, { children: t })] });
+}
+//#endregion
+//#region src/components/features/overlays/overlays.strings.ts
+var q = {
+	confirm: "Confirm",
+	cancel: "Cancel"
+}, J = {
+	confirm: "Continue",
+	cancel: "Cancel"
+};
+//#endregion
+//#region src/components/features/overlays/use-overlay-actions.ts
+function Y({ close: e, onConfirm: t, onAsyncConfirm: n, closeOnAsyncComplete: r = !0, confirmTone: i = "primary", loading: a = !1, formId: o, onCancel: s, onError: c, strings: l, defaults: u = q, emphasis: d = !1, tone: f = "neutral" }) {
+	let p = {
+		...u,
+		...l
+	}, [m, h] = L(!1), g = F(async () => {
+		if (t) {
+			t(), e();
+			return;
+		}
+		if (n) {
+			h(!0);
+			try {
+				await n(), r && e();
+			} catch (e) {
+				c?.(e);
+			} finally {
+				h(!1);
+			}
+			return;
+		}
+		e();
+	}, [
+		t,
+		n,
+		r,
+		e,
+		c
+	]), _ = F(() => {
+		if (!o) return;
+		let e = document.getElementById(o);
+		e instanceof HTMLFormElement && e.requestSubmit();
+	}, [o]), v = F(() => {
+		s?.(), e();
+	}, [s, e]), y = I(() => d && (f === "destructive" || f === "warning" || f === "success") ? f : i, [
+		d,
+		f,
+		i
+	]);
+	return {
+		copy: p,
+		pending: m,
+		confirm: o ? _ : g,
+		cancel: v,
+		confirmTone: y,
+		busy: m || a
+	};
+}
+//#endregion
+//#region src/components/features/overlays/use-overlay-visibility.ts
+function X(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function Z({ defaultOpen: e = !1, open: t, onOpenChange: n, onOpen: r, onClose: a } = {}) {
+	let [o, s] = L(e), c = t !== void 0, l = c ? t : o, u = i(l), d = F((e) => {
+		let t = X(e, u.current);
+		t !== u.current && (c || s(t), n?.(t), t ? r?.() : a?.());
+	}, [
+		c,
+		n,
+		r,
+		a,
+		u
+	]);
+	return {
+		open: l,
+		setOpen: d,
+		show: F(() => d(!0), [d]),
+		hide: F(() => d(!1), [d]),
+		toggle: F(() => d((e) => !e), [d]),
+		overlayProps: I(() => ({
+			open: l,
+			onOpenChange: d
+		}), [l, d])
+	};
+}
+function ne(e, { defaultOpen: t, open: n, onOpenChange: r, closeOthersOnOpen: a = !1 } = {}) {
+	let o = F((t) => Object.fromEntries(e.map((e) => [e, !!t?.[e]])), [e]), [s, c] = L(() => o(t)), l = n !== void 0, u = l ? o(n) : s, d = i(u), f = F((t, n) => {
+		let i = d.current, o = X(n, i[t]);
+		if (o === i[t]) return;
+		let s = a && o ? Object.fromEntries(e.map((e) => [e, e === t])) : {
+			...i,
+			[t]: o
+		};
+		l || c(s), r?.(t, o, s);
+	}, [
+		a,
+		l,
+		e,
+		r,
+		d
+	]);
+	return I(() => Object.fromEntries(e.map((e) => {
+		let t = (t) => f(e, t);
+		return [e, {
+			open: u[e],
+			setOpen: t,
+			show: () => f(e, !0),
+			hide: () => f(e, !1),
+			toggle: () => f(e, (e) => !e),
+			overlayProps: {
+				open: u[e],
+				onOpenChange: t
+			}
+		}];
+	})), [
+		e,
+		f,
+		u
+	]);
+}
+//#endregion
+//#region src/components/features/overlays/action-dialog.tsx
+var Q = {
+	sm: "24rem",
+	md: "32rem",
+	lg: "42rem",
+	xl: "56rem",
+	full: "calc(100vw - 2rem)"
+};
+function re({ open: t, onOpenChange: n, onClose: r, children: i, title: a, description: o, hideHeader: s = !1, showCloseButton: c = !0, initialFocusRef: l, closeOnEscape: u = !0, closeOnBackdropClick: d = !0, surfaceStyle: f, className: p, contentClassName: m, strings: h, width: g = "md", trigger: _, showCancel: v = !0, showConfirm: y = !0, onCancel: b, onConfirm: x, onAsyncConfirm: k, onError: A, closeOnAsyncComplete: j = !0, confirmTone: M = "primary", confirmStyle: N = "solid", loading: F = !1, formId: I, footer: L, emphasis: R = !1, tone: V = "neutral", showIcon: H = !1, alertMessage: U }) {
+	let q = Z({
+		open: t,
+		onOpenChange: n,
+		onClose: r
+	}), J = Y({
+		close: q.hide,
+		onConfirm: x,
+		onAsyncConfirm: k,
+		closeOnAsyncComplete: j,
+		confirmTone: M,
+		loading: F,
+		formId: I,
+		onCancel: b,
+		onError: A,
+		strings: h,
+		emphasis: R,
+		tone: V
+	}), X = L !== void 0 || v || y;
+	return /* @__PURE__ */ B(D, {
+		...q.overlayProps,
+		children: [P(_) && /* @__PURE__ */ z(O, { render: _ }), /* @__PURE__ */ B(w, {
+			showCloseButton: c,
+			initialFocusRef: l,
+			dismissal: {
+				escape: u && !J.busy,
+				backdrop: d && !J.busy
+			},
+			className: e("action-dialog--component", p),
+			style: {
+				"--overlay-max-width": Q[g] ?? g,
+				...f
+			},
+			children: [
+				s ? /* @__PURE__ */ z(te, {
+					title: a,
+					description: o,
+					Title: T,
+					Description: S
+				}) : (!!a || !!o) && /* @__PURE__ */ B(C, { children: [!!a && /* @__PURE__ */ z(T, { children: /* @__PURE__ */ z(W, {
+					tone: V,
+					showIcon: H,
+					children: a
+				}) }), !!o && /* @__PURE__ */ z(S, { children: o })] }),
+				/* @__PURE__ */ B(E, {
+					className: m,
+					children: [!!U && /* @__PURE__ */ z(G, {
+						tone: V,
+						children: U
+					}), i]
+				}),
+				X && /* @__PURE__ */ z(ee, { children: L ?? /* @__PURE__ */ z(K, {
+					copy: J.copy,
+					showCancel: v,
+					showConfirm: y,
+					confirmTone: J.confirmTone,
+					confirmStyle: N,
+					busy: J.busy,
+					formId: I,
+					onCancel: J.cancel,
+					onConfirm: J.confirm
+				}) })
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/overlays/action-sheet.tsx
+function $({ open: t, onOpenChange: n, onClose: r, children: i, title: a, description: m, hideHeader: h = !1, showCloseButton: g = !0, initialFocusRef: _, closeOnEscape: v = !0, closeOnBackdropClick: y = !0, surfaceStyle: b, className: x, contentClassName: S, strings: C, side: w = "inline-end", size: T, length: E, inset: ee, showFooter: D = !0, modality: O = "modal", trigger: k, showCancel: A = !0, showConfirm: j = !0, onCancel: M, onConfirm: N, onAsyncConfirm: F, onError: I, closeOnAsyncComplete: L = !0, confirmTone: R = "primary", confirmStyle: V = "solid", loading: H = !1, formId: U, footer: q, emphasis: J = !1, tone: X = "neutral", showIcon: ne = !1, alertMessage: Q }) {
+	let re = Z({
+		open: t,
+		onOpenChange: n,
+		onClose: r
+	}), $ = Y({
+		close: re.hide,
+		onConfirm: N,
+		onAsyncConfirm: F,
+		closeOnAsyncComplete: L,
+		confirmTone: R,
+		loading: H,
+		formId: U,
+		onCancel: M,
+		onError: I,
+		strings: C,
+		emphasis: J,
+		tone: X
+	}), ie = D && (q !== void 0 || A || j);
+	return /* @__PURE__ */ B(p, {
+		...re.overlayProps,
+		children: [P(k) && /* @__PURE__ */ z(l, { render: k }), /* @__PURE__ */ B(c, {
+			side: w,
+			size: T,
+			length: E,
+			inset: ee,
+			modality: O,
+			showCloseButton: g,
+			initialFocusRef: _,
+			dismissal: {
+				escape: v && !$.busy,
+				backdrop: y && !$.busy
+			},
+			className: e("action-sheet--component", x),
+			style: b,
+			children: [
+				h ? /* @__PURE__ */ z(te, {
+					title: a,
+					description: m,
+					Title: s,
+					Description: o
+				}) : (!!a || !!m) && /* @__PURE__ */ B(f, { children: [!!a && /* @__PURE__ */ z(s, { children: /* @__PURE__ */ z(W, {
+					tone: X,
+					showIcon: ne,
+					children: a
+				}) }), !!m && /* @__PURE__ */ z(o, { children: m })] }),
+				/* @__PURE__ */ B(u, {
+					className: S,
+					children: [!!Q && /* @__PURE__ */ z(G, {
+						tone: X,
+						children: Q
+					}), i]
+				}),
+				ie && /* @__PURE__ */ z(d, { children: q ?? /* @__PURE__ */ z(K, {
+					copy: $.copy,
+					showCancel: A,
+					showConfirm: j,
+					confirmTone: $.confirmTone,
+					confirmStyle: V,
+					busy: $.busy,
+					formId: U,
+					onCancel: $.cancel,
+					onConfirm: $.confirm
+				}) })
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/overlays/confirm-dialog.tsx
+function ie({ open: t, onOpenChange: n, onClose: r, children: i, title: a, description: o, className: s, contentClassName: c, strings: l, trigger: u, showCancel: d = !0, showConfirm: f = !0, onCancel: p, onConfirm: S, onAsyncConfirm: C, onError: w, closeOnAsyncComplete: T = !0, confirmTone: E, confirmStyle: ee = "solid", loading: D = !1, formId: O, footer: k, tone: A, showIcon: j = !0, alertMessage: M, destructive: N = !1 }) {
+	let F = A ?? (N ? "destructive" : "neutral"), I = Z({
+		open: t,
+		onOpenChange: n,
+		onClose: r
+	}), L = Y({
+		close: I.hide,
+		onConfirm: S,
+		onAsyncConfirm: C,
+		closeOnAsyncComplete: T,
+		confirmTone: E ?? (N ? "destructive" : "primary"),
+		loading: D,
+		formId: O,
+		onCancel: p,
+		onError: w,
+		strings: l,
+		defaults: J,
+		emphasis: !0,
+		tone: F
+	});
+	return /* @__PURE__ */ B(b, {
+		...I.overlayProps,
+		children: [P(u) && /* @__PURE__ */ z(g, { render: u }), /* @__PURE__ */ B(m, {
+			className: e("confirm-dialog--component", s),
+			children: [
+				/* @__PURE__ */ B(h, { children: [!!a && /* @__PURE__ */ z(x, { children: /* @__PURE__ */ z(W, {
+					tone: F,
+					showIcon: j,
+					children: a
+				}) }), !!o && /* @__PURE__ */ z(_, { children: o })] }),
+				(!!M || !!i) && /* @__PURE__ */ B(v, {
+					className: c,
+					children: [!!M && /* @__PURE__ */ z(G, {
+						tone: F,
+						children: M
+					}), i]
+				}),
+				/* @__PURE__ */ z(y, { children: k ?? /* @__PURE__ */ z(K, {
+					copy: L.copy,
+					showCancel: d,
+					showConfirm: f,
+					confirmTone: L.confirmTone,
+					confirmStyle: ee,
+					busy: L.busy,
+					formId: O,
+					onCancel: L.cancel,
+					onConfirm: L.confirm
+				}) })
+			]
+		})]
+	});
+}
+//#endregion
+export { ne as a, q as c, Z as i, $ as n, Y as o, re as r, J as s, ie as t };

package/dist/overlays-SoQf4DDt.cjs

@@ -0,0 +1 @@
+const e=require("./feedback-lBKIc2cQ.cjs"),t=require("./buttons-CQc0AVpb.cjs"),n=require("./use-latest-BT2X4Opg.cjs"),r=require("./display-BPuD0OAo.cjs"),i=require("./sheet-CRw6LDWn.cjs"),a=require("./alert-dialog-rfI4gtq7.cjs"),o=require("./dialog-BNVm-pF4.cjs");let s=require("lucide-react"),c=require("react"),l=require("react/jsx-runtime"),u=require("clsx");var d={titleRow:`overlays-module__titleRow___E5ZvP`,toneIcon:`overlays-module__toneIcon___yi496`,titleText:`overlays-module__titleText___c-y6s`,notice:`overlays-module__notice___VCyGD`,actions:`overlays-module__actions___6A9jS`},f={neutral:(0,l.jsx)(s.CircleHelpIcon,{"aria-hidden":!0}),destructive:(0,l.jsx)(s.CircleAlertIcon,{"aria-hidden":!0}),warning:(0,l.jsx)(s.TriangleAlertIcon,{"aria-hidden":!0}),info:(0,l.jsx)(s.InfoIcon,{"aria-hidden":!0}),success:(0,l.jsx)(s.CircleCheckIcon,{"aria-hidden":!0})};function p({tone:e}){return(0,l.jsx)(`span`,{"data-tone":e,className:d.toneIcon,children:f[e]})}function m({tone:e,showIcon:t,children:n}){return t?(0,l.jsxs)(`span`,{className:d.titleRow,children:[(0,l.jsx)(p,{tone:e}),(0,l.jsx)(`span`,{className:d.titleText,children:n})]}):(0,l.jsx)(l.Fragment,{children:n})}function h({tone:t,children:n}){return(0,l.jsx)(`div`,{className:d.notice,children:(0,l.jsx)(e.h,{tone:t===`neutral`?`info`:t,children:(0,l.jsx)(e._,{children:n})})})}function g({copy:e,showCancel:n,showConfirm:r,confirmTone:i,confirmStyle:a,busy:o,formId:s,onCancel:c,onConfirm:f}){return!n&&!r?null:(0,l.jsxs)(`div`,{className:(0,u.clsx)(`overlay-actions--component`,d.actions),children:[n&&(0,l.jsx)(t.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,disabled:o,onClick:c,children:e.cancel}),r&&(0,l.jsx)(t.c,{type:s?`submit`:`button`,form:s,tone:i,buttonStyle:a,loading:o,onClick:s?void 0:()=>void f(),children:e.confirm})]})}function _({title:e,description:t,Title:n,Description:i}){return(0,l.jsxs)(r.d,{children:[!!e&&(0,l.jsx)(n,{children:e}),!!t&&(0,l.jsx)(i,{children:t})]})}var v={confirm:`Confirm`,cancel:`Cancel`},y={confirm:`Continue`,cancel:`Cancel`};function b({close:e,onConfirm:t,onAsyncConfirm:n,closeOnAsyncComplete:r=!0,confirmTone:i=`primary`,loading:a=!1,formId:o,onCancel:s,onError:l,strings:u,defaults:d=v,emphasis:f=!1,tone:p=`neutral`}){let m={...d,...u},[h,g]=(0,c.useState)(!1),_=(0,c.useCallback)(async()=>{if(t){t(),e();return}if(n){g(!0);try{await n(),r&&e()}catch(e){l?.(e)}finally{g(!1)}return}e()},[t,n,r,e,l]),y=(0,c.useCallback)(()=>{if(!o)return;let e=document.getElementById(o);e instanceof HTMLFormElement&&e.requestSubmit()},[o]),b=(0,c.useCallback)(()=>{s?.(),e()},[s,e]),x=(0,c.useMemo)(()=>f&&(p===`destructive`||p===`warning`||p===`success`)?p:i,[f,p,i]);return{copy:m,pending:h,confirm:o?y:_,cancel:b,confirmTone:x,busy:h||a}}function x(e,t){return typeof e==`function`?e(t):e}function S({defaultOpen:e=!1,open:t,onOpenChange:r,onOpen:i,onClose:a}={}){let[o,s]=(0,c.useState)(e),l=t!==void 0,u=l?t:o,d=n.t(u),f=(0,c.useCallback)(e=>{let t=x(e,d.current);t!==d.current&&(l||s(t),r?.(t),t?i?.():a?.())},[l,r,i,a,d]);return{open:u,setOpen:f,show:(0,c.useCallback)(()=>f(!0),[f]),hide:(0,c.useCallback)(()=>f(!1),[f]),toggle:(0,c.useCallback)(()=>f(e=>!e),[f]),overlayProps:(0,c.useMemo)(()=>({open:u,onOpenChange:f}),[u,f])}}function C(e,{defaultOpen:t,open:r,onOpenChange:i,closeOthersOnOpen:a=!1}={}){let o=(0,c.useCallback)(t=>Object.fromEntries(e.map(e=>[e,!!t?.[e]])),[e]),[s,l]=(0,c.useState)(()=>o(t)),u=r!==void 0,d=u?o(r):s,f=n.t(d),p=(0,c.useCallback)((t,n)=>{let r=f.current,o=x(n,r[t]);if(o===r[t])return;let s=a&&o?Object.fromEntries(e.map(e=>[e,e===t])):{...r,[t]:o};u||l(s),i?.(t,o,s)},[a,u,e,i,f]);return(0,c.useMemo)(()=>Object.fromEntries(e.map(e=>{let t=t=>p(e,t);return[e,{open:d[e],setOpen:t,show:()=>p(e,!0),hide:()=>p(e,!1),toggle:()=>p(e,e=>!e),overlayProps:{open:d[e],onOpenChange:t}}]})),[e,p,d])}var w={sm:`24rem`,md:`32rem`,lg:`42rem`,xl:`56rem`,full:`calc(100vw - 2rem)`};function T({open:e,onOpenChange:t,onClose:n,children:r,title:i,description:a,hideHeader:s=!1,showCloseButton:d=!0,initialFocusRef:f,closeOnEscape:p=!0,closeOnBackdropClick:v=!0,surfaceStyle:y,className:x,contentClassName:C,strings:T,width:E=`md`,trigger:D,showCancel:O=!0,showConfirm:k=!0,onCancel:A,onConfirm:j,onAsyncConfirm:M,onError:N,closeOnAsyncComplete:P=!0,confirmTone:F=`primary`,confirmStyle:I=`solid`,loading:L=!1,formId:R,footer:z,emphasis:B=!1,tone:V=`neutral`,showIcon:H=!1,alertMessage:U}){let W=S({open:e,onOpenChange:t,onClose:n}),G=b({close:W.hide,onConfirm:j,onAsyncConfirm:M,closeOnAsyncComplete:P,confirmTone:F,loading:L,formId:R,onCancel:A,onError:N,strings:T,emphasis:B,tone:V}),K=z!==void 0||O||k;return(0,l.jsxs)(o.t,{...W.overlayProps,children:[(0,c.isValidElement)(D)&&(0,l.jsx)(o.u,{render:D}),(0,l.jsxs)(o.i,{showCloseButton:d,initialFocusRef:f,dismissal:{escape:p&&!G.busy,backdrop:v&&!G.busy},className:(0,u.clsx)(`action-dialog--component`,x),style:{"--overlay-max-width":w[E]??E,...y},children:[s?(0,l.jsx)(_,{title:i,description:a,Title:o.l,Description:o.a}):(!!i||!!a)&&(0,l.jsxs)(o.c,{children:[!!i&&(0,l.jsx)(o.l,{children:(0,l.jsx)(m,{tone:V,showIcon:H,children:i})}),!!a&&(0,l.jsx)(o.a,{children:a})]}),(0,l.jsxs)(o.n,{className:C,children:[!!U&&(0,l.jsx)(h,{tone:V,children:U}),r]}),K&&(0,l.jsx)(o.s,{children:z??(0,l.jsx)(g,{copy:G.copy,showCancel:O,showConfirm:k,confirmTone:G.confirmTone,confirmStyle:I,busy:G.busy,formId:R,onCancel:G.cancel,onConfirm:G.confirm})})]})]})}function E({open:e,onOpenChange:t,onClose:n,children:r,title:a,description:o,hideHeader:s=!1,showCloseButton:d=!0,initialFocusRef:f,closeOnEscape:p=!0,closeOnBackdropClick:v=!0,surfaceStyle:y,className:x,contentClassName:C,strings:w,side:T=`inline-end`,size:E,length:D,inset:O,showFooter:k=!0,modality:A=`modal`,trigger:j,showCancel:M=!0,showConfirm:N=!0,onCancel:P,onConfirm:F,onAsyncConfirm:I,onError:L,closeOnAsyncComplete:R=!0,confirmTone:z=`primary`,confirmStyle:B=`solid`,loading:V=!1,formId:H,footer:U,emphasis:W=!1,tone:G=`neutral`,showIcon:K=!1,alertMessage:q}){let J=S({open:e,onOpenChange:t,onClose:n}),Y=b({close:J.hide,onConfirm:F,onAsyncConfirm:I,closeOnAsyncComplete:R,confirmTone:z,loading:V,formId:H,onCancel:P,onError:L,strings:w,emphasis:W,tone:G}),X=k&&(U!==void 0||M||N);return(0,l.jsxs)(i.t,{...J.overlayProps,children:[(0,c.isValidElement)(j)&&(0,l.jsx)(i.l,{render:j}),(0,l.jsxs)(i.i,{side:T,size:E,length:D,inset:O,modality:A,showCloseButton:d,initialFocusRef:f,dismissal:{escape:p&&!Y.busy,backdrop:v&&!Y.busy},className:(0,u.clsx)(`action-sheet--component`,x),style:y,children:[s?(0,l.jsx)(_,{title:a,description:o,Title:i.c,Description:i.a}):(!!a||!!o)&&(0,l.jsxs)(i.s,{children:[!!a&&(0,l.jsx)(i.c,{children:(0,l.jsx)(m,{tone:G,showIcon:K,children:a})}),!!o&&(0,l.jsx)(i.a,{children:o})]}),(0,l.jsxs)(i.n,{className:C,children:[!!q&&(0,l.jsx)(h,{tone:G,children:q}),r]}),X&&(0,l.jsx)(i.o,{children:U??(0,l.jsx)(g,{copy:Y.copy,showCancel:M,showConfirm:N,confirmTone:Y.confirmTone,confirmStyle:B,busy:Y.busy,formId:H,onCancel:Y.cancel,onConfirm:Y.confirm})})]})]})}function D({open:e,onOpenChange:t,onClose:n,children:r,title:i,description:o,className:s,contentClassName:d,strings:f,trigger:p,showCancel:_=!0,showConfirm:v=!0,onCancel:x,onConfirm:C,onAsyncConfirm:w,onError:T,closeOnAsyncComplete:E=!0,confirmTone:D,confirmStyle:O=`solid`,loading:k=!1,formId:A,footer:j,tone:M,showIcon:N=!0,alertMessage:P,destructive:F=!1}){let I=M??(F?`destructive`:`neutral`),L=S({open:e,onOpenChange:t,onClose:n}),R=b({close:L.hide,onConfirm:C,onAsyncConfirm:w,closeOnAsyncComplete:E,confirmTone:D??(F?`destructive`:`primary`),loading:k,formId:A,onCancel:x,onError:T,strings:f,defaults:y,emphasis:!0,tone:I});return(0,l.jsxs)(a.t,{...L.overlayProps,children:[(0,c.isValidElement)(p)&&(0,l.jsx)(a.d,{render:p}),(0,l.jsxs)(a.a,{className:(0,u.clsx)(`confirm-dialog--component`,s),children:[(0,l.jsxs)(a.c,{children:[!!i&&(0,l.jsx)(a.u,{children:(0,l.jsx)(m,{tone:I,showIcon:N,children:i})}),!!o&&(0,l.jsx)(a.o,{children:o})]}),(!!P||!!r)&&(0,l.jsxs)(a.r,{className:d,children:[!!P&&(0,l.jsx)(h,{tone:I,children:P}),r]}),(0,l.jsx)(a.s,{children:j??(0,l.jsx)(g,{copy:R.copy,showCancel:_,showConfirm:v,confirmTone:R.confirmTone,confirmStyle:O,busy:R.busy,formId:A,onCancel:R.cancel,onConfirm:R.confirm})})]})]})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return D}});

package/dist/path-_-vHPVht.js

@@ -0,0 +1,24 @@
+//#region src/components/layout/sidebar/path.ts
+function e(e) {
+	if (e.startsWith("#/")) return e.slice(1).split("?")[0]?.split("#")[0] || "/";
+	try {
+		return new URL(e, "http://local.invalid").pathname;
+	} catch {
+		return e;
+	}
+}
+function t(t, n) {
+	let r = e(t);
+	return r === n ? !0 : n === "/" ? !1 : r.startsWith(`${n}/`) || r.startsWith(`${n}?`);
+}
+function n(n, r) {
+	let i, a = -1;
+	for (let o of r) {
+		if (!o) continue;
+		let r = e(o);
+		t(n, r) && r.length > a && (i = o, a = r.length);
+	}
+	return i;
+}
+//#endregion
+export { n, e as r, t };

package/dist/path-ffsmozp3.cjs

@@ -0,0 +1 @@
+function e(e){if(e.startsWith(`#/`))return e.slice(1).split(`?`)[0]?.split(`#`)[0]||`/`;try{return new URL(e,`http://local.invalid`).pathname}catch{return e}}function t(t,n){let r=e(t);return r===n?!0:n===`/`?!1:r.startsWith(`${n}/`)||r.startsWith(`${n}?`)}function n(n,r){let i,a=-1;for(let o of r){if(!o)continue;let r=e(o);t(n,r)&&r.length>a&&(i=o,a=r.length)}return i}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});

package/dist/patterns/analytics.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../rolldown-runtime-BocRIvOZ.cjs"),t=require("../typography-kBzTy-jM.cjs"),n=require("../feedback-lBKIc2cQ.cjs"),r=require("../buttons-CQc0AVpb.cjs"),i=require("../display-BPuD0OAo.cjs"),a=require("../primitives-Bcjsjg7A.cjs"),o=require("../badge-CSoXP1oV.cjs"),s=require("../cards-BA3hjulA.cjs"),c=require("../skeleton-CjH6hXHb.cjs"),l=require("../chart-fNHa-4he.cjs");let u=require("lucide-react"),d=require("react"),f=require("react/jsx-runtime"),p=require("recharts");p=e.t(p,1);let m=require("clsx");var h={metricErrorLabel:`Unable to load metric`,metricProgressLabel:e=>`${e} progress`},g={currentLabel:`This period`,previousLabel:`Previous period`,suffix:`vs previous`},_={dayLabels:[`Mon`,``,`Wed`,``,`Fri`,``,``],monthNames:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],legendLess:`Less`,legendMore:`More`,formatDay:(e,t)=>`${e}: level ${t}`},v={legendNone:`None`,legendLow:`Low`,legendMedium:`Medium`,legendHigh:`High`,legendNow:`Now`,formatHour:e=>String(e).padStart(2,`0`),formatHourTitle:(e,t)=>`${e}:00 — ${t}`};function y(e){if(e.value===null||e.value===void 0)return`—`;let t=typeof e.value==`number`?e.value:null;if(t===null)return String(e.value);switch(e.valueType){case`currency`:return a.W(t,{currency:e.currency,currencyDisplay:`code`}).replace(/ /g,` `);case`percentage`:return a.q(t);case`duration`:return a.G(t);case`number`:return a.K(t);default:return String(t)}}function b(e){return e.trend?e.trend:e.change?.direction===`up`?`positive`:e.change?.direction===`down`?`negative`:`neutral`}var x={light:`analytics-module__light___P0-eZ`,dark:`analytics-module__dark___LOOCl`,metric:`analytics-module__metric___OQVz-`,metricError:`analytics-module__metricError___i-bkH`,metricSpark:`analytics-module__metricSpark___0Rr-e`,metricTile:`analytics-module__metricTile___VZQNL`,metricLabelGroup:`analytics-module__metricLabelGroup___Kt2Et`,metricLabelIcon:`analytics-module__metricLabelIcon___BIi1z`,metricValueRow:`analytics-module__metricValueRow___vfGDG`,metricMinimal:`analytics-module__metricMinimal___Z5tSv`,metricCompact:`analytics-module__metricCompact___ZAR-K`,metricCompactBody:`analytics-module__metricCompactBody___0x2bm`,metricPanel:`analytics-module__metricPanel___XiLlU`,metricHead:`analytics-module__metricHead___zW6di`,metricDot:`analytics-module__metricDot___v1CfS`,metricSegments:`analytics-module__metricSegments___FSpTs`,metricSegment:`analytics-module__metricSegment___Bcp6A`,metricAccent:`analytics-module__metricAccent___X7zsI`,metricAccentBody:`analytics-module__metricAccentBody___SaZSj`,trendChip:`analytics-module__trendChip___chf20`,trendChipIcon:`analytics-module__trendChipIcon___1hbmE`,metricSkeleton:`analytics-module__metricSkeleton___rLo-i`,skeletonLabel:`analytics-module__skeletonLabel___7aGBE`,skeletonValue:`analytics-module__skeletonValue___NR19p`,skeletonSpark:`analytics-module__skeletonSpark___wNPNJ`,metricGridRoot:`analytics-module__metricGridRoot___XQaJa`,metricGrid:`analytics-module__metricGrid___N60Kx`,metricBar:`analytics-module__metricBar___uMxTL`,metricBarRow:`analytics-module__metricBarRow___RPa3Q`,metricBarPeriod:`analytics-module__metricBarPeriod___vB47i`,metricBarCells:`analytics-module__metricBarCells___TdZ98`,metricBarCell:`analytics-module__metricBarCell___zx7kZ`,metricBarFooter:`analytics-module__metricBarFooter___GNZtI`,tileLabel:`analytics-module__tileLabel___lUISl`,tileValue:`analytics-module__tileValue___lWuwe`,tileChange:`analytics-module__tileChange___4nBIw`,tileSubtitle:`analytics-module__tileSubtitle___k9Ima`,tileFooter:`analytics-module__tileFooter___M7cYc`,comparison:`analytics-module__comparison___NQvcb`,comparisonPeriods:`analytics-module__comparisonPeriods___1YtRg`,comparisonPair:`analytics-module__comparisonPair___Ry-Hq`,comparisonBox:`analytics-module__comparisonBox___AttXr`,comparisonBoxPrevious:`analytics-module__comparisonBoxPrevious___l06u1`,comparisonArrow:`analytics-module__comparisonArrow___LIF5F`,comparisonArrowWide:`analytics-module__comparisonArrowWide___7WcyE`,comparisonArrowNarrow:`analytics-module__comparisonArrowNarrow___aLakB`,comparisonDelta:`analytics-module__comparisonDelta___p31Tr`,comparisonChip:`analytics-module__comparisonChip___IfJ1r`,comparisonChipIcon:`analytics-module__comparisonChipIcon___H69Qd`,comparisonPercent:`analytics-module__comparisonPercent___V5i2J`,chartCardChart:`analytics-module__chartCardChart___kt-og`,chartCardFooter:`analytics-module__chartCardFooter___arNrV`,heatmap:`analytics-module__heatmap___Gata8`,heatmapScroll:`analytics-module__heatmapScroll___R0CFT`,heatmapMonths:`analytics-module__heatmapMonths___rl2wu`,heatmapMonth:`analytics-module__heatmapMonth___jJT6u`,heatmapBody:`analytics-module__heatmapBody___V3QMf`,heatmapDays:`analytics-module__heatmapDays___IpOrW`,heatmapDay:`analytics-module__heatmapDay___SdY7P`,heatmapWeeks:`analytics-module__heatmapWeeks___Se4Ub`,heatmapWeek:`analytics-module__heatmapWeek___GHoMk`,heatmapCell:`analytics-module__heatmapCell___Q1AdX`,heatmapLegend:`analytics-module__heatmapLegend___t7tQ3`,ruler:`analytics-module__ruler___8DrdS`,rulerBar:`analytics-module__rulerBar___1Qb3i`,rulerHour:`analytics-module__rulerHour___F3GSb`,rulerMarker:`analytics-module__rulerMarker___aXhF3`,rulerTicks:`analytics-module__rulerTicks___-QCOM`,rulerTick:`analytics-module__rulerTick___bnLDJ`,rulerLegend:`analytics-module__rulerLegend___wYYJJ`,rulerLegendItem:`analytics-module__rulerLegendItem___waVmZ`,rulerSwatch:`analytics-module__rulerSwatch___7Nfwi`,rulerMarkerSwatch:`analytics-module__rulerMarkerSwatch___BF7S1`,microGridRoot:`analytics-module__microGridRoot___wICYA`,microGrid:`analytics-module__microGrid___PCEP0`,microCell:`analytics-module__microCell___DKQ5t`,microBars:`analytics-module__microBars___818Vl`,microBar:`analytics-module__microBar___JPlCZ`,microDots:`analytics-module__microDots___G-Evn`,microDot:`analytics-module__microDot___PZBzd`,microProgress:`analytics-module__microProgress___nmJE8`,microMarkRow:`analytics-module__microMarkRow___wt4Up`,microPie:`analytics-module__microPie___Fkr18`,microSvg:`analytics-module__microSvg___kneqQ`,microLine:`analytics-module__microLine___PCP9a`,microArea:`analytics-module__microArea___3zbmD`,gradient:`analytics-module__gradient___1AB0B`,gradientHead:`analytics-module__gradientHead___KOjdr`,gradientHeadText:`analytics-module__gradientHeadText___VsKPH`,gradientLabel:`analytics-module__gradientLabel___ujkUH`,gradientValue:`analytics-module__gradientValue___kwsrd`,gradientSubtitle:`analytics-module__gradientSubtitle___q2b8h`,gradientChip:`analytics-module__gradientChip___ArJYH`,gradientPlot:`analytics-module__gradientPlot___MCFCC`};function S({variant:e=`default`,className:t,...n}){return(0,f.jsxs)(i.l,{surface:e===`accent`?`card`:`plain`,"data-variant":e,"aria-busy":`true`,className:(0,m.clsx)(`metric-skeleton--component`,x.metricSkeleton,t),...n,children:[(0,f.jsx)(c.o,{className:x.skeletonLabel}),(0,f.jsx)(c.o,{className:x.skeletonValue}),e!==`minimal`&&e!==`compact`&&(0,f.jsx)(c.o,{className:x.skeletonSpark})]})}var C={up:u.ArrowUpIcon,down:u.ArrowDownIcon,neutral:u.MinusIcon};function w(e,t){return e||(t===`up`?`positive`:t===`down`?`negative`:`neutral`)}function T({change:e,trend:n,variant:r=`default`,className:i,...a}){let o=w(n,e.direction),s=C[e.direction],c=e.direction===`up`?`+`:``;return(0,f.jsxs)(`span`,{"data-tone":o,"data-variant":r,className:(0,m.clsx)(`metric-trend-chip--component`,x.trendChip,i),...a,children:[r!==`inline`&&(0,f.jsx)(s,{className:x.trendChipIcon,"aria-hidden":`true`}),(0,f.jsxs)(t.o,{tag:`span`,size:`xs`,weight:`medium`,numeric:!0,className:`metric-trend-chip--value`,children:[c,e.value]}),e.label!=null&&(0,f.jsx)(t.o,{tag:`span`,size:`xs`,type:`secondary`,className:`metric-trend-chip--label`,children:e.label})]})}var E=16,D={positive:`success`,negative:`destructive`,neutral:`neutral`};function O({data:e,variant:n=`default`,tone:r=`neutral`,showSparkline:a=!0,showChange:o=!0,showIcon:c=!0,loading:u=!1,error:d=!1,strings:p,progress:g=0,className:_,...v}){let C={...h,...p},w=y(e),O=b(e),k=e.icon,A=a&&!!e.sparkline?.length,j=o&&!!e.change,M=(0,m.clsx)(`metric--component`,x.metric,_);if(u)return(0,f.jsx)(S,{variant:n,className:M});if(d)return(0,f.jsx)(i.l,{surface:`card`,"data-variant":n,className:(0,m.clsx)(M,x.metricError),...v,children:(0,f.jsx)(t.o,{type:`secondary`,children:C.metricErrorLabel})});let N=A?(0,f.jsx)(l.t,{data:e.sparkline,tone:D[O],className:(0,m.clsx)(`metric--sparkline`,x.metricSpark)}):null,P=t=>j?(0,f.jsx)(T,{change:e.change,trend:e.trend,variant:t}):null;if(n===`minimal`)return(0,f.jsxs)(`span`,{"data-variant":`minimal`,className:(0,m.clsx)(M,x.metricMinimal),...v,children:[(0,f.jsxs)(t.o,{tag:`span`,size:`xs`,type:`secondary`,children:[e.label,`:`]}),(0,f.jsx)(t.o,{tag:`span`,size:`xs`,weight:`semibold`,numeric:!0,className:`metric--value`,children:w}),P(`inline`)]});if(n===`card`)return(0,f.jsxs)(s.i,{title:e.label,icon:c&&k?(0,f.jsx)(k,{"aria-hidden":`true`}):void 0,tooltip:e.tooltip,"data-variant":`card`,className:M,onClick:e.onClick,...v,children:[(0,f.jsxs)(`div`,{className:x.metricValueRow,children:[(0,f.jsx)(t.o,{size:`lg`,weight:`bold`,numeric:!0,lineHeight:`none`,className:`metric--value`,children:w}),P(`badge`)]}),e.subtitle!=null&&(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,className:`metric--subtitle`,children:e.subtitle}),N,e.footer!=null&&(0,f.jsx)(t.o,{size:`xs`,type:`discrete`,className:`metric--footer`,children:e.footer})]});if(n===`compact`)return(0,f.jsxs)(`div`,{"data-variant":`compact`,className:(0,m.clsx)(M,x.metricCompact),...v,children:[c&&k&&(0,f.jsx)(i.u,{icon:k,"aria-hidden":`true`}),(0,f.jsxs)(`div`,{className:x.metricCompactBody,children:[(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,className:`metric--label`,children:e.label}),(0,f.jsx)(t.o,{weight:`bold`,numeric:!0,lineHeight:`tight`,className:`metric--value`,children:w})]}),P(`badge`)]});if(n===`accent`)return(0,f.jsxs)(`div`,{"data-variant":`accent`,"data-theme":`dark`,className:(0,m.clsx)(M,x.metricAccent),...v,children:[(0,f.jsxs)(`div`,{className:x.metricAccentBody,children:[(0,f.jsxs)(`div`,{className:x.metricHead,children:[(0,f.jsx)(t.o,{size:`xs`,weight:`medium`,className:`metric--label`,children:e.label}),c&&k&&(0,f.jsx)(i.u,{icon:k,"aria-hidden":`true`})]}),(0,f.jsxs)(`div`,{className:x.metricValueRow,children:[(0,f.jsx)(t.o,{size:`lg`,weight:`bold`,numeric:!0,lineHeight:`none`,className:`metric--value`,children:w}),P(`compact`)]}),e.subtitle!=null&&(0,f.jsx)(t.o,{size:`xs`,className:`metric--subtitle`,children:e.subtitle})]}),N]});if(n===`colored`){let n=Math.min(Math.max(g,0),100),a=Math.round(n/100*E);return(0,f.jsxs)(i.l,{surface:`card`,"data-variant":`colored`,"data-tone":r,className:(0,m.clsx)(M,x.metricPanel),...v,children:[(0,f.jsxs)(`div`,{className:x.metricHead,children:[(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,weight:`medium`,className:`metric--label`,children:e.label}),(0,f.jsx)(`span`,{className:x.metricDot,"aria-hidden":`true`})]}),(0,f.jsxs)(`div`,{className:x.metricValueRow,children:[(0,f.jsx)(t.o,{size:`lg`,weight:`bold`,numeric:!0,lineHeight:`none`,className:`metric--value`,children:w}),e.subtitle!=null&&(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,className:`metric--subtitle`,children:e.subtitle})]}),(0,f.jsx)(`div`,{className:x.metricSegments,role:`progressbar`,"aria-label":C.metricProgressLabel(e.label),"aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,children:Array.from({length:E},(e,t)=>(0,f.jsx)(`span`,{"data-filled":t<a?``:void 0,className:x.metricSegment},t))}),P(`default`),e.footer!=null&&(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,className:`metric--footer`,children:e.footer})]})}return n===`bordered`?(0,f.jsxs)(i.l,{surface:`card`,"data-variant":`bordered`,"data-tone":r,className:(0,m.clsx)(M,x.metricPanel),...v,children:[(0,f.jsxs)(`div`,{className:x.metricHead,children:[(0,f.jsxs)(`span`,{className:x.metricLabelGroup,children:[c&&k&&(0,f.jsx)(k,{className:x.metricLabelIcon,"aria-hidden":`true`}),(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,weight:`medium`,className:`metric--label`,children:e.label})]}),P(`badge`)]}),(0,f.jsx)(t.o,{size:`lg`,weight:`bold`,numeric:!0,lineHeight:`none`,className:`metric--value`,children:w}),e.subtitle!=null&&(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,className:`metric--subtitle`,children:e.subtitle}),N,e.footer!=null&&(0,f.jsx)(t.o,{size:`xs`,type:`discrete`,className:`metric--footer`,children:e.footer})]}):(0,f.jsxs)(`div`,{"data-variant":`default`,className:(0,m.clsx)(M,x.metricTile),...v,children:[(0,f.jsxs)(`span`,{className:(0,m.clsx)(x.metricLabelGroup,x.tileLabel),children:[c&&k&&(0,f.jsx)(k,{className:x.metricLabelIcon,"aria-hidden":`true`}),(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,weight:`medium`,className:`metric--label`,children:e.label})]}),(0,f.jsx)(t.o,{weight:`bold`,numeric:!0,lineHeight:`tight`,title:w,className:(0,m.clsx)(`metric--value`,x.tileValue),children:w}),j&&(0,f.jsx)(T,{change:e.change,trend:e.trend,variant:`compact`,className:x.tileChange}),e.subtitle!=null&&(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,className:(0,m.clsx)(`metric--subtitle`,x.tileSubtitle),children:e.subtitle}),N,e.footer!=null&&(0,f.jsx)(t.o,{size:`xs`,type:`discrete`,className:(0,m.clsx)(`metric--footer`,x.tileFooter),children:e.footer})]})}function k({metrics:e,period:n,onPeriodChange:a,showSparklines:o=!0,showChanges:s=!0,footerText:c,className:l,...d}){return(0,f.jsxs)(i.l,{surface:`card`,flush:!0,className:(0,m.clsx)(`metric-bar--component`,x.metricBar,l),...d,children:[(0,f.jsxs)(`div`,{className:x.metricBarRow,children:[n&&(0,f.jsx)(`div`,{className:x.metricBarPeriod,children:(0,f.jsxs)(r.c,{tone:`secondary`,buttonStyle:`ghost`,onClick:a?()=>a(n.value):void 0,children:[(0,f.jsx)(u.CalendarIcon,{"aria-hidden":`true`}),n.label]})}),(0,f.jsx)(`div`,{className:x.metricBarCells,children:e.map(e=>(0,f.jsx)(`div`,{className:x.metricBarCell,children:(0,f.jsx)(O,{data:e,variant:`default`,showSparkline:o,showChange:s})},e.id))})]}),c!=null&&(0,f.jsx)(`div`,{className:x.metricBarFooter,children:(0,f.jsx)(t.o,{size:`xs`,type:`discrete`,children:c})})]})}function A(e){return e<=1?1:e===2?2:e===3?3:e===4?4:e<=6?6:4}function j({metrics:e,variant:t=`card`,tone:n=`neutral`,columns:r=`auto`,showSparklines:i=!0,showChanges:a=!0,showIcons:o=!0,loading:s=!1,className:c,...l}){let u=r===`auto`?A(e.length):r;return(0,f.jsx)(`div`,{className:(0,m.clsx)(`metric-grid--component`,x.metricGridRoot,c),...l,children:(0,f.jsx)(`div`,{"data-columns":u,className:(0,m.clsx)(`metric-grid--grid`,x.metricGrid),children:e.map(e=>(0,f.jsx)(O,{data:e,variant:t,tone:n,showSparkline:i,showChange:a,showIcon:o,loading:s},e.id))})})}function M(e){if(e==null)return null;if(typeof e==`number`)return e;let t=Number(e);return Number.isFinite(t)?t:null}function N({current:e,previous:n,currentPeriod:r,previousPeriod:a,strings:s,className:c,...l}){let d={...g,...s},p=M(e.value),h=M(n.value),_=p!==null&&h!==null,v=_?p-h:0,b=_&&h!==0?Math.round(v/h*100):null,S=v===0,C=v>0,w=S?u.EqualIcon:C?u.ArrowUpIcon:u.ArrowDownIcon,T=S?`neutral`:C?`positive`:`negative`,E=y({...e,value:Math.abs(v)});return(0,f.jsxs)(`div`,{className:(0,m.clsx)(`metric-comparison--component`,x.comparison,c),...l,children:[(r!=null||a!=null)&&(0,f.jsxs)(`div`,{className:x.comparisonPeriods,children:[r!=null&&(0,f.jsx)(o.t,{tone:`secondary`,children:r}),a!=null&&(0,f.jsx)(o.t,{tone:`secondary`,children:a})]}),(0,f.jsxs)(`div`,{className:x.comparisonPair,children:[(0,f.jsxs)(i.l,{surface:`card`,className:x.comparisonBox,children:[(0,f.jsx)(t.i,{children:d.currentLabel}),(0,f.jsx)(t.o,{size:`lg`,weight:`semibold`,numeric:!0,lineHeight:`tight`,children:y(e)})]}),(0,f.jsxs)(`div`,{className:x.comparisonArrow,"aria-hidden":`true`,children:[(0,f.jsx)(u.ArrowRightIcon,{className:x.comparisonArrowWide}),(0,f.jsx)(u.ArrowDownIcon,{className:x.comparisonArrowNarrow})]}),(0,f.jsxs)(i.l,{surface:`card`,className:(0,m.clsx)(x.comparisonBox,x.comparisonBoxPrevious),children:[(0,f.jsx)(t.i,{children:d.previousLabel}),(0,f.jsx)(t.o,{size:`lg`,weight:`semibold`,numeric:!0,lineHeight:`tight`,type:`secondary`,children:y(n)})]})]}),_&&(0,f.jsxs)(`div`,{"data-tone":T,className:x.comparisonDelta,children:[(0,f.jsxs)(`span`,{className:x.comparisonChip,children:[(0,f.jsx)(w,{className:x.comparisonChipIcon,"aria-hidden":`true`}),(0,f.jsxs)(t.o,{tag:`span`,size:`xs`,weight:`semibold`,numeric:!0,children:[C?`+`:S?``:`−`,E]})]}),b!==null&&(0,f.jsxs)(t.o,{size:`xs`,numeric:!0,className:x.comparisonPercent,children:[C?`+`:S?``:`−`,Math.abs(b),`%`]}),(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,children:d.suffix})]})]})}var P=[`bars`,`line`,`dots`,`progress`,`area`,`pie`];function F(e){let t=Math.max(...e,0),n=Math.min(...e,0),r=t-n||1;return e.map(e=>(e-n)/r)}function I(e,t){let n=F(e),r=60/Math.max(n.length-1,1);return n.map((e,n)=>`${n*r},${t-e*(t-2)}`)}function L({kind:e,data:t,label:r}){if(e===`bars`){let e=F(t.slice(0,6));return(0,f.jsx)(`span`,{className:x.microBars,"aria-hidden":`true`,children:e.map((e,t)=>(0,f.jsx)(`span`,{className:x.microBar,style:{"--micro-bar":`${Math.max(e,.08)*100}%`}},t))})}if(e===`dots`){let e=F(t.slice(0,5));return(0,f.jsx)(`span`,{className:x.microDots,"aria-hidden":`true`,children:e.map((e,t)=>(0,f.jsx)(`span`,{className:x.microDot,style:{"--micro-dot":`${Math.round(e*12)}px`}},t))})}if(e===`progress`){let[e=0,i=100]=t;return(0,f.jsx)(n.s,{value:e,max:i,label:r,className:x.microProgress})}if(e===`pie`){let e=t.reduce((e,t)=>e+t,0)||1,n=t.slice(0,3),r=n.map((t,r)=>{let i=n.slice(0,r).reduce((e,t)=>e+t,0),a=i/e*100,o=(i+t)/e*100;return`var(--chart-${r+1}) ${a}% ${o}%`});return(0,f.jsx)(`span`,{className:x.microMarkRow,"aria-hidden":`true`,children:(0,f.jsx)(`span`,{className:x.microPie,style:{"--micro-pie":`conic-gradient(${r.join(`, `)})`}})})}let i=I(t.slice(0,8),16);return e===`area`?(0,f.jsx)(`svg`,{viewBox:`0 0 60 16`,className:x.microSvg,preserveAspectRatio:`none`,"aria-hidden":`true`,children:(0,f.jsx)(`polygon`,{className:x.microArea,points:`0,16 ${i.join(` `)} 60,16`})}):(0,f.jsx)(`svg`,{viewBox:`0 0 60 16`,className:x.microSvg,preserveAspectRatio:`none`,"aria-hidden":`true`,children:(0,f.jsx)(`polyline`,{className:x.microLine,points:i.join(` `)})})}function R({cells:e,className:n,...r}){return(0,f.jsx)(`div`,{className:(0,m.clsx)(`metric-micro-grid--component`,x.microGridRoot,n),...r,children:(0,f.jsx)(i.l,{surface:`bordered`,flush:!0,className:x.microGrid,children:e.map((e,n)=>{let r=e.chart??P[n%P.length]??`bars`;return(0,f.jsxs)(`div`,{className:(0,m.clsx)(`metric-micro-grid--cell`,x.microCell),children:[(0,f.jsx)(t.i,{children:e.label}),(0,f.jsx)(t.o,{weight:`semibold`,numeric:!0,lineHeight:`tight`,className:`metric-micro-grid--value`,children:e.value}),(0,f.jsx)(L,{kind:r,data:e.data,label:e.label})]},e.id??e.label)})})})}function z({title:e,value:n,change:r,data:i,theme:a=`cool`,subtitle:o,className:s,...c}){let l=`metric-gradient-${(0,d.useId)().replaceAll(`:`,``)}`;return(0,f.jsxs)(`div`,{"data-theme-ramp":a,"data-theme":`dark`,className:(0,m.clsx)(`metric-gradient--component`,x.gradient,s),...c,children:[(0,f.jsxs)(`div`,{className:x.gradientHead,children:[(0,f.jsxs)(`div`,{className:x.gradientHeadText,children:[(0,f.jsx)(t.i,{className:x.gradientLabel,children:e}),n!=null&&(0,f.jsx)(t.o,{size:`lg`,weight:`bold`,numeric:!0,lineHeight:`none`,className:x.gradientValue,children:n}),o!=null&&(0,f.jsx)(t.o,{size:`xs`,className:x.gradientSubtitle,children:o})]}),r&&(0,f.jsx)(T,{change:r,variant:`badge`,className:x.gradientChip})]}),(0,f.jsx)(`div`,{className:x.gradientPlot,children:(0,f.jsx)(p.ResponsiveContainer,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,f.jsxs)(p.AreaChart,{data:i,margin:{top:4,right:0,bottom:0,left:0},children:[(0,f.jsx)(`defs`,{children:(0,f.jsxs)(`linearGradient`,{id:l,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,f.jsx)(`stop`,{offset:`0%`,stopColor:`var(--foreground)`,stopOpacity:.3}),(0,f.jsx)(`stop`,{offset:`100%`,stopColor:`var(--foreground)`,stopOpacity:0})]})}),(0,f.jsx)(p.Area,{type:`monotone`,dataKey:`value`,stroke:`var(--muted-foreground)`,strokeWidth:2,fill:`url(#${l})`,dot:!1,activeDot:!1,isAnimationActive:!1})]})})})]})}function B(e,t){if(e.length===0)return{weeks:[],months:[]};let n=[...e].sort((e,t)=>e.date.localeCompare(t.date)),r=n[0],i=n[n.length-1];if(!r||!i)return{weeks:[],months:[]};let a=new Date(`${r.date}T00:00:00`),o=new Date(`${i.date}T00:00:00`),s=a.getDay(),c=new Date(a);c.setDate(c.getDate()+(s===0?-6:1-s));let l=new Map(n.map(e=>[e.date,e.level])),u=[],d=[],f=[],p=-1;for(;c<=o;){let e=`${c.getFullYear()}-${String(c.getMonth()+1).padStart(2,`0`)}-${String(c.getDate()).padStart(2,`0`)}`,n=(c.getDay()+6)%7;if(n===0&&f.length>0&&(u.push(f),f=[]),c.getMonth()!==p){let e=n===0?u.length:u.length+1,r=t[c.getMonth()];r&&!d.some(t=>t.weekIndex===e)&&d.push({label:r,weekIndex:e}),p=c.getMonth()}f.push({date:e,level:l.get(e)??0}),c.setDate(c.getDate()+1)}if(f.length>0){for(;f.length<7;)f.push(null);u.push(f)}return{weeks:u,months:d}}var V=[0,1,2,3,4];function H({data:e,strings:n,className:r,...i}){let a={..._,...n},{weeks:o,months:s}=B(e,a.monthNames),c=s.filter((e,t,n)=>{let r=n[t-1];return!r||e.weekIndex-r.weekIndex>=3});return(0,f.jsxs)(`div`,{className:(0,m.clsx)(`activity-heatmap--component`,x.heatmap,r),...i,children:[(0,f.jsxs)(`div`,{className:x.heatmapScroll,children:[(0,f.jsx)(`div`,{className:x.heatmapMonths,style:{"--heatmap-weeks":o.length},children:c.map(e=>(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,className:x.heatmapMonth,style:{"--heatmap-week":e.weekIndex},children:e.label},`${e.label}-${e.weekIndex}`))}),(0,f.jsxs)(`div`,{className:x.heatmapBody,children:[(0,f.jsx)(`div`,{className:x.heatmapDays,children:a.dayLabels.map((e,n)=>(0,f.jsx)(`span`,{className:x.heatmapDay,children:e?(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,children:e}):null},n))}),(0,f.jsx)(`div`,{className:x.heatmapWeeks,children:o.map((e,t)=>(0,f.jsx)(`div`,{className:x.heatmapWeek,children:e.map((e,t)=>(0,f.jsx)(`span`,{"data-level":e?e.level:void 0,"data-empty":e?void 0:``,className:x.heatmapCell,title:e?a.formatDay(e.date,e.level):void 0},t))},t))})]})]}),(0,f.jsxs)(`div`,{className:x.heatmapLegend,children:[(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,children:a.legendLess}),V.map(e=>(0,f.jsx)(`span`,{"data-level":e,className:x.heatmapCell,"aria-hidden":`true`},e)),(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,children:a.legendMore})]})]})}function U({config:e,children:t,footer:n,className:r,...a}){return(0,f.jsxs)(i.l,{className:(0,m.clsx)(`chart-card--component`,r),...a,children:[(0,f.jsx)(l.n,{config:e,className:(0,m.clsx)(`chart-card--chart`,x.chartCardChart),children:t}),n!=null&&(0,f.jsx)(`div`,{className:x.chartCardFooter,children:n})]})}function W(e,t){if(e===0)return 0;let n=e/t;return n<1/3?1:n<2/3?2:3}function G({hours:e,currentHour:n,strings:r,className:i,...a}){let o={...v,...r},s=Math.max(...e,1),c=e.indexOf(Math.max(...e)),l=n!==void 0&&n>=0&&n<24;return(0,f.jsxs)(`div`,{className:(0,m.clsx)(`time-ruler--component`,x.ruler,i),...a,children:[(0,f.jsxs)(`div`,{className:x.rulerBar,children:[e.map((e,t)=>(0,f.jsx)(`span`,{"data-band":W(e,s),"data-peak":t===c?``:void 0,className:x.rulerHour,title:o.formatHourTitle(o.formatHour(t),e)},t)),l&&(0,f.jsx)(`span`,{"aria-hidden":`true`,className:x.rulerMarker,style:{"--ruler-now":n}})]}),(0,f.jsx)(`div`,{className:x.rulerTicks,children:e.map((e,n)=>(0,f.jsx)(`span`,{className:x.rulerTick,children:n%4==0&&(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,numeric:!0,children:o.formatHour(n)})},n))}),(0,f.jsxs)(`div`,{className:x.rulerLegend,children:[[0,1,2,3].map(e=>(0,f.jsxs)(`span`,{className:x.rulerLegendItem,children:[(0,f.jsx)(`span`,{"data-band":e,className:x.rulerSwatch,"aria-hidden":`true`}),(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,children:[o.legendNone,o.legendLow,o.legendMedium,o.legendHigh][e]})]},e)),l&&(0,f.jsxs)(`span`,{className:x.rulerLegendItem,children:[(0,f.jsx)(`span`,{className:x.rulerMarkerSwatch,"aria-hidden":`true`}),(0,f.jsx)(t.o,{size:`xs`,type:`secondary`,children:o.legendNow})]})]})]})}exports.ActivityHeatmap=H,exports.ChartCard=U,exports.Metric=O,exports.MetricBar=k,exports.MetricComparison=N,exports.MetricGradient=z,exports.MetricGrid=j,exports.MetricMicroGrid=R,exports.MetricSkeleton=S,exports.MetricTrendChip=T,exports.TimeRuler=G,exports.defaultActivityHeatmapStrings=_,exports.defaultAnalyticsStrings=h,exports.defaultMetricComparisonStrings=g,exports.defaultTimeRulerStrings=v,exports.formatMetricValue=y,exports.resolveTrend=b;

package/dist/patterns/analytics.css

@@ -0,0 +1,15 @@
+@import "../core.css";
+@import "../css/analytics.css";
+@import "../css/typography.css";
+@import "../css/feedback.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/cards.css";
+@import "../css/action-menu.css";
+@import "../css/dropdown-menu.css";
+@import "../css/skeleton.css";
+@import "../css/chart.css";