@declarion/react 0.65.0 → 0.66.0

package/dist-lib/components/pages/tenant-params/TenantParamsPage.js

@@ -0,0 +1,12 @@
+import { Suspense as e, lazy as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/pages/tenant-params/TenantParamsPage.tsx
+var r = t(() => import("./TenantParamsPage.impl.js").then((e) => ({ default: e.TenantParamsPage })));
+function i(t) {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(r, { ...t })
+	});
+}
+//#endregion
+export { i as TenantParamsPage };

package/dist-lib/components/params/ParamsBlock.js

@@ -0,0 +1,119 @@
+import { Icon as e } from "../primitives/Icons.js";
+import { Btn as t } from "../primitives/Btn.js";
+import { IconBtn as n } from "../primitives/IconBtn.js";
+import { Pill as r } from "../primitives/Pill.js";
+import { useText as i } from "../../hooks/useText.js";
+import { SectionCard as a } from "../primitives/SectionCard.js";
+import { Spinner as o } from "../primitives/Spinner.js";
+import { useAllParams as s, useCarrierParamOverrides as c } from "../../hooks/useParams.js";
+import { EditParamDialog as l, ErrorLine as u, ValuePreview as d, paramSourceName as f } from "./param-editors.js";
+import { useMemo as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/params/ParamsBlock.tsx
+function _(e) {
+	return e === "tenant" || e === "role" || e === "user" ? e : "object";
+}
+function v(e, t) {
+	return e ? e.filter((e) => e.scopes?.includes(t)) : [];
+}
+function y({ carrierEntityCode: y, carrierScope: b, rowId: x, title: S, icon: C }) {
+	let w = i(), T = i("errors"), E = s(), D = p(() => v(E.data, b), [E.data, b]), [O, k] = m(null), { overrideByCode: A, missingParams: j, isLoading: M, error: N, clearError: P, save: F, reset: I } = c({
+		carrierEntityCode: y,
+		rowId: x,
+		enabled: D.length > 0
+	}), L = async (e, t) => {
+		await F(e, t) && k((t) => t === e ? null : t);
+	};
+	return D.length === 0 ? null : /* @__PURE__ */ g(a, {
+		title: S ?? w("params.title", "Parameters"),
+		icon: C ?? /* @__PURE__ */ h(e.settings, { size: 14 }),
+		children: [j ? /* @__PURE__ */ h(u, { text: T("param.overrides_unreadable", "The current parameter overrides could not be read.") }) : M ? /* @__PURE__ */ h("div", {
+			style: { padding: "8px 0" },
+			children: /* @__PURE__ */ h(o, { size: 16 })
+		}) : /* @__PURE__ */ g("div", {
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 10
+			},
+			children: [N && !O && /* @__PURE__ */ h(u, { text: N }), D.map((i) => {
+				let a = A.get(i.code), o = a !== void 0, s = o && i.source === _(b);
+				return /* @__PURE__ */ g("div", {
+					"data-testid": `param-row-${i.code}`,
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 10
+					},
+					children: [
+						/* @__PURE__ */ g("div", {
+							style: {
+								flex: 1,
+								minWidth: 0
+							},
+							children: [/* @__PURE__ */ h("div", {
+								style: {
+									fontSize: 12.5,
+									fontWeight: 500
+								},
+								children: w(i.name) || i.code
+							}), /* @__PURE__ */ h("div", {
+								className: "mono",
+								style: {
+									fontSize: 11,
+									color: "var(--text-3)"
+								},
+								children: i.code
+							})]
+						}),
+						/* @__PURE__ */ h(d, {
+							type: i.type,
+							value: i.value,
+							structure: i.structure
+						}),
+						s && /* @__PURE__ */ h(r, {
+							tone: "violet",
+							size: "xs",
+							children: w("params.overridden", "overridden")
+						}),
+						o && !s && /* @__PURE__ */ h("span", {
+							"data-testid": `param-not-applied-${i.code}`,
+							title: w("params.block.not_applied_hint", "You set {value}, and it no longer satisfies this parameter's declaration. Source of the value in effect: {source}. Reset to remove what you set, or edit it to a value the declaration accepts.", {
+								value: JSON.stringify(a.value),
+								source: f(w, i.source)
+							}),
+							children: /* @__PURE__ */ h(r, {
+								tone: "amber",
+								size: "xs",
+								children: w("params.not_applied", "not applied")
+							})
+						}),
+						/* @__PURE__ */ h(t, {
+							size: "xs",
+							icon: /* @__PURE__ */ h(e.edit, { size: 12 }),
+							onClick: () => {
+								P(), k(i);
+							},
+							children: w("params.edit", "Edit")
+						}),
+						o && /* @__PURE__ */ h(n, {
+							icon: /* @__PURE__ */ h(e.refresh, { size: 13 }),
+							title: w("params.reset", "Reset to default"),
+							onClick: () => I(i)
+						})
+					]
+				}, i.code);
+			})]
+		}), O && /* @__PURE__ */ h(l, {
+			param: O,
+			current: A.get(O.code)?.value ?? O.value,
+			error: N,
+			onCancel: () => {
+				k(null), P();
+			},
+			onSave: (e) => L(O, e)
+		})]
+	});
+}
+//#endregion
+export { y as ParamsBlock };

package/dist-lib/{param-editors-TYYU7HKK.js → components/params/param-editors.js}

@@ -1,7 +1,11 @@
-import { Nt as e, wn as t, wt as n } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t as r } from "./Icons-lt-7lhYR.js";
-import { r as i } from "./CopyButton-DRIT_f0k.js";
-import { Q as a, V as o, f as s } from "./PropertyGridEditor-XrP6TZ5s.js";
+import { coerceDisplayString as e } from "../../lib/display-value.js";
+import { pluralText as t } from "../../lib/language.js";
+import { Icon as n } from "../primitives/Icons.js";
+import { Btn as r } from "../primitives/Btn.js";
+import { useText as i } from "../../hooks/useText.js";
+import { Spinner as a } from "../primitives/Spinner.js";
+import { FieldLabel as o } from "../primitives/Fields.js";
+import { renderField as s } from "../fields/index.js";
 import { useState as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/params/param-editors.tsx
@@ -23,30 +27,30 @@ function m({ text: e }) {
 		style: {
 			padding: "8px 10px",
 			background: "var(--danger-soft)",
-			borderRadius: 6,
+			borderRadius: "var(--radius-md)",
 			fontSize: 11.5,
 			color: "var(--danger)",
 			display: "flex",
 			gap: 6
 		},
-		children: [/* @__PURE__ */ u(r.info, { size: 13 }), /* @__PURE__ */ u("span", { children: e })]
+		children: [/* @__PURE__ */ u(n.info, { size: 13 }), /* @__PURE__ */ u("span", { children: e })]
 	});
 }
-function h({ type: r, value: i, structure: a }) {
-	let o = n(), s;
-	if (i == null) s = "—";
-	else if (r === "bool") s = i ? o("params.value.on", "On") : o("params.value.off", "Off");
-	else if (r === "multilang" || r === "multilang_text") s = o(i) || "—";
-	else if (r === "multilang_array" && Array.isArray(i)) s = i.map((e) => o(e)).join(", ") || "—";
-	else if (r === "json" || r === "structure") {
-		if (i && typeof i == "object") {
-			let t = Array.isArray(i) ? i.length : Object.keys(i).length;
-			s = a || `{${e(o, "params.value.keys", t, {
+function h({ type: n, value: r, structure: a }) {
+	let o = i(), s;
+	if (r == null) s = "—";
+	else if (n === "bool") s = r ? o("params.value.on", "On") : o("params.value.off", "Off");
+	else if (n === "multilang" || n === "multilang_text") s = o(r) || "—";
+	else if (n === "multilang_array" && Array.isArray(r)) s = r.map((e) => o(e)).join(", ") || "—";
+	else if (n === "json" || n === "structure") {
+		if (r && typeof r == "object") {
+			let e = Array.isArray(r) ? r.length : Object.keys(r).length;
+			s = a || `{${t(o, "params.value.keys", e, {
 				one: "{count} key",
 				other: "{count} keys"
 			})}}`;
-		} else s = t(i);
-	} else s = t(i);
+		} else s = e(r);
+	} else s = e(r);
 	return /* @__PURE__ */ u("span", {
 		className: "mono",
 		style: {
@@ -61,7 +65,7 @@ function h({ type: r, value: i, structure: a }) {
 	});
 }
 function g({ param: e, current: t, error: s, onCancel: f, onSave: p }) {
-	let h = n(), [g, b] = c(() => v(e, t)), [x, S] = c(!1), [C, w] = c(null);
+	let h = i(), [g, b] = c(() => v(e, t)), [x, S] = c(!1), [C, w] = c(null);
 	async function T() {
 		w(null);
 		let e;
@@ -97,7 +101,7 @@ function g({ param: e, current: t, error: s, onCancel: f, onSave: p }) {
 			width: 440,
 			maxWidth: "calc(100vw - 24px)",
 			background: "var(--surface)",
-			borderRadius: 12,
+			borderRadius: "var(--radius-lg)",
 			boxShadow: "var(--shadow-lg)",
 			border: "1px solid var(--border)",
 			overflow: "hidden"
@@ -147,13 +151,13 @@ function g({ param: e, current: t, error: s, onCancel: f, onSave: p }) {
 				},
 				children: [
 					/* @__PURE__ */ u("div", { style: { flex: 1 } }),
-					/* @__PURE__ */ u(i, {
+					/* @__PURE__ */ u(r, {
 						onClick: f,
 						children: h("dialog.cancel", "Cancel")
 					}),
-					/* @__PURE__ */ u(i, {
+					/* @__PURE__ */ u(r, {
 						kind: "primary",
-						icon: u(x ? a : r.check, { size: 13 }),
+						icon: u(x ? a : n.check, { size: 13 }),
 						onClick: T,
 						disabled: x,
 						children: x ? h("dialog.saving", "Saving…") : h("dialog.save", "Save")
@@ -163,8 +167,8 @@ function g({ param: e, current: t, error: s, onCancel: f, onSave: p }) {
 		]
 	})] });
 }
-function _({ param: e, value: t, onChange: r }) {
-	let i = n(), a = {
+function _({ param: e, value: t, onChange: n }) {
+	let r = i(), a = {
 		type: e.type,
 		structure: e.structure,
 		values: e.values,
@@ -175,8 +179,8 @@ function _({ param: e, value: t, onChange: r }) {
 		fieldName: e.code,
 		value: t,
 		mode: "edit",
-		onChange: r,
-		t: i
+		onChange: n,
+		t: r
 	}) });
 }
 function v(e, t) {
@@ -198,4 +202,4 @@ function x(e) {
 	return t.length === 0 ? !b.has(e.category ?? "") : t.includes("tenant");
 }
 //#endregion
-export { x as a, p as i, m as n, h as r, g as t };
+export { g as EditParamDialog, m as ErrorLine, h as ValuePreview, p as paramSourceName, x as paramTenantEditable };

package/dist-lib/components/primitives/Avatar.js

@@ -0,0 +1,33 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/primitives/Avatar.tsx
+var t = [
+	"indigo",
+	"violet",
+	"rose",
+	"amber",
+	"emerald",
+	"teal",
+	"sky",
+	"slate"
+];
+function n({ name: n, size: r = 22, color: i }) {
+	let a = n.split(/\s+/).map((e) => e[0]).slice(0, 2).join("").toUpperCase(), o = t[n.split("").reduce((e, t) => e + t.charCodeAt(0), 0) % t.length], s = i || `var(--pill-${o}-bg)`;
+	return /* @__PURE__ */ e("span", {
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			width: r,
+			height: r,
+			borderRadius: 999,
+			background: s,
+			color: i ? "var(--text)" : `var(--pill-${o})`,
+			fontSize: r < 20 ? 9.5 : 10.5,
+			fontWeight: 600,
+			flexShrink: 0
+		},
+		children: a
+	});
+}
+//#endregion
+export { n as Avatar };

package/dist-lib/components/primitives/BoolToggle.js

@@ -0,0 +1,35 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/primitives/BoolToggle.tsx
+function t({ value: t, onChange: n, id: r, ariaLabelledby: i }) {
+	return /* @__PURE__ */ e("button", {
+		type: "button",
+		id: r,
+		"aria-labelledby": i,
+		role: "checkbox",
+		"aria-checked": !!t,
+		onClick: () => n && n(!t),
+		style: {
+			width: 32,
+			height: 18,
+			borderRadius: 999,
+			border: "none",
+			padding: 2,
+			position: "relative",
+			background: t ? "var(--accent)" : "var(--border-strong)",
+			cursor: "pointer",
+			transition: "background .15s"
+		},
+		children: /* @__PURE__ */ e("span", { style: {
+			display: "block",
+			width: 14,
+			height: 14,
+			borderRadius: 999,
+			background: "var(--accent-foreground)",
+			transform: t ? "translateX(14px)" : "translateX(0)",
+			transition: "transform .15s",
+			boxShadow: "var(--shadow-sm)"
+		} })
+	});
+}
+//#endregion
+export { t as BoolToggle };

package/dist-lib/components/primitives/BrandGlyph.js

@@ -0,0 +1,38 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/primitives/BrandGlyph.tsx
+function n({ size: n = 24, className: r, title: i }) {
+	return /* @__PURE__ */ t("svg", {
+		width: n,
+		height: n,
+		viewBox: "0 0 64 64",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		className: r,
+		role: i ? "img" : void 0,
+		"aria-label": i,
+		"aria-hidden": !i || void 0,
+		children: [
+			/* @__PURE__ */ e("path", {
+				fillRule: "evenodd",
+				fill: "currentColor",
+				d: "M 6 6 H 42 L 58 22 V 42 L 42 58 H 6 Z M 18 18 V 46 H 38 L 46 38 V 26 L 38 18 Z"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "22",
+				y: "28",
+				width: "20",
+				height: "3",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "22",
+				y: "33",
+				width: "20",
+				height: "3",
+				fill: "currentColor"
+			})
+		]
+	});
+}
+//#endregion
+export { n as BrandGlyph };

package/dist-lib/components/primitives/BrandLogo.js

@@ -0,0 +1,20 @@
+import { isValidLogoUrl as e } from "../../lib/branding.js";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+//#region src/components/primitives/BrandLogo.tsx
+function r({ appLogo: r, size: i, radius: a, fallback: o }) {
+	if (!e(r)) return o ? /* @__PURE__ */ n(t, { children: o }) : null;
+	let s = a ?? "var(--radius-md)";
+	return /* @__PURE__ */ n("img", {
+		src: r.trim(),
+		alt: "",
+		width: i,
+		height: i,
+		style: {
+			display: "block",
+			borderRadius: s,
+			objectFit: "contain"
+		}
+	});
+}
+//#endregion
+export { r as BrandLogo };

package/dist-lib/components/primitives/Btn.js

@@ -0,0 +1,67 @@
+import { forwardRef as e } from "react";
+import { jsxs as t } from "react/jsx-runtime";
+//#region src/components/primitives/Btn.tsx
+var n = e(function({ kind: e = "default", size: n = "sm", icon: r, iconRight: i, children: a, onClick: o, active: s, danger: c, style: l, disabled: u, type: d = "button", title: f, ...p }, m) {
+	let h = {
+		display: "inline-flex",
+		alignItems: "center",
+		gap: 6,
+		height: n === "xs" ? 24 : n === "sm" ? 28 : n === "md" ? 32 : 36,
+		padding: `0 ${n === "xs" ? 8 : n === "sm" ? 10 : n === "md" ? 12 : 14}px`,
+		borderRadius: "var(--radius-md)",
+		fontSize: n === "xs" ? 11.5 : 12.5,
+		fontWeight: 500,
+		cursor: "pointer",
+		transition: "background .12s, border-color .12s, color .12s",
+		whiteSpace: "nowrap"
+	};
+	return e === "primary" ? Object.assign(h, {
+		background: "var(--accent)",
+		color: "var(--accent-foreground)",
+		border: "1px solid var(--accent)"
+	}) : e === "ghost" ? Object.assign(h, {
+		background: "transparent",
+		color: s ? "var(--text)" : "var(--text-2)",
+		border: "1px solid transparent",
+		...s && { background: "var(--surface-3)" }
+	}) : e === "subtle" ? Object.assign(h, {
+		background: s ? "var(--surface-3)" : "var(--surface-2)",
+		color: "var(--text-2)",
+		border: "1px solid var(--border)"
+	}) : Object.assign(h, {
+		background: "var(--surface)",
+		color: "var(--text)",
+		border: "1px solid var(--border)"
+	}), c && (e === "primary" ? Object.assign(h, {
+		background: "var(--danger)",
+		color: "var(--accent-foreground)",
+		borderColor: "var(--danger)"
+	}) : Object.assign(h, {
+		color: "var(--danger)",
+		borderColor: "var(--border)"
+	})), u && Object.assign(h, {
+		opacity: .5,
+		pointerEvents: "none"
+	}), Object.assign(h, l || {}), /* @__PURE__ */ t("button", {
+		ref: m,
+		type: d,
+		onClick: o,
+		title: f,
+		disabled: u,
+		...p,
+		style: h,
+		onMouseEnter: (t) => {
+			e === "primary" && c ? t.currentTarget.style.background = "var(--danger-hover, var(--danger))" : e === "primary" ? t.currentTarget.style.background = "var(--accent-hover)" : t.currentTarget.style.background = "var(--surface-3)";
+		},
+		onMouseLeave: (e) => {
+			e.currentTarget.style.background = h.background ?? "";
+		},
+		children: [
+			r,
+			a,
+			i
+		]
+	});
+});
+//#endregion
+export { n as Btn };

package/dist-lib/{Check-DAfMbQIw.js → components/primitives/Check.js}

@@ -9,7 +9,7 @@ function n({ checked: n, onChange: r, indeterminate: i, size: a = 14 }) {
 			display: "inline-flex",
 			width: a,
 			height: a,
-			borderRadius: 3,
+			borderRadius: "var(--radius-xs)",
 			border: `1px solid ${n || i ? "var(--accent)" : "var(--border-strong)"}`,
 			background: n || i ? "var(--accent)" : "var(--surface)",
 			alignItems: "center",
@@ -35,4 +35,4 @@ function n({ checked: n, onChange: r, indeterminate: i, size: a = 14 }) {
 	});
 }
 //#endregion
-export { n as t };
+export { n as Check };

package/dist-lib/components/primitives/Chip.js

@@ -0,0 +1,44 @@
+import { Icon as e } from "./Icons.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/primitives/Chip.tsx
+function r({ icon: r, children: i, onRemove: a, removeLabel: o, onClick: s }) {
+	return /* @__PURE__ */ n("span", {
+		onClick: s,
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 6,
+			height: 24,
+			padding: "0 8px",
+			borderRadius: "var(--radius-md)",
+			background: "var(--surface-3)",
+			border: "1px solid var(--border)",
+			fontSize: 12,
+			color: "var(--text-2)",
+			cursor: s ? "pointer" : "default"
+		},
+		children: [
+			r,
+			i,
+			a && /* @__PURE__ */ t("button", {
+				type: "button",
+				"aria-label": o,
+				onClick: (e) => {
+					e.stopPropagation(), a();
+				},
+				style: {
+					background: "transparent",
+					border: 0,
+					padding: 0,
+					marginLeft: 2,
+					color: "var(--text-3)",
+					cursor: "pointer",
+					display: "flex"
+				},
+				children: /* @__PURE__ */ t(e.x, { size: 12 })
+			})
+		]
+	});
+}
+//#endregion
+export { r as Chip };

package/dist-lib/components/primitives/ClassifiedFieldLocked.js

@@ -0,0 +1,15 @@
+import { Icon as e } from "./Icons.js";
+import { useText as t } from "../../hooks/useText.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/primitives/ClassifiedFieldLocked.tsx
+function i({ tier: i, tierDef: a, requiredPermission: o, variant: s = "value" }) {
+	let c = t(), l = c(a?.name) || i, u = o ? c("control.locked.permission_hint", "Locked: requires permission \"{permission}\". Ask your administrator to grant it to your role.", { permission: o }) : c("control.locked.classification_hint", "Locked: {classification} classification — requires explicit grant.", { classification: l });
+	return /* @__PURE__ */ r("span", {
+		title: u,
+		"aria-label": u,
+		className: `inline-flex items-center gap-1 text-muted-foreground italic select-none ${s === "input" ? "border border-divider rounded-md px-2 py-1 bg-surface" : ""}`,
+		children: [/* @__PURE__ */ n(e.lock, { size: 12 }), /* @__PURE__ */ n("span", { children: l })]
+	});
+}
+//#endregion
+export { i as ClassifiedFieldLocked };

package/dist-lib/components/primitives/Dropdown.js

@@ -0,0 +1,85 @@
+import { useEffect as e, useLayoutEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { createPortal as a } from "react-dom";
+//#region src/components/primitives/Dropdown.tsx
+function o({ open: o, onClose: u, anchor: d, anchorPoint: f, children: p, align: m = "start", width: h, style: g }) {
+	let _ = n(null), [v, y] = r(null), b = f?.x, x = f?.y;
+	if (t(() => {
+		if (!o || !d && b === void 0) return;
+		let e = d ? d.getBoundingClientRect() : {
+			top: x,
+			bottom: x,
+			left: b,
+			right: b
+		}, t = c(), n = _.current?.offsetHeight || 260, r = t - e.bottom < n + 12 && e.top > n + 12 ? "above" : "below", i = r === "below" ? e.bottom + 4 : e.top - 4 - n, a = typeof window < "u" ? window.innerWidth : 0, s = m === "end" ? e.right - (h || 200) : e.left;
+		a && (s = Math.max(8, Math.min(s, a - (h || 200) - 8))), y((e) => e && e.top === i && e.left === s && e.placement === r ? e : {
+			top: i,
+			left: s,
+			placement: r
+		});
+	}, [
+		o,
+		d,
+		b,
+		x,
+		m,
+		h
+	]), e(() => {
+		if (!o) return;
+		let e = (e) => {
+			let t = e.target;
+			_.current && t && !_.current.contains(t) && (!d || !d.contains(t)) && u?.();
+		}, t = (e) => {
+			e.key === "Escape" && u?.();
+		};
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [
+		o,
+		d,
+		u
+	]), !o || !v) return null;
+	let S = v.placement === "below" ? `calc(var(--app-height) - ${v.top}px - 8px)` : `${Math.max(120, v.top - 8)}px`, C = l(g?.maxHeight), w = C ? `min(${S}, ${C})` : S;
+	return a(/* @__PURE__ */ i("div", {
+		ref: _,
+		onClick: s,
+		onMouseDown: s,
+		style: {
+			position: "fixed",
+			top: v.top,
+			left: v.left,
+			zIndex: 200,
+			minWidth: h || 200,
+			maxWidth: `calc(100vw - ${v.left}px - 8px)`,
+			background: "var(--surface)",
+			border: "1px solid var(--border)",
+			borderRadius: "var(--radius-md)",
+			boxShadow: "var(--shadow-lg)",
+			padding: 4,
+			...g,
+			maxHeight: w,
+			overflowY: g?.overflowY ?? "auto",
+			overscrollBehavior: "contain"
+		},
+		children: p
+	}), document.body);
+}
+function s(e) {
+	e.stopPropagation();
+}
+function c() {
+	if (typeof window > "u" || typeof document > "u") return 0;
+	let e = getComputedStyle(document.documentElement).getPropertyValue("--app-height").trim();
+	if (e.endsWith("px")) {
+		let t = Number.parseFloat(e);
+		if (Number.isFinite(t) && t > 0) return t;
+	}
+	let t = window.visualViewport?.height;
+	return Number.isFinite(t) && t && t > 0 ? t : window.innerHeight;
+}
+function l(e) {
+	if (e != null) return typeof e == "number" ? `${e}px` : String(e);
+}
+//#endregion
+export { o as Dropdown };