@declarion/react 0.61.1 → 0.63.1

package/dist-lib/SectionCard-VonaiLrx.js

@@ -0,0 +1,150 @@
+import { wt as e } from "./useCurrentScreen--UovgvRj.js";
+import { t } from "./Icons-lt-7lhYR.js";
+import { n } from "./CopyButton-C0iEvaT1.js";
+import { t as r } from "./Pill-D-wsfRhx.js";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/primitives/SectionCard.tsx
+var s = {
+	primary: {
+		surface: "var(--surface)",
+		shadow: "var(--shadow-xs)"
+	},
+	secondary: {
+		surface: "var(--surface-2)",
+		shadow: "none"
+	}
+};
+function c({ title: c, subtitle: l, right: u, badge: d, count: f, children: p, footer: m, collapsible: h = !0, defaultOpen: g = !0, icon: _, emphasis: v = "primary", headingLevel: y = 2, padding: b = "16px" }) {
+	let x = e(), [S, C] = i(g), w = s[v] ?? s.primary;
+	return /* @__PURE__ */ o("div", {
+		"data-emphasis": v,
+		style: {
+			background: w.surface,
+			border: "1px solid var(--border)",
+			borderRadius: 10,
+			overflow: "hidden",
+			boxShadow: w.shadow,
+			flexShrink: 0
+		},
+		children: [
+			/* @__PURE__ */ o("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 10,
+					padding: "10px 14px",
+					borderBottom: S ? "1px solid var(--divider)" : "none",
+					minHeight: 40
+				},
+				children: [
+					/* @__PURE__ */ a("div", {
+						role: "heading",
+						"aria-level": y,
+						style: {
+							display: "flex",
+							flex: 1,
+							minWidth: 0
+						},
+						children: /* @__PURE__ */ o("div", {
+							role: h ? "button" : void 0,
+							tabIndex: h ? 0 : void 0,
+							"aria-expanded": h ? S : void 0,
+							onClick: h ? () => C((e) => !e) : void 0,
+							onKeyDown: h ? (e) => {
+								(e.key === "Enter" || e.key === " ") && (e.preventDefault(), C((e) => !e));
+							} : void 0,
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: 8,
+								flex: 1,
+								minWidth: 0,
+								cursor: h ? "pointer" : "default",
+								userSelect: "none"
+							},
+							children: [
+								_ && /* @__PURE__ */ a("span", {
+									style: {
+										color: "var(--text-3)",
+										display: "flex",
+										flexShrink: 0
+									},
+									children: _
+								}),
+								/* @__PURE__ */ a("div", {
+									style: {
+										fontSize: 12.5,
+										fontWeight: 600,
+										color: "var(--text)",
+										letterSpacing: "-0.005em",
+										overflow: "hidden",
+										textOverflow: "ellipsis",
+										whiteSpace: "nowrap",
+										minWidth: 0
+									},
+									children: c
+								}),
+								f !== void 0 && /* @__PURE__ */ a("span", {
+									className: "num",
+									style: {
+										fontSize: 11,
+										fontWeight: 600,
+										color: "var(--text-3)",
+										background: "var(--surface-3)",
+										borderRadius: 999,
+										padding: "1px 7px",
+										minWidth: 20,
+										textAlign: "center",
+										flexShrink: 0
+									},
+									children: f
+								}),
+								l && /* @__PURE__ */ a("div", {
+									style: {
+										fontSize: 11.5,
+										color: "var(--text-3)",
+										flexShrink: 0,
+										borderLeft: "1px solid var(--divider)",
+										paddingLeft: 8,
+										marginLeft: 2
+									},
+									children: l
+								})
+							]
+						})
+					}),
+					d && /* @__PURE__ */ a(r, {
+						tone: d.tone ?? "violet",
+						size: "xs",
+						dot: d.dot,
+						children: d.text
+					}),
+					u,
+					h && /* @__PURE__ */ a(n, {
+						size: 24,
+						icon: a(S ? t.up : t.down, { size: 14 }),
+						onClick: () => C((e) => !e),
+						title: S ? x("control.collapse", "Collapse") : x("control.expand", "Expand")
+					})
+				]
+			}),
+			S && /* @__PURE__ */ a("div", {
+				style: { padding: b },
+				children: p
+			}),
+			m && S && /* @__PURE__ */ a("div", {
+				style: {
+					padding: "8px 14px",
+					borderTop: "1px solid var(--divider)",
+					background: "var(--surface-2)",
+					fontSize: 11.5,
+					color: "var(--text-3)"
+				},
+				children: m
+			})
+		]
+	});
+}
+//#endregion
+export { c as t };

package/dist-lib/SignUp.impl-C1KCQbfZ.js

@@ -0,0 +1,212 @@
+import { Pt as e, Rt as t, wt as n, xt as r } from "./useCurrentScreen--UovgvRj.js";
+import { t as i } from "./Icons-lt-7lhYR.js";
+import { r as a } from "./CopyButton-C0iEvaT1.js";
+import { V as o, W as s, X as c } from "./PropertyGridEditor-BTjscqfz.js";
+import { a as l } from "./useBranding-Ckp_AuJb.js";
+import { t as u } from "./AuthShell-DdiughRT.js";
+import { a as d } from "./useParams-ei6w4I7w.js";
+import { t as f } from "./useAuth-CR2YKKXb.js";
+import { useEffect as p, useState as m } from "react";
+import { useQuery as h } from "@tanstack/react-query";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Link as v, useNavigate as y } from "react-router";
+//#region src/components/pages/auth/SignUp.impl.tsx
+function b() {
+	let e = y(), { signup: b, isSignupPending: S, isAuthenticated: C } = f(), w = r(), T = n(), [E, D] = m(""), [O, k] = m(""), [A, j] = m(""), [M, N] = m(""), [P, F] = m(""), [I, L] = m(""), [R, z] = m(!1), { data: B } = d(), V = l(B), H = V?.workspace_domain ?? "", U = V?.legal_links?.terms_url ?? "", W = V?.legal_links?.privacy_url ?? "", G = w.isPhone, { data: K } = h({
+		queryKey: ["check-setup"],
+		queryFn: t
+	});
+	p(() => {
+		K && !K.needs_setup && e("/login", { replace: !0 });
+	}, [K, e]), p(() => {
+		C && e("/", { replace: !0 });
+	}, [C, e]);
+	function q(e) {
+		if (e.preventDefault(), !R) return;
+		let t = [E, O].filter(Boolean).join(" ") || A;
+		b({
+			email: A,
+			password: I,
+			displayName: t
+		});
+	}
+	return /* @__PURE__ */ g(u, { children: /* @__PURE__ */ _("form", {
+		onSubmit: q,
+		children: [
+			/* @__PURE__ */ g("div", {
+				style: {
+					fontSize: 10.5,
+					fontWeight: 700,
+					color: "var(--accent)",
+					letterSpacing: "0.1em",
+					textTransform: "uppercase"
+				},
+				children: T("auth.signup.eyebrow", "Request access")
+			}),
+			/* @__PURE__ */ g("h2", {
+				style: {
+					margin: "6px 0 4px",
+					fontSize: 24,
+					fontWeight: 600,
+					letterSpacing: "-0.018em"
+				},
+				children: T("auth.signup.title", "Create your workspace")
+			}),
+			/* @__PURE__ */ g("p", {
+				style: {
+					margin: "0 0 20px",
+					fontSize: 13,
+					color: "var(--text-3)"
+				},
+				children: T("auth.signup.subtitle", "We'll provision a tenant and invite your team. Takes under a minute.")
+			}),
+			/* @__PURE__ */ _("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 12
+				},
+				children: [
+					/* @__PURE__ */ _("div", {
+						"data-testid": "signup-name-grid",
+						style: {
+							display: "grid",
+							gridTemplateColumns: G ? "minmax(0, 1fr)" : "1fr 1fr",
+							gap: 10
+						},
+						children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(o, { children: T("auth.signup.first_name", "First name") }), /* @__PURE__ */ g(c, {
+							value: E,
+							onChange: D
+						})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(o, { children: T("auth.signup.last_name", "Last name") }), /* @__PURE__ */ g(c, {
+							value: O,
+							onChange: k
+						})] })]
+					}),
+					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(o, { children: T("auth.signup.work_email", "Work email") }), /* @__PURE__ */ g(c, {
+						value: A,
+						onChange: j,
+						prefix: /* @__PURE__ */ g(i.email, { size: 13 }),
+						placeholder: T("auth.signup.work_email_placeholder", "name@company.com"),
+						required: !0
+					})] }),
+					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(o, { children: T("auth.signup.company", "Company") }), /* @__PURE__ */ g(c, {
+						value: M,
+						onChange: N,
+						prefix: /* @__PURE__ */ g(i.building, { size: 13 })
+					})] }),
+					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(o, { children: T("auth.signup.workspace_url", "Workspace URL") }), /* @__PURE__ */ _("div", {
+						style: {
+							display: "flex",
+							flexDirection: G ? "column" : "row",
+							alignItems: "stretch",
+							border: "1px solid var(--border)",
+							borderRadius: 6,
+							overflow: "hidden",
+							minWidth: 0
+						},
+						children: [/* @__PURE__ */ g(c, {
+							value: P,
+							onChange: F,
+							style: {
+								border: 0,
+								borderRadius: 0
+							}
+						}), H && /* @__PURE__ */ _("span", {
+							className: "mono",
+							style: {
+								display: "flex",
+								alignItems: "center",
+								padding: G ? "8px 10px" : "0 10px",
+								background: "var(--surface-2)",
+								borderLeft: G ? 0 : "1px solid var(--border)",
+								borderTop: G ? "1px solid var(--border)" : 0,
+								fontSize: 12,
+								color: "var(--text-3)",
+								overflowWrap: "anywhere"
+							},
+							children: [".", H]
+						})]
+					})] }),
+					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(o, { children: T("auth.field.password", "Password") }), /* @__PURE__ */ g(s, {
+						value: I,
+						onChange: L,
+						placeholder: T("auth.signup.password_placeholder", "At least 12 characters"),
+						showStrength: !0
+					})] }),
+					/* @__PURE__ */ _("label", {
+						style: {
+							display: "flex",
+							alignItems: "flex-start",
+							gap: 6,
+							fontSize: 11.5,
+							color: "var(--text-3)",
+							lineHeight: 1.5
+						},
+						children: [/* @__PURE__ */ g("input", {
+							type: "checkbox",
+							style: { marginTop: 2 },
+							checked: R,
+							onChange: (e) => z(e.target.checked)
+						}), /* @__PURE__ */ g(x, {
+							termsUrl: U,
+							privacyUrl: W,
+							t: T
+						})]
+					}),
+					/* @__PURE__ */ g(a, {
+						type: "submit",
+						size: "md",
+						kind: "primary",
+						style: {
+							justifyContent: "center",
+							width: "100%"
+						},
+						disabled: S || !R,
+						children: S ? T("auth.signup.submitting", "Creating…") : T("auth.signup.submit", "Create workspace")
+					}),
+					/* @__PURE__ */ _("div", {
+						style: {
+							fontSize: 12,
+							color: "var(--text-3)",
+							textAlign: "center"
+						},
+						children: [
+							T("auth.signup.have_account", "Already have an account?"),
+							" ",
+							/* @__PURE__ */ g(v, {
+								to: "/login",
+								style: {
+									color: "var(--accent)",
+									fontWeight: 500,
+									textDecoration: "none"
+								},
+								children: T("auth.signin.title", "Sign in")
+							})
+						]
+					})
+				]
+			})
+		]
+	}) });
+}
+function x({ termsUrl: t, privacyUrl: n, t: r }) {
+	let i = r("auth.signup.terms", "Terms"), a = r("auth.signup.privacy", "Privacy"), o = t ? /* @__PURE__ */ g("a", {
+		href: t,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		style: { color: "var(--accent)" },
+		children: i
+	}) : /* @__PURE__ */ g("span", { children: i }), s = n ? /* @__PURE__ */ g("a", {
+		href: n,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		style: { color: "var(--accent)" },
+		children: a
+	}) : /* @__PURE__ */ g("span", { children: a });
+	return /* @__PURE__ */ g("span", { children: e(r("auth.signup.agreement", "I agree to the {terms} and {privacy}."), {
+		terms: o,
+		privacy: s
+	}) });
+}
+//#endregion
+export { b as SignUp };