@logicplanes/kaeso-ui 0.4.3 → 0.4.5

package/dist/chunks/rights-B68ocZuq.js

@@ -0,0 +1,312 @@
+"use client";
+import { t as e } from "./cn-BjnOAUrA.js";
+import { a as t, o as n } from "./inset-BUzyXLK4.js";
+import { i as r } from "./context-BELWW79w.js";
+import { t as i } from "./icon-CBzOwqrX.js";
+import { r as a } from "./tooltip-Tkm-urbi.js";
+import { o } from "./input-Bo5-UZg2.js";
+import { n as s } from "./checkbox-9tbimmF3.js";
+import { r as c } from "./combobox-DkcjkWc6.js";
+import { t as l } from "./empty-BpiUgGzm.js";
+import { t as u } from "./truncated-d1afmUJT.js";
+import { t as d } from "./badge-C0GC3B9X.js";
+import { forwardRef as f, useEffect as p, useId as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Alert02Icon as x, MinusSignIcon as S, Tick02Icon as C } from "@hugeicons/core-free-icons";
+//#region src/components/kaeso/rights-logic.ts
+function w(e, t, n) {
+	let r = new Map(e.map((e) => [e.code, e])), i = /* @__PURE__ */ new Map();
+	for (let t of e) for (let e of t.requires ?? []) i.set(e, [...i.get(e) ?? [], t.code]);
+	let a = [{
+		code: t,
+		granted: n
+	}], o = /* @__PURE__ */ new Set([t]), s = [t];
+	for (; s.length;) {
+		let e = s.shift(), t = n ? r.get(e)?.requires ?? [] : i.get(e) ?? [];
+		for (let e of t) {
+			if (o.has(e)) continue;
+			o.add(e);
+			let t = r.get(e);
+			t && !t.disabled && (s.push(e), t.granted !== n && a.push({
+				code: e,
+				granted: n
+			}));
+		}
+	}
+	return a;
+}
+function T(e, t, n) {
+	let r = new Map(e.map((e) => [e.code, e.granted])), i = /* @__PURE__ */ new Map();
+	for (let a of t) {
+		if (a.disabled || r.get(a.code) === n) continue;
+		let t = e.map((e) => ({
+			...e,
+			granted: i.get(e.code) ?? e.granted
+		}));
+		for (let e of w(t, a.code, n)) i.set(e.code, e.granted), r.set(e.code, e.granted);
+	}
+	return [...i].map(([e, t]) => ({
+		code: e,
+		granted: t
+	}));
+}
+//#endregion
+//#region src/components/kaeso/rights.tsx
+var E = "[role=\"checkbox\"], [data-right-extra]", D = {
+	origin: {
+		preset: { classes: "text-fg-secondary" },
+		added: { classes: "text-success-text" },
+		removed: { classes: "text-danger-text" },
+		none: { classes: "" }
+	},
+	mode: {
+		edit: { classes: "" },
+		readOnly: { classes: "" }
+	}
+}, O = {
+	origin: "none",
+	mode: "edit"
+};
+function k(e) {
+	return {
+		preset: e("rightsMatrix.fromRole", "From role"),
+		added: e("rightsMatrix.added", "Added"),
+		removed: e("rightsMatrix.removed", "Removed"),
+		none: ""
+	};
+}
+var A = (e, ...t) => t.some((t) => t?.toLowerCase().includes(e)), j = /* @__PURE__ */ f(function({ groups: t, onChange: n, onRightsChange: i, readOnly: a, searchable: c, originLabels: u, "aria-label": d, className: f }, x) {
+	let S = r(), [C, D] = v(""), [O, j] = v(""), [N, P] = v(() => /* @__PURE__ */ new Set()), F = _(void 0);
+	p(() => () => clearTimeout(F.current), []);
+	let I = _(null), L = m(), R = g(() => t.flatMap((e) => e.rights), [t]), z = g(() => new Map(R.map((e) => [e.code, e.label ?? e.code])), [R]), B = g(() => {
+		if (R.length < 3) return /* @__PURE__ */ new Set();
+		let e = new Set(R.flatMap((e) => e.requires ?? []));
+		return new Set([...e].filter((e) => R.every((t) => t.code === e || t.requires?.includes(e))));
+	}, [R]), V = R.some((e) => e.origin !== void 0), H = {
+		...k(S),
+		...u
+	}, U = C.trim().toLowerCase(), W = t.map((e) => !U || A(U, e.label) ? e : {
+		...e,
+		rights: e.rights.filter((e) => A(U, e.label, e.code, e.description))
+	}).filter((e) => e.rights.length > 0), G = (e) => {
+		if (!e.length) return;
+		if (i) i(e);
+		else if (n) for (let t of e) n(t.code, t.granted);
+		let [t, ...r] = e, a = r.map((e) => z.get(e.code) ?? e.code);
+		j(a.length && t ? t.granted ? S("rightsMatrix.alsoGranted", "Also granted {rights}", { rights: a.join(S("rightsMatrix.listSeparator", ", ")) }) : S("rightsMatrix.alsoRemoved", "Also removed {rights}", { rights: a.join(S("rightsMatrix.listSeparator", ", ")) }) : ""), clearTimeout(F.current), P(new Set(r.map((e) => e.code))), r.length && (F.current = setTimeout(() => P(/* @__PURE__ */ new Set()), 1200));
+	}, [K, q] = v(0), J = _(() => {});
+	return J.current = () => {
+		let e = I.current;
+		if (!e || a) return;
+		let t = [...e.querySelectorAll("[role=\"checkbox\"]")], n = t[Math.min(K, t.length - 1)];
+		for (let t of e.querySelectorAll(E)) {
+			let e = t === n ? "0" : "-1";
+			t.getAttribute("tabindex") !== e && t.setAttribute("tabindex", e);
+		}
+	}, h(() => J.current()), h(() => {
+		let e = I.current;
+		if (!e || a) return;
+		let t = new MutationObserver(() => J.current());
+		return t.observe(e, {
+			subtree: !0,
+			childList: !0,
+			attributes: !0,
+			attributeFilter: ["tabindex"]
+		}), () => t.disconnect();
+	}, [a]), /* @__PURE__ */ b("div", {
+		ref: (e) => {
+			I.current = e, typeof x == "function" ? x(e) : x && (x.current = e);
+		},
+		role: "group",
+		"aria-label": d ?? S("rightsMatrix.rights", "Rights"),
+		onKeyDown: (e) => {
+			let t = e.target;
+			if (!I.current || a || e.altKey || e.metaKey || e.ctrlKey) return;
+			let n = [...I.current.querySelectorAll("[role=\"checkbox\"]")], r = t.closest("[data-right]"), i = t.getAttribute("role") === "checkbox" ? t : r?.querySelector("[role=\"checkbox\"]");
+			if (!i) return;
+			if (t !== i) {
+				(e.key === "ArrowLeft" || e.key === "Escape") && (e.preventDefault(), i.focus());
+				return;
+			}
+			let o = n.indexOf(i), s = r?.querySelector("[data-right-extra]"), c = e.key === "ArrowDown" ? n[o + 1] : e.key === "ArrowUp" ? n[o - 1] : e.key === "Home" ? n[0] : e.key === "End" ? n[n.length - 1] : e.key === "ArrowRight" ? s : void 0;
+			c && (e.preventDefault(), c.focus());
+		},
+		onFocus: (e) => {
+			let t = [...I.current?.querySelectorAll("[role=\"checkbox\"]") ?? []].indexOf(e.target);
+			t >= 0 && t !== K && q(t);
+		},
+		className: e("@container flex min-w-0 flex-col gap-24", f),
+		children: [
+			c && /* @__PURE__ */ y(o, {
+				className: "w-full",
+				"aria-label": S("rightsMatrix.searchRights", "Search rights"),
+				placeholder: S("rightsMatrix.searchRights", "Search rights"),
+				value: C,
+				onChange: (e) => D(e.target.value),
+				onClear: () => D("")
+			}),
+			W.length === 0 && /* @__PURE__ */ y(l, {
+				size: "compact",
+				title: S("rightsMatrix.noMatch", "No rights match"),
+				description: S("rightsMatrix.noMatchHint", "Try a right's name, its code, or a word from its description.")
+			}),
+			W.map((t, n) => {
+				let r = `${L}-g${n}`, i = t.rights.filter((e) => e.granted).length, o = t.rights.filter((e) => !e.disabled), c = o.length > 0 && o.every((e) => e.granted), l = i === t.rights.length;
+				return /* @__PURE__ */ b("section", {
+					"aria-labelledby": r,
+					className: "flex min-w-0 flex-col",
+					children: [/* @__PURE__ */ b(a ? "div" : "label", {
+						"data-right": "",
+						className: e("flex items-start gap-12 px-12 pb-4", !a && o.length > 0 && "cursor-pointer"),
+						children: [!a && /* @__PURE__ */ y("span", {
+							className: "flex h-20 items-center",
+							children: /* @__PURE__ */ y(s, {
+								"aria-label": U ? S("rightsMatrix.everyRightShownIn", "Every right shown in {group}", { group: t.label }) : S("rightsMatrix.everyRightIn", "Every right in {group}", { group: t.label }),
+								checked: l,
+								indeterminate: i > 0 && !l,
+								disabled: o.length === 0,
+								onCheckedChange: () => G(T(R, t.rights, !c))
+							})
+						}), /* @__PURE__ */ b("span", {
+							className: "flex min-w-0 flex-1 flex-col",
+							children: [/* @__PURE__ */ b("span", {
+								className: "flex items-baseline justify-between gap-12",
+								children: [/* @__PURE__ */ y("span", {
+									id: r,
+									className: "min-w-0 wrap-break-word text-body font-semibold text-fg",
+									children: t.label
+								}), /* @__PURE__ */ y("span", {
+									className: "shrink-0 text-small text-fg-secondary tabular",
+									children: S("rightsMatrix.grantedOfTotal", "{granted} of {total}", {
+										granted: i,
+										total: t.rights.length
+									})
+								})]
+							}), t.description && /* @__PURE__ */ y("span", {
+								className: "text-small text-fg-secondary text-pretty",
+								children: t.description
+							})]
+						})]
+					}), t.rights.map((e) => /* @__PURE__ */ y(M, {
+						right: e,
+						readOnly: !!a,
+						query: U,
+						hasOrigin: V,
+						originText: H,
+						names: z,
+						universal: B,
+						flashed: N.has(e.code),
+						onToggle: (t) => G(w(R, e.code, t))
+					}, e.code))]
+				}, t.label);
+			}),
+			/* @__PURE__ */ y("span", {
+				"aria-live": "polite",
+				className: "sr-only",
+				children: O
+			})
+		]
+	});
+});
+process.env.NODE_ENV !== "production" && (j.displayName = "RightsMatrix");
+function M({ right: o, readOnly: l, query: f, hasOrigin: p, originText: h, names: g, universal: _, flashed: v, onToggle: w }) {
+	let T = r(), E = t(), O = n(), k = E || O, A = m(), j = m(), M = o.label ?? o.code, N = l ? [] : (o.requires ?? []).filter((e) => !_.has(e)).map((e) => g.get(e) ?? e), P = /* @__PURE__ */ b("span", {
+		className: "flex min-w-0 flex-1 flex-col gap-2",
+		children: [
+			/* @__PURE__ */ b("span", {
+				className: "flex min-w-0 items-start gap-8",
+				children: [
+					/* @__PURE__ */ y("span", {
+						id: j,
+						className: e("min-w-0 wrap-break-word", o.label ? "text-body font-medium" : "mono text-small", l && !o.granted || o.disabled ? "text-fg-secondary" : "text-fg"),
+						children: /* @__PURE__ */ y(c, {
+							text: M,
+							query: f
+						})
+					}),
+					o.label && /* @__PURE__ */ y("span", {
+						className: "hidden h-20 min-w-0 items-center @auth:flex",
+						children: /* @__PURE__ */ y(u, {
+							className: "min-w-0 mono text-caption text-fg-tertiary",
+							children: o.code
+						})
+					}),
+					o.sensitive && /* @__PURE__ */ y("span", {
+						className: e("flex shrink-0 items-center", o.label ? "h-20" : "h-18"),
+						children: /* @__PURE__ */ y(a, {
+							content: T("rightsMatrix.sensitiveHint", "Sensitive: exposes data or is hard to undo"),
+							children: /* @__PURE__ */ y("span", {
+								tabIndex: 0,
+								"data-right-extra": "",
+								className: "inline-flex shrink-0 rounded-pill text-warning-text focus-ring",
+								children: /* @__PURE__ */ y(i, {
+									icon: x,
+									size: "sm",
+									label: T("rightsMatrix.sensitive", "Sensitive")
+								})
+							})
+						})
+					}),
+					p && !l && /* @__PURE__ */ y("span", {
+						className: e("ml-auto flex max-w-160 min-w-80 shrink-0 items-center justify-end text-right text-small", o.label ? "min-h-20" : "min-h-18", D.origin[o.origin ?? "none"].classes),
+						children: /* @__PURE__ */ y(u, { children: h[o.origin ?? "none"] })
+					})
+				]
+			}),
+			/* @__PURE__ */ y("span", {
+				id: A,
+				className: "text-small text-pretty text-fg-secondary",
+				children: o.description
+			}),
+			N.length > 0 && /* @__PURE__ */ y("span", {
+				className: "text-caption text-fg-secondary",
+				children: T("rightsMatrix.needs", "Needs {rights}", { rights: N.join(T("rightsMatrix.listSeparator", ", ")) })
+			}),
+			l && o.granted && !!o.sources?.length && /* @__PURE__ */ y("span", {
+				className: "flex flex-wrap gap-4 pt-4",
+				children: o.sources.map((e) => e.detail ? /* @__PURE__ */ y(a, {
+					content: e.detail,
+					children: /* @__PURE__ */ y(d, {
+						tabIndex: 0,
+						className: "cursor-help underline decoration-dotted underline-offset-2 focus-ring",
+						children: e.label
+					})
+				}, e.label) : /* @__PURE__ */ y(d, { children: e.label }, e.label))
+			})
+		]
+	});
+	if (l) return /* @__PURE__ */ b("div", {
+		className: "flex min-h-56 items-start gap-12 px-12 py-8",
+		children: [/* @__PURE__ */ y("span", {
+			className: "flex h-20 w-18 shrink-0 items-center justify-center",
+			children: /* @__PURE__ */ y(i, {
+				icon: o.granted ? C : S,
+				size: "sm",
+				className: o.granted ? "text-fg" : "text-fg-tertiary",
+				label: o.granted ? T("rightsMatrix.granted", "Granted") : T("rightsMatrix.notGranted", "Not granted")
+			})
+		}), P]
+	});
+	let F = /* @__PURE__ */ b("label", {
+		"data-right": "",
+		className: e("flex min-h-56 items-start gap-12 rounded-item px-12 py-8 transition-control", o.disabled ? "cursor-not-allowed" : e("cursor-pointer", k ? "hover:bg-raised-hover" : "hover:bg-fill-1"), v && (k ? "bg-raised-pressed hover:bg-raised-pressed" : "bg-fill-2 hover:bg-fill-2")),
+		children: [/* @__PURE__ */ y("span", {
+			className: "flex h-20 items-center",
+			children: /* @__PURE__ */ y(s, {
+				checked: o.granted,
+				disabled: o.disabled,
+				onCheckedChange: w,
+				"aria-labelledby": j,
+				"aria-describedby": A
+			})
+		}), P]
+	});
+	return o.disabled && o.disabledReason ? /* @__PURE__ */ y(a, {
+		content: o.disabledReason,
+		children: F
+	}) : F;
+}
+//#endregion
+export { w as a, T as i, D as n, j as r, O as t };
+
+//# sourceMappingURL=rights-B68ocZuq.js.map

package/dist/chunks/rights-B68ocZuq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rights-B68ocZuq.js","names":["__icon_Alert02Icon","__icon_Tick02Icon","__icon_MinusSignIcon","cn","useInset","useRaised","useUiText","Icon","Tooltip","CheckboxBox","Highlight","Empty","TruncatedText","Badge","rightsCascade","byCode","rights","r","dependents","req","out","seen","code","queue","next","linked","granted","c","groupCascade","state","all","group","current","n","g","STOPS","KAESO_RIGHTS_MATRIX_VARIANTS","KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS","originTexts","t","matches","texts","q","RightsMatrix","ariaLabel","query","setQuery","useState","announcement","setAnnouncement","flashed","setFlashed","flashTimer","useRef","root","baseId","useId","useMemo","groups","names","universal","required","hasOrigins","originText","originLabels","shown","apply","changes","onRightsChange","onChange","first","rest","also","stop","setStop","roving","el","readOnly","boxes","own","w","tabindex","useLayoutEffect","observer","ref","target","row","box","i","extra","className","searchable","SearchInput","headingId","gi","grantedCount","changeable","changeableOn","allOn","RightRow","inset","raised","onRaised","descId","nameId","name","needs","text","Alert02Icon","hasOrigin","s","Tick02Icon","MinusSignIcon","onToggle"],"sources":["../../src/components/kaeso/rights-logic.ts","../../src/components/kaeso/rights.tsx"],"sourcesContent":["export interface RightChange {\n  code: string;\n  granted: boolean;\n}\n\ninterface Node {\n  code: string;\n  granted: boolean;\n  requires?: string[] | undefined;\n  disabled?: boolean | undefined;\n}\n\nexport function rightsCascade(rights: readonly Node[], code: string, granted: boolean): RightChange[] {\n  const byCode = new Map(rights.map((r) => [r.code, r]));\n  const dependents = new Map<string, string[]>();\n  for (const r of rights) for (const req of r.requires ?? []) dependents.set(req, [...(dependents.get(req) ?? []), r.code]);\n  const out: RightChange[] = [{ code, granted }];\n  const seen = new Set([code]);\n  const queue = [code];\n  while (queue.length) {\n    const next = queue.shift() as string;\n    const linked = granted ? (byCode.get(next)?.requires ?? []) : (dependents.get(next) ?? []);\n    for (const c of linked) {\n      if (seen.has(c)) continue;\n      seen.add(c);\n      const r = byCode.get(c);\n      if (!r || r.disabled) continue;\n      queue.push(c);\n      if (r.granted !== granted) out.push({ code: c, granted });\n    }\n  }\n  return out;\n}\n\nexport function groupCascade(all: readonly Node[], group: readonly Node[], granted: boolean): RightChange[] {\n  const state = new Map(all.map((r) => [r.code, r.granted]));\n  const out = new Map<string, boolean>();\n  for (const r of group) {\n    if (r.disabled || state.get(r.code) === granted) continue;\n    const current = all.map((n) => ({ ...n, granted: out.get(n.code) ?? n.granted }));\n    for (const c of rightsCascade(current, r.code, granted)) {\n      out.set(c.code, c.granted);\n      state.set(c.code, c.granted);\n    }\n  }\n  return [...out].map(([code, g]) => ({ code, granted: g }));\n}\n","import { forwardRef, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Alert02Icon as __icon_Alert02Icon, Tick02Icon as __icon_Tick02Icon, MinusSignIcon as __icon_MinusSignIcon } from \"@hugeicons/core-free-icons\";\nimport { Icon } from \"../icon/icon.js\";\nimport { CheckboxBox } from \"../checkbox/checkbox.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { SearchInput } from \"../input/input.js\";\nimport { Empty } from \"../empty/empty.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { Highlight } from \"../combobox/combobox.js\";\nimport { groupCascade, rightsCascade, type RightChange } from \"./rights-logic.js\";\nimport { useUiText, type UiText } from \"../../i18n/context.js\";\nimport { useInset, useRaised } from \"../../utils/inset.js\";\nimport { TruncatedText } from \"../text/truncated.js\";\n\nconst STOPS = '[role=\"checkbox\"], [data-right-extra]';\n\nexport const KAESO_RIGHTS_MATRIX_VARIANTS = {\n  origin: {\n    preset: { classes: \"text-fg-secondary\" },\n    added: { classes: \"text-success-text\" },\n    removed: { classes: \"text-danger-text\" },\n    none: { classes: \"\" },\n  },\n  mode: {\n    edit: { classes: \"\" },\n    readOnly: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS = { origin: \"none\", mode: \"edit\" } as const;\n\ntype Origin = keyof typeof KAESO_RIGHTS_MATRIX_VARIANTS.origin;\n\nexport interface RightSource {\n  label: string;\n  detail?: string | undefined;\n}\n\nexport interface Right {\n  code: string;\n  label?: string | undefined;\n  description: string;\n  granted: boolean;\n  origin?: Origin | undefined;\n  sensitive?: boolean | undefined;\n  requires?: string[] | undefined;\n  sources?: RightSource[] | undefined;\n  disabled?: boolean | undefined;\n  disabledReason?: string | undefined;\n}\n\nexport interface RightsGroup {\n  label: string;\n  description?: string | undefined;\n  rights: Right[];\n}\n\nexport interface RightsMatrixProps {\n  groups: RightsGroup[];\n  onChange?: ((code: string, granted: boolean) => void) | undefined;\n  onRightsChange?: ((changes: RightChange[]) => void) | undefined;\n  readOnly?: boolean | undefined;\n  searchable?: boolean | undefined;\n  originLabels?: Partial<Record<Origin, string>> | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n}\n\nfunction originTexts(t: UiText): Record<Origin, string> {\n  return { preset: t(\"rightsMatrix.fromRole\", \"From role\"), added: t(\"rightsMatrix.added\", \"Added\"), removed: t(\"rightsMatrix.removed\", \"Removed\"), none: \"\" };\n}\n\nconst matches = (q: string, ...texts: (string | undefined)[]) => texts.some((t) => t?.toLowerCase().includes(q));\n\nexport const RightsMatrix = /* @__PURE__ */ forwardRef<HTMLDivElement, RightsMatrixProps>(function RightsMatrix(\n  { groups, onChange, onRightsChange, readOnly, searchable, originLabels, \"aria-label\": ariaLabel, className },\n  ref,\n) {\n  const t = useUiText();\n  const [query, setQuery] = useState(\"\");\n  const [announcement, setAnnouncement] = useState(\"\");\n  const [flashed, setFlashed] = useState<ReadonlySet<string>>(() => new Set());\n  const flashTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  useEffect(() => () => clearTimeout(flashTimer.current), []);\n  const root = useRef<HTMLDivElement | null>(null);\n  const baseId = useId();\n  const all = useMemo(() => groups.flatMap((g) => g.rights), [groups]);\n  const names = useMemo(() => new Map(all.map((r) => [r.code, r.label ?? r.code])), [all]);\n  const universal = useMemo(() => {\n    if (all.length < 3) return new Set<string>();\n    const required = new Set(all.flatMap((r) => r.requires ?? []));\n    return new Set([...required].filter((c) => all.every((r) => r.code === c || r.requires?.includes(c))));\n  }, [all]);\n  const hasOrigins = all.some((r) => r.origin !== undefined);\n  const originText = { ...originTexts(t), ...originLabels };\n  const q = query.trim().toLowerCase();\n  const shown = groups\n    .map((g) => (!q || matches(q, g.label) ? g : { ...g, rights: g.rights.filter((r) => matches(q, r.label, r.code, r.description)) }))\n    .filter((g) => g.rights.length > 0);\n\n  const apply = (changes: RightChange[]) => {\n    if (!changes.length) return;\n    if (onRightsChange) onRightsChange(changes);\n    else if (onChange) for (const c of changes) onChange(c.code, c.granted);\n    const [first, ...rest] = changes;\n    const also = rest.map((c) => names.get(c.code) ?? c.code);\n    setAnnouncement(\n      also.length && first\n        ? first.granted\n          ? t(\"rightsMatrix.alsoGranted\", \"Also granted {rights}\", { rights: also.join(t(\"rightsMatrix.listSeparator\", \", \")) })\n          : t(\"rightsMatrix.alsoRemoved\", \"Also removed {rights}\", { rights: also.join(t(\"rightsMatrix.listSeparator\", \", \")) })\n        : \"\",\n    );\n    clearTimeout(flashTimer.current);\n    setFlashed(new Set(rest.map((c) => c.code)));\n    if (rest.length) flashTimer.current = setTimeout(() => setFlashed(new Set()), 1200);\n  };\n\n  const [stop, setStop] = useState(0);\n  const roving = useRef(() => {});\n  roving.current = () => {\n    const el = root.current;\n    if (!el || readOnly) return;\n    const boxes = [...el.querySelectorAll<HTMLElement>('[role=\"checkbox\"]')];\n    const own = boxes[Math.min(stop, boxes.length - 1)];\n    for (const w of el.querySelectorAll<HTMLElement>(STOPS)) {\n      const tabindex = w === own ? \"0\" : \"-1\";\n      if (w.getAttribute(\"tabindex\") !== tabindex) w.setAttribute(\"tabindex\", tabindex);\n    }\n  };\n  useLayoutEffect(() => roving.current());\n  useLayoutEffect(() => {\n    const el = root.current;\n    if (!el || readOnly) return;\n    const observer = new MutationObserver(() => roving.current());\n    observer.observe(el, { subtree: true, childList: true, attributes: true, attributeFilter: [\"tabindex\"] });\n    return () => observer.disconnect();\n  }, [readOnly]);\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLElement;\n    if (!root.current || readOnly || e.altKey || e.metaKey || e.ctrlKey) return;\n    const boxes = [...root.current.querySelectorAll<HTMLElement>('[role=\"checkbox\"]')];\n    const row = target.closest<HTMLElement>(\"[data-right]\");\n    const box = target.getAttribute(\"role\") === \"checkbox\" ? target : row?.querySelector<HTMLElement>('[role=\"checkbox\"]');\n    if (!box) return;\n    if (target !== box) {\n      if (e.key === \"ArrowLeft\" || e.key === \"Escape\") {\n        e.preventDefault();\n        box.focus();\n      }\n      return;\n    }\n    const i = boxes.indexOf(box);\n    const extra = row?.querySelector<HTMLElement>(\"[data-right-extra]\");\n    const next =\n      e.key === \"ArrowDown\"\n        ? boxes[i + 1]\n        : e.key === \"ArrowUp\"\n          ? boxes[i - 1]\n          : e.key === \"Home\"\n            ? boxes[0]\n            : e.key === \"End\"\n              ? boxes[boxes.length - 1]\n              : e.key === \"ArrowRight\"\n                ? extra\n                : undefined;\n    if (!next) return;\n    e.preventDefault();\n    next.focus();\n  };\n\n  return (\n    <div\n      ref={(el) => {\n        root.current = el;\n        if (typeof ref === \"function\") ref(el);\n        else if (ref) ref.current = el;\n      }}\n      role=\"group\"\n      aria-label={ariaLabel ?? t(\"rightsMatrix.rights\", \"Rights\")}\n      onKeyDown={onKeyDown}\n      onFocus={(e) => {\n        const boxes = [...(root.current?.querySelectorAll<HTMLElement>('[role=\"checkbox\"]') ?? [])];\n        const i = boxes.indexOf(e.target as HTMLElement);\n        if (i >= 0 && i !== stop) setStop(i);\n      }}\n      className={cn(\"@container flex min-w-0 flex-col gap-24\", className)}\n    >\n      {searchable && (\n        <SearchInput\n          className=\"w-full\"\n          aria-label={t(\"rightsMatrix.searchRights\", \"Search rights\")}\n          placeholder={t(\"rightsMatrix.searchRights\", \"Search rights\")}\n          value={query}\n          onChange={(e) => setQuery(e.target.value)}\n          onClear={() => setQuery(\"\")}\n        />\n      )}\n      {shown.length === 0 && (\n        <Empty\n          size=\"compact\"\n          title={t(\"rightsMatrix.noMatch\", \"No rights match\")}\n          description={t(\"rightsMatrix.noMatchHint\", \"Try a right's name, its code, or a word from its description.\")}\n        />\n      )}\n      {shown.map((g, gi) => {\n        const headingId = `${baseId}-g${gi}`;\n        const grantedCount = g.rights.filter((r) => r.granted).length;\n        const changeable = g.rights.filter((r) => !r.disabled);\n        const changeableOn = changeable.length > 0 && changeable.every((r) => r.granted);\n        const allOn = grantedCount === g.rights.length;\n        const Header = readOnly ? \"div\" : \"label\";\n        return (\n          <section key={g.label} aria-labelledby={headingId} className=\"flex min-w-0 flex-col\">\n            <Header data-right=\"\" className={cn(\"flex items-start gap-12 px-12 pb-4\", !readOnly && changeable.length > 0 && \"cursor-pointer\")}>\n              {!readOnly && (\n                <span className=\"flex h-20 items-center\">\n                  <CheckboxBox\n                    aria-label={\n                      q\n                        ? t(\"rightsMatrix.everyRightShownIn\", \"Every right shown in {group}\", { group: g.label })\n                        : t(\"rightsMatrix.everyRightIn\", \"Every right in {group}\", { group: g.label })\n                    }\n                    checked={allOn}\n                    indeterminate={grantedCount > 0 && !allOn}\n                    disabled={changeable.length === 0}\n                    onCheckedChange={() => apply(groupCascade(all, g.rights, !changeableOn))}\n                  />\n                </span>\n              )}\n              <span className=\"flex min-w-0 flex-1 flex-col\">\n                <span className=\"flex items-baseline justify-between gap-12\">\n                  <span id={headingId} className=\"min-w-0 wrap-break-word text-body font-semibold text-fg\">\n                    {g.label}\n                  </span>\n                  <span className=\"shrink-0 text-small text-fg-secondary tabular\">\n                    {t(\"rightsMatrix.grantedOfTotal\", \"{granted} of {total}\", { granted: grantedCount, total: g.rights.length })}\n                  </span>\n                </span>\n                {g.description && <span className=\"text-small text-fg-secondary text-pretty\">{g.description}</span>}\n              </span>\n            </Header>\n            {g.rights.map((r) => (\n              <RightRow\n                key={r.code}\n                right={r}\n                readOnly={!!readOnly}\n                query={q}\n                hasOrigin={hasOrigins}\n                originText={originText}\n                names={names}\n                universal={universal}\n                flashed={flashed.has(r.code)}\n                onToggle={(granted) => apply(rightsCascade(all, r.code, granted))}\n              />\n            ))}\n          </section>\n        );\n      })}\n      <span aria-live=\"polite\" className=\"sr-only\">\n        {announcement}\n      </span>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") RightsMatrix.displayName = \"RightsMatrix\";\n\nfunction RightRow({\n  right: r,\n  readOnly,\n  query,\n  hasOrigin,\n  originText,\n  names,\n  universal,\n  flashed,\n  onToggle,\n}: {\n  right: Right;\n  readOnly: boolean;\n  query: string;\n  hasOrigin: boolean;\n  originText: Record<Origin, string>;\n  names: Map<string, string>;\n  universal: ReadonlySet<string>;\n  flashed: boolean;\n  onToggle: (granted: boolean) => void;\n}) {\n  const t = useUiText();\n  const inset = useInset();\n  const raised = useRaised();\n  const onRaised = inset || raised;\n  const descId = useId();\n  const nameId = useId();\n  const name = r.label ?? r.code;\n  const needs = readOnly ? [] : (r.requires ?? []).filter((c) => !universal.has(c)).map((c) => names.get(c) ?? c);\n  const text: ReactNode = (\n    <span className=\"flex min-w-0 flex-1 flex-col gap-2\">\n      <span className=\"flex min-w-0 items-start gap-8\">\n        <span\n          id={nameId}\n          className={cn(\n            \"min-w-0 wrap-break-word\",\n            r.label ? \"text-body font-medium\" : \"mono text-small\",\n            (readOnly && !r.granted) || r.disabled ? \"text-fg-secondary\" : \"text-fg\",\n          )}\n        >\n          <Highlight text={name} query={query} />\n        </span>\n        {r.label && (\n          <span className=\"hidden h-20 min-w-0 items-center @auth:flex\">\n            <TruncatedText className=\"min-w-0 mono text-caption text-fg-tertiary\">{r.code}</TruncatedText>\n          </span>\n        )}\n        {r.sensitive && (\n          <span className={cn(\"flex shrink-0 items-center\", r.label ? \"h-20\" : \"h-18\")}>\n            <Tooltip content={t(\"rightsMatrix.sensitiveHint\", \"Sensitive: exposes data or is hard to undo\")}>\n              <span tabIndex={0} data-right-extra=\"\" className=\"inline-flex shrink-0 rounded-pill text-warning-text focus-ring\">\n                <Icon icon={__icon_Alert02Icon} size=\"sm\" label={t(\"rightsMatrix.sensitive\", \"Sensitive\")} />\n              </span>\n            </Tooltip>\n          </span>\n        )}\n        {hasOrigin && !readOnly && (\n          <span\n            className={cn(\n              \"ml-auto flex max-w-160 min-w-80 shrink-0 items-center justify-end text-right text-small\",\n              r.label ? \"min-h-20\" : \"min-h-18\",\n              KAESO_RIGHTS_MATRIX_VARIANTS.origin[r.origin ?? \"none\"].classes,\n            )}\n          >\n            <TruncatedText>{originText[r.origin ?? \"none\"]}</TruncatedText>\n          </span>\n        )}\n      </span>\n      <span id={descId} className=\"text-small text-pretty text-fg-secondary\">\n        {r.description}\n      </span>\n      {needs.length > 0 && (\n        <span className=\"text-caption text-fg-secondary\">\n          {t(\"rightsMatrix.needs\", \"Needs {rights}\", { rights: needs.join(t(\"rightsMatrix.listSeparator\", \", \")) })}\n        </span>\n      )}\n      {readOnly && r.granted && !!r.sources?.length && (\n        <span className=\"flex flex-wrap gap-4 pt-4\">\n          {r.sources.map((s) =>\n            s.detail ? (\n              <Tooltip key={s.label} content={s.detail}>\n                <Badge tabIndex={0} className=\"cursor-help underline decoration-dotted underline-offset-2 focus-ring\">\n                  {s.label}\n                </Badge>\n              </Tooltip>\n            ) : (\n              <Badge key={s.label}>{s.label}</Badge>\n            ),\n          )}\n        </span>\n      )}\n    </span>\n  );\n\n  if (readOnly) {\n    return (\n      <div className=\"flex min-h-56 items-start gap-12 px-12 py-8\">\n        <span className=\"flex h-20 w-18 shrink-0 items-center justify-center\">\n          <Icon\n            icon={r.granted ? __icon_Tick02Icon : __icon_MinusSignIcon}\n            size=\"sm\"\n            className={r.granted ? \"text-fg\" : \"text-fg-tertiary\"}\n            label={r.granted ? t(\"rightsMatrix.granted\", \"Granted\") : t(\"rightsMatrix.notGranted\", \"Not granted\")}\n          />\n        </span>\n        {text}\n      </div>\n    );\n  }\n\n  const row = (\n    <label\n      data-right=\"\"\n      className={cn(\n        \"flex min-h-56 items-start gap-12 rounded-item px-12 py-8 transition-control\",\n        r.disabled ? \"cursor-not-allowed\" : cn(\"cursor-pointer\", onRaised ? \"hover:bg-raised-hover\" : \"hover:bg-fill-1\"),\n        flashed && (onRaised ? \"bg-raised-pressed hover:bg-raised-pressed\" : \"bg-fill-2 hover:bg-fill-2\"),\n      )}\n    >\n      <span className=\"flex h-20 items-center\">\n        <CheckboxBox checked={r.granted} disabled={r.disabled} onCheckedChange={onToggle} aria-labelledby={nameId} aria-describedby={descId} />\n      </span>\n      {text}\n    </label>\n  );\n  return r.disabled && r.disabledReason ? <Tooltip content={r.disabledReason}>{row}</Tooltip> : row;\n}\n"],"mappings":"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"}

package/dist/chunks/{scroll-area-D8MD7Vpo.js → scroll-area-_Ljh4-bG.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./cn-Dj6sRgkF.js";
+import { t as e } from "./cn-BjnOAUrA.js";
 import { forwardRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { CSPProvider as i } from "@base-ui/react/csp-provider";
@@ -8,11 +8,11 @@ import { ScrollArea as a } from "@base-ui/react/scroll-area";
 var o = { orientation: {
 	vertical: { classes: "scroll-axis-y scroll-fade-y" },
 	horizontal: { classes: "scroll-axis-x scroll-fade-x" },
-	both: { classes: "scroll-axis-both" }
+	both: { classes: "scroll-axis-both scroll-fade-both" }
 } }, s = { orientation: "vertical" }, c = ({ orientation: t }) => /* @__PURE__ */ n(a.Scrollbar, {
 	orientation: t,
-	className: e("flex touch-none p-2 opacity-0 select-none transition-control data-hovering:opacity-100 data-scrolling:opacity-100", t === "vertical" ? "w-10" : "h-10 flex-col"),
-	children: /* @__PURE__ */ n(a.Thumb, { className: "flex-1 rounded-pill bg-line-strong" })
+	className: e("group/bar flex touch-none p-2 opacity-0 select-none transition-control data-hovering:opacity-100 data-scrolling:opacity-100", t === "vertical" ? "w-10" : "h-10 flex-col"),
+	children: /* @__PURE__ */ n(a.Thumb, { className: "flex-1 rounded-pill bg-line-strong transition-control group-data-hovering/bar:bg-fg-tertiary group-data-scrolling/bar:bg-fg-tertiary forced-line" })
 }), l = /* @__PURE__ */ t(function({ children: t, orientation: s = "vertical", className: l, viewportClassName: u, "aria-label": d }, f) {
 	return /* @__PURE__ */ n(i, {
 		disableStyleElements: !0,
@@ -21,13 +21,18 @@ var o = { orientation: {
 			className: e("relative min-h-0 overflow-hidden", l),
 			children: [
 				/* @__PURE__ */ n(a.Viewport, {
-					className: e("size-full focus-ring-inset", o.orientation[s].classes, u),
+					className: e("peer/viewport size-full outline-none", o.orientation[s].classes, u),
 					...d ? {
 						role: "region",
 						"aria-label": d
 					} : {},
 					children: t
 				}),
+				/* @__PURE__ */ n("span", {
+					"aria-hidden": !0,
+					style: { borderRadius: "inherit" },
+					className: "pointer-events-none absolute inset-0 peer-focus-visible/viewport:outline-2 peer-focus-visible/viewport:-outline-offset-2 peer-focus-visible/viewport:outline-focus peer-focus-visible/viewport:outline-solid"
+				}),
 				s !== "horizontal" && /* @__PURE__ */ n(c, { orientation: "vertical" }),
 				s !== "vertical" && /* @__PURE__ */ n(c, { orientation: "horizontal" }),
 				s === "both" && /* @__PURE__ */ n(a.Corner, {})
@@ -39,4 +44,4 @@ process.env.NODE_ENV !== "production" && (l.displayName = "ScrollArea");
 //#endregion
 export { o as n, l as r, s as t };
 
-//# sourceMappingURL=scroll-area-D8MD7Vpo.js.map
+//# sourceMappingURL=scroll-area-_Ljh4-bG.js.map

package/dist/chunks/scroll-area-_Ljh4-bG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-_Ljh4-bG.js","names":["BaseScrollArea","ScrollArea","cn","KAESO_SCROLL_AREA_VARIANTS","KAESO_SCROLL_AREA_DEFAULT_VARIANTS","Bar","ScrollArea","orientation","ScrollArea$1","label","CSPProvider","className","viewportClassName"],"sources":["../../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { CSPProvider } from \"@base-ui/react/csp-provider\";\nimport { ScrollArea as BaseScrollArea } from \"@base-ui/react/scroll-area\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_SCROLL_AREA_VARIANTS = {\n  orientation: {\n    vertical: { classes: \"scroll-axis-y scroll-fade-y\" },\n    horizontal: { classes: \"scroll-axis-x scroll-fade-x\" },\n    both: { classes: \"scroll-axis-both scroll-fade-both\" },\n  },\n} as const;\nexport const KAESO_SCROLL_AREA_DEFAULT_VARIANTS = { orientation: \"vertical\" } as const;\n\nexport interface ScrollAreaProps {\n  children: ReactNode;\n  orientation?: keyof typeof KAESO_SCROLL_AREA_VARIANTS.orientation | undefined;\n  className?: string | undefined;\n  viewportClassName?: string | undefined;\n  \"aria-label\"?: string | undefined;\n}\n\nconst Bar = ({ orientation }: { orientation: \"vertical\" | \"horizontal\" }) => (\n  <BaseScrollArea.Scrollbar\n    orientation={orientation}\n    className={cn(\n      \"group/bar flex touch-none p-2 opacity-0 select-none transition-control data-hovering:opacity-100 data-scrolling:opacity-100\",\n      orientation === \"vertical\" ? \"w-10\" : \"h-10 flex-col\",\n    )}\n  >\n    <BaseScrollArea.Thumb className=\"flex-1 rounded-pill bg-line-strong transition-control group-data-hovering/bar:bg-fg-tertiary group-data-scrolling/bar:bg-fg-tertiary forced-line\" />\n  </BaseScrollArea.Scrollbar>\n);\n\nexport const ScrollArea = /* @__PURE__ */ forwardRef<HTMLDivElement, ScrollAreaProps>(function ScrollArea(\n  { children, orientation = \"vertical\", className, viewportClassName, \"aria-label\": label },\n  ref,\n) {\n  return (\n    <CSPProvider disableStyleElements>\n      <BaseScrollArea.Root ref={ref} className={cn(\"relative min-h-0 overflow-hidden\", className)}>\n        <BaseScrollArea.Viewport\n          className={cn(\"peer/viewport size-full outline-none\", KAESO_SCROLL_AREA_VARIANTS.orientation[orientation].classes, viewportClassName)}\n          {...(label ? { role: \"region\", \"aria-label\": label } : {})}\n        >\n          {children}\n        </BaseScrollArea.Viewport>\n        <span\n          aria-hidden\n          style={{ borderRadius: \"inherit\" }}\n          className=\"pointer-events-none absolute inset-0 peer-focus-visible/viewport:outline-2 peer-focus-visible/viewport:-outline-offset-2 peer-focus-visible/viewport:outline-focus peer-focus-visible/viewport:outline-solid\"\n        />\n        {orientation !== \"horizontal\" && <Bar orientation=\"vertical\" />}\n        {orientation !== \"vertical\" && <Bar orientation=\"horizontal\" />}\n        {orientation === \"both\" && <BaseScrollArea.Corner />}\n      </BaseScrollArea.Root>\n    </CSPProvider>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") ScrollArea.displayName = \"ScrollArea\";\n"],"mappings":";;;;;;;AAKA,IAAaG,IAA6B,EACxC,aAAa;CACX,UAAU,EAAE,SAAS,8BAA8B;CACnD,YAAY,EAAE,SAAS,8BAA8B;CACrD,MAAM,EAAE,SAAS,oCAAoC;AACvD,EACF,GACaC,IAAqC,EAAE,aAAa,WAAW,GAUtEC,KAAO,EAAE,qBACb,kBAACL,EAAe,WAAhB;CACe;CACb,WAAWE,EACT,+HACAK,MAAgB,aAAa,SAAS,eACxC;CAEA,UAAA,kBAACP,EAAe,OAAhB,EAAsB,WAAU,mJAAoJ,CAAA;AAC5J,CAAA,GAGfC,IAA6B,kBAA4C,SACpF,EAAE,aAAU,iBAAc,YAAY,cAAW,sBAAmB,cAAcQ,KAClF,GACA;CACA,OACE,kBAACC,GAAD;EAAa,sBAAA;EACX,UAAA,kBAACV,EAAe,MAAhB;GAA0B;GAAK,WAAWE,EAAG,oCAAoCS,CAAS;GAA1F,UAAA;IACE,kBAACX,EAAe,UAAhB;KACE,WAAWE,EAAG,wCAAwCC,EAA2B,YAAYI,EAAY,CAAC,SAASK,CAAiB;KACpI,GAAKH,IAAQ;MAAE,MAAM;MAAU,cAAcA;KAAM,IAAI,CAAC;KAEvD;IACsB,CAAA;IACzB,kBAAC,QAAD;KACE,eAAA;KACA,OAAO,EAAE,cAAc,UAAU;KACjC,WAAU;IACX,CAAA;IACAF,MAAgB,gBAAgB,kBAACF,GAAD,EAAK,aAAY,WAAY,CAAA;IAC7DE,MAAgB,cAAc,kBAACF,GAAD,EAAK,aAAY,aAAc,CAAA;IAC7DE,MAAgB,UAAU,kBAACP,EAAe,QAAhB,CAAwB,CAAA;GAChC;;CACV,CAAA;AAEjB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}

package/dist/chunks/section-CFBYhsUi.js

@@ -0,0 +1,77 @@
+"use client";
+import { t as e } from "./cn-BjnOAUrA.js";
+import { t } from "./nav-wordmark-J4pB_vjr.js";
+import { t as n } from "./section-header-DU1Q4Tdf.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/section/section.tsx
+var o = { spacing: {
+	default: { classes: "mt-48 first:mt-0" },
+	none: { classes: "" }
+} }, s = { spacing: "default" }, c = /* @__PURE__ */ r(function({ title: t, description: r, actions: s, spacing: c = "default", children: l, className: u }, d) {
+	return /* @__PURE__ */ a("section", {
+		ref: d,
+		className: e(o.spacing[c].classes, u),
+		children: [(t || s) && /* @__PURE__ */ i(n, {
+			title: t,
+			description: r,
+			actions: s
+		}), l]
+	});
+});
+process.env.NODE_ENV !== "production" && (c.displayName = "Section");
+var l = /* @__PURE__ */ r(function({ children: t, aside: n, className: r }, o) {
+	return /* @__PURE__ */ a("div", {
+		ref: o,
+		className: e("grid grid-cols-1 lg:grid-cols-aside", r),
+		children: [/* @__PURE__ */ i("div", {
+			className: "min-w-0 lg:pr-32",
+			children: t
+		}), /* @__PURE__ */ i("aside", {
+			className: "mt-32 min-w-0 lg:mt-0 lg:pl-32 lg:hairline-l",
+			children: /* @__PURE__ */ i("div", {
+				className: "flex flex-col gap-32 lg:sticky lg:top-16",
+				children: n
+			})
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "SplitView");
+var u = /* @__PURE__ */ r(function({ title: n, description: r, children: o, footer: s, className: c }, l) {
+	return /* @__PURE__ */ a("div", {
+		ref: l,
+		className: e("relative flex min-h-dvh flex-col items-center bg-panel px-16 py-64 text-fg", c),
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "absolute top-0 left-0 mt-8 flex h-52 items-center px-16 sm:px-28",
+				children: /* @__PURE__ */ i(t, {})
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "flex w-full max-w-auth flex-1 flex-col justify-center",
+				children: [
+					/* @__PURE__ */ i("h1", {
+						className: "text-center text-title-lg font-semibold text-fg text-balance",
+						children: n
+					}),
+					r && /* @__PURE__ */ i("p", {
+						className: "mt-8 text-center text-body-lg font-regular text-fg-secondary text-pretty",
+						children: r
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "mt-24 flex flex-col gap-16",
+						children: o
+					})
+				]
+			}),
+			s && /* @__PURE__ */ i("div", {
+				className: "mt-48 text-small text-fg-secondary",
+				children: s
+			})
+		]
+	});
+});
+process.env.NODE_ENV !== "production" && (u.displayName = "AuthLayout");
+//#endregion
+export { l as a, c as i, s as n, o as r, u as t };
+
+//# sourceMappingURL=section-CFBYhsUi.js.map

package/dist/chunks/section-CFBYhsUi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-CFBYhsUi.js","names":["cn","SectionHeader","KAESO_SECTION_VARIANTS","KAESO_SECTION_DEFAULT_VARIANTS","Section","spacing","className","title","actions","children","SplitView","aside","AuthLayout","NavWordmark","description","footer"],"sources":["../../src/components/section/section.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { NavWordmark } from \"../logo/nav-wordmark.js\";\nimport { SectionHeader } from \"./section-header.js\";\n\nexport const KAESO_SECTION_VARIANTS = {\n  spacing: {\n    default: { classes: \"mt-48 first:mt-0\" },\n    none: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_SECTION_DEFAULT_VARIANTS = { spacing: \"default\" } as const;\n\nexport interface SectionProps {\n  title?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  spacing?: keyof typeof KAESO_SECTION_VARIANTS.spacing | undefined;\n  children: ReactNode;\n  className?: string | undefined;\n}\n\nexport const Section = /* @__PURE__ */ forwardRef<HTMLElement, SectionProps>(function Section({ title, description, actions, spacing = \"default\", children, className }, ref) {\n  return (\n    <section ref={ref} className={cn(KAESO_SECTION_VARIANTS.spacing[spacing].classes, className)}>\n      {(title || actions) && <SectionHeader title={title} description={description} actions={actions} />}\n      {children}\n    </section>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Section.displayName = \"Section\";\n\nexport const SplitView = /* @__PURE__ */ forwardRef<HTMLDivElement, { children: ReactNode; aside: ReactNode; className?: string | undefined }>(function SplitView(\n  { children, aside, className },\n  ref,\n) {\n  return (\n    <div ref={ref} className={cn(\"grid grid-cols-1 lg:grid-cols-aside\", className)}>\n      <div className=\"min-w-0 lg:pr-32\">{children}</div>\n      <aside className=\"mt-32 min-w-0 lg:mt-0 lg:pl-32 lg:hairline-l\">\n        <div className=\"flex flex-col gap-32 lg:sticky lg:top-16\">{aside}</div>\n      </aside>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SplitView.displayName = \"SplitView\";\n\nexport const AuthLayout = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  { title: ReactNode; description?: ReactNode | undefined; children: ReactNode; footer?: ReactNode | undefined; className?: string | undefined }\n>(function AuthLayout({ title, description, children, footer, className }, ref) {\n  return (\n    <div ref={ref} className={cn(\"relative flex min-h-dvh flex-col items-center bg-panel px-16 py-64 text-fg\", className)}>\n      <div className=\"absolute top-0 left-0 mt-8 flex h-52 items-center px-16 sm:px-28\">\n        <NavWordmark />\n      </div>\n      <div className=\"flex w-full max-w-auth flex-1 flex-col justify-center\">\n        <h1 className=\"text-center text-title-lg font-semibold text-fg text-balance\">{title}</h1>\n        {description && <p className=\"mt-8 text-center text-body-lg font-regular text-fg-secondary text-pretty\">{description}</p>}\n        <div className=\"mt-24 flex flex-col gap-16\">{children}</div>\n      </div>\n      {footer && <div className=\"mt-48 text-small text-fg-secondary\">{footer}</div>}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") AuthLayout.displayName = \"AuthLayout\";\n"],"mappings":";;;;;;;AAKA,IAAaE,IAAyB,EACpC,SAAS;CACP,SAAS,EAAE,SAAS,mBAAmB;CACvC,MAAM,EAAE,SAAS,GAAG;AACtB,EACF,GACaC,IAAiC,EAAE,SAAS,UAAU,GAWtDC,IAA0B,kBAAsC,SAAiB,EAAE,UAAO,gBAAa,YAAS,aAAU,WAAW,aAAU,gBAAa,GAAK;CAC5K,OACE,kBAAC,WAAD;EAAc;EAAK,WAAWJ,EAAGE,EAAuB,QAAQG,EAAQ,CAAC,SAASC,CAAS;EAA3F,UAAA,EACIC,KAASC,MAAY,kBAACP,GAAD;GAAsB;GAAoB;GAAsB;EAAU,CAAA,GAChGQ,CACM;;AAEb,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAQ,cAAc;AAEjE,IAAaC,IAA4B,kBAAsG,SAC7I,EAAE,aAAU,UAAO,gBACnB,GACA;CACA,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWV,EAAG,uCAAuCM,CAAS;EAA7E,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAoB;EAAc,CAAA,GACjD,kBAAC,SAAD;GAAO,WAAU;GACf,UAAA,kBAAC,OAAD;IAAK,WAAU;IAA4C,UAAAK;GAAW,CAAA;EACjE,CAAA,CACJ;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc;AAEnE,IAAaC,IAA6B,kBAGxC,SAAoB,EAAE,UAAO,gBAAa,aAAU,WAAQ,gBAAa,GAAK;CAC9E,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWZ,EAAG,8EAA8EM,CAAS;EAApH,UAAA;GACE,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAACO,GAAD,CAAc,CAAA;GACX,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;MAAgE,UAAAN;KAAU,CAAA;KACvFO,KAAe,kBAAC,KAAD;MAAG,WAAU;MAA4E,UAAAA;KAAe,CAAA;KACxH,kBAAC,OAAD;MAAK,WAAU;MAA8B;KAAc,CAAA;IACxD;;GACJC,KAAU,kBAAC,OAAD;IAAK,WAAU;IAAsC,UAAAA;GAAY,CAAA;EACzE;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}

package/dist/chunks/section-header-DU1Q4Tdf.js

@@ -0,0 +1,28 @@
+"use client";
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/section/section-header.tsx
+var r = /* @__PURE__ */ e(function({ title: e, description: r, actions: i }, a) {
+	return /* @__PURE__ */ n("header", {
+		ref: a,
+		className: "mb-16 flex flex-wrap items-end justify-between gap-x-16 gap-y-12",
+		children: [/* @__PURE__ */ n("div", {
+			className: "flex min-w-0 flex-col gap-2",
+			children: [e && /* @__PURE__ */ t("h2", {
+				className: "text-title-sm font-semibold text-fg",
+				children: e
+			}), r && /* @__PURE__ */ t("p", {
+				className: "max-w-prose text-small text-fg-secondary",
+				children: r
+			})]
+		}), i && /* @__PURE__ */ t("div", {
+			className: "flex shrink-0 items-center gap-8",
+			children: i
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (r.displayName = "SectionHeader");
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=section-header-DU1Q4Tdf.js.map

package/dist/chunks/section-header-DU1Q4Tdf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-header-DU1Q4Tdf.js","names":["SectionHeader","title","description","actions"],"sources":["../../src/components/section/section-header.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\n\nexport const SectionHeader = /* @__PURE__ */ forwardRef<HTMLElement, { title: ReactNode; description: ReactNode; actions: ReactNode }>(function SectionHeader(\n  { title, description, actions },\n  ref,\n) {\n  return (\n    <header ref={ref} className=\"mb-16 flex flex-wrap items-end justify-between gap-x-16 gap-y-12\">\n      <div className=\"flex min-w-0 flex-col gap-2\">\n        {title && <h2 className=\"text-title-sm font-semibold text-fg\">{title}</h2>}\n        {description && <p className=\"max-w-prose text-small text-fg-secondary\">{description}</p>}\n      </div>\n      {actions && <div className=\"flex shrink-0 items-center gap-8\">{actions}</div>}\n    </header>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SectionHeader.displayName = \"SectionHeader\";\n"],"mappings":";;;;AAEA,IAAaA,IAAgC,kBAA0F,SACrI,EAAE,UAAO,gBAAa,cACtB,GACA;CACA,OACE,kBAAC,UAAD;EAAa;EAAK,WAAU;EAA5B,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACGC,KAAS,kBAAC,MAAD;IAAI,WAAU;IAAuC,UAAAA;GAAU,CAAA,GACxEC,KAAe,kBAAC,KAAD;IAAG,WAAU;IAA4C,UAAAA;GAAe,CAAA,CACrF;EACJ,CAAA,GAAAC,KAAW,kBAAC,OAAD;GAAK,WAAU;GAAoC,UAAAA;EAAa,CAAA,CACtE;;AAEZ,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAc,cAAc"}