@declarion/react 0.65.1 → 0.66.0

package/dist-lib/AuthShell-C8aVwHS7.js

@@ -1,361 +0,0 @@
-import { wt as e, xt as t } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t as n } from "./Icons-lt-7lhYR.js";
-import { n as r } from "./CopyButton-DRIT_f0k.js";
-import { z as i } from "./PropertyGridEditor-XrP6TZ5s.js";
-import { o as a, t as o } from "./useBranding-zcxEic2k.js";
-import { a as s } from "./useParams-BFLJi4n3.js";
-import { t as c } from "./page-inset-D_kkVwwN.js";
-import { useEffect as l, useMemo as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/components/primitives/BrandLogo.tsx
-function m({ appLogo: e, size: t, radius: n, fallback: r }) {
-	if (!a(e)) return r ? /* @__PURE__ */ f(d, { children: r }) : null;
-	let i = n ?? (t >= 30 ? 8 : 6);
-	return /* @__PURE__ */ f("img", {
-		src: e.trim(),
-		alt: "",
-		width: t,
-		height: t,
-		style: {
-			display: "block",
-			borderRadius: i,
-			objectFit: "contain"
-		}
-	});
-}
-//#endregion
-//#region src/components/pages/auth/AuthShell.tsx
-var h = 560;
-function g(e) {
-	try {
-		return new URL(e).host;
-	} catch {
-		return e;
-	}
-}
-function _(e, t) {
-	if (!e) return "";
-	let n = t ? t.slice(0, 7) : "";
-	if (!n || !t) return e;
-	let r = Math.min(e.length, t.length);
-	return e.slice(0, r) === t.slice(0, r) ? e : `${e}+${n}`;
-}
-function v({ children: a, tenantSlug: v, tagline: y, subTagline: b, version: x, badges: S, brandName: C }) {
-	let w = e(), T = i((e) => e.colorScheme), E = t(), D = i((e) => e.set), O = i((e) => e.hydrateFromBranding), k = () => D("colorScheme", T === "dark" ? "light" : "dark"), { branding: A } = o();
-	l(() => {
-		O(A?.preferences);
-	}, [A, O]);
-	let j = A?.identity, M = C ?? j?.wordmark ?? j?.app_name ?? "", N = y ?? w(j?.auth_tagline), P = b ?? w(j?.auth_subtagline), F = x ?? j?.version_label ?? "", I = u(() => S && S.length ? S : (j?.auth_badges ?? []).map((e) => w(e)).filter(Boolean).slice(0, 8).map((e) => [e, "shield"]), [
-		S,
-		j?.auth_badges,
-		w
-	]), L = j?.workspace_domain ?? "", R = !!(v && L), z = j?.status_url ?? "", B = !!z, V = j?.legal_links, H = u(() => [
-		[w("auth.footer.security", "Security"), V?.security_url ?? ""],
-		[w("auth.footer.privacy", "Privacy"), V?.privacy_url ?? ""],
-		[w("auth.footer.terms", "Terms"), V?.terms_url ?? ""],
-		[w("auth.footer.docs", "Docs"), V?.docs_url ?? ""]
-	].filter(([, e]) => !!e), [
-		V?.security_url,
-		V?.privacy_url,
-		V?.terms_url,
-		V?.docs_url,
-		w
-	]), U = j?.legal_entity ?? "", W = `© ${(/* @__PURE__ */ new Date()).getFullYear()}${U ? ` ${U}` : ""}`, { data: G } = s(), K = G?.meta, q = _(K?.version, K?.revision), J = [K?.region ? w("auth.meta.region", "Region: {value}", { value: K.region }) : "", q ? w("auth.meta.build", "Build {value}", { value: q }) : ""].filter(Boolean).join(" · "), Y = E.isPhone || E.height < h;
-	return /* @__PURE__ */ p("div", {
-		style: {
-			minHeight: "var(--app-height)",
-			background: "var(--background)",
-			display: "flex",
-			flexDirection: "column",
-			minWidth: 0,
-			overflowX: "hidden"
-		},
-		children: [
-			/* @__PURE__ */ p("div", {
-				style: {
-					paddingTop: Y ? 12 : 16,
-					paddingBottom: Y ? 12 : 16,
-					...Y ? c(14) : {
-						paddingLeft: 20,
-						paddingRight: 20
-					},
-					display: "flex",
-					alignItems: "center",
-					gap: 10
-				},
-				children: [
-					/* @__PURE__ */ f(m, {
-						appLogo: j?.app_logo,
-						size: 26
-					}),
-					M && /* @__PURE__ */ f("span", {
-						style: {
-							fontSize: 14,
-							fontWeight: 600,
-							letterSpacing: "-0.01em",
-							minWidth: 0,
-							overflow: "hidden",
-							textOverflow: "ellipsis",
-							whiteSpace: "nowrap"
-						},
-						children: M
-					}),
-					R && /* @__PURE__ */ p("span", {
-						className: "mono",
-						style: {
-							marginLeft: 6,
-							fontSize: 10.5,
-							color: "var(--text-4)",
-							padding: "2px 6px",
-							background: "var(--surface-2)",
-							border: "1px solid var(--border)",
-							borderRadius: 4
-						},
-						children: [
-							v,
-							".",
-							L
-						]
-					}),
-					/* @__PURE__ */ f("div", { style: { flex: 1 } }),
-					/* @__PURE__ */ f(r, {
-						icon: f(T === "dark" ? n.sun : n.moon, { size: 14 }),
-						onClick: k,
-						title: w("auth.toggle_theme", "Toggle theme")
-					})
-				]
-			}),
-			/* @__PURE__ */ f("div", {
-				style: {
-					flex: 1,
-					display: "flex",
-					alignItems: Y ? "flex-start" : "center",
-					justifyContent: "center",
-					paddingTop: Y ? 16 : 20,
-					paddingBottom: Y ? 12 : 20,
-					...Y ? c(12) : {
-						paddingLeft: 20,
-						paddingRight: 20
-					},
-					minWidth: 0
-				},
-				children: /* @__PURE__ */ p("div", {
-					style: {
-						display: "grid",
-						gridTemplateColumns: Y ? "minmax(0, 1fr)" : "1fr 1fr",
-						gap: 0,
-						width: Y ? "100%" : 980,
-						maxWidth: "100%",
-						minHeight: Y ? "auto" : h,
-						background: "var(--surface)",
-						border: "1px solid var(--border)",
-						borderRadius: Y ? 12 : 14,
-						overflow: "hidden",
-						boxShadow: Y ? "var(--shadow-sm)" : "var(--shadow-lg)"
-					},
-					children: [!Y && /* @__PURE__ */ p("div", {
-						"data-testid": "auth-brand-panel",
-						style: {
-							padding: "36px 36px 28px",
-							background: "linear-gradient(155deg, var(--auth-panel-bg-start) 0%, var(--auth-panel-bg-mid) 40%, var(--auth-panel-bg-end) 100%)",
-							color: "var(--auth-panel-fg)",
-							display: "flex",
-							flexDirection: "column",
-							position: "relative",
-							overflow: "hidden"
-						},
-						children: [
-							/* @__PURE__ */ f("div", { style: {
-								position: "absolute",
-								top: -80,
-								right: -80,
-								width: 280,
-								height: 280,
-								borderRadius: "50%",
-								background: "radial-gradient(circle, var(--auth-panel-glow-1) 0%, transparent 70%)"
-							} }),
-							/* @__PURE__ */ f("div", { style: {
-								position: "absolute",
-								bottom: -60,
-								left: -40,
-								width: 220,
-								height: 220,
-								borderRadius: "50%",
-								background: "radial-gradient(circle, var(--auth-panel-glow-2) 0%, transparent 70%)"
-							} }),
-							/* @__PURE__ */ p("div", {
-								style: {
-									display: "flex",
-									alignItems: "center",
-									gap: 8,
-									position: "relative"
-								},
-								children: [
-									/* @__PURE__ */ f(m, {
-										appLogo: j?.app_logo,
-										size: 34
-									}),
-									M && /* @__PURE__ */ f("span", {
-										style: {
-											fontSize: 18,
-											fontWeight: 600,
-											letterSpacing: "-0.012em"
-										},
-										children: M
-									}),
-									F && /* @__PURE__ */ f("span", {
-										className: "mono",
-										style: {
-											fontSize: 10,
-											padding: "2px 6px",
-											border: "1px solid var(--auth-panel-border-faint)",
-											borderRadius: 4,
-											color: "var(--auth-panel-fg-muted)"
-										},
-										children: F
-									})
-								]
-							}),
-							(j?.app_logo || M) && /* @__PURE__ */ p("div", {
-								style: {
-									marginTop: 48,
-									position: "relative",
-									display: "flex",
-									flexDirection: "column",
-									alignItems: "center",
-									gap: 16
-								},
-								children: [j?.app_logo && /* @__PURE__ */ f(m, {
-									appLogo: j.app_logo,
-									size: 96,
-									radius: 0
-								}), M && /* @__PURE__ */ f("span", {
-									style: {
-										fontSize: 28,
-										fontWeight: 600,
-										letterSpacing: "-0.018em",
-										color: "var(--auth-panel-fg)"
-									},
-									children: M
-								})]
-							}),
-							/* @__PURE__ */ p("div", {
-								style: {
-									marginTop: "auto",
-									position: "relative"
-								},
-								children: [
-									N && /* @__PURE__ */ f("h1", {
-										style: {
-											margin: 0,
-											fontSize: 26,
-											fontWeight: 600,
-											letterSpacing: "-0.022em",
-											lineHeight: 1.2
-										},
-										children: N
-									}),
-									P && /* @__PURE__ */ f("p", {
-										style: {
-											margin: "10px 0 0",
-											fontSize: 13,
-											color: "var(--auth-panel-fg-muted)",
-											lineHeight: 1.65
-										},
-										children: P
-									}),
-									I.length > 0 && /* @__PURE__ */ f("div", {
-										style: {
-											marginTop: 22,
-											display: "grid",
-											gridTemplateColumns: "1fr 1fr",
-											gap: 10,
-											fontSize: 11.5,
-											color: "var(--auth-panel-fg-dim)"
-										},
-										children: I.map(([e, t]) => {
-											let r = n[t];
-											return /* @__PURE__ */ p("div", {
-												style: {
-													display: "flex",
-													alignItems: "center",
-													gap: 6
-												},
-												children: [r && /* @__PURE__ */ f(r, {
-													size: 12,
-													style: { color: "var(--accent-hover)" }
-												}), /* @__PURE__ */ f("span", { children: e })]
-											}, e);
-										})
-									}),
-									B && /* @__PURE__ */ f("a", {
-										href: z,
-										target: "_blank",
-										rel: "noopener noreferrer",
-										className: "mono",
-										style: {
-											marginTop: 20,
-											padding: "10px 12px",
-											background: "var(--auth-panel-surface-soft)",
-											border: "1px solid var(--auth-panel-border-soft)",
-											borderRadius: 8,
-											display: "flex",
-											alignItems: "center",
-											gap: 8,
-											fontSize: 11.5,
-											color: "var(--auth-panel-fg-muted)",
-											textDecoration: "none"
-										},
-										children: g(z)
-									})
-								]
-							})
-						]
-					}), /* @__PURE__ */ f("div", {
-						"data-testid": "auth-form-panel",
-						style: {
-							padding: Y ? "28px 20px 24px" : "36px 40px",
-							display: "flex",
-							flexDirection: "column",
-							justifyContent: "center",
-							minWidth: 0
-						},
-						children: a
-					})]
-				})
-			}),
-			/* @__PURE__ */ p("div", {
-				style: {
-					padding: Y ? "12px 14px calc(12px + var(--safe-area-bottom))" : "14px 20px",
-					display: "flex",
-					alignItems: Y ? "flex-start" : "center",
-					flexDirection: Y ? "column" : "row",
-					gap: Y ? 6 : 16,
-					fontSize: 11,
-					color: "var(--text-4)",
-					minWidth: 0
-				},
-				children: [
-					/* @__PURE__ */ f("span", { children: W }),
-					H.map(([e, t]) => /* @__PURE__ */ f("a", {
-						href: t,
-						target: "_blank",
-						rel: "noopener noreferrer",
-						style: { color: "inherit" },
-						children: e
-					}, e)),
-					J && /* @__PURE__ */ p(d, { children: [!Y && /* @__PURE__ */ f("div", { style: { flex: 1 } }), /* @__PURE__ */ f("span", {
-						className: "mono",
-						style: {
-							maxWidth: "100%",
-							overflowWrap: "anywhere"
-						},
-						children: J
-					})] })
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { m as n, v as t };

package/dist-lib/BlankScreen-DVc7fh8C.js

@@ -1,61 +0,0 @@
-import { Gt as e, It as t, Jt as n, Kt as r, Q as i, U as a, Wt as o, wt as s } from "./useCurrentScreen-BZOHBGQZ.js";
-import { F as c } from "./PropertyGridEditor-XrP6TZ5s.js";
-import { r as l } from "./page-state-eA6J_KIR.js";
-import { useMutation as u, useQueryClient as d } from "@tanstack/react-query";
-import { jsx as f } from "react/jsx-runtime";
-import { useNavigate as p } from "react-router";
-//#region src/hooks/useAuth.ts
-function m() {
-	let { user: f, isAuthenticated: m, isLoading: h, activeTenant: g, tenants: _, setUser: v, setTenants: y, logout: b } = t(), x = p(), S = d(), C = s("errors"), w = u({
-		mutationFn: ({ email: t, password: n, remember: r }) => e(t, n, r ?? !0),
-		onSuccess: (e) => {
-			v(e.user, e.tenant), S.invalidateQueries({ queryKey: ["schema"] }), o().then(y).catch(() => {});
-		}
-	}), T = u({
-		mutationFn: ({ email: e, password: t, displayName: n }) => r(e, t, n),
-		onSuccess: (e) => {
-			v(e.user, e.tenant), S.invalidateQueries({ queryKey: ["schema"] }), o().then(y).catch(() => {});
-		},
-		onError: (e) => {
-			a.error(i(C, e));
-		}
-	}), E = u({
-		mutationFn: (e) => n(e),
-		onSuccess: (e) => {
-			let t = e.tenant?.id, n = e.user?.id, r = t && n && c(t, n) || "/";
-			window.location.assign(r);
-		},
-		onError: (e) => {
-			a.error(i(C, e));
-		}
-	});
-	return {
-		user: f,
-		isAuthenticated: m,
-		isLoading: h,
-		activeTenant: g,
-		tenants: _,
-		login: w.mutate,
-		signup: T.mutate,
-		switchTenant: E.mutate,
-		logout: async () => {
-			await b(), S.clear(), l.getState().clear(), x("/login");
-		},
-		isLoginPending: w.isPending,
-		isSignupPending: T.isPending,
-		isSwitchingTenant: E.isPending
-	};
-}
-//#endregion
-//#region src/components/shared/BlankScreen.tsx
-function h() {
-	return /* @__PURE__ */ f("div", {
-		"aria-hidden": !0,
-		style: {
-			minHeight: "var(--app-height)",
-			background: "var(--background)"
-		}
-	});
-}
-//#endregion
-export { m as n, h as t };

package/dist-lib/CopyButton-DRIT_f0k.js

@@ -1,119 +0,0 @@
-import { wt as e } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t } from "./Icons-lt-7lhYR.js";
-import { forwardRef as n, useCallback as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/primitives/Btn.tsx
-var s = n(function({ kind: e = "default", size: t = "sm", icon: n, iconRight: r, children: i, onClick: a, 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: t === "xs" ? 24 : t === "sm" ? 28 : t === "md" ? 32 : 36,
-		padding: `0 ${t === "xs" ? 8 : t === "sm" ? 10 : t === "md" ? 12 : 14}px`,
-		borderRadius: 6,
-		fontSize: t === "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__ */ o("button", {
-		ref: m,
-		type: d,
-		onClick: a,
-		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: [
-			n,
-			i,
-			r
-		]
-	});
-}), c = n(function({ icon: e, onClick: t, title: n, size: r = 28, active: i, disabled: o, style: s }, c) {
-	return /* @__PURE__ */ a("button", {
-		type: "button",
-		ref: c,
-		onClick: t,
-		title: n,
-		"aria-label": n,
-		disabled: o,
-		style: {
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			width: r,
-			height: r,
-			borderRadius: 6,
-			border: "1px solid transparent",
-			background: i ? "var(--surface-3)" : "transparent",
-			color: i ? "var(--text)" : "var(--text-2)",
-			cursor: o ? "not-allowed" : "pointer",
-			padding: 0,
-			opacity: o ? .4 : 1,
-			...s
-		},
-		onMouseEnter: (e) => {
-			o || (e.currentTarget.style.background = "var(--surface-3)", e.currentTarget.style.color = "var(--text)");
-		},
-		onMouseLeave: (e) => {
-			o || (e.currentTarget.style.background = i ? "var(--surface-3)" : "transparent", e.currentTarget.style.color = i ? "var(--text)" : "var(--text-2)");
-		},
-		children: e
-	});
-});
-//#endregion
-//#region src/components/shared/CopyButton.tsx
-function l({ value: n, title: o, size: s = "icon" }) {
-	let l = e(), [u, d] = i(!1), f = r(async (e) => {
-		e.stopPropagation(), e.preventDefault();
-		try {
-			await navigator.clipboard.writeText(n), d(!0), setTimeout(() => d(!1), 2e3);
-		} catch {}
-	}, [n]), p = s === "sm" ? 12 : 14;
-	return /* @__PURE__ */ a(c, {
-		size: s === "sm" ? 22 : 28,
-		icon: u ? /* @__PURE__ */ a(t.check, {
-			size: p,
-			style: { color: "var(--success)" }
-		}) : /* @__PURE__ */ a(t.copy, { size: p }),
-		onClick: f,
-		title: o ?? l("control.copy_to_clipboard", "Copy to clipboard")
-	});
-}
-//#endregion
-export { c as n, s as r, l as t };

package/dist-lib/DynamicIcon-DuBSz6TZ.js

@@ -1,133 +0,0 @@
-import { t as e } from "./Icons-lt-7lhYR.js";
-import { useEffect as t, useState as n, useSyncExternalStore as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-//#region src/stores/icon-registry.ts
-var a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), s = 0;
-function c() {
-	s += 1;
-	for (let e of o) e();
-}
-function l(e) {
-	a.clear();
-	for (let [t, n] of Object.entries(e)) a.set(t, n);
-	c();
-}
-function u(e) {
-	return a.get(e);
-}
-function d(e) {
-	return o.add(e), () => {
-		o.delete(e);
-	};
-}
-function f() {
-	return s;
-}
-//#endregion
-//#region src/components/shared/LucideIcon.tsx
-var p = /* @__PURE__ */ new Map(), m = null;
-function h() {
-	return m ||= import("lucide-react/dynamic.js").then((e) => e.dynamicIconImports), m;
-}
-function g({ name: r, size: a = 14, className: o, style: s }) {
-	let [c, l] = n(() => p.get(r)), [u, d] = n(!1);
-	if (t(() => {
-		let e = p.get(r);
-		if (e) {
-			l(() => e), d(!1);
-			return;
-		}
-		l(void 0), d(!1);
-		let t = !0;
-		return h().then((e) => {
-			let n = e[r];
-			if (!n) t && d(!0);
-			else return n().then((e) => {
-				p.set(r, e.default), t && (l(() => e.default), d(!1));
-			});
-		}), () => {
-			t = !1;
-		};
-	}, [r]), u) {
-		let t = e.folder;
-		return /* @__PURE__ */ i(t, {
-			size: a,
-			cls: o,
-			style: s
-		});
-	}
-	return c ? /* @__PURE__ */ i(c, {
-		size: a,
-		className: o,
-		style: s
-	}) : null;
-}
-//#endregion
-//#region src/components/shared/DynamicIcon.tsx
-var _ = "lucide:";
-function v({ name: t, size: n, className: a, style: o }) {
-	r(d, f, f);
-	let s = typeof n == "number" ? n : typeof n == "string" ? parseFloat(n) : 14, c = u(t);
-	if (c) return /* @__PURE__ */ i(y, {
-		def: c,
-		size: s,
-		className: a,
-		style: o
-	});
-	let l = e[t];
-	if (l) return /* @__PURE__ */ i(l, {
-		size: s,
-		cls: a,
-		style: o
-	});
-	let p = t.startsWith(_) ? t.slice(7) : t;
-	return /* @__PURE__ */ i(g, {
-		name: p,
-		size: s,
-		className: a,
-		style: o
-	});
-}
-function y({ def: e, size: t, className: n, style: r }) {
-	switch (e.kind) {
-		case "svg": return /* @__PURE__ */ i(b, {
-			paths: e.paths,
-			size: t,
-			className: n,
-			style: r
-		});
-		case "url": return /* @__PURE__ */ i("img", {
-			src: e.src,
-			alt: "",
-			"aria-hidden": "true",
-			width: t,
-			height: t,
-			className: n,
-			style: r
-		});
-		case "lucide": return /* @__PURE__ */ i(g, {
-			name: e.name,
-			size: t,
-			className: n,
-			style: r
-		});
-	}
-}
-function b({ paths: e, size: t, className: n, style: r }) {
-	return /* @__PURE__ */ i("svg", {
-		width: t,
-		height: t,
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: 1.5,
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className: n,
-		style: r,
-		"aria-hidden": "true",
-		children: e.map((e, t) => /* @__PURE__ */ i("path", { d: e }, t))
-	});
-}
-//#endregion
-export { l as a, f as i, g as n, d as o, u as r, v as t };