@eifi1/ui-kit 0.28.0 → 0.28.1

package/README.md

@@ -382,14 +382,14 @@ columns, strings and permissions (see the note at the top of `src/feedback/feedb
 
 <!-- BEGIN GENERATED: exports — node scripts/gen-export-inventory.mjs -->
 
-**1414 names from 206 modules** — 665 values and 749 types. _Italic_ is a type-only export.
+**1417 names from 206 modules** — 668 values and 749 types. _Italic_ is a type-only export.
 
 Generated from `dist/index.d.ts` by `node scripts/gen-export-inventory.mjs`; the count
 is pinned by `src/__tests__/public-surface.test.ts`. Do not edit between the markers.
 
 | Entry point | Names |
 |---|---|
-| `@eifi1/ui-kit` | 1414 |
+| `@eifi1/ui-kit` | 1417 |
 | `@eifi1/ui-kit/chart` | 104 |
 | `@eifi1/ui-kit/shell` | 24 |
 | `@eifi1/ui-kit/data-table` | 51 |
@@ -478,7 +478,7 @@ re-slicing of it, never a second API.
 | `components/file-button` | `DEFAULT_FILE_PICKER_LABELS`, `FileButton`, `matchesAccept`, `useFilePicker`, _`FileButtonProps`_, _`FilePickerLabels`_, _`FileRejection`_, _`FileRejectionReason`_, _`FileScreenOptions`_, _`UseFilePickerOptions`_, _`UseFilePickerReturn`_ |
 | `components/form-actions` | `DEFAULT_FORM_ACTIONS_LABELS`, `FormActions`, _`FormActionsAlign`_, _`FormActionsDestructive`_, _`FormActionsLabels`_, _`FormActionsPlacement`_, _`FormActionsProps`_, _`FormActionsStickyWithin`_, _`FormActionsSubmitProps`_, _`FormActionsSubmitShortcut`_, _`ResponsiveFormActionsPlacement`_ |
 | `components/iban-input` | `DEFAULT_IBAN_INPUT_LABELS`, `IbanInput`, _`IbanInputLabels`_, _`IbanInputProps`_ |
-| `components/legal` | `DEFAULT_LEGAL_LABELS`, `LegalFooter`, `LegalLayout`, `LegalLinks`, `LegalSection`, _`LegalFooterProps`_, _`LegalFramedSectionLabels`_, _`LegalLabels`_, _`LegalLayoutProps`_, _`LegalLink`_, _`LegalLinksProps`_, _`LegalOperator`_, _`LegalOperatorSectionLabels`_, _`LegalOperatorText`_, _`LegalPageKey`_, _`LegalSectionProps`_, _`LegalTextSectionLabels`_ |
+| `components/legal` | `DEFAULT_LEGAL_LABELS`, `LEGAL_HREFS`, `LegalFooter`, `LegalLayout`, `LegalLinks`, `legalOperatorText`, `LegalSection`, `useLegalLabels`, _`LegalFooterProps`_, _`LegalFramedSectionLabels`_, _`LegalLabels`_, _`LegalLayoutProps`_, _`LegalLink`_, _`LegalLinksProps`_, _`LegalOperator`_, _`LegalOperatorSectionLabels`_, _`LegalOperatorText`_, _`LegalPageKey`_, _`LegalSectionProps`_, _`LegalTextSectionLabels`_ |
 | `components/phone-input` | `DEFAULT_PHONE_INPUT_LABELS`, `PhoneInput`, _`PhoneInputLabels`_, _`PhoneInputProps`_ |
 | `components/share-card` | `DEFAULT_SHARE_CARD_LABELS`, `ShareCard`, `ShareDialog`, `SharePanel`, _`ShareAddRequest`_, _`ShareCandidate`_, _`ShareCardLabels`_, _`ShareCardProps`_, _`ShareDialogProps`_, _`ShareGrantee`_, _`SharePanelProps`_, _`SharePendingGrant`_, _`ShareRole`_ |
 | `components/field` | `Field`, _`FieldControlProps`_, _`FieldLabelVisibility`_, _`FieldProps`_, _`FieldRenderMeta`_ |

package/dist/chart.d.ts

@@ -13,7 +13,7 @@ export { TimeTickUnit } from './components/series-chart-ticks.js';
 import 'recharts';
 import 'react';
 import './lib/direction.js';
-import './kit-labels-SBN0biPl.js';
+import './kit-labels-Du0uHBq4.js';
 import './data-table-labels-DUELeXpa.js';
 import './components/data-table-sort.js';
 import './components/swipeable-row.js';

package/dist/components/amount-input.d.ts

@@ -2,7 +2,7 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { CalculatorButtonLabels } from './calculator.js';
 import { NumberPadSheetLabels } from './numpad-sheet.js';
-import '../kit-labels-SBN0biPl.js';
+import '../kit-labels-Du0uHBq4.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';

package/dist/components/button-group.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode, Ref, MouseEvent, ReactElement } from 'react';
-import { bA as ButtonVariant, by as ButtonSize } from '../kit-labels-SBN0biPl.js';
+import { bA as ButtonVariant, by as ButtonSize } from '../kit-labels-Du0uHBq4.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';

package/dist/components/calculator.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { bB as CalculatorLabels } from '../kit-labels-SBN0biPl.js';
+import { bB as CalculatorLabels } from '../kit-labels-Du0uHBq4.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';

package/dist/components/confirm-dialog.d.ts

@@ -1,5 +1,5 @@
 import 'react';
-export { bX as ConfirmDialogLabels, bY as ConfirmFn, bZ as ConfirmOptions, b_ as ConfirmProvider, b$ as ConfirmProviderProps, c0 as ConfirmTone, cd as DEFAULT_CONFIRM_DIALOG_LABELS, eq as useConfirm } from '../kit-labels-SBN0biPl.js';
+export { bX as ConfirmDialogLabels, bY as ConfirmFn, bZ as ConfirmOptions, b_ as ConfirmProvider, b$ as ConfirmProviderProps, c0 as ConfirmTone, cd as DEFAULT_CONFIRM_DIALOG_LABELS, es as useConfirm } from '../kit-labels-Du0uHBq4.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';

package/dist/components/copy-button.d.ts

@@ -1,5 +1,5 @@
 import 'react';
-export { c1 as CopyButton, c2 as CopyButtonLabels, c3 as CopyButtonProps, ce as DEFAULT_COPY_BUTTON_LABELS } from '../kit-labels-SBN0biPl.js';
+export { c1 as CopyButton, c2 as CopyButtonLabels, c3 as CopyButtonProps, ce as DEFAULT_COPY_BUTTON_LABELS } from '../kit-labels-Du0uHBq4.js';
 import './tooltip.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';

package/dist/components/danger-confirm.d.ts

@@ -1,5 +1,5 @@
 import 'react';
-export { c5 as CurrentPasswordInput, c6 as CurrentPasswordInputLabels, c7 as CurrentPasswordInputProps, cg as DEFAULT_DANGER_CONFIRM_LABELS, cv as DangerConfirm, cw as DangerConfirmLabels, cx as DangerConfirmProps, cy as DangerConfirmValues, cz as DangerConsequence, ea as TypedConfirmField, eb as TypedConfirmFieldLabels, ec as TypedConfirmFieldProps, ed as TypedMatch, ep as typedMatches, eB as usePromisePending } from '../kit-labels-SBN0biPl.js';
+export { c5 as CurrentPasswordInput, c6 as CurrentPasswordInputLabels, c7 as CurrentPasswordInputProps, cg as DEFAULT_DANGER_CONFIRM_LABELS, cv as DangerConfirm, cw as DangerConfirmLabels, cx as DangerConfirmProps, cy as DangerConfirmValues, cz as DangerConsequence, eb as TypedConfirmField, ec as TypedConfirmFieldLabels, ed as TypedConfirmFieldProps, ee as TypedMatch, er as typedMatches, eE as usePromisePending } from '../kit-labels-Du0uHBq4.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';

package/dist/components/facing-pair.d.ts

@@ -6,7 +6,7 @@ import './series-chart-labels.js';
 import './toggle-legend.js';
 import './series-chart-ticks.js';
 import './series-chart-budget.js';
-import '../kit-labels-SBN0biPl.js';
+import '../kit-labels-Du0uHBq4.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';

package/dist/components/file-button.d.ts

@@ -1,5 +1,5 @@
 import 'react';
-export { cj as DEFAULT_FILE_PICKER_LABELS, cP as FileButton, cQ as FileButtonProps, eA as FilePickHandler, cS as FilePickerLabels, cT as FileRejection, cU as FileRejectionReason, cV as FileScreenOptions, ei as UseFilePickerOptions, ej as UseFilePickerReturn, eC as formatAccept, eD as judgePick, em as matchesAccept, eE as screenFiles, eF as summariseRejections, er as useFilePicker } from '../kit-labels-SBN0biPl.js';
+export { cj as DEFAULT_FILE_PICKER_LABELS, cP as FileButton, cQ as FileButtonProps, eD as FilePickHandler, cS as FilePickerLabels, cT as FileRejection, cU as FileRejectionReason, cV as FileScreenOptions, ej as UseFilePickerOptions, ek as UseFilePickerReturn, eF as formatAccept, eG as judgePick, eo as matchesAccept, eH as screenFiles, eI as summariseRejections, et as useFilePicker } from '../kit-labels-Du0uHBq4.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';

package/dist/components/file-dropzone.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { cT as FileRejection, eA as FilePickHandler, cS as FilePickerLabels } from '../kit-labels-SBN0biPl.js';
+import { cT as FileRejection, eD as FilePickHandler, cS as FilePickerLabels } from '../kit-labels-Du0uHBq4.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';

package/dist/components/form-actions.d.ts

@@ -1,6 +1,6 @@
 import 'react';
 import 'lucide-react';
-export { ck as DEFAULT_FORM_ACTIONS_LABELS, cY as FormActions, cZ as FormActionsAlign, c_ as FormActionsDestructive, c$ as FormActionsLabels, d0 as FormActionsPlacement, d1 as FormActionsProps, d2 as FormActionsStickyWithin, d3 as FormActionsSubmitProps, d4 as FormActionsSubmitShortcut, dN as ResponsiveFormActionsPlacement } from '../kit-labels-SBN0biPl.js';
+export { ck as DEFAULT_FORM_ACTIONS_LABELS, cY as FormActions, cZ as FormActionsAlign, c_ as FormActionsDestructive, c$ as FormActionsLabels, d0 as FormActionsPlacement, d1 as FormActionsProps, d2 as FormActionsStickyWithin, d3 as FormActionsSubmitProps, d4 as FormActionsSubmitShortcut, dO as ResponsiveFormActionsPlacement } from '../kit-labels-Du0uHBq4.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';

package/dist/components/iban-input.d.ts

@@ -1,6 +1,6 @@
 import 'react';
 import '../lib/iban.js';
-export { cl as DEFAULT_IBAN_INPUT_LABELS, d5 as IbanInput, d6 as IbanInputLabels, d7 as IbanInputProps } from '../kit-labels-SBN0biPl.js';
+export { cl as DEFAULT_IBAN_INPUT_LABELS, d5 as IbanInput, d6 as IbanInputLabels, d7 as IbanInputProps } from '../kit-labels-Du0uHBq4.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';

package/dist/components/language-select.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { KitLanguageCode, KitLanguage } from '../i18n/languages.js';
-import { dP as SelectProps } from '../kit-labels-SBN0biPl.js';
+import { dQ as SelectProps } from '../kit-labels-Du0uHBq4.js';
 import '../shell/topbar-controls.js';
 import '../theme/palette-presets.js';
 import '../theme/chart-palette.js';

package/dist/components/legal-page.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { Ref, ReactNode } from 'react';
-import { dC as LegalPageKey, dn as LabelOverride, dt as LegalLabels, dz as LegalOperator } from '../kit-labels-SBN0biPl.js';
+import { dD as LegalPageKey, dp as LabelOverride, du as LegalLabels, dA as LegalOperator } from '../kit-labels-Du0uHBq4.js';
 import { CheckboxProps } from './checkbox.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
@@ -107,7 +107,7 @@ interface LegalSkeletonPage {
 declare const LEGAL_SKELETON: Readonly<Record<LegalPageKey, LegalSkeletonPage>>;
 /** The sections the kit writes (§4.3), on whichever page they sit. `contact` is on two
  *  pages, with two texts; the page decides which. */
-type LegalKitSectionKey = "operator" | "contact" | "disclaimer" | "controller" | "legal_basis" | "browser" | "rights" | "warranty" | "liability" | "changes" | "law";
+type LegalKitSectionKey = "operator" | "contact" | "disclaimer" | "controller" | "legal_basis" | "browser" | "rights" | "warranty" | "liability" | "changes" | "language" | "law";
 interface LegalKitSectionBase {
     /** Default: the enclosing {@link LegalPage}'s page — needed outside one, and for
      *  `contact` only (it is on two pages). */
@@ -191,6 +191,12 @@ interface LegalPageProps {
     /** Default: the kit's beta notice on the imprint and the terms, its privacy notice on
      *  the privacy policy (§3.2). `null` for none. */
     notice?: ReactNode;
+    /**
+     * 0.28.1: switches the app to the operator's `bindingLanguage` — the button after the
+     * translation note on a page read in another language. Without it the note stands
+     * alone; the app's own language switcher is in its header anyway.
+     */
+    onShowBindingLanguage?: () => void;
     /** The language the operator's country is named in. Default: the `<UiKitProvider
      *  locale>`, else English. */
     locale?: string;
@@ -231,7 +237,7 @@ interface LegalPageProps {
  *   (see `children` for what that asks of the tree);
  * - `useNoIndex()`.
  */
-declare function LegalPage({ page, operator, children, header, footer, homeHref, notice, locale: localeProp, headingAs, landmark, noIndex, className, labels: labelsProp, }: LegalPageProps): react.JSX.Element;
+declare function LegalPage({ page, operator, children, header, footer, homeHref, notice, onShowBindingLanguage, locale: localeProp, headingAs, landmark, noIndex, className, labels: labelsProp, }: LegalPageProps): react.JSX.Element;
 interface LegalAcceptCheckboxProps extends Omit<CheckboxProps, "label" | "checked" | "onCheckedChange" | "required"> {
     checked: boolean;
     onCheckedChange: (checked: boolean) => void;

package/dist/components/legal-page.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Fragment, isValidElement, useContext, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment2, isValidElement, useContext, useMemo } from "react";
 import { ArrowLeft } from "lucide-react";
 import { UiKitProvider, useKitLocale } from "../i18n/kit-labels.js";
 import { useNoIndex } from "../hooks/use-noindex.js";
@@ -8,6 +8,7 @@ import { cn } from "../lib/cn.js";
 import { Checkbox } from "./checkbox.js";
 import {
   LEGAL_HREFS,
+  baseLanguage,
   LegalFooter,
   LegalLayout,
   LegalPageContext,
@@ -19,6 +20,7 @@ import {
   warnLegalOnce
 } from "./legal.js";
 import { TextLink } from "./text-link.js";
+import { Button } from "./ui.js";
 const LEGAL_SKELETON = Object.freeze({
   impressum: Object.freeze({
     numbered: false,
@@ -53,6 +55,8 @@ const LEGAL_SKELETON = Object.freeze({
       { key: "warranty", owner: "kit" },
       { key: "liability", owner: "kit" },
       { key: "changes", owner: "kit" },
+      // 0.28.1: which language's version prevails (the operator's `bindingLanguage`).
+      { key: "language", owner: "kit" },
       { key: "law", owner: "kit" }
     ])
   })
@@ -64,7 +68,7 @@ const PAGES = ["impressum", "privacy", "terms"];
 function appPart(children) {
   if (children === void 0 || children === null || children === false) return null;
   if (typeof children === "string") return /* @__PURE__ */ jsx(LegalText, { text: children }, "app");
-  return /* @__PURE__ */ jsx(Fragment, { children }, "app");
+  return /* @__PURE__ */ jsx(Fragment2, { children }, "app");
 }
 function LegalKitSection(props) {
   const { section, headingAs, labels: labelsProp } = props;
@@ -87,6 +91,11 @@ function LegalKitSection(props) {
         `LegalKitSection "${section}" names the operator: render it inside <LegalPage operator={\u2026}>, or pass operator.`
       );
     }
+    if (section === "language" && !operator.bindingLanguage) {
+      throw new Error(
+        `LegalKitSection "language" names the binding language: give the operator a bindingLanguage ("de-CH").`
+      );
+    }
     return body(operator);
   };
   const app = appPart(props.children);
@@ -115,7 +124,7 @@ function onlyPageOf(section) {
 function flatten(node, path, out) {
   if (node === null || node === void 0 || typeof node === "boolean") return;
   if (isValidElement(node)) {
-    if (node.type === Fragment) {
+    if (node.type === Fragment2) {
       flatten(node.props.children, path, out);
     } else {
       out.push({ node, path: path || "/" });
@@ -152,7 +161,7 @@ function slotSections(children, page, labels) {
   let count = 0;
   const nodes = flat.map(({ node, path }) => {
     const section = sectionOf(node, page, labels);
-    if (!section) return /* @__PURE__ */ jsx(Fragment, { children: node }, path);
+    if (!section) return /* @__PURE__ */ jsx(Fragment2, { children: node }, path);
     count += 1;
     const number = numbered ? count : void 0;
     if (section.key !== void 0) {
@@ -174,6 +183,7 @@ function LegalPage({
   footer,
   homeHref = "/",
   notice,
+  onShowBindingLanguage,
   locale: localeProp,
   headingAs = "h1",
   landmark = true,
@@ -198,6 +208,14 @@ function LegalPage({
   };
   const Main = landmark ? "main" : "div";
   const shownNotice = notice !== void 0 ? notice : page === "privacy" ? labels.notice.privacy : labels.notice.beta;
+  const translated = operator.bindingLanguage !== void 0 && baseLanguage(operator.bindingLanguage) !== baseLanguage(locale);
+  const translationNote = translated ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-[var(--text-secondary)]", children: [
+    labels.translation.note(operatorText),
+    onShowBindingLanguage && /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "link", size: "sm", className: "h-auto p-0 align-baseline", onClick: onShowBindingLanguage, children: labels.translation.show(operatorText) })
+    ] })
+  ] }) : void 0;
   return /* @__PURE__ */ jsx(UiKitProvider, { labels: overrides, children: /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-full flex-col", className), children: [
     header,
     /* @__PURE__ */ jsx(Main, { className: "flex-1", children: /* @__PURE__ */ jsx(LegalPageContext.Provider, { value: context, children: /* @__PURE__ */ jsx(
@@ -206,6 +224,7 @@ function LegalPage({
         back: /* @__PURE__ */ jsx(TextLink, { href: homeHref, icon: ArrowLeft, children: labels.backHome }),
         title: labels.titles[page],
         notice: shownNotice,
+        translationNote,
         headingAs,
         children: nodes
       }

package/dist/components/legal-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/legal-page.tsx"],"sourcesContent":["import { Fragment, isValidElement, useContext, useMemo } from \"react\";\nimport type { ReactNode, Ref } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\n\nimport { UiKitProvider, useKitLocale } from \"../i18n/kit-labels\";\nimport type { LabelOverride, UiKitLabelOverrides } from \"../i18n/kit-labels\";\nimport { useNoIndex } from \"../hooks/use-noindex\";\nimport { cn } from \"../lib/cn\";\nimport { Checkbox } from \"./checkbox\";\nimport type { CheckboxProps } from \"./checkbox\";\nimport {\n  LEGAL_HREFS,\n  LegalFooter,\n  LegalLayout,\n  LegalPageContext,\n  LegalSection,\n  LegalSlotContext,\n  LegalText,\n  legalOperatorText,\n  useLegalLabels,\n  warnLegalOnce,\n} from \"./legal\";\nimport type {\n  LegalFramedSectionLabels,\n  LegalLabels,\n  LegalOperator,\n  LegalOperatorSectionLabels,\n  LegalOperatorText,\n  LegalPageContextValue,\n  LegalPageKey,\n  LegalRefTarget,\n  LegalSectionProps,\n  LegalTextSectionLabels,\n} from \"./legal\";\nimport { TextLink } from \"./text-link\";\n\n/**\n * The legal pages' frame and the kit's own sections — docs/legal-harmonization.md §3\n * and §4, the 0.28 round. The labels, the column, `LegalSection`, the links and the\n * footer are in `./legal`.\n */\n\n// ── The skeleton (§4.2) ───────────────────────────────────────────────────────\n\n/** Who writes a section: the kit's wording, the app's own, or the kit's wording with an\n *  app paragraph in a fixed slot. */\nexport type LegalSectionOwner = \"kit\" | \"app\" | \"kit+app\";\n\nexport interface LegalSkeletonEntry {\n  /** The section key — its `id` and its catalogue key. `\"*\"` is the slot where the\n   *  app's own sections go (zero or more: keksdose's `credits`, `price_pool`, …). */\n  key: string;\n  owner: LegalSectionOwner;\n}\n\nexport interface LegalSkeletonPage {\n  /** Whether the page numbers its sections (\"3. Legal basis\"). The imprint does not. */\n  numbered: boolean;\n  /** The sections in their order. */\n  sections: readonly LegalSkeletonEntry[];\n}\n\n/**\n * The section order every app's legal pages follow (§4.2), as data — so an app's test\n * can assert that its pages do, and so the order lives in one place, not in three apps'\n * reading of a table. `LegalPage` reads `numbered` from it.\n *\n * An app's test, given the section ids its page rendered in order:\n *\n *     const fixed = LEGAL_SKELETON.privacy.sections.map((s) => s.key).filter((k) => k !== \"*\");\n *     expect(ids.filter((id) => fixed.includes(id))).toEqual(fixed);\n *\n * Every fixed key is there, in the skeleton's order; the ids that are not in it are the\n * app's own sections, which belong where `\"*\"` stands.\n */\nexport const LEGAL_SKELETON: Readonly<Record<LegalPageKey, LegalSkeletonPage>> = Object.freeze({\n  impressum: Object.freeze({\n    numbered: false,\n    sections: Object.freeze([\n      { key: \"operator\", owner: \"kit\" },\n      { key: \"contact\", owner: \"kit\" },\n      { key: \"disclaimer\", owner: \"kit\" },\n      { key: \"*\", owner: \"app\" },\n    ] as const),\n  }),\n  privacy: Object.freeze({\n    numbered: true,\n    sections: Object.freeze([\n      { key: \"controller\", owner: \"kit\" },\n      { key: \"data\", owner: \"app\" },\n      { key: \"legal_basis\", owner: \"kit+app\" },\n      { key: \"third_parties\", owner: \"app\" },\n      { key: \"*\", owner: \"app\" },\n      { key: \"browser\", owner: \"kit+app\" },\n      { key: \"transfers\", owner: \"app\" },\n      { key: \"retention\", owner: \"app\" },\n      { key: \"rights\", owner: \"kit+app\" },\n      { key: \"contact\", owner: \"kit\" },\n    ] as const),\n  }),\n  terms: Object.freeze({\n    numbered: true,\n    sections: Object.freeze([\n      { key: \"scope\", owner: \"app\" },\n      { key: \"no_advice\", owner: \"app\" },\n      { key: \"*\", owner: \"app\" },\n      { key: \"warranty\", owner: \"kit\" },\n      { key: \"liability\", owner: \"kit\" },\n      { key: \"changes\", owner: \"kit\" },\n      { key: \"law\", owner: \"kit\" },\n    ] as const),\n  }),\n});\n\n/** The sections the kit writes (§4.3), on whichever page they sit. `contact` is on two\n *  pages, with two texts; the page decides which. */\nexport type LegalKitSectionKey =\n  | \"operator\"\n  | \"contact\"\n  | \"disclaimer\"\n  | \"controller\"\n  | \"legal_basis\"\n  | \"browser\"\n  | \"rights\"\n  | \"warranty\"\n  | \"liability\"\n  | \"changes\"\n  | \"law\";\n\n/** The kit's sections of one page, in the skeleton's order. */\nfunction kitSectionsOf(page: LegalPageKey): string[] {\n  return LEGAL_SKELETON[page].sections.filter((s) => s.owner !== \"app\").map((s) => s.key);\n}\n\nconst PAGES: readonly LegalPageKey[] = [\"impressum\", \"privacy\", \"terms\"];\n\n// ── Kit sections ──────────────────────────────────────────────────────────────\n\ninterface LegalKitSectionBase {\n  /** Default: the enclosing {@link LegalPage}'s page — needed outside one, and for\n   *  `contact` only (it is on two pages). */\n  page?: LegalPageKey;\n  /** Default: the enclosing {@link LegalPage}'s operator — needed outside one, by the\n   *  sections that name it (operator, both contacts, controller, law). */\n  operator?: LegalOperator;\n  /** Default: one level below the page's title (`h2` under an `h1`). */\n  headingAs?: \"h2\" | \"h3\";\n  labels?: LabelOverride<LegalLabels>;\n}\n\n/**\n * One of the kit's sections, by key. `children` is the app's paragraph where §4.2 says\n * \"kit + app\" — and only there, which the type holds an app to: the other sections'\n * wording is identical in every app, and an app that needs to say more says it in a\n * section of its own. `browser` takes the app's list of what it keeps, as `entries`.\n */\nexport type LegalKitSectionProps = LegalKitSectionBase &\n  (\n    | {\n        section: \"browser\";\n        /** What this app keeps in the browser, one entry per item — rendered as a `<ul>`\n         *  between the kit's two sentences. The app's words, in every language it serves. */\n        entries: readonly string[];\n        /** After the kit's text: what sign-out removes beyond the tokens, what stays. */\n        children?: ReactNode;\n      }\n    | {\n        section: \"legal_basis\" | \"rights\";\n        entries?: never;\n        /** `legal_basis`: after the kit's paragraph (consent, where an app relies on\n         *  it). `rights`: between the list of rights and the supervisory authorities\n         *  (how to export, how to delete). A plain string keeps its line breaks and has\n         *  its `{ref:key}` tokens resolved. */\n        children?: ReactNode;\n      }\n    | {\n        section: Exclude<LegalKitSectionKey, \"browser\" | \"legal_basis\" | \"rights\">;\n        entries?: never;\n        children?: never;\n      }\n  );\n\n/** The app's paragraph: a plain string as running text (line breaks kept, refs\n *  resolved), anything else as it is. */\nfunction appPart(children: ReactNode): ReactNode {\n  if (children === undefined || children === null || children === false) return null;\n  if (typeof children === \"string\") return <LegalText key=\"app\" text={children} />;\n  return <Fragment key=\"app\">{children}</Fragment>;\n}\n\n/**\n * One of the kit's sections (§4.3) — `<LegalKitSection section=\"warranty\" />` — with its\n * heading, its `id` (the key: `/terms#warranty`) and, on a numbered page, its number.\n *\n * The words are the kit's, in the `legal` labels, filled in with the operator; an app\n * adds only what §4.2 gives it a slot for. Inside a {@link LegalPage} the page and the\n * operator come from it, so a page reads as its section list:\n *\n *     <LegalPage page=\"privacy\" operator={OPERATOR}>\n *       <LegalKitSection section=\"controller\" />\n *       <LegalSection key=\"data\" heading={t(\"legal.privacy.data.title\")} body={…} />\n *       <LegalKitSection section=\"legal_basis\">{t(\"legal.privacy.legal_basis.app\")}</LegalKitSection>\n *       …\n *     </LegalPage>\n *\n * A key that is not one of the page's kit sections throws, naming the ones that are: it\n * is a typo in code, not a state a user can reach.\n */\nexport function LegalKitSection(props: LegalKitSectionProps) {\n  const { section, headingAs, labels: labelsProp } = props;\n  const context = useContext(LegalPageContext);\n  const labels = useLegalLabels(labelsProp);\n  const kitLocale = useKitLocale();\n\n  const page = props.page ?? context?.page ?? onlyPageOf(section);\n  const kitSections = kitSectionsOf(page);\n  if (!kitSections.includes(section)) {\n    throw new Error(\n      `LegalKitSection: \"${section}\" is not one of the kit's sections of the ${page} page (${kitSections.join(\", \")}).`,\n    );\n  }\n  const entry = (labels.sections[page] as Record<string, SectionLabels>)[section];\n  const operator = props.operator ? legalOperatorText(props.operator, kitLocale) : context?.operator;\n  const fill = (body: string | ((o: LegalOperatorText) => string)): string => {\n    if (typeof body === \"string\") return body;\n    if (!operator) {\n      throw new Error(\n        `LegalKitSection \"${section}\" names the operator: render it inside <LegalPage operator={…}>, or pass operator.`,\n      );\n    }\n    return body(operator);\n  };\n\n  const app = appPart(props.children);\n  let parts: ReactNode[];\n  if (\"lead\" in entry) {\n    const lead = <LegalText key=\"lead\" text={entry.lead} />;\n    const tail = <LegalText key=\"tail\" text={entry.tail} />;\n    if (props.section === \"browser\") {\n      const list =\n        props.entries.length > 0 ? (\n          <ul key=\"entries\" className=\"list-disc space-y-1 ps-5\">\n            {props.entries.map((item, i) => (\n              <li key={i}>{item}</li>\n            ))}\n          </ul>\n        ) : null;\n      parts = [lead, list, tail, app];\n    } else {\n      // `rights`: the app's paragraph sits between the rights and the authorities.\n      parts = [lead, app, tail];\n    }\n  } else {\n    parts = [<LegalText key=\"body\" text={fill(entry.body)} />, app];\n  }\n\n  return (\n    <LegalSection id={section} heading={entry.title} headingAs={headingAs}>\n      <div className=\"space-y-[1lh]\">{parts}</div>\n    </LegalSection>\n  );\n}\n\ntype SectionLabels = LegalTextSectionLabels | LegalOperatorSectionLabels | LegalFramedSectionLabels;\n\n/** The one page a kit section key is on; `contact` is on two, so it needs the page. */\nfunction onlyPageOf(section: string): LegalPageKey {\n  const pages = PAGES.filter((p) => kitSectionsOf(p).includes(section));\n  if (pages.length === 1) return pages[0];\n  throw new Error(\n    pages.length === 0\n      ? `LegalKitSection: \"${section}\" is not one of the kit's sections.`\n      : `LegalKitSection: \"${section}\" is on more than one page (${pages.join(\", \")}) — render it inside a LegalPage, or pass page.`,\n  );\n}\n\n// ── The page ──────────────────────────────────────────────────────────────────\n\nexport interface LegalPageProps {\n  /** Which page: the title, the default notice, whether the sections are numbered. */\n  page: LegalPageKey;\n  /** Who runs the app — the values the kit's sections name. The same in every app's\n   *  three pages; the kit holds none (§5). */\n  operator: LegalOperator;\n  /**\n   * The sections, in reading order: {@link LegalKitSection}s and {@link LegalSection}s.\n   *\n   * They must be DIRECT children — or inside fragments, or in an array\n   * (`SECTIONS.map(…)`). The page reads them before they render, to know every\n   * section's number in advance: that is what lets a `{ref:key}` point forward\n   * (keksdose's section 2 refers to section 10). A section wrapped in a component of the\n   * app's own is invisible to that walk and renders unnumbered, with no key.\n   */\n  children: ReactNode;\n  /** The app's public header — the one a signed-out visitor already sees (keksdose's\n   *  `LandingHeader`, Kurvenschmiede's `AppTopBar` without the shell). */\n  header?: ReactNode;\n  /** Default: `<LegalFooter />` with this page marked. `null` for none. */\n  footer?: ReactNode;\n  /** The back link's target. Default `/`, which takes a signed-in user into the app and\n   *  a signed-out one to the landing or sign-in page. */\n  homeHref?: string;\n  /** Default: the kit's beta notice on the imprint and the terms, its privacy notice on\n   *  the privacy policy (§3.2). `null` for none. */\n  notice?: ReactNode;\n  /** The language the operator's country is named in. Default: the `<UiKitProvider\n   *  locale>`, else English. */\n  locale?: string;\n  /** The title's element. Default `h1`; `h2` for a page shown inside another (a\n   *  preview), whose sections then take `h3`. */\n  headingAs?: \"h1\" | \"h2\";\n  /** `false` draws the column as a `<div>` instead of `<main>` — for a page embedded in\n   *  one that has its own `<main>`. Default true. */\n  landmark?: boolean;\n  /** Default true: {@link useNoIndex}. `false` only where the page is not the page — a\n   *  preview inside another page. */\n  noIndex?: boolean;\n  /** On the outermost element (a full-height column). */\n  className?: string;\n  /** The `legal` labels for this page and everything in it — sections, footer,\n   *  checkbox — on top of the provider's. */\n  labels?: LabelOverride<LegalLabels>;\n}\n\ninterface FlatNode {\n  node: ReactNode;\n  /** A stable React key from the node's place in the tree the app wrote. */\n  path: string;\n}\n\n/** The children as a flat list, arrays and fragments opened — the sections the page can\n *  see, in render order. */\nfunction flatten(node: ReactNode, path: string, out: FlatNode[]): void {\n  if (node === null || node === undefined || typeof node === \"boolean\") return;\n  if (isValidElement(node)) {\n    if (node.type === Fragment) {\n      flatten((node.props as { children?: ReactNode }).children, path, out);\n    } else {\n      out.push({ node, path: path || \"/\" });\n    }\n    return;\n  }\n  if (typeof node === \"object\" && Symbol.iterator in node) {\n    Array.from(node as Iterable<ReactNode>).forEach((child, i) => {\n      const step = isValidElement(child) && child.key !== null ? `$${child.key}` : `#${i}`;\n      flatten(child, `${path}/${step}`, out);\n    });\n    return;\n  }\n  out.push({ node, path: path || \"/\" });\n}\n\n/** A section the walk found: its key (`undefined` when it has none) and heading. */\nfunction sectionOf(\n  node: ReactNode,\n  page: LegalPageKey,\n  labels: LegalLabels,\n): { key: string | undefined; heading: ReactNode } | null {\n  if (!isValidElement(node)) return null;\n  if (node.type === LegalKitSection) {\n    const { section } = node.props as LegalKitSectionProps;\n    const entry = (labels.sections[page] as Record<string, SectionLabels | undefined>)[section];\n    return { key: section, heading: entry?.title ?? section };\n  }\n  if (node.type === LegalSection) {\n    const props = node.props as LegalSectionProps;\n    return { key: props.id ?? node.key ?? undefined, heading: props.heading };\n  }\n  return null;\n}\n\n/**\n * The page's sections, each in a slot that tells it its key and number, and the map a\n * `{ref:key}` is resolved from — built from the children BEFORE they render.\n */\nfunction slotSections(\n  children: ReactNode,\n  page: LegalPageKey,\n  labels: LegalLabels,\n): { nodes: ReactNode[]; targets: Map<string, LegalRefTarget> } {\n  const flat: FlatNode[] = [];\n  flatten(children, \"\", flat);\n  const numbered = LEGAL_SKELETON[page].numbered;\n  const targets = new Map<string, LegalRefTarget>();\n  let count = 0;\n  const nodes = flat.map(({ node, path }) => {\n    const section = sectionOf(node, page, labels);\n    if (!section) return <Fragment key={path}>{node}</Fragment>;\n    count += 1;\n    const number = numbered ? count : undefined;\n    if (section.key !== undefined) {\n      if (targets.has(section.key)) {\n        warnLegalOnce(`two sections of the ${page} page share the key \"${section.key}\"; {ref:${section.key}} names the first.`);\n      } else {\n        targets.set(section.key, { number, heading: section.heading });\n      }\n    }\n    return (\n      <LegalSlotContext.Provider key={path} value={{ id: section.key, number }}>\n        {node}\n      </LegalSlotContext.Provider>\n    );\n  });\n  return { nodes, targets };\n}\n\n/**\n * A legal page — Imprint, Privacy Policy or Terms — in the frame every app uses (§3.2):\n * the app's public header, the kit's column (back link, title, notice, sections) and the\n * public footer. keksdose's `features/legal/legal-layout.tsx`, the reference: its\n * `LegalPage` drew exactly this around the kit's `LegalLayout`, and kastlan and\n * Kurvenschmiede each drew a different frame (an auth card, the signed-in app shell).\n * Signed-in users see the same frame: the pages are public and outside the app shell.\n *\n * What it adds to the column:\n * - the title, from `legal.titles`, and \"← Back to home\" pointing at `homeHref`;\n * - the default notice per page — the beta notice, or the privacy notice on the privacy\n *   policy, whose technical sections describe running code (§3.2, §7.3);\n * - numbers: the privacy and terms sections are \"N. Title\" in render order, the\n *   imprint's are not (§4.1). The titles in the catalogues carry no number, so a\n *   section added in the middle renumbers the rest instead of leaving them wrong;\n * - ids: every section's `id` is its key (`/privacy#rights`), which keeps\n *   Kurvenschmiede's deep links working;\n * - `{ref:key}` in a section's text becomes that section's number, linked — forward\n *   references included, since the page knows the order before any section renders\n *   (see `children` for what that asks of the tree);\n * - `useNoIndex()`.\n */\nexport function LegalPage({\n  page,\n  operator,\n  children,\n  header,\n  footer,\n  homeHref = \"/\",\n  notice,\n  locale: localeProp,\n  headingAs = \"h1\",\n  landmark = true,\n  noIndex = true,\n  className,\n  labels: labelsProp,\n}: LegalPageProps) {\n  useNoIndex(noIndex);\n  const labels = useLegalLabels(labelsProp);\n  const locale = useKitLocale(localeProp) ?? \"en\";\n  // Not memoised: `countryName` keeps one `Intl.DisplayNames` per locale, so naming the\n  // country again is a lookup, and the context is rebuilt with the children anyway.\n  const operatorText = legalOperatorText(operator, locale);\n  const overrides = useMemo<UiKitLabelOverrides | undefined>(\n    () => (labelsProp ? { legal: labelsProp } : undefined),\n    [labelsProp],\n  );\n\n  const { nodes, targets } = slotSections(children, page, labels);\n  const context: LegalPageContextValue = {\n    page,\n    operator: operatorText,\n    sectionHeading: headingAs === \"h1\" ? \"h2\" : \"h3\",\n    targets,\n  };\n  const Main = landmark ? \"main\" : \"div\";\n  const shownNotice =\n    notice !== undefined ? notice : page === \"privacy\" ? labels.notice.privacy : labels.notice.beta;\n\n  return (\n    <UiKitProvider labels={overrides}>\n      <div className={cn(\"flex min-h-full flex-col\", className)}>\n        {header}\n        <Main className=\"flex-1\">\n          <LegalPageContext.Provider value={context}>\n            <LegalLayout\n              back={\n                <TextLink href={homeHref} icon={ArrowLeft}>\n                  {labels.backHome}\n                </TextLink>\n              }\n              title={labels.titles[page]}\n              notice={shownNotice}\n              headingAs={headingAs}\n            >\n              {nodes}\n            </LegalLayout>\n          </LegalPageContext.Provider>\n        </Main>\n        {footer === undefined ? <LegalFooter currentHref={LEGAL_HREFS[page]} /> : footer}\n      </div>\n    </UiKitProvider>\n  );\n}\n\n// ── Terms acceptance (§3.4) ───────────────────────────────────────────────────\n\nexport interface LegalAcceptCheckboxProps\n  extends Omit<CheckboxProps, \"label\" | \"checked\" | \"onCheckedChange\" | \"required\"> {\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n  /** Default `/terms`. */\n  termsHref?: string;\n  /** Default `/privacy`. */\n  privacyHref?: string;\n  labels?: LabelOverride<LegalLabels>;\n  ref?: Ref<HTMLInputElement>;\n}\n\n/** `legal.accept` with its `{terms}` and `{privacy}` as links named by the page titles.\n *  Split, not interpolated: the text between the placeholders is the template's own,\n *  to the character — nothing is added around a link. */\nfunction acceptLabel(labels: LegalLabels, termsHref: string, privacyHref: string): ReactNode[] {\n  const template = labels.accept;\n  for (const placeholder of [\"{terms}\", \"{privacy}\"]) {\n    if (!template.includes(placeholder)) warnLegalOnce(`legal.accept has no ${placeholder}: \"${template}\".`);\n  }\n  return template\n    .split(/(\\{terms\\}|\\{privacy\\})/)\n    .filter((part) => part !== \"\")\n    .map((part, i) =>\n      part === \"{terms}\" ? (\n        <TextLink key={i} href={termsHref} tone=\"primary\">\n          {labels.titles.terms}\n        </TextLink>\n      ) : part === \"{privacy}\" ? (\n        <TextLink key={i} href={privacyHref} tone=\"primary\">\n          {labels.titles.privacy}\n        </TextLink>\n      ) : (\n        part\n      ),\n    );\n}\n\n/**\n * The register page's \"I accept the [Terms of Service] and the [Privacy Policy]\" (§3.4):\n * keksdose's checkbox (features/auth/register-page.tsx), for every app.\n *\n * A REQUIRED kit `Checkbox` — not a Switch: a form answer that waits for the submit\n * button. The app keeps its submit disabled while it is unticked, so there is never a\n * failed attempt and no `error` to show. Nothing is sent to the backend: no stored\n * version, no re-acceptance (Marcel, §2.4).\n *\n * The label is ONE template, `legal.accept`, so a language puts the links where its\n * grammar needs them, articles included — fr \"J’accepte les {terms} et la {privacy}\",\n * it \"Accetto le {terms} e l’{privacy}\" with no space after the elided article. The link\n * texts are the page titles (`legal.titles`), as on the pages themselves.\n */\nexport function LegalAcceptCheckbox({\n  checked,\n  onCheckedChange,\n  termsHref = LEGAL_HREFS.terms,\n  privacyHref = LEGAL_HREFS.privacy,\n  labels: labelsProp,\n  ref,\n  ...rest\n}: LegalAcceptCheckboxProps) {\n  const labels = useLegalLabels(labelsProp);\n  return (\n    <Checkbox\n      {...rest}\n      ref={ref}\n      checked={checked}\n      onCheckedChange={onCheckedChange}\n      required\n      label={acceptLabel(labels, termsHref, privacyHref)}\n    />\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/legal-page.tsx"],"sourcesContent":["import { Fragment, isValidElement, useContext, useMemo } from \"react\";\nimport type { ReactNode, Ref } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\n\nimport { UiKitProvider, useKitLocale } from \"../i18n/kit-labels\";\nimport type { LabelOverride, UiKitLabelOverrides } from \"../i18n/kit-labels\";\nimport { useNoIndex } from \"../hooks/use-noindex\";\nimport { cn } from \"../lib/cn\";\nimport { Checkbox } from \"./checkbox\";\nimport type { CheckboxProps } from \"./checkbox\";\nimport {\n  LEGAL_HREFS,\n  baseLanguage,\n  LegalFooter,\n  LegalLayout,\n  LegalPageContext,\n  LegalSection,\n  LegalSlotContext,\n  LegalText,\n  legalOperatorText,\n  useLegalLabels,\n  warnLegalOnce,\n} from \"./legal\";\nimport type {\n  LegalFramedSectionLabels,\n  LegalLabels,\n  LegalOperator,\n  LegalOperatorSectionLabels,\n  LegalOperatorText,\n  LegalPageContextValue,\n  LegalPageKey,\n  LegalRefTarget,\n  LegalSectionProps,\n  LegalTextSectionLabels,\n} from \"./legal\";\nimport { TextLink } from \"./text-link\";\nimport { Button } from \"./ui\";\n\n/**\n * The legal pages' frame and the kit's own sections — docs/legal-harmonization.md §3\n * and §4, the 0.28 round. The labels, the column, `LegalSection`, the links and the\n * footer are in `./legal`.\n */\n\n// ── The skeleton (§4.2) ───────────────────────────────────────────────────────\n\n/** Who writes a section: the kit's wording, the app's own, or the kit's wording with an\n *  app paragraph in a fixed slot. */\nexport type LegalSectionOwner = \"kit\" | \"app\" | \"kit+app\";\n\nexport interface LegalSkeletonEntry {\n  /** The section key — its `id` and its catalogue key. `\"*\"` is the slot where the\n   *  app's own sections go (zero or more: keksdose's `credits`, `price_pool`, …). */\n  key: string;\n  owner: LegalSectionOwner;\n}\n\nexport interface LegalSkeletonPage {\n  /** Whether the page numbers its sections (\"3. Legal basis\"). The imprint does not. */\n  numbered: boolean;\n  /** The sections in their order. */\n  sections: readonly LegalSkeletonEntry[];\n}\n\n/**\n * The section order every app's legal pages follow (§4.2), as data — so an app's test\n * can assert that its pages do, and so the order lives in one place, not in three apps'\n * reading of a table. `LegalPage` reads `numbered` from it.\n *\n * An app's test, given the section ids its page rendered in order:\n *\n *     const fixed = LEGAL_SKELETON.privacy.sections.map((s) => s.key).filter((k) => k !== \"*\");\n *     expect(ids.filter((id) => fixed.includes(id))).toEqual(fixed);\n *\n * Every fixed key is there, in the skeleton's order; the ids that are not in it are the\n * app's own sections, which belong where `\"*\"` stands.\n */\nexport const LEGAL_SKELETON: Readonly<Record<LegalPageKey, LegalSkeletonPage>> = Object.freeze({\n  impressum: Object.freeze({\n    numbered: false,\n    sections: Object.freeze([\n      { key: \"operator\", owner: \"kit\" },\n      { key: \"contact\", owner: \"kit\" },\n      { key: \"disclaimer\", owner: \"kit\" },\n      { key: \"*\", owner: \"app\" },\n    ] as const),\n  }),\n  privacy: Object.freeze({\n    numbered: true,\n    sections: Object.freeze([\n      { key: \"controller\", owner: \"kit\" },\n      { key: \"data\", owner: \"app\" },\n      { key: \"legal_basis\", owner: \"kit+app\" },\n      { key: \"third_parties\", owner: \"app\" },\n      { key: \"*\", owner: \"app\" },\n      { key: \"browser\", owner: \"kit+app\" },\n      { key: \"transfers\", owner: \"app\" },\n      { key: \"retention\", owner: \"app\" },\n      { key: \"rights\", owner: \"kit+app\" },\n      { key: \"contact\", owner: \"kit\" },\n    ] as const),\n  }),\n  terms: Object.freeze({\n    numbered: true,\n    sections: Object.freeze([\n      { key: \"scope\", owner: \"app\" },\n      { key: \"no_advice\", owner: \"app\" },\n      { key: \"*\", owner: \"app\" },\n      { key: \"warranty\", owner: \"kit\" },\n      { key: \"liability\", owner: \"kit\" },\n      { key: \"changes\", owner: \"kit\" },\n      // 0.28.1: which language's version prevails (the operator's `bindingLanguage`).\n      { key: \"language\", owner: \"kit\" },\n      { key: \"law\", owner: \"kit\" },\n    ] as const),\n  }),\n});\n\n/** The sections the kit writes (§4.3), on whichever page they sit. `contact` is on two\n *  pages, with two texts; the page decides which. */\nexport type LegalKitSectionKey =\n  | \"operator\"\n  | \"contact\"\n  | \"disclaimer\"\n  | \"controller\"\n  | \"legal_basis\"\n  | \"browser\"\n  | \"rights\"\n  | \"warranty\"\n  | \"liability\"\n  | \"changes\"\n  | \"language\"\n  | \"law\";\n\n/** The kit's sections of one page, in the skeleton's order. */\nfunction kitSectionsOf(page: LegalPageKey): string[] {\n  return LEGAL_SKELETON[page].sections.filter((s) => s.owner !== \"app\").map((s) => s.key);\n}\n\nconst PAGES: readonly LegalPageKey[] = [\"impressum\", \"privacy\", \"terms\"];\n\n// ── Kit sections ──────────────────────────────────────────────────────────────\n\ninterface LegalKitSectionBase {\n  /** Default: the enclosing {@link LegalPage}'s page — needed outside one, and for\n   *  `contact` only (it is on two pages). */\n  page?: LegalPageKey;\n  /** Default: the enclosing {@link LegalPage}'s operator — needed outside one, by the\n   *  sections that name it (operator, both contacts, controller, law). */\n  operator?: LegalOperator;\n  /** Default: one level below the page's title (`h2` under an `h1`). */\n  headingAs?: \"h2\" | \"h3\";\n  labels?: LabelOverride<LegalLabels>;\n}\n\n/**\n * One of the kit's sections, by key. `children` is the app's paragraph where §4.2 says\n * \"kit + app\" — and only there, which the type holds an app to: the other sections'\n * wording is identical in every app, and an app that needs to say more says it in a\n * section of its own. `browser` takes the app's list of what it keeps, as `entries`.\n */\nexport type LegalKitSectionProps = LegalKitSectionBase &\n  (\n    | {\n        section: \"browser\";\n        /** What this app keeps in the browser, one entry per item — rendered as a `<ul>`\n         *  between the kit's two sentences. The app's words, in every language it serves. */\n        entries: readonly string[];\n        /** After the kit's text: what sign-out removes beyond the tokens, what stays. */\n        children?: ReactNode;\n      }\n    | {\n        section: \"legal_basis\" | \"rights\";\n        entries?: never;\n        /** `legal_basis`: after the kit's paragraph (consent, where an app relies on\n         *  it). `rights`: between the list of rights and the supervisory authorities\n         *  (how to export, how to delete). A plain string keeps its line breaks and has\n         *  its `{ref:key}` tokens resolved. */\n        children?: ReactNode;\n      }\n    | {\n        section: Exclude<LegalKitSectionKey, \"browser\" | \"legal_basis\" | \"rights\">;\n        entries?: never;\n        children?: never;\n      }\n  );\n\n/** The app's paragraph: a plain string as running text (line breaks kept, refs\n *  resolved), anything else as it is. */\nfunction appPart(children: ReactNode): ReactNode {\n  if (children === undefined || children === null || children === false) return null;\n  if (typeof children === \"string\") return <LegalText key=\"app\" text={children} />;\n  return <Fragment key=\"app\">{children}</Fragment>;\n}\n\n/**\n * One of the kit's sections (§4.3) — `<LegalKitSection section=\"warranty\" />` — with its\n * heading, its `id` (the key: `/terms#warranty`) and, on a numbered page, its number.\n *\n * The words are the kit's, in the `legal` labels, filled in with the operator; an app\n * adds only what §4.2 gives it a slot for. Inside a {@link LegalPage} the page and the\n * operator come from it, so a page reads as its section list:\n *\n *     <LegalPage page=\"privacy\" operator={OPERATOR}>\n *       <LegalKitSection section=\"controller\" />\n *       <LegalSection key=\"data\" heading={t(\"legal.privacy.data.title\")} body={…} />\n *       <LegalKitSection section=\"legal_basis\">{t(\"legal.privacy.legal_basis.app\")}</LegalKitSection>\n *       …\n *     </LegalPage>\n *\n * A key that is not one of the page's kit sections throws, naming the ones that are: it\n * is a typo in code, not a state a user can reach.\n */\nexport function LegalKitSection(props: LegalKitSectionProps) {\n  const { section, headingAs, labels: labelsProp } = props;\n  const context = useContext(LegalPageContext);\n  const labels = useLegalLabels(labelsProp);\n  const kitLocale = useKitLocale();\n\n  const page = props.page ?? context?.page ?? onlyPageOf(section);\n  const kitSections = kitSectionsOf(page);\n  if (!kitSections.includes(section)) {\n    throw new Error(\n      `LegalKitSection: \"${section}\" is not one of the kit's sections of the ${page} page (${kitSections.join(\", \")}).`,\n    );\n  }\n  const entry = (labels.sections[page] as Record<string, SectionLabels>)[section];\n  const operator = props.operator ? legalOperatorText(props.operator, kitLocale) : context?.operator;\n  const fill = (body: string | ((o: LegalOperatorText) => string)): string => {\n    if (typeof body === \"string\") return body;\n    if (!operator) {\n      throw new Error(\n        `LegalKitSection \"${section}\" names the operator: render it inside <LegalPage operator={…}>, or pass operator.`,\n      );\n    }\n    if (section === \"language\" && !operator.bindingLanguage) {\n      throw new Error(\n        `LegalKitSection \"language\" names the binding language: give the operator a bindingLanguage (\"de-CH\").`,\n      );\n    }\n    return body(operator);\n  };\n\n  const app = appPart(props.children);\n  let parts: ReactNode[];\n  if (\"lead\" in entry) {\n    const lead = <LegalText key=\"lead\" text={entry.lead} />;\n    const tail = <LegalText key=\"tail\" text={entry.tail} />;\n    if (props.section === \"browser\") {\n      const list =\n        props.entries.length > 0 ? (\n          <ul key=\"entries\" className=\"list-disc space-y-1 ps-5\">\n            {props.entries.map((item, i) => (\n              <li key={i}>{item}</li>\n            ))}\n          </ul>\n        ) : null;\n      parts = [lead, list, tail, app];\n    } else {\n      // `rights`: the app's paragraph sits between the rights and the authorities.\n      parts = [lead, app, tail];\n    }\n  } else {\n    parts = [<LegalText key=\"body\" text={fill(entry.body)} />, app];\n  }\n\n  return (\n    <LegalSection id={section} heading={entry.title} headingAs={headingAs}>\n      <div className=\"space-y-[1lh]\">{parts}</div>\n    </LegalSection>\n  );\n}\n\ntype SectionLabels = LegalTextSectionLabels | LegalOperatorSectionLabels | LegalFramedSectionLabels;\n\n/** The one page a kit section key is on; `contact` is on two, so it needs the page. */\nfunction onlyPageOf(section: string): LegalPageKey {\n  const pages = PAGES.filter((p) => kitSectionsOf(p).includes(section));\n  if (pages.length === 1) return pages[0];\n  throw new Error(\n    pages.length === 0\n      ? `LegalKitSection: \"${section}\" is not one of the kit's sections.`\n      : `LegalKitSection: \"${section}\" is on more than one page (${pages.join(\", \")}) — render it inside a LegalPage, or pass page.`,\n  );\n}\n\n// ── The page ──────────────────────────────────────────────────────────────────\n\nexport interface LegalPageProps {\n  /** Which page: the title, the default notice, whether the sections are numbered. */\n  page: LegalPageKey;\n  /** Who runs the app — the values the kit's sections name. The same in every app's\n   *  three pages; the kit holds none (§5). */\n  operator: LegalOperator;\n  /**\n   * The sections, in reading order: {@link LegalKitSection}s and {@link LegalSection}s.\n   *\n   * They must be DIRECT children — or inside fragments, or in an array\n   * (`SECTIONS.map(…)`). The page reads them before they render, to know every\n   * section's number in advance: that is what lets a `{ref:key}` point forward\n   * (keksdose's section 2 refers to section 10). A section wrapped in a component of the\n   * app's own is invisible to that walk and renders unnumbered, with no key.\n   */\n  children: ReactNode;\n  /** The app's public header — the one a signed-out visitor already sees (keksdose's\n   *  `LandingHeader`, Kurvenschmiede's `AppTopBar` without the shell). */\n  header?: ReactNode;\n  /** Default: `<LegalFooter />` with this page marked. `null` for none. */\n  footer?: ReactNode;\n  /** The back link's target. Default `/`, which takes a signed-in user into the app and\n   *  a signed-out one to the landing or sign-in page. */\n  homeHref?: string;\n  /** Default: the kit's beta notice on the imprint and the terms, its privacy notice on\n   *  the privacy policy (§3.2). `null` for none. */\n  notice?: ReactNode;\n  /**\n   * 0.28.1: switches the app to the operator's `bindingLanguage` — the button after the\n   * translation note on a page read in another language. Without it the note stands\n   * alone; the app's own language switcher is in its header anyway.\n   */\n  onShowBindingLanguage?: () => void;\n  /** The language the operator's country is named in. Default: the `<UiKitProvider\n   *  locale>`, else English. */\n  locale?: string;\n  /** The title's element. Default `h1`; `h2` for a page shown inside another (a\n   *  preview), whose sections then take `h3`. */\n  headingAs?: \"h1\" | \"h2\";\n  /** `false` draws the column as a `<div>` instead of `<main>` — for a page embedded in\n   *  one that has its own `<main>`. Default true. */\n  landmark?: boolean;\n  /** Default true: {@link useNoIndex}. `false` only where the page is not the page — a\n   *  preview inside another page. */\n  noIndex?: boolean;\n  /** On the outermost element (a full-height column). */\n  className?: string;\n  /** The `legal` labels for this page and everything in it — sections, footer,\n   *  checkbox — on top of the provider's. */\n  labels?: LabelOverride<LegalLabels>;\n}\n\ninterface FlatNode {\n  node: ReactNode;\n  /** A stable React key from the node's place in the tree the app wrote. */\n  path: string;\n}\n\n/** The children as a flat list, arrays and fragments opened — the sections the page can\n *  see, in render order. */\nfunction flatten(node: ReactNode, path: string, out: FlatNode[]): void {\n  if (node === null || node === undefined || typeof node === \"boolean\") return;\n  if (isValidElement(node)) {\n    if (node.type === Fragment) {\n      flatten((node.props as { children?: ReactNode }).children, path, out);\n    } else {\n      out.push({ node, path: path || \"/\" });\n    }\n    return;\n  }\n  if (typeof node === \"object\" && Symbol.iterator in node) {\n    Array.from(node as Iterable<ReactNode>).forEach((child, i) => {\n      const step = isValidElement(child) && child.key !== null ? `$${child.key}` : `#${i}`;\n      flatten(child, `${path}/${step}`, out);\n    });\n    return;\n  }\n  out.push({ node, path: path || \"/\" });\n}\n\n/** A section the walk found: its key (`undefined` when it has none) and heading. */\nfunction sectionOf(\n  node: ReactNode,\n  page: LegalPageKey,\n  labels: LegalLabels,\n): { key: string | undefined; heading: ReactNode } | null {\n  if (!isValidElement(node)) return null;\n  if (node.type === LegalKitSection) {\n    const { section } = node.props as LegalKitSectionProps;\n    const entry = (labels.sections[page] as Record<string, SectionLabels | undefined>)[section];\n    return { key: section, heading: entry?.title ?? section };\n  }\n  if (node.type === LegalSection) {\n    const props = node.props as LegalSectionProps;\n    return { key: props.id ?? node.key ?? undefined, heading: props.heading };\n  }\n  return null;\n}\n\n/**\n * The page's sections, each in a slot that tells it its key and number, and the map a\n * `{ref:key}` is resolved from — built from the children BEFORE they render.\n */\nfunction slotSections(\n  children: ReactNode,\n  page: LegalPageKey,\n  labels: LegalLabels,\n): { nodes: ReactNode[]; targets: Map<string, LegalRefTarget> } {\n  const flat: FlatNode[] = [];\n  flatten(children, \"\", flat);\n  const numbered = LEGAL_SKELETON[page].numbered;\n  const targets = new Map<string, LegalRefTarget>();\n  let count = 0;\n  const nodes = flat.map(({ node, path }) => {\n    const section = sectionOf(node, page, labels);\n    if (!section) return <Fragment key={path}>{node}</Fragment>;\n    count += 1;\n    const number = numbered ? count : undefined;\n    if (section.key !== undefined) {\n      if (targets.has(section.key)) {\n        warnLegalOnce(`two sections of the ${page} page share the key \"${section.key}\"; {ref:${section.key}} names the first.`);\n      } else {\n        targets.set(section.key, { number, heading: section.heading });\n      }\n    }\n    return (\n      <LegalSlotContext.Provider key={path} value={{ id: section.key, number }}>\n        {node}\n      </LegalSlotContext.Provider>\n    );\n  });\n  return { nodes, targets };\n}\n\n/**\n * A legal page — Imprint, Privacy Policy or Terms — in the frame every app uses (§3.2):\n * the app's public header, the kit's column (back link, title, notice, sections) and the\n * public footer. keksdose's `features/legal/legal-layout.tsx`, the reference: its\n * `LegalPage` drew exactly this around the kit's `LegalLayout`, and kastlan and\n * Kurvenschmiede each drew a different frame (an auth card, the signed-in app shell).\n * Signed-in users see the same frame: the pages are public and outside the app shell.\n *\n * What it adds to the column:\n * - the title, from `legal.titles`, and \"← Back to home\" pointing at `homeHref`;\n * - the default notice per page — the beta notice, or the privacy notice on the privacy\n *   policy, whose technical sections describe running code (§3.2, §7.3);\n * - numbers: the privacy and terms sections are \"N. Title\" in render order, the\n *   imprint's are not (§4.1). The titles in the catalogues carry no number, so a\n *   section added in the middle renumbers the rest instead of leaving them wrong;\n * - ids: every section's `id` is its key (`/privacy#rights`), which keeps\n *   Kurvenschmiede's deep links working;\n * - `{ref:key}` in a section's text becomes that section's number, linked — forward\n *   references included, since the page knows the order before any section renders\n *   (see `children` for what that asks of the tree);\n * - `useNoIndex()`.\n */\nexport function LegalPage({\n  page,\n  operator,\n  children,\n  header,\n  footer,\n  homeHref = \"/\",\n  notice,\n  onShowBindingLanguage,\n  locale: localeProp,\n  headingAs = \"h1\",\n  landmark = true,\n  noIndex = true,\n  className,\n  labels: labelsProp,\n}: LegalPageProps) {\n  useNoIndex(noIndex);\n  const labels = useLegalLabels(labelsProp);\n  const locale = useKitLocale(localeProp) ?? \"en\";\n  // Not memoised: `countryName` keeps one `Intl.DisplayNames` per locale, so naming the\n  // country again is a lookup, and the context is rebuilt with the children anyway.\n  const operatorText = legalOperatorText(operator, locale);\n  const overrides = useMemo<UiKitLabelOverrides | undefined>(\n    () => (labelsProp ? { legal: labelsProp } : undefined),\n    [labelsProp],\n  );\n\n  const { nodes, targets } = slotSections(children, page, labels);\n  const context: LegalPageContextValue = {\n    page,\n    operator: operatorText,\n    sectionHeading: headingAs === \"h1\" ? \"h2\" : \"h3\",\n    targets,\n  };\n  const Main = landmark ? \"main\" : \"div\";\n  const shownNotice =\n    notice !== undefined ? notice : page === \"privacy\" ? labels.notice.privacy : labels.notice.beta;\n  // 0.28.1 (Marcel): one language is binding and the lawyer reviews that one; a page read\n  // in any other says so, with a way to the binding version.\n  const translated =\n    operator.bindingLanguage !== undefined && baseLanguage(operator.bindingLanguage) !== baseLanguage(locale);\n  const translationNote = translated ? (\n    <p className=\"text-sm text-[var(--text-secondary)]\">\n      {labels.translation.note(operatorText)}\n      {onShowBindingLanguage && (\n        <>\n          {\" \"}\n          <Button type=\"button\" variant=\"link\" size=\"sm\" className=\"h-auto p-0 align-baseline\" onClick={onShowBindingLanguage}>\n            {labels.translation.show(operatorText)}\n          </Button>\n        </>\n      )}\n    </p>\n  ) : undefined;\n\n  return (\n    <UiKitProvider labels={overrides}>\n      <div className={cn(\"flex min-h-full flex-col\", className)}>\n        {header}\n        <Main className=\"flex-1\">\n          <LegalPageContext.Provider value={context}>\n            <LegalLayout\n              back={\n                <TextLink href={homeHref} icon={ArrowLeft}>\n                  {labels.backHome}\n                </TextLink>\n              }\n              title={labels.titles[page]}\n              notice={shownNotice}\n              translationNote={translationNote}\n              headingAs={headingAs}\n            >\n              {nodes}\n            </LegalLayout>\n          </LegalPageContext.Provider>\n        </Main>\n        {footer === undefined ? <LegalFooter currentHref={LEGAL_HREFS[page]} /> : footer}\n      </div>\n    </UiKitProvider>\n  );\n}\n\n// ── Terms acceptance (§3.4) ───────────────────────────────────────────────────\n\nexport interface LegalAcceptCheckboxProps\n  extends Omit<CheckboxProps, \"label\" | \"checked\" | \"onCheckedChange\" | \"required\"> {\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n  /** Default `/terms`. */\n  termsHref?: string;\n  /** Default `/privacy`. */\n  privacyHref?: string;\n  labels?: LabelOverride<LegalLabels>;\n  ref?: Ref<HTMLInputElement>;\n}\n\n/** `legal.accept` with its `{terms}` and `{privacy}` as links named by the page titles.\n *  Split, not interpolated: the text between the placeholders is the template's own,\n *  to the character — nothing is added around a link. */\nfunction acceptLabel(labels: LegalLabels, termsHref: string, privacyHref: string): ReactNode[] {\n  const template = labels.accept;\n  for (const placeholder of [\"{terms}\", \"{privacy}\"]) {\n    if (!template.includes(placeholder)) warnLegalOnce(`legal.accept has no ${placeholder}: \"${template}\".`);\n  }\n  return template\n    .split(/(\\{terms\\}|\\{privacy\\})/)\n    .filter((part) => part !== \"\")\n    .map((part, i) =>\n      part === \"{terms}\" ? (\n        <TextLink key={i} href={termsHref} tone=\"primary\">\n          {labels.titles.terms}\n        </TextLink>\n      ) : part === \"{privacy}\" ? (\n        <TextLink key={i} href={privacyHref} tone=\"primary\">\n          {labels.titles.privacy}\n        </TextLink>\n      ) : (\n        part\n      ),\n    );\n}\n\n/**\n * The register page's \"I accept the [Terms of Service] and the [Privacy Policy]\" (§3.4):\n * keksdose's checkbox (features/auth/register-page.tsx), for every app.\n *\n * A REQUIRED kit `Checkbox` — not a Switch: a form answer that waits for the submit\n * button. The app keeps its submit disabled while it is unticked, so there is never a\n * failed attempt and no `error` to show. Nothing is sent to the backend: no stored\n * version, no re-acceptance (Marcel, §2.4).\n *\n * The label is ONE template, `legal.accept`, so a language puts the links where its\n * grammar needs them, articles included — fr \"J’accepte les {terms} et la {privacy}\",\n * it \"Accetto le {terms} e l’{privacy}\" with no space after the elided article. The link\n * texts are the page titles (`legal.titles`), as on the pages themselves.\n */\nexport function LegalAcceptCheckbox({\n  checked,\n  onCheckedChange,\n  termsHref = LEGAL_HREFS.terms,\n  privacyHref = LEGAL_HREFS.privacy,\n  labels: labelsProp,\n  ref,\n  ...rest\n}: LegalAcceptCheckboxProps) {\n  const labels = useLegalLabels(labelsProp);\n  return (\n    <Checkbox\n      {...rest}\n      ref={ref}\n      checked={checked}\n      onCheckedChange={onCheckedChange}\n      required\n      label={acceptLabel(labels, termsHref, privacyHref)}\n    />\n  );\n}\n"],"mappings":"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","names":["Fragment"]}

package/dist/components/legal.d.ts

@@ -1,5 +1,5 @@
 import 'react';
-export { cm as DEFAULT_LEGAL_LABELS, eG as LEGAL_HREFS, dq as LegalFooter, dr as LegalFooterProps, ds as LegalFramedSectionLabels, dt as LegalLabels, du as LegalLayout, dv as LegalLayoutProps, dw as LegalLink, dx as LegalLinks, dy as LegalLinksProps, dz as LegalOperator, dA as LegalOperatorSectionLabels, dB as LegalOperatorText, eH as LegalPageContext, eI as LegalPageContextValue, dC as LegalPageKey, eJ as LegalRefTarget, dD as LegalSection, dE as LegalSectionProps, eK as LegalSectionSlot, eL as LegalSlotContext, eM as LegalText, dF as LegalTextSectionLabels, eN as legalOperatorText, eO as resolveLegalRefs, eP as useLegalLabels, eQ as warnLegalOnce } from '../kit-labels-SBN0biPl.js';
+export { cm as DEFAULT_LEGAL_LABELS, dm as LEGAL_HREFS, dr as LegalFooter, ds as LegalFooterProps, dt as LegalFramedSectionLabels, du as LegalLabels, dv as LegalLayout, dw as LegalLayoutProps, dx as LegalLink, dy as LegalLinks, dz as LegalLinksProps, dA as LegalOperator, dB as LegalOperatorSectionLabels, dC as LegalOperatorText, eJ as LegalPageContext, eK as LegalPageContextValue, dD as LegalPageKey, eL as LegalRefTarget, dE as LegalSection, dF as LegalSectionProps, eM as LegalSectionSlot, eN as LegalSlotContext, eO as LegalText, dG as LegalTextSectionLabels, eP as baseLanguage, en as legalOperatorText, eQ as resolveLegalRefs, eC as useLegalLabels, eR as warnLegalOnce } from '../kit-labels-Du0uHBq4.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';

package/dist/components/legal.js

@@ -11,8 +11,33 @@ const LEGAL_HREFS = Object.freeze({
   privacy: "/privacy",
   terms: "/terms"
 });
+function baseLanguage(code) {
+  return code.split(/[-_]/)[0].toLowerCase();
+}
+const languageNamers = /* @__PURE__ */ new Map();
+function languageName(code, locale) {
+  let namer = languageNamers.get(locale);
+  if (namer === void 0) {
+    try {
+      namer = new Intl.DisplayNames([locale], { type: "language" });
+    } catch {
+      namer = null;
+    }
+    languageNamers.set(locale, namer);
+  }
+  const base = baseLanguage(code);
+  try {
+    return namer?.of(base) ?? base;
+  } catch {
+    return base;
+  }
+}
 function legalOperatorText(operator, locale = "en") {
-  return { ...operator, country: countryName(operator.country, locale) };
+  return {
+    ...operator,
+    country: countryName(operator.country, locale),
+    bindingLanguage: operator.bindingLanguage ? languageName(operator.bindingLanguage, locale) : ""
+  };
 }
 const DEFAULT_LEGAL_LABELS = {
   navLabel: "Legal",
@@ -32,6 +57,10 @@ const DEFAULT_LEGAL_LABELS = {
     beta: "Closed beta. These texts have not been reviewed by a lawyer yet and will be before a public launch.",
     privacy: "Closed beta. The legal wording below has not been reviewed by a lawyer yet and will be before a public launch. The technical descriptions \u2014 what is stored, where, and who can read it \u2014 describe what the software actually does today, and are meant to be checked against it."
   },
+  translation: {
+    note: (o) => `This is a translation for your convenience. The ${o.bindingLanguage} version is binding.`,
+    show: (o) => `Show the ${o.bindingLanguage} version`
+  },
   sections: {
     impressum: {
       operator: {
@@ -93,6 +122,10 @@ The full postal address is supplied on request to data subjects and supervisory
         title: "Changes to these terms",
         body: "These terms may be updated as the service evolves. Material changes will be announced by email or in the app; continued use after a change means you accept it."
       },
+      language: {
+        title: "Language",
+        body: (o) => `These terms are written in ${o.bindingLanguage}. Translations into other languages are provided for convenience only; where a translation differs, the ${o.bindingLanguage} version prevails.`
+      },
       law: {
         title: "Governing law",
         body: (o) => `These terms are governed by Swiss law, excluding its conflict-of-laws rules. As far as legally permissible, the place of jurisdiction is ${o.city} (${o.region}), ${o.country}.`
@@ -147,19 +180,27 @@ function defaultLinks(labels) {
     label: labels.links[page]
   }));
 }
-function LegalLinks({ links, currentHref, nav = true, labels: labelsProp, className }) {
+function LegalLinks({
+  links,
+  currentHref,
+  nav = true,
+  onLinkClick,
+  labels: labelsProp,
+  className
+}) {
   const labels = useLegalLabels(labelsProp);
   const shown = links ?? defaultLinks(labels);
   const items = shown.flatMap((link, i) => [
     ...i > 0 ? [/* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }, `sep-${link.href}`)] : [],
-    /* @__PURE__ */ jsx(TextLink, { href: link.href, tone: "muted", current: link.href === currentHref, children: link.label }, link.href)
+    /* @__PURE__ */ jsx(TextLink, { href: link.href, tone: "muted", current: link.href === currentHref, onClick: onLinkClick, children: link.label }, link.href)
   ]);
   const rowClass = cn("flex flex-wrap items-center gap-x-4 gap-y-1 text-xs", className);
   if (!nav) return /* @__PURE__ */ jsx("div", { className: rowClass, children: items });
   return /* @__PURE__ */ jsx("nav", { "aria-label": labels.navLabel, className: rowClass, children: items });
 }
-function LegalFooter({ children, links, currentHref, className, labels }) {
-  return /* @__PURE__ */ jsx("footer", { className: cn("border-t border-[var(--border)] bg-[var(--bg-surface)]", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-4 py-8 text-sm text-[var(--text-muted)]", children: [
+function LegalFooter({ children, links, currentHref, landmark = true, className, labels }) {
+  const Root = landmark ? "footer" : "div";
+  return /* @__PURE__ */ jsx(Root, { className: cn("border-t border-[var(--border)] bg-[var(--bg-surface)]", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-4 py-8 text-sm text-[var(--text-muted)]", children: [
     /* @__PURE__ */ jsx(
       LegalLinks,
       {
@@ -193,6 +234,7 @@ function LegalLayout({
   title,
   back,
   notice,
+  translationNote,
   children,
   links,
   currentHref,
@@ -203,6 +245,7 @@ function LegalLayout({
   return /* @__PURE__ */ jsxs("article", { className: cn("mx-auto w-full max-w-3xl px-4 py-12", className), children: [
     back !== void 0 && /* @__PURE__ */ jsx("div", { className: "mb-4 text-sm", children: back }),
     /* @__PURE__ */ jsx(Heading, { className: "text-3xl font-bold tracking-tight break-words text-[var(--text-primary)]", children: title }),
+    translationNote !== void 0 && translationNote !== null && /* @__PURE__ */ jsx("div", { className: "mt-3", children: translationNote }),
     notice !== void 0 && notice !== null && /* @__PURE__ */ jsx(AlertBanner, { tone: "warning", role: "note", className: "mt-4", children: notice }),
     /* @__PURE__ */ jsx("div", { className: "mt-8 space-y-8", children }),
     links !== void 0 && links.length > 0 && /* @__PURE__ */ jsx(LegalLinks, { links, currentHref, labels, className: "mt-12 border-t border-[var(--border)] pt-4" })
@@ -218,6 +261,7 @@ export {
   LegalSection,
   LegalSlotContext,
   LegalText,
+  baseLanguage,
   legalOperatorText,
   resolveLegalRefs,
   useLegalLabels,