@declarion/react 0.48.2 → 0.50.0

package/dist-lib/format-count-BfRGwx2v.js

@@ -0,0 +1,1551 @@
+import { s as e, t } from "./DynamicIcon-DW5krHuX.js";
+import { A as n, At as r, Dn as i, G as a, Jn as o, Wn as s, X as c, Zn as l, _ as u, cr as d, dr as f, er as p, fr as m, i as h, j as g, lr as _, or as v, rr as y, v as b, x, zn as S } from "./useCurrentScreen-D3XH5ptA.js";
+import { _ as C } from "./RefreshControl-BS8WWL8i.js";
+import { A as w, C as T, S as E } from "./field-classification-Bm0mgbwA.js";
+import { c as ee, o as te, p as ne, r as re } from "./action-dispatch-hVrm3Hrg.js";
+import { a as D, d as O, f as k, h as A, i as j, l as M, o as N, s as P, u as F } from "./useTabSearchMirror-d0BAUIcQ.js";
+import { Fragment as I, useCallback as L, useEffect as R, useMemo as z, useRef as B, useState as V } from "react";
+import { useLocation as H, useSearchParams as ie } from "react-router";
+import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
+//#region src/hooks/useScreen.ts
+function K(e) {
+	let { data: t } = r();
+	if (!(!t || !e)) return t.screens[e];
+}
+//#endregion
+//#region src/hooks/useFilters.ts
+function ae() {
+	let [e, t] = ie(), n = z(() => k(e), [e]), r = n.filters, i = z(() => P(r), [r]), a = L((n) => {
+		let r = new URLSearchParams(e);
+		A(n, r), r.set("page", "1"), t(r);
+	}, [e, t]), o = L(() => {
+		let n = new URLSearchParams(e);
+		n.delete("filters"), n.set("page", "1"), t(n);
+	}, [e, t]);
+	return {
+		filters: r,
+		filterError: n.error,
+		activeCount: i,
+		setFilters: a,
+		clearFilters: o
+	};
+}
+//#endregion
+//#region src/hooks/useViews.ts
+function oe(e, t) {
+	let n = K(e), { data: r } = c("view", {
+		filters: [{
+			field: "screen_code",
+			op: "eq",
+			value: e
+		}, ...t ? [{ or: [{
+			field: "user_id",
+			op: "eq",
+			value: t
+		}, {
+			field: "is_shared",
+			op: "eq",
+			value: "true"
+		}] }] : []],
+		sort: "created_at:desc",
+		per_page: 100
+	});
+	return z(() => {
+		let e = [];
+		if (n?.views) for (let t of n.views) e.push({
+			id: t.code,
+			name: t.name,
+			icon: t.icon,
+			source: "system",
+			filters: t.filters,
+			columns: t.columns,
+			sort: t.sort
+		});
+		if (r?.data) for (let n of r.data) {
+			let r = t && String(n.user_id) === t;
+			e.push({
+				id: String(n.id),
+				name: typeof n.name == "object" && n.name !== null ? n.name : { en: S(n.name) },
+				icon: n.icon,
+				source: r ? "personal" : "shared",
+				is_default: n.is_default === !0,
+				filters: n.filters,
+				columns: n.columns,
+				sort: n.sort
+			});
+		}
+		return e;
+	}, [
+		n?.views,
+		r?.data,
+		t
+	]);
+}
+//#endregion
+//#region src/hooks/usePageState.ts
+function se(e, t, n) {
+	let r = H(), i = n?.scope === "path" ? E(r) : T(r), a = B(i);
+	a.current = i;
+	let o = B(t), s = w((t) => t.ttlMs <= 0 ? void 0 : t.entries[i]?.bag[e]), c = s === void 0 ? o.current : s;
+	return R(() => {
+		w.getState().touch(i);
+	}, [i]), [c, L((t) => {
+		let n = a.current, r = w.getState(), i = r.read(n, e), s = i === void 0 ? o.current : i, c = typeof t == "function" ? t(s) : t;
+		r.set(n, e, c);
+	}, [e])];
+}
+//#endregion
+//#region src/components/shared/EmptyState.tsx
+function ce({ icon: e, title: n, description: r, action: i }) {
+	return /* @__PURE__ */ G("div", {
+		"data-testid": "empty-state",
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			padding: "64px 16px",
+			textAlign: "center"
+		},
+		children: [
+			e && /* @__PURE__ */ W("div", {
+				style: {
+					marginBottom: 16,
+					borderRadius: 999,
+					background: "var(--surface-3)",
+					padding: 16,
+					color: "var(--text-3)",
+					display: "inline-flex"
+				},
+				children: /* @__PURE__ */ W(t, {
+					name: e,
+					size: 32
+				})
+			}),
+			/* @__PURE__ */ W("h3", {
+				style: {
+					margin: 0,
+					fontSize: 15,
+					fontWeight: 600,
+					color: "var(--text)"
+				},
+				children: n
+			}),
+			r && /* @__PURE__ */ W("p", {
+				style: {
+					marginTop: 4,
+					fontSize: 12.5,
+					color: "var(--text-3)",
+					maxWidth: 420
+				},
+				children: r
+			}),
+			i && /* @__PURE__ */ W("div", {
+				style: { marginTop: 16 },
+				children: i
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/filters/FilterDrawer.tsx
+function le({ open: t, onClose: n, filters: r, onApply: i, availableFields: a, defaultFilters: o, refs: s }) {
+	let c = y().category === "phone", [l, u] = V(r), [d, p] = V(!1);
+	if (R(() => {
+		if (t) {
+			if (r.length === 0 && o && o.length > 0) {
+				let e = o.flatMap((e) => {
+					let t = a.find((t) => t.code === e);
+					return t ? [{
+						field: e,
+						op: t.operators[0] || "eq"
+					}] : [];
+				});
+				u(e);
+				return;
+			}
+			u(r);
+		}
+	}, [
+		t,
+		r,
+		o,
+		a
+	]), !t) return null;
+	let h = O(l), g = new Set(M(l).filter((e) => e.field).map((e) => e.field)), _ = (e = l) => {
+		let t = new Set(M(e).map((e) => e.field).filter(Boolean)), n = a.find((e) => !t.has(e.code)) ?? a[0];
+		return n ? {
+			field: n.code,
+			op: n.operators[0] || "eq"
+		} : {};
+	}, v = (e) => {
+		let t = a.find((t) => t.code === e);
+		if (!t) return;
+		let n = t.operators[0] || "eq";
+		u((t) => [...t, {
+			field: e,
+			op: n
+		}]), p(!1);
+	}, b = () => {
+		let e = l.filter((e) => e.field && e.op), t = l.filter((e) => !e.field || !e.op), n = e.length === 1 ? e[0] : e.length > 1 ? { and: e } : {};
+		u([...t, { or: [n, {}] }]);
+	}, x = (e, t) => {
+		u((n) => Z(n, e, (e) => ({
+			...e,
+			...t
+		})));
+	}, S = (e, t) => {
+		u((n) => Q(n, e, t));
+	}, C = (e) => {
+		u((t) => ge(t, e));
+	}, w = (e, t) => {
+		u((n) => Z(n, e, (e) => e.or ? {
+			...e,
+			or: [...e.or, t]
+		} : e.and ? {
+			...e,
+			and: [...e.and, t]
+		} : e));
+	}, T = (e, t) => {
+		let n = [...e, t], r = he(l, n);
+		if (!r) return;
+		let i = _();
+		r.and ? w(n, i) : r.field || r.op || r.or ? S(n, { and: [r, i] }) : S(n, i);
+	}, E = (e, t) => {
+		if (e.or || e.and) return /* @__PURE__ */ W(me, {
+			node: e,
+			renderNode: E,
+			onRemoveChild: C,
+			onAddCondition: (n) => {
+				e.or && n !== void 0 ? T(t, n) : w(t, _(e.or ?? e.and));
+			},
+			onAddBranch: () => w(t, {}),
+			path: t
+		}, t.join("-"));
+		if (!e.field || !e.op) return /* @__PURE__ */ W("div", { style: { minHeight: 4 } }, t.join("-"));
+		let n = a.find((t) => t.code === e.field);
+		return n ? /* @__PURE__ */ W(pe, {
+			node: e,
+			meta: n,
+			refs: s,
+			onUpdate: (e) => x(t, e),
+			onRemove: () => C(t)
+		}, t.join("-")) : null;
+	};
+	return /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("div", {
+		onClick: n,
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--scrim-lite)",
+			zIndex: 40
+		}
+	}), /* @__PURE__ */ G("div", {
+		role: "dialog",
+		"aria-label": "Filters",
+		"aria-modal": "true",
+		"data-testid": "filter-drawer",
+		style: {
+			position: "fixed",
+			top: "calc(var(--topbar-h) + var(--safe-area-top))",
+			right: "var(--safe-area-right)",
+			width: "min(400px, calc(100vw - var(--safe-area-left) - var(--safe-area-right)))",
+			height: "calc(var(--app-height) - var(--topbar-h) - var(--safe-area-top) - var(--safe-area-bottom) - var(--tabbar-h))",
+			maxHeight: "calc(var(--app-height) - var(--topbar-h) - var(--safe-area-top) - var(--safe-area-bottom) - var(--tabbar-h))",
+			background: "var(--surface)",
+			borderLeft: "1px solid var(--border)",
+			boxShadow: "var(--shadow-lg)",
+			zIndex: 50,
+			display: "flex",
+			flexDirection: "column",
+			boxSizing: "border-box",
+			minWidth: 0,
+			overflow: "hidden"
+		},
+		children: [
+			/* @__PURE__ */ G("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					padding: "10px 14px",
+					borderBottom: "1px solid var(--divider)"
+				},
+				children: [/* @__PURE__ */ G("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 8
+					},
+					children: [/* @__PURE__ */ W(e.filter, { size: 14 }), /* @__PURE__ */ W("h3", {
+						style: {
+							margin: 0,
+							fontSize: 13,
+							fontWeight: 600,
+							color: "var(--text)"
+						},
+						children: "Filters"
+					})]
+				}), /* @__PURE__ */ W(f, {
+					icon: /* @__PURE__ */ W(e.x, { size: 14 }),
+					onClick: n,
+					title: "Close"
+				})]
+			}),
+			/* @__PURE__ */ G("div", {
+				style: {
+					flex: 1,
+					overflowY: "auto",
+					padding: 14,
+					display: "flex",
+					flexDirection: "column",
+					gap: 10,
+					minWidth: 0,
+					minHeight: 0
+				},
+				children: [l.map((e, t) => E(e, [t])), /* @__PURE__ */ W("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 6,
+						paddingTop: 6
+					},
+					children: d ? /* @__PURE__ */ W(_e, {
+						fields: a,
+						activeFields: g,
+						compact: c,
+						onSelect: v,
+						onCancel: () => p(!1)
+					}) : /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(m, {
+						icon: /* @__PURE__ */ W(e.plus, { size: 12 }),
+						onClick: () => p(!0),
+						children: "Add filter"
+					}), !h && M(l).length > 0 && /* @__PURE__ */ W(m, {
+						kind: "ghost",
+						icon: /* @__PURE__ */ W(e.plus, { size: 12 }),
+						onClick: b,
+						children: "Add OR group"
+					})] })
+				})]
+			}),
+			/* @__PURE__ */ G("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					padding: "10px 14px",
+					borderTop: "1px solid var(--divider)",
+					background: "var(--surface-2)",
+					gap: 6,
+					flexWrap: "wrap",
+					minWidth: 0,
+					paddingBottom: "calc(10px + var(--safe-area-bottom))"
+				},
+				children: [
+					/* @__PURE__ */ W(m, {
+						kind: "ghost",
+						onClick: () => {
+							u([]);
+						},
+						children: "Reset"
+					}),
+					/* @__PURE__ */ W("div", { style: { flex: 1 } }),
+					/* @__PURE__ */ W(m, {
+						onClick: n,
+						children: "Cancel"
+					}),
+					/* @__PURE__ */ W(m, {
+						kind: "primary",
+						onClick: () => {
+							i(q(l)), n();
+						},
+						children: "Apply"
+					})
+				]
+			})
+		]
+	})] });
+}
+function ue(e) {
+	return e == null || e === "" ? !1 : !Array.isArray(e) || e.length > 0;
+}
+function q(e) {
+	let t = [];
+	for (let n of e) {
+		if (n.or) {
+			let e = q(n.or);
+			e.length > 0 && t.push({
+				...n,
+				or: e
+			});
+			continue;
+		}
+		if (n.and) {
+			let e = q(n.and);
+			e.length > 0 && t.push({
+				...n,
+				and: e
+			});
+			continue;
+		}
+		!n.field || !n.op || !D.has(n.op) && !ue(n.value) || t.push(n);
+	}
+	return t;
+}
+function J(e) {
+	return !e || e.length === 0 ? [] : [
+		{
+			value: "",
+			label: "Special values",
+			heading: !0
+		},
+		...e.map((e) => ({
+			value: e.code,
+			label: i(e.label) || e.code
+		})),
+		{
+			value: "",
+			label: "",
+			divider: !0
+		}
+	];
+}
+var Y = "__custom__";
+function de({ meta: e, value: t, onUpdate: n }) {
+	let r = e.specialValues ?? [], i = S(t), a = r.some((e) => e.code === i), [s, c] = V(!a && i !== "");
+	return s ? /* @__PURE__ */ W(l, {
+		"aria-label": `${e.label} filter value`,
+		value: i,
+		onChange: (e) => n({ value: e }),
+		placeholder: "Value…",
+		autoFocus: !0
+	}) : /* @__PURE__ */ W(o, {
+		"aria-label": `${e.label} filter value`,
+		value: i,
+		options: [
+			{
+				value: "",
+				label: "Select…"
+			},
+			...J(r),
+			{
+				value: Y,
+				label: "Custom value…"
+			}
+		],
+		onChange: (e) => {
+			e === Y ? (c(!0), n({ value: "" })) : n({ value: e });
+		}
+	});
+}
+function X(e) {
+	return Array.isArray(e) ? e.map((e) => S(e)) : e == null || e === "" ? [] : [S(e)];
+}
+function fe(e) {
+	return Array.isArray(e) ? e.length > 0 ? S(e[0]) : "" : S(e);
+}
+function pe({ node: t, meta: n, refs: r, onUpdate: i, onRemove: c }) {
+	let u = D.has(t.op), d = j.has(t.op), p = n.operators.map((e) => ({
+		value: e,
+		label: N[e] || e
+	})), m = (e) => {
+		let n = j.has(t.op), r = j.has(e);
+		if (r === n) {
+			i({ op: e });
+			return;
+		}
+		i({
+			op: e,
+			value: r ? X(t.value) : fe(t.value)
+		});
+	};
+	return /* @__PURE__ */ G("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 6,
+			minWidth: 0
+		},
+		children: [/* @__PURE__ */ G("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				minWidth: 0
+			},
+			children: [/* @__PURE__ */ W("span", {
+				style: {
+					flex: 1,
+					fontSize: 12.5,
+					fontWeight: 600,
+					color: "var(--text)",
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap",
+					minWidth: 0
+				},
+				title: n.label,
+				children: n.label
+			}), /* @__PURE__ */ W(f, {
+				size: 22,
+				icon: /* @__PURE__ */ W(e.x, { size: 12 }),
+				onClick: c,
+				title: "Remove"
+			})]
+		}), /* @__PURE__ */ G("div", {
+			style: {
+				display: "grid",
+				gridTemplateColumns: u ? "minmax(0, 1fr)" : "minmax(112px, 152px) minmax(0, 1fr)",
+				gap: 6,
+				alignItems: "start",
+				minWidth: 0
+			},
+			children: [/* @__PURE__ */ W(o, {
+				"aria-label": `${n.label} filter operator`,
+				value: t.op ?? p[0]?.value,
+				options: p,
+				onChange: (e) => m(e)
+			}), u ? null : d && n.options ? /* @__PURE__ */ W(s, {
+				"aria-label": `${n.label} filter value`,
+				value: X(t.value),
+				options: [...J(n.specialValues), ...n.options.map((e) => ({
+					value: e.value,
+					label: e.label
+				}))],
+				onChange: (e) => i({ value: e }),
+				placeholder: "Select…"
+			}) : n.type === "ref" && n.ref?.entity ? /* @__PURE__ */ W(a, {
+				ref: n.ref,
+				value: t.value,
+				onChange: (e) => i({ value: e ?? "" }),
+				refs: r,
+				ariaLabel: `${n.label} filter value`,
+				placeholder: "Select…",
+				specialValues: n.specialValues
+			}) : n.options ? /* @__PURE__ */ W(o, {
+				"aria-label": `${n.label} filter value`,
+				value: S(t.value),
+				options: [...J(n.specialValues), ...n.options.map((e) => ({
+					value: e.value,
+					label: e.label
+				}))],
+				onChange: (e) => i({ value: e }),
+				placeholder: "Select…"
+			}) : n.specialValues && n.specialValues.length > 0 ? /* @__PURE__ */ W(de, {
+				meta: n,
+				value: t.value,
+				onUpdate: i
+			}) : /* @__PURE__ */ W(l, {
+				"aria-label": `${n.label} filter value`,
+				value: S(t.value),
+				onChange: (e) => i({ value: e }),
+				placeholder: "Value…"
+			})]
+		})]
+	});
+}
+function me({ node: t, renderNode: n, onRemoveChild: r, onAddCondition: i, onAddBranch: a, path: o }) {
+	let s = t.or ?? t.and ?? [], c = t.or !== void 0;
+	return /* @__PURE__ */ G("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 8
+		},
+		children: [
+			s.map((t, a) => {
+				let s = [...o, a], l = c && t.and ? t.and : [t];
+				return /* @__PURE__ */ G("div", { children: [c && a > 0 && /* @__PURE__ */ G("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 8,
+						padding: "4px 0"
+					},
+					children: [
+						/* @__PURE__ */ W("div", { style: {
+							flex: 1,
+							borderTop: "1px solid var(--divider)"
+						} }),
+						/* @__PURE__ */ W("span", {
+							style: {
+								fontSize: 11,
+								fontWeight: 600,
+								color: "var(--text-3)",
+								padding: "0 6px"
+							},
+							children: "OR"
+						}),
+						/* @__PURE__ */ W("div", { style: {
+							flex: 1,
+							borderTop: "1px solid var(--divider)"
+						} })
+					]
+				}), /* @__PURE__ */ G("div", {
+					style: {
+						border: "1px solid var(--border)",
+						borderRadius: 8,
+						padding: 10,
+						display: "flex",
+						flexDirection: "column",
+						gap: 8
+					},
+					children: [
+						c && /* @__PURE__ */ W("div", {
+							style: {
+								fontSize: 10.5,
+								fontWeight: 600,
+								color: "var(--text-3)",
+								textTransform: "uppercase",
+								letterSpacing: "0.08em"
+							},
+							children: "Match ALL"
+						}),
+						l.map((e, r) => n(e, c && t.and ? [...s, r] : s)),
+						c && /* @__PURE__ */ W(m, {
+							kind: "ghost",
+							size: "xs",
+							icon: /* @__PURE__ */ W(e.plus, { size: 11 }),
+							onClick: () => i(a),
+							children: "Add condition"
+						}),
+						c && /* @__PURE__ */ W(f, {
+							size: 22,
+							icon: /* @__PURE__ */ W(e.x, { size: 12 }),
+							onClick: () => r(s),
+							title: "Remove OR alternative"
+						})
+					]
+				})] }, a);
+			}),
+			!c && /* @__PURE__ */ W(m, {
+				kind: "ghost",
+				size: "xs",
+				icon: /* @__PURE__ */ W(e.plus, { size: 11 }),
+				onClick: () => i(),
+				children: "Add condition"
+			}),
+			c && /* @__PURE__ */ W(m, {
+				kind: "ghost",
+				size: "xs",
+				icon: /* @__PURE__ */ W(e.plus, { size: 11 }),
+				onClick: a,
+				children: "Add OR group"
+			})
+		]
+	});
+}
+function he(e, t) {
+	let n = e, r;
+	for (let e = 0; e < t.length; e += 1) {
+		let i = t[e];
+		if (r = n[i], !r) return;
+		e < t.length - 1 && (n = r.or ?? r.and ?? []);
+	}
+	return r;
+}
+function Z(e, t, n) {
+	if (t.length === 0) return e;
+	let [r, ...i] = t;
+	return e.map((e, t) => {
+		if (t !== r) return e;
+		if (i.length === 0) return n(e);
+		let a = e.or ? "or" : "and", o = e.or ?? e.and;
+		if (!o) return e;
+		let s = Z(o, i, n);
+		return a === "or" ? {
+			...e,
+			or: s
+		} : {
+			...e,
+			and: s
+		};
+	});
+}
+function Q(e, t, n) {
+	if (t.length === 0) return e;
+	let [r, ...i] = t;
+	return e.map((e, t) => {
+		if (t !== r) return e;
+		if (i.length === 0) return n;
+		let a = e.or ?? e.and;
+		if (!a) return e;
+		let o = Q(a, i, n);
+		return e.or ? {
+			...e,
+			or: o
+		} : {
+			...e,
+			and: o
+		};
+	});
+}
+function ge(e, t) {
+	if (t.length === 0) return e;
+	let [n, ...r] = t;
+	return r.length === 0 ? e.filter((e, t) => t !== n) : e.map((e, t) => {
+		if (t !== n) return e;
+		let i = e.or ?? e.and;
+		if (!i) return e;
+		let a = ge(i, r);
+		return e.or ? {
+			...e,
+			or: a
+		} : {
+			...e,
+			and: a
+		};
+	});
+}
+function _e({ fields: t, activeFields: n, compact: r, onSelect: i, onCancel: a }) {
+	let [o, s] = V(""), c = t.filter((e) => !n.has(e.code) && (o === "" || e.label.toLowerCase().includes(o.toLowerCase()) || e.code.toLowerCase().includes(o.toLowerCase())));
+	return /* @__PURE__ */ G("div", {
+		style: {
+			width: "100%",
+			border: "1px solid var(--border)",
+			borderRadius: 8,
+			padding: 8,
+			display: "flex",
+			flexDirection: "column",
+			gap: 6,
+			minWidth: 0,
+			boxSizing: "border-box"
+		},
+		children: [
+			/* @__PURE__ */ W(l, {
+				value: o,
+				onChange: s,
+				placeholder: "Search fields…",
+				prefix: /* @__PURE__ */ W(e.search, { size: 12 }),
+				autoFocus: !0
+			}),
+			/* @__PURE__ */ G("div", {
+				style: {
+					maxHeight: 200,
+					overflow: "auto",
+					display: "flex",
+					flexDirection: "column"
+				},
+				children: [c.map((e) => /* @__PURE__ */ G("button", {
+					"data-testid": `filter-field-${e.code}`,
+					onClick: () => i(e.code),
+					style: {
+						textAlign: "left",
+						padding: "6px 8px",
+						fontSize: 12,
+						background: "transparent",
+						border: 0,
+						color: "var(--text-2)",
+						cursor: "pointer",
+						borderRadius: 5,
+						display: "flex",
+						justifyContent: "space-between",
+						gap: 8,
+						minWidth: 0
+					},
+					onMouseEnter: (e) => e.currentTarget.style.background = "var(--surface-3)",
+					onMouseLeave: (e) => e.currentTarget.style.background = "transparent",
+					children: [/* @__PURE__ */ W("span", {
+						style: {
+							minWidth: 0,
+							overflow: "hidden",
+							textOverflow: "ellipsis",
+							whiteSpace: "nowrap"
+						},
+						children: e.label
+					}), /* @__PURE__ */ W("span", {
+						className: "mono",
+						style: {
+							color: "var(--text-4)",
+							fontSize: 10.5,
+							display: r ? "none" : void 0
+						},
+						children: e.code
+					})]
+				}, e.code)), c.length === 0 && /* @__PURE__ */ W("div", {
+					style: {
+						fontSize: 12,
+						color: "var(--text-3)",
+						padding: "6px 8px"
+					},
+					children: "No fields available"
+				})]
+			}),
+			/* @__PURE__ */ W(m, {
+				kind: "ghost",
+				size: "xs",
+				onClick: a,
+				style: { justifyContent: "center" },
+				children: "Cancel"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/filters/FilterChips.tsx
+function ve({ filters: t, onRemove: n, onClearAll: r, onChipClick: i, fieldLabel: a = (e) => e, resolveValue: o }) {
+	return t.length === 0 ? null : /* @__PURE__ */ G("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			flexWrap: "wrap",
+			paddingBottom: 12
+		},
+		children: [t.map((e, t) => /* @__PURE__ */ G(I, { children: [t > 0 && /* @__PURE__ */ W(be, { label: "AND" }), /* @__PURE__ */ W(ye, {
+			node: e,
+			fieldLabel: a,
+			resolveValue: o,
+			onRemove: n,
+			onClick: i
+		})] }, t)), /* @__PURE__ */ W(m, {
+			kind: "ghost",
+			size: "xs",
+			icon: /* @__PURE__ */ W(e.x, { size: 11 }),
+			onClick: r,
+			children: "Clear all"
+		})]
+	});
+}
+function ye({ node: e, fieldLabel: t, resolveValue: n, onRemove: r, onClick: i }) {
+	if (e.field && e.op) return /* @__PURE__ */ W(xe, {
+		node: e,
+		fieldLabel: t,
+		resolveValue: n,
+		onRemove: () => r(e.field),
+		onClick: i
+	});
+	let a = e.or ?? e.and ?? [], o = e.or ? "OR" : "AND";
+	return /* @__PURE__ */ G("span", {
+		"data-testid": `filter-${e.or ? "or" : "and"}-group`,
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 4,
+			flexWrap: "wrap",
+			border: "1px solid var(--divider)",
+			borderRadius: 6,
+			padding: "2px 5px"
+		},
+		children: [
+			/* @__PURE__ */ W("span", {
+				"aria-hidden": "true",
+				style: {
+					color: "var(--text-3)",
+					fontWeight: 600
+				},
+				children: "("
+			}),
+			a.map((e, a) => /* @__PURE__ */ G(I, { children: [a > 0 && /* @__PURE__ */ W(be, { label: o }), /* @__PURE__ */ W(ye, {
+				node: e,
+				fieldLabel: t,
+				resolveValue: n,
+				onRemove: r,
+				onClick: i
+			})] }, a)),
+			/* @__PURE__ */ W("span", {
+				"aria-hidden": "true",
+				style: {
+					color: "var(--text-3)",
+					fontWeight: 600
+				},
+				children: ")"
+			})
+		]
+	});
+}
+function be({ label: e }) {
+	return /* @__PURE__ */ W("span", {
+		"aria-label": e,
+		style: {
+			fontSize: 11,
+			color: "var(--text-3)",
+			fontWeight: 600,
+			padding: "0 2px"
+		},
+		children: e
+	});
+}
+function xe({ node: t, fieldLabel: n, resolveValue: r, onRemove: i, onClick: a }) {
+	let o = /* @__PURE__ */ W(e.filter, { size: 11 });
+	return /* @__PURE__ */ W(v, {
+		tone: "slate",
+		icon: o,
+		onClick: a,
+		onRemove: i,
+		children: /* @__PURE__ */ G("span", { children: [
+			/* @__PURE__ */ W("span", {
+				style: { color: "var(--text-3)" },
+				children: n(t.field)
+			}),
+			" ",
+			/* @__PURE__ */ W("span", {
+				style: { fontWeight: 600 },
+				children: /* @__PURE__ */ W(Se, {
+					node: t,
+					resolveValue: r
+				})
+			})
+		] })
+	});
+}
+function Se({ node: e, resolveValue: t }) {
+	let n = e.op, r = N[n] || n;
+	if (D.has(n)) return /* @__PURE__ */ W(U, { children: r });
+	if (!t) return /* @__PURE__ */ W(U, { children: F(e) });
+	let i = Array.isArray(e.value) ? e.value : [e.value];
+	return /* @__PURE__ */ G(U, { children: [
+		r,
+		" ",
+		i.map((n, r) => {
+			let i = t(e.field, n);
+			return /* @__PURE__ */ G(I, { children: [r > 0 ? ", " : "", /* @__PURE__ */ W("span", { children: i.status === "loading" ? /* @__PURE__ */ W(Ce, {}) : i.label ?? i.raw })] }, r);
+		})
+	] });
+}
+function Ce() {
+	return /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("style", { children: "@keyframes declarion-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}" }), /* @__PURE__ */ W("span", {
+		"aria-label": "loading",
+		style: {
+			display: "inline-block",
+			width: 52,
+			height: "0.72em",
+			verticalAlign: "middle",
+			borderRadius: 4,
+			background: "linear-gradient(90deg, var(--surface-3) 0%, var(--surface-2) 40%, var(--surface-3) 80%)",
+			backgroundSize: "200% 100%",
+			animation: "declarion-shimmer 1.2s ease-in-out infinite"
+		}
+	})] });
+}
+//#endregion
+//#region src/components/list/ColumnPicker.tsx
+function we({ availableColumns: t, visibleColumns: n, onToggle: r, onMove: i, onReset: a, onShowAll: o, onResetWidths: s, columnLabel: c = (e) => e }) {
+	let l = B(null), [u, h] = V(!1), g = t.filter((e) => !n.includes(e)), _ = (e) => /* @__PURE__ */ W("div", {
+		style: {
+			padding: "6px 8px 4px",
+			fontSize: 10.5,
+			color: "var(--text-3)",
+			fontWeight: 600,
+			letterSpacing: "0.06em",
+			textTransform: "uppercase"
+		},
+		children: e
+	});
+	return /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(m, {
+		ref: l,
+		icon: /* @__PURE__ */ W(e.columns, { size: 13 }),
+		onClick: () => h((e) => !e),
+		active: u,
+		children: "Columns"
+	}), /* @__PURE__ */ G(d, {
+		open: u,
+		anchor: l.current,
+		onClose: () => h(!1),
+		align: "end",
+		width: 240,
+		children: [
+			_("Visible columns"),
+			n.map((t, a) => /* @__PURE__ */ G("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 2,
+					padding: "0 6px 0 8px"
+				},
+				children: [/* @__PURE__ */ G("button", {
+					type: "button",
+					onClick: () => r(t),
+					"aria-label": `Hide ${c(t)}`,
+					style: {
+						flex: 1,
+						display: "flex",
+						alignItems: "center",
+						gap: 6,
+						minWidth: 0,
+						background: "none",
+						border: 0,
+						cursor: "pointer",
+						textAlign: "left",
+						color: "var(--text)",
+						font: "inherit",
+						fontSize: 12.5,
+						padding: "4px 0"
+					},
+					children: [/* @__PURE__ */ W(e.check, { size: 12 }), /* @__PURE__ */ W("span", {
+						style: {
+							overflow: "hidden",
+							textOverflow: "ellipsis",
+							whiteSpace: "nowrap"
+						},
+						children: c(t)
+					})]
+				}), i && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(f, {
+					icon: /* @__PURE__ */ W(e.arrowUp, { size: 12 }),
+					title: `Move ${c(t)} up`,
+					size: 22,
+					disabled: a === 0,
+					onClick: () => i(t, "up")
+				}), /* @__PURE__ */ W(f, {
+					icon: /* @__PURE__ */ W(e.arrowDown, { size: 12 }),
+					title: `Move ${c(t)} down`,
+					size: 22,
+					disabled: a === n.length - 1,
+					onClick: () => i(t, "down")
+				})] })]
+			}, t)),
+			g.length > 0 && /* @__PURE__ */ G(U, { children: [_("Hidden columns"), g.map((e) => /* @__PURE__ */ W(p, {
+				icon: /* @__PURE__ */ W("span", { style: {
+					width: 12,
+					display: "inline-block"
+				} }),
+				onClick: () => r(e),
+				children: c(e)
+			}, e))] }),
+			/* @__PURE__ */ W(p, { divider: !0 }),
+			/* @__PURE__ */ W(p, {
+				icon: /* @__PURE__ */ W(e.refresh, { size: 12 }),
+				onClick: a,
+				children: "Reset columns"
+			}),
+			/* @__PURE__ */ W(p, {
+				icon: /* @__PURE__ */ W(e.eye, { size: 12 }),
+				onClick: o,
+				children: "Show all"
+			}),
+			s && /* @__PURE__ */ W(p, {
+				icon: /* @__PURE__ */ W(e.columns, { size: 12 }),
+				onClick: s,
+				children: "Reset column widths (this device)"
+			})
+		]
+	})] });
+}
+//#endregion
+//#region src/components/list/ViewSwitcher.tsx
+var Te = {
+	display: "flex",
+	alignItems: "center",
+	gap: 6,
+	height: 28,
+	padding: "0 10px",
+	background: "var(--surface)",
+	border: "1px solid var(--border)",
+	borderRadius: 6,
+	cursor: "pointer",
+	fontSize: 12,
+	color: "var(--text-2)",
+	fontFamily: "inherit"
+};
+function Ee({ views: t, activeViewId: n, isDirty: r, onSelect: a, onSave: o, onSaveAs: s }) {
+	let c = B(null), [l, u] = V(!1), f = t.find((e) => e.id === n), h = t.filter((e) => e.source === "system"), g = t.filter((e) => e.source === "personal"), _ = t.filter((e) => e.source === "shared"), v = f ? i(f.name) : "Default view", y = (e) => /* @__PURE__ */ W("div", {
+		style: {
+			padding: "6px 8px 4px",
+			fontSize: 10,
+			color: "var(--text-3)",
+			fontWeight: 700,
+			letterSpacing: "0.08em",
+			textTransform: "uppercase"
+		},
+		children: e
+	});
+	return /* @__PURE__ */ G("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6
+		},
+		children: [
+			/* @__PURE__ */ G("button", {
+				ref: c,
+				type: "button",
+				onClick: () => u((e) => !e),
+				style: Te,
+				children: [
+					/* @__PURE__ */ W(e.star, { size: 12 }),
+					/* @__PURE__ */ W("span", { children: v }),
+					r && /* @__PURE__ */ W("span", { style: {
+						display: "inline-block",
+						width: 6,
+						height: 6,
+						borderRadius: 999,
+						background: "var(--warn)",
+						marginLeft: 2
+					} }),
+					/* @__PURE__ */ W(e.down, { size: 11 })
+				]
+			}),
+			/* @__PURE__ */ G(d, {
+				open: l,
+				anchor: c.current,
+				onClose: () => u(!1),
+				width: 280,
+				children: [
+					/* @__PURE__ */ W(p, {
+						icon: n ? void 0 : /* @__PURE__ */ W(e.check, { size: 12 }),
+						active: !n,
+						onClick: () => {
+							a({
+								id: "",
+								name: { en: "Default" },
+								source: "system"
+							}), u(!1);
+						},
+						children: "Default view"
+					}),
+					h.length > 0 && y("Presets"),
+					h.map((t) => /* @__PURE__ */ W(p, {
+						icon: n === t.id ? /* @__PURE__ */ W(e.check, { size: 12 }) : void 0,
+						active: n === t.id,
+						onClick: () => {
+							a(t), u(!1);
+						},
+						children: i(t.name)
+					}, t.id)),
+					g.length > 0 && y("My Views"),
+					g.map((t) => /* @__PURE__ */ W(p, {
+						icon: n === t.id ? /* @__PURE__ */ W(e.check, { size: 12 }) : t.is_default ? /* @__PURE__ */ W(e.star, { size: 12 }) : void 0,
+						active: n === t.id,
+						onClick: () => {
+							a(t), u(!1);
+						},
+						children: i(t.name)
+					}, t.id)),
+					_.length > 0 && y("Shared"),
+					_.map((t) => /* @__PURE__ */ W(p, {
+						icon: n === t.id ? /* @__PURE__ */ W(e.check, { size: 12 }) : /* @__PURE__ */ W(e.globe, { size: 12 }),
+						active: n === t.id,
+						onClick: () => {
+							a(t), u(!1);
+						},
+						children: i(t.name)
+					}, t.id)),
+					s && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(p, { divider: !0 }), /* @__PURE__ */ W(p, {
+						icon: /* @__PURE__ */ W(e.plus, { size: 12 }),
+						onClick: () => {
+							s(), u(!1);
+						},
+						children: "Save as new view…"
+					})] })
+				]
+			}),
+			r && n && o && /* @__PURE__ */ W(m, {
+				icon: /* @__PURE__ */ W(e.save, { size: 12 }),
+				onClick: o,
+				children: "Save"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/list/PeekFieldCell.tsx
+var De = /* @__PURE__ */ new Set([
+	"enum",
+	"bool",
+	"ref"
+]);
+function Oe(e) {
+	let t = e.display?.widget;
+	return t && De.has(t) ? !0 : De.has(e.type);
+}
+function ke({ field: t, fieldName: r, label: i, value: a, record: o, refs: s, readOnly: c, onCommit: l }) {
+	let u = n(), [d, p] = V(!1), [m, h] = V(a), _ = Oe(t);
+	R(() => {
+		d || h(a);
+	}, [a, d]);
+	let v = L(() => {
+		c || (h(a), p(!0));
+	}, [c, a]), y = L((e) => {
+		l(e === void 0 ? m : e), p(!1);
+	}, [l, m]), b = L(() => {
+		h(a), p(!1);
+	}, [a]), x = L((e) => {
+		if (c || d) return;
+		let t = e.target;
+		t.closest("a") || t.closest("[data-peek-pencil=\"true\"]") || v();
+	}, [
+		c,
+		d,
+		v
+	]), S = L((e) => {
+		if (!d) {
+			!c && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), v());
+			return;
+		}
+		_ || (e.key === "Enter" ? (e.preventDefault(), e.stopPropagation(), y()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), b()));
+	}, [
+		d,
+		_,
+		c,
+		v,
+		y,
+		b
+	]), C = L((e) => {
+		_ ? (h(e), y(e)) : h(e);
+	}, [_, y]), w = g({
+		field: t,
+		fieldName: r,
+		value: a,
+		mode: "display",
+		record: o,
+		refs: s,
+		locale: u
+	}), T = d ? g({
+		field: t,
+		fieldName: r,
+		value: m,
+		mode: "edit",
+		onChange: C,
+		record: o,
+		refs: s,
+		locale: u
+	}) : null;
+	return /* @__PURE__ */ W("div", {
+		className: "peek-field-cell",
+		"data-editing": d ? "true" : "false",
+		onClick: x,
+		onKeyDown: S,
+		onMouseEnter: (e) => {
+			c || d || (e.currentTarget.style.borderColor = "var(--border)");
+		},
+		onMouseLeave: (e) => {
+			e.currentTarget.style.borderColor = "transparent";
+		},
+		style: {
+			position: "relative",
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			padding: "4px 6px",
+			margin: "-4px -6px",
+			borderRadius: 4,
+			minHeight: 28,
+			cursor: c || d ? "default" : "text",
+			border: "1px dashed transparent"
+		},
+		tabIndex: c || d ? -1 : 0,
+		role: c || d ? void 0 : "button",
+		"aria-label": c || d ? void 0 : `Edit ${i}`,
+		children: d ? /* @__PURE__ */ G("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 4,
+				flex: 1,
+				minWidth: 0
+			},
+			children: [/* @__PURE__ */ W("div", {
+				style: {
+					flex: 1,
+					minWidth: 0
+				},
+				children: T
+			}), !_ && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(f, {
+				size: 24,
+				icon: /* @__PURE__ */ W(e.check, { size: 13 }),
+				onClick: () => y(),
+				title: "Save"
+			}), /* @__PURE__ */ W(f, {
+				size: 24,
+				icon: /* @__PURE__ */ W(e.x, { size: 13 }),
+				onClick: b,
+				title: "Cancel"
+			})] })]
+		}) : /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("div", {
+			style: {
+				flex: 1,
+				minWidth: 0
+			},
+			children: w
+		}), !c && /* @__PURE__ */ W("span", {
+			"data-peek-pencil": "true",
+			style: {
+				position: "absolute",
+				right: 4,
+				top: "50%",
+				transform: "translateY(-50%)"
+			},
+			className: "peek-pencil",
+			children: /* @__PURE__ */ W(f, {
+				size: 20,
+				icon: /* @__PURE__ */ W(e.edit, { size: 12 }),
+				onClick: (e) => {
+					e.stopPropagation(), v();
+				},
+				title: "Edit"
+			})
+		})] })
+	});
+}
+//#endregion
+//#region src/components/list/QuickPeek.tsx
+function Ae({ entity: t, entityCode: r, record: a, title: o, recordId: s, avatarName: c, fields: l, refs: d, screen: p, actions: g, screenActionLayout: v, entityActionLayout: y, executeAction: S, onClose: w, onOpen: T, onSave: E }) {
+	let D = n(), [O, k] = V({ ...a }), [A, j] = V(!1), M = B(null), { run: N } = h(), P = re(t, p, O);
+	R(() => {
+		k({ ...a }), j(!1);
+	}, [a]), R(() => {
+		M.current?.focus();
+	}, []);
+	let F = z(() => {
+		let e = P?.action_layout ?? v ?? y ?? b(g, "quick_peek"), n = x(e, g, void 0, "quick_peek");
+		return u(n, g, void 0, O, [], te(t, O));
+	}, [
+		P?.action_layout,
+		v,
+		y,
+		g,
+		O,
+		t
+	]), I = ({ code: e, action: t }) => {
+		N({
+			action: t,
+			title: i(t.display?.name) || e,
+			row: O,
+			execute: (n) => S(e, t, n)
+		});
+	}, L = (e, t) => {
+		let n = {
+			...O,
+			[e]: t
+		};
+		k(n), j(!0), E?.(n);
+	}, H = P?.quick_peek?.width ?? 480;
+	return /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("div", {
+		onClick: w,
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--scrim-lite)",
+			zIndex: 40
+		}
+	}), /* @__PURE__ */ G("aside", {
+		ref: M,
+		role: "dialog",
+		"aria-label": "Quick peek",
+		tabIndex: -1,
+		onKeyDown: (e) => {
+			e.key === "Escape" && w();
+		},
+		style: {
+			position: "fixed",
+			top: "var(--topbar-h)",
+			right: 0,
+			bottom: "var(--tabbar-h)",
+			width: H,
+			background: "var(--surface)",
+			borderLeft: "1px solid var(--border)",
+			zIndex: 41,
+			display: "flex",
+			flexDirection: "column",
+			boxShadow: "var(--shadow-lg)"
+		},
+		children: [
+			/* @__PURE__ */ G("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					padding: "12px 16px",
+					borderBottom: "1px solid var(--divider)",
+					gap: 10
+				},
+				children: [
+					/* @__PURE__ */ W(C, {
+						name: c || o,
+						size: 28
+					}),
+					/* @__PURE__ */ G("div", {
+						style: {
+							flex: 1,
+							minWidth: 0
+						},
+						children: [/* @__PURE__ */ W("div", {
+							style: {
+								fontSize: 14,
+								fontWeight: 600,
+								color: "var(--text)",
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								whiteSpace: "nowrap"
+							},
+							children: o
+						}), s && /* @__PURE__ */ W("div", {
+							className: "mono",
+							style: {
+								fontSize: 11,
+								color: "var(--text-4)"
+							},
+							children: s
+						})]
+					}),
+					/* @__PURE__ */ W(f, {
+						icon: /* @__PURE__ */ W(e.external, { size: 13 }),
+						title: A ? "Open in tab (keeps unsaved changes)" : "Open in tab",
+						onClick: () => T(A ? O : null)
+					}),
+					/* @__PURE__ */ W(f, {
+						icon: /* @__PURE__ */ W(e.x, { size: 14 }),
+						title: "Close",
+						onClick: w
+					})
+				]
+			}),
+			/* @__PURE__ */ G("div", {
+				style: {
+					flex: 1,
+					overflowY: "auto",
+					padding: 14,
+					display: "flex",
+					flexDirection: "column",
+					gap: 10
+				},
+				children: [/* @__PURE__ */ G("div", {
+					style: {
+						padding: "8px 10px",
+						background: "var(--accent-soft)",
+						borderRadius: 6,
+						fontSize: 11.5,
+						color: "var(--accent)",
+						display: "flex",
+						alignItems: "center",
+						gap: 6
+					},
+					children: [
+						/* @__PURE__ */ W(e.sparkle, { size: 12 }),
+						" Inline quick-edit — click any field to change.",
+						/* @__PURE__ */ W(_, { children: "Tab" }),
+						" to move, ",
+						/* @__PURE__ */ W(_, { children: "Esc" }),
+						" to close."
+					]
+				}), l.map((e) => /* @__PURE__ */ W(je, {
+					label: e.label,
+					children: e.kind === "file" ? ne({
+						entity: t,
+						entityCode: r,
+						fieldName: e.key,
+						record: O,
+						mode: e.readOnly ? "display" : "edit",
+						onChange: (t) => L(e.key, t),
+						refs: d,
+						disabled: e.readOnly,
+						locale: D
+					}) : /* @__PURE__ */ W(ke, {
+						field: e.field,
+						fieldName: e.key,
+						label: e.label,
+						value: O[e.key],
+						record: O,
+						refs: d,
+						readOnly: e.readOnly,
+						onCommit: (t) => L(e.key, t)
+					})
+				}, e.key))]
+			}),
+			/* @__PURE__ */ G("div", {
+				style: {
+					display: "flex",
+					padding: "10px 14px",
+					borderTop: "1px solid var(--divider)",
+					gap: 6,
+					alignItems: "center"
+				},
+				children: [
+					A && /* @__PURE__ */ G("span", {
+						style: {
+							fontSize: 11,
+							color: "var(--warn)",
+							display: "flex",
+							alignItems: "center",
+							gap: 4
+						},
+						children: [/* @__PURE__ */ W("span", { style: {
+							width: 6,
+							height: 6,
+							borderRadius: 999,
+							background: "var(--warn)"
+						} }), "Unsaved"]
+					}),
+					/* @__PURE__ */ W("div", {
+						style: {
+							flex: 1,
+							minWidth: 0,
+							display: "flex",
+							justifyContent: "flex-end"
+						},
+						children: F.length > 0 && /* @__PURE__ */ W(ee, {
+							layout: F,
+							row: O,
+							onRun: (e, t) => I({
+								code: e,
+								action: t
+							}),
+							kind: "toolbar",
+							entityActions: g,
+							align: "trailing",
+							ariaLabel: "Quick peek actions"
+						})
+					}),
+					/* @__PURE__ */ W(m, {
+						kind: "primary",
+						icon: /* @__PURE__ */ W(e.edit, { size: 13 }),
+						onClick: () => T(A ? O : null),
+						children: "Open full"
+					})
+				]
+			})
+		]
+	})] });
+}
+function je({ label: e, children: t }) {
+	return /* @__PURE__ */ G("div", {
+		style: {
+			display: "grid",
+			gridTemplateColumns: "120px 1fr",
+			alignItems: "center",
+			padding: "4px 0",
+			borderBottom: "1px solid var(--divider)"
+		},
+		children: [/* @__PURE__ */ W("div", {
+			style: {
+				fontSize: 11.5,
+				color: "var(--text-3)",
+				fontWeight: 500
+			},
+			children: e
+		}), /* @__PURE__ */ W("div", { children: t })]
+	});
+}
+//#endregion
+//#region src/lib/format-count.ts
+var Me = [
+	{
+		value: 1e9,
+		suffix: "B"
+	},
+	{
+		value: 1e6,
+		suffix: "M"
+	},
+	{
+		value: 1e3,
+		suffix: "K"
+	}
+];
+function Ne(e) {
+	if (!Number.isFinite(e) || e < 0) return "~0";
+	let t = Math.round(e);
+	if (t < 1e3) return `~${t}`;
+	for (let { value: e, suffix: n } of Me) {
+		if (t < e) continue;
+		let r = t / e;
+		return `~${(r < 10 ? r.toFixed(1) : Math.round(r).toString()).replace(/\.0$/, "")}${n}`;
+	}
+	return `~${t.toLocaleString()}`;
+}
+function $(e) {
+	return !Number.isFinite(e) || e < 0 ? "0" : Math.round(e).toLocaleString();
+}
+function Pe(e, t) {
+	return t === "estimated" ? Ne(e) : $(e);
+}
+//#endregion
+export { Ae as a, ve as c, se as d, oe as f, je as i, le as l, K as m, Ne as n, Ee as o, ae as p, $ as r, we as s, Pe as t, ce as u };