@eifi1/ui-kit 0.51.6 → 0.52.0

package/dist/components/jump-calendar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/jump-calendar.tsx"],"sourcesContent":["// The date pickers' calendar with a month jump (`monthJump`, kastlan): MiniCalendar\n// under a ‹ caption › whose caption opens a month grid. Moved out of date-picker.tsx as\n// it was (MOD-9, refactor audit 2026-10); internal, both pickers reach it through\n// `PanelCalendar`.\nimport { useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport type { KeyboardEvent } from \"react\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { horizontalStep } from \"../lib/direction\";\nimport { monthKey, pad, parseIsoDate } from \"../lib/dates\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { FOCUS_RING_WIDTH } from \"./focus-ring\";\nimport { DEFAULT_MINI_CALENDAR_LABELS, MiniCalendar, type MiniCalendarProps } from \"./mini-calendar\";\nimport { DEFAULT_MONTH_PICKER_LABELS } from \"./month-picker\";\nimport { claimEscape } from \"../hooks/use-dismiss\";\n\n// ── Month jump (`monthJump`, kastlan) ─────────────────────────────────────\n\n/** A \"YYYY-MM\" key as a count of months, and back: month arithmetic with no `Date`\n *  rollover to step around. */\nconst monthIndex = (key: string) => Number(key.slice(0, 4)) * 12 + Number(key.slice(5, 7)) - 1;\nconst keyOfIndex = (index: number) => `${String(Math.floor(index / 12)).padStart(4, \"0\")}-${pad((index % 12) + 1)}`;\nconst shiftKey = (key: string, delta: number) => keyOfIndex(monthIndex(key) + delta);\n/** The 1st of a \"YYYY-MM\" month, for `Intl` to name. */\nconst firstOfKey = (key: string) => new Date(Number(key.slice(0, 4)), Number(key.slice(5, 7)) - 1, 1);\n\n/** Upper-case the first letter only, as `MonthPicker` does: \"julio de 2026\" heads a\n *  panel as \"Julio de 2026\" — not \"Julio De 2026\", which CSS `capitalize` would write. */\nconst upperFirst = (text: string, locale: string | undefined) =>\n  text.charAt(0).toLocaleUpperCase(locale) + text.slice(1);\n\n/** Months per row of the month grid — `MonthPicker`'s 4×3. */\nconst MONTH_COLUMNS = 3;\n\n/**\n * The month `MiniCalendar` opens on — the selection, or today, pulled inside the\n * bounds — worked out the way it does, so the caption drawn over a calendar that was\n * given no `month` names the month that calendar is showing.\n */\nfunction openingMonth(from: string, to: string, lo: Date | null, hi: Date | null): string {\n  const start = parseIsoDate(from) ?? parseIsoDate(to) ?? new Date();\n  if (lo && start < lo) return monthKey(lo);\n  if (hi && start > hi) return monthKey(hi);\n  return monthKey(start);\n}\n\nexport type PanelCalendarProps = Pick<\n  MiniCalendarProps,\n  \"mode\" | \"from\" | \"to\" | \"locale\" | \"min\" | \"max\" | \"labels\" | \"onSelect\" | \"focusOnOpen\"\n> & {\n  /** See {@link DatePickerBaseProps.monthJump}. */\n  monthJump?: boolean;\n};\n\n/** The panel's calendar: the plain {@link MiniCalendar}, exactly as before — or, with\n *  `monthJump`, the same calendar under a caption that opens a month grid. */\nexport function PanelCalendar({ monthJump, ...calendar }: PanelCalendarProps) {\n  return monthJump ? <JumpCalendar {...calendar} /> : <MiniCalendar {...calendar} />;\n}\n\n/** How the day grid is mounted: `key` remounts it, `month` is the month it follows\n *  (left out until the panel first moves, so it opens exactly where it always has), and\n *  `focus` is its `focusOnOpen`. */\ninterface DayGridMount {\n  key: number;\n  month?: string;\n  focus: boolean;\n}\n\n/**\n * {@link MiniCalendar} with its navigation drawn here — ‹ caption › — so the caption can\n * be a button that swaps the days for a month grid ({@link DatePickerBaseProps.monthJump}).\n *\n * Built on the calendar's own `hideNavigation` / `month` / `onMonthChange`, not a fork\n * of it: the days, their keys, the range band and every announcement stay the\n * calendar's. What this keeps is `shown`, the month on screen, for the caption — fed by\n * the arrows here, by the calendar's `onMonthChange` (PageUp, arrowing off the edge),\n * and by the value, whose changes the calendar follows WITHOUT reporting them (a preset\n * in `commit=\"apply\"` moves the grid to its start). That last one is mirrored below with\n * the calendar's own rule, and when it lands in another month the day grid is remounted\n * there rather than steered by `month`: a `month` that changes in the same render as the\n * value would win over the value's day, and the grid's tab stop would land on the\n * month's same-numbered day instead of the preset's start.\n *\n * The month grid is `MonthPicker`'s, redrawn here because that one is internal to its\n * file; same roles, keys and words (`monthPicker` labels).\n */\nfunction JumpCalendar({\n  from = \"\",\n  to = \"\",\n  mode = \"range\",\n  locale,\n  min,\n  max,\n  labels,\n  onSelect,\n  focusOnOpen,\n}: Omit<PanelCalendarProps, \"monthJump\">) {\n  // The month arrows say what they said when the calendar drew them; the month grid\n  // says what `MonthPicker`'s says.\n  const calendarText = useKitLabels(\"miniCalendar\", DEFAULT_MINI_CALENDAR_LABELS, labels);\n  const monthText = useKitLabels(\"monthPicker\", DEFAULT_MONTH_PICKER_LABELS);\n  const id = useId();\n  const captionId = `${id}-caption`;\n  const hintId = `${id}-hint`;\n  const captionRef = useRef<HTMLButtonElement>(null);\n  const monthsRef = useRef<HTMLDivElement>(null);\n\n  const lo = min ? parseIsoDate(min) : null;\n  const hi = max ? parseIsoDate(max) : null;\n  const minKey = lo ? monthKey(lo) : null;\n  const maxKey = hi ? monthKey(hi) : null;\n  const outOfBounds = (key: string) => Boolean((minKey && key < minKey) || (maxKey && key > maxKey));\n  const clampKey = (key: string) => (minKey && key < minKey ? minKey : maxKey && key > maxKey ? maxKey : key);\n\n  const [view, setView] = useState<\"days\" | \"months\">(\"days\");\n  const [shown, setShown] = useState(() => openingMonth(from, to, lo, hi));\n  const [dayGrid, setDayGrid] = useState<DayGridMount>(() => ({ key: 0, focus: Boolean(focusOnOpen) }));\n  // The month holding the month grid's tab stop — and with it the year on show.\n  const [active, setActive] = useState(shown);\n\n  // The value moved from outside the day grid (a preset, a reset): follow the end that\n  // changed, by the calendar's own rule, and remount the days there — see above. Also\n  // what takes an open month grid back to the days when a preset is picked beside it.\n  const [lastValue, setLastValue] = useState({ from, to });\n  if (lastValue.from !== from || lastValue.to !== to) {\n    const changed = lastValue.from !== from ? from : to;\n    setLastValue({ from, to });\n    const next = parseIsoDate(changed) ?? parseIsoDate(from) ?? parseIsoDate(to);\n    const key = next ? monthKey(next) : null;\n    if (key && (key !== shown || view === \"months\")) {\n      setShown(key);\n      setView(\"days\");\n      setDayGrid((d) => ({ key: d.key + 1, month: key, focus: false }));\n    }\n  }\n\n  // A month cell that has to take focus once it exists: opening the grid, and arrowing\n  // across a year's edge, which relabels the same twelve buttons.\n  const pendingFocus = useRef<string | null>(null);\n  useEffect(() => {\n    const key = pendingFocus.current;\n    if (!key) return;\n    pendingFocus.current = null;\n    monthsRef.current?.querySelector<HTMLElement>(`[data-month=\"${key}\"]`)?.focus();\n  });\n\n  const showMonth = (key: string) => {\n    setShown(key);\n    // Follows by `month`: the calendar keeps the day of the month (clamped), and the\n    // focus stays on the arrow being pressed.\n    setDayGrid((d) => ({ ...d, month: key }));\n  };\n  const openMonths = () => {\n    const start = clampKey(shown);\n    pendingFocus.current = start;\n    setActive(start);\n    setView(\"months\");\n  };\n  const closeMonths = (focusCaption: boolean) => {\n    setView(\"days\");\n    setDayGrid((d) => ({ ...d, month: shown, focus: false }));\n    if (focusCaption) captionRef.current?.focus();\n  };\n  const pick = (key: string) => {\n    setShown(key);\n    setView(\"days\");\n    // Picked to go there: the focus goes with it, onto the days.\n    setDayGrid((d) => ({ key: d.key + 1, month: key, focus: true }));\n  };\n  const moveActive = (key: string, focus: boolean) => {\n    if (focus) pendingFocus.current = key;\n    setActive(key);\n  };\n\n  const inDays = view === \"days\";\n  // Escape in the month grid is \"back\", not \"close\": the month grid is a step INSIDE the\n  // panel, and losing the half-made range to a key meant to undo that step would be the\n  // worse surprise. Claimed on the kit's Escape stack (Wave 2, DUP-1) and stopped here,\n  // so neither the popover nor the phone sheet nor a dialog around them closes.\n  const escapeToDays = (e: KeyboardEvent<HTMLElement>) => {\n    if (e.key !== \"Escape\" || inDays) return;\n    claimEscape(e);\n    e.stopPropagation();\n    closeMonths(true);\n  };\n\n  const onMonthKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"Escape\") return escapeToDays(e);\n    // Left and right are visual: the grid runs the other way in a right-to-left panel.\n    const step = horizontalStep(e.key, e.currentTarget);\n    const col = (monthIndex(active) % 12) % MONTH_COLUMNS;\n    let delta: number;\n    switch (step ? \"horizontal\" : e.key) {\n      case \"horizontal\":\n        delta = step;\n        break;\n      case \"ArrowUp\":\n        delta = -MONTH_COLUMNS;\n        break;\n      case \"ArrowDown\":\n        delta = MONTH_COLUMNS;\n        break;\n      case \"Home\":\n        delta = -col;\n        break;\n      case \"End\":\n        delta = MONTH_COLUMNS - 1 - col;\n        break;\n      case \"PageUp\":\n        delta = -12;\n        break;\n      case \"PageDown\":\n        delta = 12;\n        break;\n      default:\n        return;\n    }\n    // Before the no-op check: these keys also scroll the panel.\n    e.preventDefault();\n    if (delta !== 0) moveActive(shiftKey(active, delta), true);\n  };\n\n  const year = Number(active.slice(0, 4));\n  // A year arrow is dead once every month of the year it leads to is out of bounds.\n  const prevYearBlocked = Boolean(minKey && year - 1 < Number(minKey.slice(0, 4)));\n  const nextYearBlocked = Boolean(maxKey && year + 1 > Number(maxKey.slice(0, 4)));\n  const prevBlocked = !inDays && prevYearBlocked;\n  const nextBlocked = !inDays && nextYearBlocked;\n\n  const longName = useMemo(() => new Intl.DateTimeFormat(locale, { month: \"long\", year: \"numeric\" }), [locale]);\n  const shortNames = useMemo(() => {\n    const fmt = new Intl.DateTimeFormat(locale, { month: \"short\" });\n    return Array.from({ length: 12 }, (_, i) => upperFirst(fmt.format(new Date(2000, i, 1)), locale));\n  }, [locale]);\n  const caption = inDays\n    ? upperFirst(longName.format(firstOfKey(shown)), locale)\n    : new Intl.DateTimeFormat(locale, { year: \"numeric\" }).format(new Date(year, 0, 1));\n\n  // The selection, as months: both ends, and the months between (a range's band).\n  const fromDate = parseIsoDate(from);\n  const toDate = parseIsoDate(to);\n  const fromKey = fromDate ? monthKey(fromDate) : null;\n  const toKey = toDate ? monthKey(toDate) : null;\n  const low = fromKey ?? toKey;\n  const high = toKey ?? fromKey;\n  const currentKey = monthKey(new Date());\n\n  // Aria-disabled rather than disabled, like the day cells: a focused button that\n  // turns `disabled` drops the focus to <body>, mid-panel.\n  const arrow =\n    \"rounded p-1 text-muted hover:bg-hover aria-disabled:cursor-not-allowed aria-disabled:opacity-30 aria-disabled:hover:bg-transparent\";\n\n  return (\n    <div className=\"select-none\">\n      {/* The calendar's own row, redrawn: the same arrows in the same places. Each\n          button stays mounted across the two views and changes what it steps, so a\n          press never pulls the element out from under the pointer or the focus. */}\n      <div className=\"flex items-center justify-between gap-1 pb-1\">\n        <button\n          type=\"button\"\n          aria-label={inDays ? calendarText.previousMonth : monthText.previousYear}\n          aria-disabled={prevBlocked || undefined}\n          onClick={() => {\n            if (inDays) showMonth(shiftKey(shown, -1));\n            else if (!prevBlocked) moveActive(shiftKey(active, -12), false);\n          }}\n          onKeyDown={escapeToDays}\n          className={arrow}\n        >\n          {/* Mirrored in RTL: \"previous\" points to the reading START, which is right. */}\n          <ChevronLeft className=\"size-4 rtl:-scale-x-100\" aria-hidden />\n        </button>\n        <button\n          ref={captionRef}\n          type=\"button\"\n          aria-expanded={!inDays}\n          aria-describedby={inDays ? hintId : undefined}\n          onClick={inDays ? openMonths : () => closeMonths(false)}\n          onKeyDown={escapeToDays}\n          className=\"inline-flex min-w-0 items-center gap-1 rounded px-1.5 py-0.5 text-xs font-medium text-secondary hover:bg-hover\"\n        >\n          {/* The name is the text, so it says what is on screen; `aria-live` because\n              pressing an arrow leaves focus ON the arrow, and this is the only thing\n              that says where it went. It also names the month grid. */}\n          <span id={captionId} aria-live=\"polite\" className=\"truncate\">\n            {caption}\n          </span>\n          <ChevronDown aria-hidden className={cn(\"size-3.5 shrink-0 text-muted\", !inDays && \"rotate-180\")} />\n        </button>\n        <button\n          type=\"button\"\n          aria-label={inDays ? calendarText.nextMonth : monthText.nextYear}\n          aria-disabled={nextBlocked || undefined}\n          onClick={() => {\n            if (inDays) showMonth(shiftKey(shown, 1));\n            else if (!nextBlocked) moveActive(shiftKey(active, 12), false);\n          }}\n          onKeyDown={escapeToDays}\n          className={arrow}\n        >\n          <ChevronRight className=\"size-4 rtl:-scale-x-100\" aria-hidden />\n        </button>\n      </div>\n      {/* The caption's description — read through the reference, never on its own. */}\n      <span id={hintId} hidden>\n        {monthText.panel}\n      </span>\n      {inDays ? (\n        <MiniCalendar\n          key={dayGrid.key}\n          mode={mode}\n          from={from}\n          to={to}\n          locale={locale}\n          min={min}\n          max={max}\n          labels={labels}\n          onSelect={onSelect}\n          focusOnOpen={dayGrid.focus}\n          hideNavigation\n          month={dayGrid.month}\n          onMonthChange={showMonth}\n        />\n      ) : (\n        <div ref={monthsRef} role=\"grid\" aria-labelledby={captionId} className=\"grid gap-1\">\n          {Array.from({ length: 12 / MONTH_COLUMNS }, (_, row) => (\n            <div key={row} role=\"row\" className=\"grid grid-cols-3 gap-1\">\n              {Array.from({ length: MONTH_COLUMNS }, (_, c) => {\n                const index = row * MONTH_COLUMNS + c;\n                const key = keyOfIndex(year * 12 + index);\n                const disabled = outOfBounds(key);\n                const selected = low !== null && high !== null && key >= low && key <= high;\n                const end = key === fromKey || key === toKey;\n                const current = key === currentKey;\n                return (\n                  <button\n                    key={c}\n                    type=\"button\"\n                    role=\"gridcell\"\n                    data-month={key}\n                    tabIndex={key === active ? 0 : -1}\n                    aria-label={monthText.month(longName.format(firstOfKey(key)))}\n                    aria-selected={selected}\n                    aria-disabled={disabled || undefined}\n                    aria-current={current ? \"date\" : undefined}\n                    onClick={() => {\n                      // The guard `disabled` would have been: out-of-bounds months stay\n                      // focusable, so the roving tab stop never falls into a hole.\n                      if (!disabled) pick(key);\n                    }}\n                    onKeyDown={onMonthKeyDown}\n                    className={cn(\n                      // 44px rows: the touch-target size, and four of them stand as tall\n                      // as a month of days, so the panel does not jump as the views swap.\n                      \"h-11 rounded px-1 text-sm tabular-nums transition-colors\",\n                      FOCUS_RING_WIDTH,\n                      \"focus-visible:outline-none focus-visible:ring-inset\",\n                      // A --brand ring on a --brand fill exists only in the DOM.\n                      end && !disabled ? \"focus-visible:ring-brand-contrast\" : \"focus-visible:ring-brand\",\n                      disabled\n                        ? \"cursor-not-allowed text-placeholder\"\n                        : end\n                          ? \"bg-brand text-brand-contrast hover:bg-brand-hover\"\n                          : selected\n                            ? \"bg-brand-soft font-medium text-brand-muted hover:bg-brand-soft-hover\"\n                            : \"text-primary hover:bg-hover\",\n                      current && !selected && !disabled && \"ring-1 ring-inset ring-strong\",\n                    )}\n                  >\n                    {shortNames[index]}\n                  </button>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["_"]}
+{"version":3,"sources":["../../src/components/jump-calendar.tsx"],"sourcesContent":["// The date pickers' calendar with a month jump (`monthJump`, kastlan): MiniCalendar\n// under a ‹ caption › whose caption opens a month grid. Moved out of date-picker.tsx as\n// it was (MOD-9, refactor audit 2026-10); internal, both pickers reach it through\n// `PanelCalendar`.\nimport { useId, useMemo, useRef, useState } from \"react\";\nimport type { KeyboardEvent } from \"react\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { monthKey, parseIsoDate } from \"../lib/dates\";\nimport { upperFirst } from \"../lib/text-case\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { DEFAULT_MINI_CALENDAR_LABELS, MiniCalendar, type MiniCalendarProps } from \"./mini-calendar\";\nimport { DEFAULT_MONTH_PICKER_LABELS } from \"./month-picker-labels\";\nimport { MonthGrid, clampKey, firstOfKey, shiftKey, yearArrowsBlocked } from \"./month-grid\";\nimport { claimEscape } from \"../hooks/use-dismiss\";\n\n// ── Month jump (`monthJump`, kastlan) ─────────────────────────────────────\n\n/**\n * The month `MiniCalendar` opens on — the selection, or today, pulled inside the\n * bounds — worked out the way it does, so the caption drawn over a calendar that was\n * given no `month` names the month that calendar is showing.\n */\nfunction openingMonth(from: string, to: string, lo: Date | null, hi: Date | null): string {\n  const start = parseIsoDate(from) ?? parseIsoDate(to) ?? new Date();\n  if (lo && start < lo) return monthKey(lo);\n  if (hi && start > hi) return monthKey(hi);\n  return monthKey(start);\n}\n\nexport type PanelCalendarProps = Pick<\n  MiniCalendarProps,\n  \"mode\" | \"from\" | \"to\" | \"locale\" | \"min\" | \"max\" | \"labels\" | \"onSelect\" | \"focusOnOpen\"\n> & {\n  /** See {@link DatePickerBaseProps.monthJump}. */\n  monthJump?: boolean;\n};\n\n/** The panel's calendar: the plain {@link MiniCalendar}, exactly as before — or, with\n *  `monthJump`, the same calendar under a caption that opens a month grid. */\nexport function PanelCalendar({ monthJump, ...calendar }: PanelCalendarProps) {\n  return monthJump ? <JumpCalendar {...calendar} /> : <MiniCalendar {...calendar} />;\n}\n\n/** How the day grid is mounted: `key` remounts it, `month` is the month it follows\n *  (left out until the panel first moves, so it opens exactly where it always has), and\n *  `focus` is its `focusOnOpen`. */\ninterface DayGridMount {\n  key: number;\n  month?: string;\n  focus: boolean;\n}\n\n/**\n * {@link MiniCalendar} with its navigation drawn here — ‹ caption › — so the caption can\n * be a button that swaps the days for a month grid ({@link DatePickerBaseProps.monthJump}).\n *\n * Built on the calendar's own `hideNavigation` / `month` / `onMonthChange`, not a fork\n * of it: the days, their keys, the range band and every announcement stay the\n * calendar's. What this keeps is `shown`, the month on screen, for the caption — fed by\n * the arrows here, by the calendar's `onMonthChange` (PageUp, arrowing off the edge),\n * and by the value, whose changes the calendar follows WITHOUT reporting them (a preset\n * under `apply` moves the grid to its start). That last one is mirrored below with\n * the calendar's own rule, and when it lands in another month the day grid is remounted\n * there rather than steered by `month`: a `month` that changes in the same render as the\n * value would win over the value's day, and the grid's tab stop would land on the\n * month's same-numbered day instead of the preset's start.\n *\n * The month grid is `MonthPicker`'s own {@link MonthGrid} (month-grid.tsx, one since\n * 0.52 — refactor audit 2026-10-30, DUP-11), with its words (`monthPicker` labels).\n */\nfunction JumpCalendar({\n  from = \"\",\n  to = \"\",\n  mode = \"range\",\n  locale,\n  min,\n  max,\n  labels,\n  onSelect,\n  focusOnOpen,\n}: Omit<PanelCalendarProps, \"monthJump\">) {\n  // The month arrows say what they said when the calendar drew them; the month grid\n  // says what `MonthPicker`'s says.\n  const calendarText = useKitLabels(\"miniCalendar\", DEFAULT_MINI_CALENDAR_LABELS, labels);\n  const monthText = useKitLabels(\"monthPicker\", DEFAULT_MONTH_PICKER_LABELS);\n  const id = useId();\n  const captionId = `${id}-caption`;\n  const hintId = `${id}-hint`;\n  const captionRef = useRef<HTMLButtonElement>(null);\n\n  const lo = min ? parseIsoDate(min) : null;\n  const hi = max ? parseIsoDate(max) : null;\n  const minKey = lo ? monthKey(lo) : null;\n  const maxKey = hi ? monthKey(hi) : null;\n\n  const [view, setView] = useState<\"days\" | \"months\">(\"days\");\n  const [shown, setShown] = useState(() => openingMonth(from, to, lo, hi));\n  const [dayGrid, setDayGrid] = useState<DayGridMount>(() => ({ key: 0, focus: Boolean(focusOnOpen) }));\n  // The month holding the month grid's tab stop — and with it the year on show.\n  const [active, setActive] = useState(shown);\n\n  // The value moved from outside the day grid (a preset, a reset): follow the end that\n  // changed, by the calendar's own rule, and remount the days there — see above. Also\n  // what takes an open month grid back to the days when a preset is picked beside it.\n  const [lastValue, setLastValue] = useState({ from, to });\n  if (lastValue.from !== from || lastValue.to !== to) {\n    const changed = lastValue.from !== from ? from : to;\n    setLastValue({ from, to });\n    const next = parseIsoDate(changed) ?? parseIsoDate(from) ?? parseIsoDate(to);\n    const key = next ? monthKey(next) : null;\n    if (key && (key !== shown || view === \"months\")) {\n      setShown(key);\n      setView(\"days\");\n      setDayGrid((d) => ({ key: d.key + 1, month: key, focus: false }));\n    }\n  }\n\n  const showMonth = (key: string) => {\n    setShown(key);\n    // Follows by `month`: the calendar keeps the day of the month (clamped), and the\n    // focus stays on the arrow being pressed.\n    setDayGrid((d) => ({ ...d, month: key }));\n  };\n  const openMonths = () => {\n    // The grid takes the focus onto this month as it mounts.\n    setActive(clampKey(shown, minKey, maxKey));\n    setView(\"months\");\n  };\n  const closeMonths = (focusCaption: boolean) => {\n    setView(\"days\");\n    setDayGrid((d) => ({ ...d, month: shown, focus: false }));\n    if (focusCaption) captionRef.current?.focus();\n  };\n  const pick = (key: string) => {\n    setShown(key);\n    setView(\"days\");\n    // Picked to go there: the focus goes with it, onto the days.\n    setDayGrid((d) => ({ key: d.key + 1, month: key, focus: true }));\n  };\n\n  const inDays = view === \"days\";\n  // Escape in the month grid is \"back\", not \"close\": the month grid is a step INSIDE the\n  // panel, and losing the half-made range to a key meant to undo that step would be the\n  // worse surprise. Claimed on the kit's Escape stack (Wave 2, DUP-1) and stopped here,\n  // so neither the popover nor the phone sheet nor a dialog around them closes.\n  const escapeToDays = (e: KeyboardEvent<HTMLElement>) => {\n    if (e.key !== \"Escape\" || inDays) return;\n    claimEscape(e);\n    e.stopPropagation();\n    closeMonths(true);\n  };\n\n  const year = Number(active.slice(0, 4));\n  const yearBlocked = yearArrowsBlocked(active, minKey, maxKey);\n  const prevBlocked = !inDays && yearBlocked.previous;\n  const nextBlocked = !inDays && yearBlocked.next;\n\n  const longName = useMemo(() => new Intl.DateTimeFormat(locale, { month: \"long\", year: \"numeric\" }), [locale]);\n  const caption = inDays\n    ? upperFirst(longName.format(firstOfKey(shown)), locale)\n    : new Intl.DateTimeFormat(locale, { year: \"numeric\" }).format(new Date(year, 0, 1));\n\n  // The selection, as months: both ends, and the months between (a range's band).\n  const fromDate = parseIsoDate(from);\n  const toDate = parseIsoDate(to);\n  const fromKey = fromDate ? monthKey(fromDate) : null;\n  const toKey = toDate ? monthKey(toDate) : null;\n\n  // Aria-disabled rather than disabled, like the day cells: a focused button that\n  // turns `disabled` drops the focus to <body>, mid-panel.\n  const arrow =\n    \"rounded p-1 text-muted hover:bg-hover aria-disabled:cursor-not-allowed aria-disabled:opacity-30 aria-disabled:hover:bg-transparent\";\n\n  return (\n    <div className=\"select-none\">\n      {/* The calendar's own row, redrawn: the same arrows in the same places. Each\n          button stays mounted across the two views and changes what it steps, so a\n          press never pulls the element out from under the pointer or the focus. */}\n      <div className=\"flex items-center justify-between gap-1 pb-1\">\n        <button\n          type=\"button\"\n          aria-label={inDays ? calendarText.previousMonth : monthText.previousYear}\n          aria-disabled={prevBlocked || undefined}\n          onClick={() => {\n            // Focus stays on the arrow being pressed — only the grid moves.\n            if (inDays) showMonth(shiftKey(shown, -1));\n            else if (!prevBlocked) setActive(shiftKey(active, -12));\n          }}\n          onKeyDown={escapeToDays}\n          className={arrow}\n        >\n          {/* Mirrored in RTL: \"previous\" points to the reading START, which is right. */}\n          <ChevronLeft className=\"size-4 rtl:-scale-x-100\" aria-hidden />\n        </button>\n        <button\n          ref={captionRef}\n          type=\"button\"\n          aria-expanded={!inDays}\n          aria-describedby={inDays ? hintId : undefined}\n          onClick={inDays ? openMonths : () => closeMonths(false)}\n          onKeyDown={escapeToDays}\n          className=\"inline-flex min-w-0 items-center gap-1 rounded px-1.5 py-0.5 text-xs font-medium text-secondary hover:bg-hover\"\n        >\n          {/* The name is the text, so it says what is on screen; `aria-live` because\n              pressing an arrow leaves focus ON the arrow, and this is the only thing\n              that says where it went. It also names the month grid. */}\n          <span id={captionId} aria-live=\"polite\" className=\"truncate\">\n            {caption}\n          </span>\n          <ChevronDown aria-hidden className={cn(\"size-3.5 shrink-0 text-muted\", !inDays && \"rotate-180\")} />\n        </button>\n        <button\n          type=\"button\"\n          aria-label={inDays ? calendarText.nextMonth : monthText.nextYear}\n          aria-disabled={nextBlocked || undefined}\n          onClick={() => {\n            if (inDays) showMonth(shiftKey(shown, 1));\n            else if (!nextBlocked) setActive(shiftKey(active, 12));\n          }}\n          onKeyDown={escapeToDays}\n          className={arrow}\n        >\n          <ChevronRight className=\"size-4 rtl:-scale-x-100\" aria-hidden />\n        </button>\n      </div>\n      {/* The caption's description — read through the reference, never on its own. */}\n      <span id={hintId} hidden>\n        {monthText.panel}\n      </span>\n      {inDays ? (\n        <MiniCalendar\n          key={dayGrid.key}\n          mode={mode}\n          from={from}\n          to={to}\n          locale={locale}\n          min={min}\n          max={max}\n          labels={labels}\n          onSelect={onSelect}\n          focusOnOpen={dayGrid.focus}\n          hideNavigation\n          month={dayGrid.month}\n          onMonthChange={showMonth}\n        />\n      ) : (\n        <MonthGrid\n          active={active}\n          onActiveChange={setActive}\n          onPick={pick}\n          from={fromKey}\n          to={toKey}\n          minKey={minKey}\n          maxKey={maxKey}\n          currentKey={monthKey(new Date())}\n          locale={locale}\n          cellName={monthText.month}\n          labelledBy={captionId}\n          onEscape={escapeToDays}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -143,7 +143,9 @@ export interface LegalPageProps {
      * 2026-10-29, gap 8). Shown under the title as `legal.updated` — "Last updated:
      * 29 October 2026", "Stand: 29. Oktober 2026" — with the date written out in `locale`,
      * so it follows the page's language like every other kit word, the switch to the
-     * binding version included. Left out, no line. One date per page: the imprint, the
+     * binding version included. Since 0.52 the `<UiKitProvider formatDate>` writes it when
+     * the app set one (its date preference, asked for the day without a weekday), as every
+     * other day the kit prints. Left out, no line. One date per page: the imprint, the
      * privacy policy and the terms change on their own days.
      *
      * An app that records which terms someone accepted (keksdose) stores the terms page's

package/dist/components/legal-page.js

@@ -6,7 +6,7 @@ import { UiKitProvider, useKitLocale } from "../i18n/kit-labels.js";
 import { useNoIndex } from "../hooks/use-noindex.js";
 import { cn } from "../lib/cn.js";
 import { parseIsoDate } from "../lib/dates.js";
-import { formatDate } from "../lib/format.js";
+import { useDayFormatter } from "../lib/day-format.js";
 import { Checkbox } from "./checkbox.js";
 import {
   DEFAULT_LEGAL_LABELS,
@@ -203,6 +203,7 @@ function LegalPage({
   useNoIndex(noIndex);
   const labels = useLegalLabels(labelsProp);
   const locale = useKitLocale(localeProp) ?? "en";
+  const day = useDayFormatter(void 0, locale);
   const operatorText = legalOperatorText(operator, locale);
   const overrides = useMemo(
     () => labelsProp ? { legal: labelsProp } : void 0,
@@ -239,7 +240,7 @@ function LegalPage({
   if (updated !== void 0 && !updatedValid) {
     warnLegalOnce(`LegalPage: updated="${updated}" is not a "YYYY-MM-DD" date; no "Last updated" line is shown.`);
   }
-  const updatedLine = updatedValid ? /* @__PURE__ */ jsx("time", { dateTime: updated, children: (labels.updated ?? DEFAULT_LEGAL_LABELS.updated)(formatDate(updated, "long", { locale })) }) : void 0;
+  const updatedLine = updatedValid ? /* @__PURE__ */ jsx("time", { dateTime: updated, children: (labels.updated ?? DEFAULT_LEGAL_LABELS.updated)(day(updated, { style: "long" })) }) : void 0;
   const summaryLabels = labels.summary ?? DEFAULT_LEGAL_LABELS.summary;
   const SummaryHeading = context.sectionHeading;
   const summaryBox = summary !== void 0 && summary.length > 0 ? /* @__PURE__ */ jsxs("section", { id: "summary", className: "rounded-lg border border-subtle bg-surface p-4 sm:p-5", children: [

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 { parseIsoDate } from \"../lib/dates\";\nimport { formatDate } from \"../lib/format\";\nimport { Checkbox } from \"./checkbox\";\nimport type { CheckboxProps } from \"./checkbox\";\nimport {\n  DEFAULT_LEGAL_LABELS,\n  LEGAL_HREFS,\n  baseLanguage,\n  LegalFooter,\n  LegalLayout,\n  LegalPageContext,\n  LegalSection,\n  LegalSlotContext,\n  LegalText,\n  legalOperatorText,\n  resolveLegalRefs,\n  useLegalLabels,\n  warnLegalOnce,\n} from \"./legal\";\nimport type {\n  LegalDisclaimerSectionLabels,\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 \"./button\";\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        variant?: never;\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        variant?: never;\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: \"disclaimer\";\n        /**\n         * 0.32.0 (docs/billing-harmonization.md §8, legal decision 7): which disclaimer.\n         * `non-commercial` (default) is the beta's \"private, non-commercial project\";\n         * `commercial` is for an app that charges, sold through a Merchant of Record —\n         * chosen per app, in the release that turns its billing on.\n         */\n        variant?: LegalDisclaimerVariant;\n        entries?: never;\n        children?: never;\n      }\n    | {\n        section: Exclude<LegalKitSectionKey, \"browser\" | \"legal_basis\" | \"rights\" | \"disclaimer\">;\n        variant?: never;\n        entries?: never;\n        children?: never;\n      }\n  );\n\n/** 0.32.0: the imprint disclaimer's two texts — see {@link LegalKitSectionProps}. */\nexport type LegalDisclaimerVariant = \"non-commercial\" | \"commercial\";\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    // The imprint's commercial disclaimer (0.32.0): its own body under the same title.\n    const commercial =\n      props.section === \"disclaimer\" && props.variant === \"commercial\"\n        ? ((entry as LegalDisclaimerSectionLabels).commercial ??\n          DEFAULT_LEGAL_LABELS.sections.impressum.disclaimer.commercial)\n        : undefined;\n    parts = [<LegalText key=\"body\" text={commercial ?? 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.51.3: the day this page's text last changed, \"YYYY-MM-DD\" (legal benchmark\n   * 2026-10-29, gap 8). Shown under the title as `legal.updated` — \"Last updated:\n   * 29 October 2026\", \"Stand: 29. Oktober 2026\" — with the date written out in `locale`,\n   * so it follows the page's language like every other kit word, the switch to the\n   * binding version included. Left out, no line. One date per page: the imprint, the\n   * privacy policy and the terms change on their own days.\n   *\n   * An app that records which terms someone accepted (keksdose) stores the terms page's\n   * date: it is the version the reader saw.\n   *\n   * The kit's sections are part of the page, so the date moves with their words too: a\n   * kit release that changes them says so in its adoption note (\"Legal wording\"), and\n   * the app sets the page's date to the day it ships that bump (§2, decision 10).\n   */\n  updated?: string;\n  /**\n   * 0.51.4: a plain-language summary before the first section (legal benchmark, Marcel\n   * 2026-10-29) — the app's three to six points, each a sentence. The kit draws them as a\n   * list under `legal.summary.title` (\"In short\", \"Das Wichtigste in Kürze\") and adds\n   * `legal.summary.note`: the summary orients, only the full text binds. Worded without\n   * \"below\", because on a translated page the text below is a translation too.\n   *\n   * A string point is running text with its `{ref:key}` resolved, as in a section:\n   * \"You can delete your account at any time (section {ref:ending}).\" Unnumbered, with\n   * the id `summary`; the sections' numbers do not count it. Left out or empty, nothing.\n   */\n  summary?: readonly 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(\n          `two sections of the ${page} page share the key \"${section.key}\"; {ref:${section.key}} names the first.`,\n        );\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 as-of line under the title, from `updated` (0.51.3);\n * - the plain-language summary before the sections, from `summary` (0.51.4);\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  updated,\n  summary,\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 = 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-secondary\">\n      {labels.translation.note(operatorText)}\n      {onShowBindingLanguage && (\n        <>\n          {\" \"}\n          <Button\n            type=\"button\"\n            variant=\"link\"\n            size=\"sm\"\n            className=\"h-auto p-0 align-baseline\"\n            onClick={onShowBindingLanguage}\n          >\n            {labels.translation.show(operatorText)}\n          </Button>\n        </>\n      )}\n    </p>\n  ) : undefined;\n  // A calendar day, written out in the page's language; `formatDate` reads a bare\n  // \"YYYY-MM-DD\" as that day in every zone. A malformed date shows no line rather than a\n  // made-up one (\"2026-02-30\" would roll over into March).\n  const updatedValid = updated !== undefined && parseIsoDate(updated) !== null;\n  if (updated !== undefined && !updatedValid) {\n    warnLegalOnce(`LegalPage: updated=\"${updated}\" is not a \"YYYY-MM-DD\" date; no \"Last updated\" line is shown.`);\n  }\n  const updatedLine = updatedValid ? (\n    <time dateTime={updated}>\n      {(labels.updated ?? DEFAULT_LEGAL_LABELS.updated!)(formatDate(updated, \"long\", { locale }))}\n    </time>\n  ) : undefined;\n  const summaryLabels = labels.summary ?? DEFAULT_LEGAL_LABELS.summary!;\n  const SummaryHeading = context.sectionHeading;\n  const summaryBox =\n    summary !== undefined && summary.length > 0 ? (\n      <section id=\"summary\" className=\"rounded-lg border border-subtle bg-surface p-4 sm:p-5\">\n        <SummaryHeading className=\"text-lg font-semibold break-words text-primary\">\n          {summaryLabels.title}\n        </SummaryHeading>\n        <ul className=\"mt-3 space-y-2\">\n          {summary.map((point, i) => (\n            <li key={i} className=\"flex gap-2.5 text-sm leading-relaxed text-secondary\">\n              <span aria-hidden className=\"mt-2 size-1.5 shrink-0 rounded-full bg-brand\" />\n              <span className=\"min-w-0 break-words\">\n                {typeof point === \"string\" ? resolveLegalRefs(point, context) : point}\n              </span>\n            </li>\n          ))}\n        </ul>\n        <p className=\"mt-3 text-xs text-muted\">{summaryLabels.note}</p>\n      </section>\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              updated={updatedLine}\n              translationNote={translationNote}\n              summary={summaryBox}\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 extends Omit<\n  CheckboxProps,\n  \"label\" | \"checked\" | \"onCheckedChange\" | \"required\"\n> {\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. The checkbox itself sends nothing and asks for\n * no re-acceptance (Marcel, §2.4). An app that records which terms someone accepted\n * stores, with the account, the terms page's `updated` date — the version the reader\n * saw — on its own (keksdose since 2026-10-29; §3.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":";AAsN2C,SAiVnC,UAjVmC,KAiVnC,YAjVmC;AAtN3C,SAAS,YAAAA,WAAU,gBAAgB,YAAY,eAAe;AAE9D,SAAS,iBAAiB;AAE1B,SAAS,eAAe,oBAAoB;AAE5C,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAEzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcP,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAyChB,MAAM,iBAAoE,OAAO,OAAO;AAAA,EAC7F,WAAW,OAAO,OAAO;AAAA,IACvB,UAAU;AAAA,IACV,UAAU,OAAO,OAAO;AAAA,MACtB,EAAE,KAAK,YAAY,OAAO,MAAM;AAAA,MAChC,EAAE,KAAK,WAAW,OAAO,MAAM;AAAA,MAC/B,EAAE,KAAK,cAAc,OAAO,MAAM;AAAA,MAClC,EAAE,KAAK,KAAK,OAAO,MAAM;AAAA,IAC3B,CAAU;AAAA,EACZ,CAAC;AAAA,EACD,SAAS,OAAO,OAAO;AAAA,IACrB,UAAU;AAAA,IACV,UAAU,OAAO,OAAO;AAAA,MACtB,EAAE,KAAK,cAAc,OAAO,MAAM;AAAA,MAClC,EAAE,KAAK,QAAQ,OAAO,MAAM;AAAA,MAC5B,EAAE,KAAK,eAAe,OAAO,UAAU;AAAA,MACvC,EAAE,KAAK,iBAAiB,OAAO,MAAM;AAAA,MACrC,EAAE,KAAK,KAAK,OAAO,MAAM;AAAA,MACzB,EAAE,KAAK,WAAW,OAAO,UAAU;AAAA,MACnC,EAAE,KAAK,aAAa,OAAO,MAAM;AAAA,MACjC,EAAE,KAAK,aAAa,OAAO,MAAM;AAAA,MACjC,EAAE,KAAK,UAAU,OAAO,UAAU;AAAA,MAClC,EAAE,KAAK,WAAW,OAAO,MAAM;AAAA,IACjC,CAAU;AAAA,EACZ,CAAC;AAAA,EACD,OAAO,OAAO,OAAO;AAAA,IACnB,UAAU;AAAA,IACV,UAAU,OAAO,OAAO;AAAA,MACtB,EAAE,KAAK,SAAS,OAAO,MAAM;AAAA,MAC7B,EAAE,KAAK,aAAa,OAAO,MAAM;AAAA,MACjC,EAAE,KAAK,KAAK,OAAO,MAAM;AAAA,MACzB,EAAE,KAAK,YAAY,OAAO,MAAM;AAAA,MAChC,EAAE,KAAK,aAAa,OAAO,MAAM;AAAA,MACjC,EAAE,KAAK,WAAW,OAAO,MAAM;AAAA;AAAA,MAE/B,EAAE,KAAK,YAAY,OAAO,MAAM;AAAA,MAChC,EAAE,KAAK,OAAO,OAAO,MAAM;AAAA,IAC7B,CAAU;AAAA,EACZ,CAAC;AACH,CAAC;AAmBD,SAAS,cAAc,MAA8B;AACnD,SAAO,eAAe,IAAI,EAAE,SAAS,OAAO,CAAC,MAAM,EAAE,UAAU,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG;AACxF;AAEA,MAAM,QAAiC,CAAC,aAAa,WAAW,OAAO;AAoEvE,SAAS,QAAQ,UAAgC;AAC/C,MAAI,aAAa,UAAa,aAAa,QAAQ,aAAa,MAAO,QAAO;AAC9E,MAAI,OAAO,aAAa,SAAU,QAAO,oBAAC,aAAoB,MAAM,YAAZ,KAAsB;AAC9E,SAAO,oBAACA,WAAA,EAAoB,YAAP,KAAgB;AACvC;AAoBO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,EAAE,SAAS,WAAW,QAAQ,WAAW,IAAI;AACnD,QAAM,UAAU,WAAW,gBAAgB;AAC3C,QAAM,SAAS,eAAe,UAAU;AACxC,QAAM,YAAY,aAAa;AAE/B,QAAM,OAAO,MAAM,QAAQ,SAAS,QAAQ,WAAW,OAAO;AAC9D,QAAM,cAAc,cAAc,IAAI;AACtC,MAAI,CAAC,YAAY,SAAS,OAAO,GAAG;AAClC,UAAM,IAAI;AAAA,MACR,qBAAqB,OAAO,6CAA6C,IAAI,UAAU,YAAY,KAAK,IAAI,CAAC;AAAA,IAC/G;AAAA,EACF;AACA,QAAM,QAAS,OAAO,SAAS,IAAI,EAAoC,OAAO;AAC9E,QAAM,WAAW,MAAM,WAAW,kBAAkB,MAAM,UAAU,SAAS,IAAI,SAAS;AAC1F,QAAM,OAAO,CAAC,SAA8D;AAC1E,QAAI,OAAO,SAAS,SAAU,QAAO;AACrC,QAAI,CAAC,UAAU;AACb,YAAM,IAAI;AAAA,QACR,oBAAoB,OAAO;AAAA,MAC7B;AAAA,IACF;AACA,QAAI,YAAY,cAAc,CAAC,SAAS,iBAAiB;AACvD,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IACF;AACA,WAAO,KAAK,QAAQ;AAAA,EACtB;AAEA,QAAM,MAAM,QAAQ,MAAM,QAAQ;AAClC,MAAI;AACJ,MAAI,UAAU,OAAO;AACnB,UAAM,OAAO,oBAAC,aAAqB,MAAM,MAAM,QAAnB,MAAyB;AACrD,UAAM,OAAO,oBAAC,aAAqB,MAAM,MAAM,QAAnB,MAAyB;AACrD,QAAI,MAAM,YAAY,WAAW;AAC/B,YAAM,OACJ,MAAM,QAAQ,SAAS,IACrB,oBAAC,QAAiB,WAAU,4BACzB,gBAAM,QAAQ,IAAI,CAAC,MAAM,MACxB,oBAAC,QAAY,kBAAJ,CAAS,CACnB,KAHK,SAIR,IACE;AACN,cAAQ,CAAC,MAAM,MAAM,MAAM,GAAG;AAAA,IAChC,OAAO;AAEL,cAAQ,CAAC,MAAM,KAAK,IAAI;AAAA,IAC1B;AAAA,EACF,OAAO;AAEL,UAAM,aACJ,MAAM,YAAY,gBAAgB,MAAM,YAAY,eAC9C,MAAuC,cACzC,qBAAqB,SAAS,UAAU,WAAW,aACnD;AACN,YAAQ,CAAC,oBAAC,aAAqB,MAAM,cAAc,KAAK,MAAM,IAAI,KAA1C,MAA6C,GAAI,GAAG;AAAA,EAC9E;AAEA,SACE,oBAAC,gBAAa,IAAI,SAAS,SAAS,MAAM,OAAO,WAC/C,8BAAC,SAAI,WAAU,iBAAiB,iBAAM,GACxC;AAEJ;AAKA,SAAS,WAAW,SAA+B;AACjD,QAAM,QAAQ,MAAM,OAAO,CAAC,MAAM,cAAc,CAAC,EAAE,SAAS,OAAO,CAAC;AACpE,MAAI,MAAM,WAAW,EAAG,QAAO,MAAM,CAAC;AACtC,QAAM,IAAI;AAAA,IACR,MAAM,WAAW,IACb,qBAAqB,OAAO,wCAC5B,qBAAqB,OAAO,+BAA+B,MAAM,KAAK,IAAI,CAAC;AAAA,EACjF;AACF;AA4FA,SAAS,QAAQ,MAAiB,MAAc,KAAuB;AACrE,MAAI,SAAS,QAAQ,SAAS,UAAa,OAAO,SAAS,UAAW;AACtE,MAAI,eAAe,IAAI,GAAG;AACxB,QAAI,KAAK,SAASA,WAAU;AAC1B,cAAS,KAAK,MAAmC,UAAU,MAAM,GAAG;AAAA,IACtE,OAAO;AACL,UAAI,KAAK,EAAE,MAAM,MAAM,QAAQ,IAAI,CAAC;AAAA,IACtC;AACA;AAAA,EACF;AACA,MAAI,OAAO,SAAS,YAAY,OAAO,YAAY,MAAM;AACvD,UAAM,KAAK,IAA2B,EAAE,QAAQ,CAAC,OAAO,MAAM;AAC5D,YAAM,OAAO,eAAe,KAAK,KAAK,MAAM,QAAQ,OAAO,IAAI,MAAM,GAAG,KAAK,IAAI,CAAC;AAClF,cAAQ,OAAO,GAAG,IAAI,IAAI,IAAI,IAAI,GAAG;AAAA,IACvC,CAAC;AACD;AAAA,EACF;AACA,MAAI,KAAK,EAAE,MAAM,MAAM,QAAQ,IAAI,CAAC;AACtC;AAGA,SAAS,UACP,MACA,MACA,QACwD;AACxD,MAAI,CAAC,eAAe,IAAI,EAAG,QAAO;AAClC,MAAI,KAAK,SAAS,iBAAiB;AACjC,UAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,UAAM,QAAS,OAAO,SAAS,IAAI,EAAgD,OAAO;AAC1F,WAAO,EAAE,KAAK,SAAS,SAAS,OAAO,SAAS,QAAQ;AAAA,EAC1D;AACA,MAAI,KAAK,SAAS,cAAc;AAC9B,UAAM,QAAQ,KAAK;AACnB,WAAO,EAAE,KAAK,MAAM,MAAM,KAAK,OAAO,QAAW,SAAS,MAAM,QAAQ;AAAA,EAC1E;AACA,SAAO;AACT;AAMA,SAAS,aACP,UACA,MACA,QAC8D;AAC9D,QAAM,OAAmB,CAAC;AAC1B,UAAQ,UAAU,IAAI,IAAI;AAC1B,QAAM,WAAW,eAAe,IAAI,EAAE;AACtC,QAAM,UAAU,oBAAI,IAA4B;AAChD,MAAI,QAAQ;AACZ,QAAM,QAAQ,KAAK,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM;AACzC,UAAM,UAAU,UAAU,MAAM,MAAM,MAAM;AAC5C,QAAI,CAAC,QAAS,QAAO,oBAACA,WAAA,EAAqB,kBAAP,IAAY;AAChD,aAAS;AACT,UAAM,SAAS,WAAW,QAAQ;AAClC,QAAI,QAAQ,QAAQ,QAAW;AAC7B,UAAI,QAAQ,IAAI,QAAQ,GAAG,GAAG;AAC5B;AAAA,UACE,uBAAuB,IAAI,wBAAwB,QAAQ,GAAG,WAAW,QAAQ,GAAG;AAAA,QACtF;AAAA,MACF,OAAO;AACL,gBAAQ,IAAI,QAAQ,KAAK,EAAE,QAAQ,SAAS,QAAQ,QAAQ,CAAC;AAAA,MAC/D;AAAA,IACF;AACA,WACE,oBAAC,iBAAiB,UAAjB,EAAqC,OAAO,EAAE,IAAI,QAAQ,KAAK,OAAO,GACpE,kBAD6B,IAEhC;AAAA,EAEJ,CAAC;AACD,SAAO,EAAE,OAAO,QAAQ;AAC1B;AA0BO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,QAAQ;AACV,GAAmB;AACjB,aAAW,OAAO;AAClB,QAAM,SAAS,eAAe,UAAU;AACxC,QAAM,SAAS,aAAa,UAAU,KAAK;AAG3C,QAAM,eAAe,kBAAkB,UAAU,MAAM;AACvD,QAAM,YAAY;AAAA,IAChB,MAAO,aAAa,EAAE,OAAO,WAAW,IAAI;AAAA,IAC5C,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,EAAE,OAAO,QAAQ,IAAI,aAAa,UAAU,MAAM,MAAM;AAC9D,QAAM,UAAiC;AAAA,IACrC;AAAA,IACA,UAAU;AAAA,IACV,gBAAgB,cAAc,OAAO,OAAO;AAAA,IAC5C;AAAA,EACF;AACA,QAAM,OAAO,WAAW,SAAS;AACjC,QAAM,cAAc,WAAW,SAAY,SAAS,SAAS,YAAY,OAAO,OAAO,UAAU,OAAO,OAAO;AAG/G,QAAM,aACJ,SAAS,oBAAoB,UAAa,aAAa,SAAS,eAAe,MAAM,aAAa,MAAM;AAC1G,QAAM,kBAAkB,aACtB,qBAAC,OAAE,WAAU,0BACV;AAAA,WAAO,YAAY,KAAK,YAAY;AAAA,IACpC,yBACC,iCACG;AAAA;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UAER,iBAAO,YAAY,KAAK,YAAY;AAAA;AAAA,MACvC;AAAA,OACF;AAAA,KAEJ,IACE;AAIJ,QAAM,eAAe,YAAY,UAAa,aAAa,OAAO,MAAM;AACxE,MAAI,YAAY,UAAa,CAAC,cAAc;AAC1C,kBAAc,uBAAuB,OAAO,gEAAgE;AAAA,EAC9G;AACA,QAAM,cAAc,eAClB,oBAAC,UAAK,UAAU,SACZ,kBAAO,WAAW,qBAAqB,SAAU,WAAW,SAAS,QAAQ,EAAE,OAAO,CAAC,CAAC,GAC5F,IACE;AACJ,QAAM,gBAAgB,OAAO,WAAW,qBAAqB;AAC7D,QAAM,iBAAiB,QAAQ;AAC/B,QAAM,aACJ,YAAY,UAAa,QAAQ,SAAS,IACxC,qBAAC,aAAQ,IAAG,WAAU,WAAU,yDAC9B;AAAA,wBAAC,kBAAe,WAAU,kDACvB,wBAAc,OACjB;AAAA,IACA,oBAAC,QAAG,WAAU,kBACX,kBAAQ,IAAI,CAAC,OAAO,MACnB,qBAAC,QAAW,WAAU,uDACpB;AAAA,0BAAC,UAAK,eAAW,MAAC,WAAU,gDAA+C;AAAA,MAC3E,oBAAC,UAAK,WAAU,uBACb,iBAAO,UAAU,WAAW,iBAAiB,OAAO,OAAO,IAAI,OAClE;AAAA,SAJO,CAKT,CACD,GACH;AAAA,IACA,oBAAC,OAAE,WAAU,2BAA2B,wBAAc,MAAK;AAAA,KAC7D,IACE;AAEN,SACE,oBAAC,iBAAc,QAAQ,WACrB,+BAAC,SAAI,WAAW,GAAG,4BAA4B,SAAS,GACrD;AAAA;AAAA,IACD,oBAAC,QAAK,WAAU,UACd,8BAAC,iBAAiB,UAAjB,EAA0B,OAAO,SAChC;AAAA,MAAC;AAAA;AAAA,QACC,MACE,oBAAC,YAAS,MAAM,UAAU,MAAM,WAC7B,iBAAO,UACV;AAAA,QAEF,OAAO,OAAO,OAAO,IAAI;AAAA,QACzB,QAAQ;AAAA,QACR,SAAS;AAAA,QACT;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QAEC;AAAA;AAAA,IACH,GACF,GACF;AAAA,IACC,WAAW,SAAY,oBAAC,eAAY,aAAa,YAAY,IAAI,GAAG,IAAK;AAAA,KAC5E,GACF;AAEJ;AAqBA,SAAS,YAAY,QAAqB,WAAmB,aAAkC;AAC7F,QAAM,WAAW,OAAO;AACxB,aAAW,eAAe,CAAC,WAAW,WAAW,GAAG;AAClD,QAAI,CAAC,SAAS,SAAS,WAAW,EAAG,eAAc,uBAAuB,WAAW,MAAM,QAAQ,IAAI;AAAA,EACzG;AACA,SAAO,SACJ,MAAM,yBAAyB,EAC/B,OAAO,CAAC,SAAS,SAAS,EAAE,EAC5B;AAAA,IAAI,CAAC,MAAM,MACV,SAAS,YACP,oBAAC,YAAiB,MAAM,WAAW,MAAK,WACrC,iBAAO,OAAO,SADF,CAEf,IACE,SAAS,cACX,oBAAC,YAAiB,MAAM,aAAa,MAAK,WACvC,iBAAO,OAAO,WADF,CAEf,IAEA;AAAA,EAEJ;AACJ;AAkBO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA,YAAY,YAAY;AAAA,EACxB,cAAc,YAAY;AAAA,EAC1B,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAA6B;AAC3B,QAAM,SAAS,eAAe,UAAU;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAQ;AAAA,MACR,OAAO,YAAY,QAAQ,WAAW,WAAW;AAAA;AAAA,EACnD;AAEJ;","names":["Fragment"]}
+{"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 { parseIsoDate } from \"../lib/dates\";\nimport { useDayFormatter } from \"../lib/day-format\";\nimport { Checkbox } from \"./checkbox\";\nimport type { CheckboxProps } from \"./checkbox\";\nimport {\n  DEFAULT_LEGAL_LABELS,\n  LEGAL_HREFS,\n  baseLanguage,\n  LegalFooter,\n  LegalLayout,\n  LegalPageContext,\n  LegalSection,\n  LegalSlotContext,\n  LegalText,\n  legalOperatorText,\n  resolveLegalRefs,\n  useLegalLabels,\n  warnLegalOnce,\n} from \"./legal\";\nimport type {\n  LegalDisclaimerSectionLabels,\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 \"./button\";\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        variant?: never;\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        variant?: never;\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: \"disclaimer\";\n        /**\n         * 0.32.0 (docs/billing-harmonization.md §8, legal decision 7): which disclaimer.\n         * `non-commercial` (default) is the beta's \"private, non-commercial project\";\n         * `commercial` is for an app that charges, sold through a Merchant of Record —\n         * chosen per app, in the release that turns its billing on.\n         */\n        variant?: LegalDisclaimerVariant;\n        entries?: never;\n        children?: never;\n      }\n    | {\n        section: Exclude<LegalKitSectionKey, \"browser\" | \"legal_basis\" | \"rights\" | \"disclaimer\">;\n        variant?: never;\n        entries?: never;\n        children?: never;\n      }\n  );\n\n/** 0.32.0: the imprint disclaimer's two texts — see {@link LegalKitSectionProps}. */\nexport type LegalDisclaimerVariant = \"non-commercial\" | \"commercial\";\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    // The imprint's commercial disclaimer (0.32.0): its own body under the same title.\n    const commercial =\n      props.section === \"disclaimer\" && props.variant === \"commercial\"\n        ? ((entry as LegalDisclaimerSectionLabels).commercial ??\n          DEFAULT_LEGAL_LABELS.sections.impressum.disclaimer.commercial)\n        : undefined;\n    parts = [<LegalText key=\"body\" text={commercial ?? 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.51.3: the day this page's text last changed, \"YYYY-MM-DD\" (legal benchmark\n   * 2026-10-29, gap 8). Shown under the title as `legal.updated` — \"Last updated:\n   * 29 October 2026\", \"Stand: 29. Oktober 2026\" — with the date written out in `locale`,\n   * so it follows the page's language like every other kit word, the switch to the\n   * binding version included. Since 0.52 the `<UiKitProvider formatDate>` writes it when\n   * the app set one (its date preference, asked for the day without a weekday), as every\n   * other day the kit prints. Left out, no line. One date per page: the imprint, the\n   * privacy policy and the terms change on their own days.\n   *\n   * An app that records which terms someone accepted (keksdose) stores the terms page's\n   * date: it is the version the reader saw.\n   *\n   * The kit's sections are part of the page, so the date moves with their words too: a\n   * kit release that changes them says so in its adoption note (\"Legal wording\"), and\n   * the app sets the page's date to the day it ships that bump (§2, decision 10).\n   */\n  updated?: string;\n  /**\n   * 0.51.4: a plain-language summary before the first section (legal benchmark, Marcel\n   * 2026-10-29) — the app's three to six points, each a sentence. The kit draws them as a\n   * list under `legal.summary.title` (\"In short\", \"Das Wichtigste in Kürze\") and adds\n   * `legal.summary.note`: the summary orients, only the full text binds. Worded without\n   * \"below\", because on a translated page the text below is a translation too.\n   *\n   * A string point is running text with its `{ref:key}` resolved, as in a section:\n   * \"You can delete your account at any time (section {ref:ending}).\" Unnumbered, with\n   * the id `summary`; the sections' numbers do not count it. Left out or empty, nothing.\n   */\n  summary?: readonly 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(\n          `two sections of the ${page} page share the key \"${section.key}\"; {ref:${section.key}} names the first.`,\n        );\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 as-of line under the title, from `updated` (0.51.3);\n * - the plain-language summary before the sections, from `summary` (0.51.4);\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  updated,\n  summary,\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  const day = useDayFormatter(undefined, locale);\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 = 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-secondary\">\n      {labels.translation.note(operatorText)}\n      {onShowBindingLanguage && (\n        <>\n          {\" \"}\n          <Button\n            type=\"button\"\n            variant=\"link\"\n            size=\"sm\"\n            className=\"h-auto p-0 align-baseline\"\n            onClick={onShowBindingLanguage}\n          >\n            {labels.translation.show(operatorText)}\n          </Button>\n        </>\n      )}\n    </p>\n  ) : undefined;\n  // A calendar day, in the page's language — under the app's date preference when the\n  // provider has one (0.52, refactor audit 2026-10-30, DUP-2: \"a label that identifies a\n  // day follows the preference\"), else written out (\"29 October 2026\"); a bare\n  // \"YYYY-MM-DD\" is that day in every zone. A malformed date shows no line rather than a\n  // made-up one (\"2026-02-30\" would roll over into March).\n  const updatedValid = updated !== undefined && parseIsoDate(updated) !== null;\n  if (updated !== undefined && !updatedValid) {\n    warnLegalOnce(`LegalPage: updated=\"${updated}\" is not a \"YYYY-MM-DD\" date; no \"Last updated\" line is shown.`);\n  }\n  const updatedLine = updatedValid ? (\n    <time dateTime={updated}>{(labels.updated ?? DEFAULT_LEGAL_LABELS.updated!)(day(updated, { style: \"long\" }))}</time>\n  ) : undefined;\n  const summaryLabels = labels.summary ?? DEFAULT_LEGAL_LABELS.summary!;\n  const SummaryHeading = context.sectionHeading;\n  const summaryBox =\n    summary !== undefined && summary.length > 0 ? (\n      <section id=\"summary\" className=\"rounded-lg border border-subtle bg-surface p-4 sm:p-5\">\n        <SummaryHeading className=\"text-lg font-semibold break-words text-primary\">\n          {summaryLabels.title}\n        </SummaryHeading>\n        <ul className=\"mt-3 space-y-2\">\n          {summary.map((point, i) => (\n            <li key={i} className=\"flex gap-2.5 text-sm leading-relaxed text-secondary\">\n              <span aria-hidden className=\"mt-2 size-1.5 shrink-0 rounded-full bg-brand\" />\n              <span className=\"min-w-0 break-words\">\n                {typeof point === \"string\" ? resolveLegalRefs(point, context) : point}\n              </span>\n            </li>\n          ))}\n        </ul>\n        <p className=\"mt-3 text-xs text-muted\">{summaryLabels.note}</p>\n      </section>\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              updated={updatedLine}\n              translationNote={translationNote}\n              summary={summaryBox}\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 extends Omit<\n  CheckboxProps,\n  \"label\" | \"checked\" | \"onCheckedChange\" | \"required\"\n> {\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. The checkbox itself sends nothing and asks for\n * no re-acceptance (Marcel, §2.4). An app that records which terms someone accepted\n * stores, with the account, the terms page's `updated` date — the version the reader\n * saw — on its own (keksdose since 2026-10-29; §3.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

@@ -74,8 +74,10 @@ export interface LegalOperator {
 export type LegalOperatorText = Readonly<Record<keyof LegalOperator, string>>;
 /** The language subtag of a BCP 47 code, lower-cased: "de-CH" → "de". */
 export declare function baseLanguage(code: string): string;
-/** @internal The operator as the texts read it: its country named in `locale` (English
- *  without one — `countryName`'s rule, so an app that set no locale reads English). */
+/** The operator as the texts read it: its country named in `locale` (English without one —
+ *  `countryName`'s rule, so an app that set no locale reads English). Public since 0.28.1,
+ *  for an app's own footer label in the kit's words; it carried an `@internal` tag the
+ *  barrel contradicted until 0.52 (API-8, refactor audit 2026-10-30). */
 export declare function legalOperatorText(operator: LegalOperator, locale?: string): LegalOperatorText;
 /** A kit section whose text is fixed: a heading and one body. */
 export interface LegalTextSectionLabels {

package/dist/components/legal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/legal.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { MouseEvent, ReactNode } from \"react\";\n\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { countryName } from \"../lib/countries\";\nimport { AlertBanner } from \"./alert-banner\";\nimport { TextLink } from \"./text-link\";\nimport { DEFAULT_LEGAL_LABELS } from \"./legal-labels\";\n\n/**\n * The legal pages — Imprint, Privacy Policy, Terms — for every app.\n *\n * 0.19 (docs/i18n-harmonization.md H10): keksdose and kastlan each carried the same\n * shell, written twice: a back link, the title, a \"closed beta, not yet reviewed by a\n * lawyer\" notice, sections of heading + running text, and kastlan's row of links to the\n * three pages with the current one marked. That shape moved here; the words stayed in\n * each app.\n *\n * 0.28 (docs/legal-harmonization.md) reverses the second half: the wording that is the\n * same in all three apps is the kit's too, in all seven languages, so there is ONE text\n * to change after the lawyer's review instead of three apps drifting apart sentence by\n * sentence. This module holds the labels (every kit-owned legal word, §4.3/§4.4), the\n * column (`LegalLayout`), the section (`LegalSection`, now numbered and cross-referenced\n * inside a `LegalPage`), the links row and the public footer. The page frame, the\n * kit-owned sections and the terms checkbox are in `./legal-page`.\n *\n * `LegalLayout` stays a CONTENT COLUMN, not a page: before 0.28 keksdose showed it inside\n * its public landing header and footer and kastlan inside `AuthLayout`. `LegalPage` is\n * the frame around it that the contract (§3.2) settled on — keksdose's.\n */\n\n// ── The operator ──────────────────────────────────────────────────────────────\n\n/** The three pages, by the key every app uses for them (§4.1). Kurvenschmiede's\n *  `imprint` became `impressum`. */\nexport type LegalPageKey = \"impressum\" | \"privacy\" | \"terms\";\n\n/** The three routes (§3.1): one per page, the language from i18n, no per-language URLs. */\nexport const LEGAL_HREFS: Readonly<Record<LegalPageKey, string>> = Object.freeze({\n  impressum: \"/impressum\",\n  privacy: \"/privacy\",\n  terms: \"/terms\",\n});\n\n/** 0.51.4: the two public pages an app MAY have beside the legal ones, linked after\n *  them in the footer (§3.3) — keksdose's /security and /accessibility. Not legal pages:\n *  an app draws them with `PublicPage`, in its own words, at routes of its choosing. */\nexport type LegalInfoPageKey = \"security\" | \"accessibility\";\n\n/**\n * Who runs the app — the values the kit's legal sections are filled in with (§5).\n *\n * The kit holds NO personal data: every app passes the same values once, to\n * {@link LegalPage}'s `operator`. Plain strings, so the app's config or env can hold them.\n */\nexport interface LegalOperator {\n  /** The operator's name, as the imprint prints it. */\n  name: string;\n  /** \"9470\"-shaped; printed before the city. */\n  postalCode: string;\n  /** The place — the imprint's address line and the terms' place of jurisdiction. */\n  city: string;\n  /** The canton or state, abbreviated as the place of jurisdiction writes it: \"SG\". */\n  region: string;\n  /**\n   * ISO 3166-1 alpha-2: \"CH\". A CODE, not a name — the kit names it in the page's\n   * language (`Intl.DisplayNames`, see `countryName`), so \"Switzerland\", \"Schweiz\",\n   * \"Suisse\" and \"瑞士\" all come from one value.\n   */\n  country: string;\n  /** The contact address the imprint and the privacy policy print. */\n  email: string;\n  /**\n   * The language whose version of the legal texts is BINDING (\"de-CH\"), a BCP 47 code\n   * (0.28.1, Marcel 2026-10-05). The lawyer reviews that one; the others are translations\n   * for convenience. With it, {@link LegalPage} shows a note on every page read in\n   * another language, and the terms' `language` section says which version prevails.\n   * Only the language subtag counts: \"de-CH\" and \"de\" are the same language here.\n   */\n  bindingLanguage?: string;\n}\n\n/**\n * The operator as the kit's texts read it: {@link LegalOperator} with `country` already\n * NAMED in the page's language (\"Schweiz\", not \"CH\").\n *\n * The label functions take this rather than the code so they stay pure string functions\n * of plain values, like every other function label in the kit: a catalogue never calls\n * `Intl`, and a review row can be rendered from placeholders (`{{country}}`).\n */\nexport type LegalOperatorText = Readonly<Record<keyof LegalOperator, string>>;\n\n/** The language subtag of a BCP 47 code, lower-cased: \"de-CH\" → \"de\". */\nexport function baseLanguage(code: string): string {\n  return code.split(/[-_]/)[0]!.toLowerCase();\n}\n\nconst languageNamers = new Map<string, Intl.DisplayNames | null>();\n\n/** The name of a language in `locale` — \"Deutsch\", \"German\", \"allemand\", \"德语\" — from its\n *  language subtag, so \"de-CH\" is plain \"German\", not \"Swiss High German\". The code itself\n *  when the runtime cannot name it. */\nfunction languageName(code: string, locale: string): string {\n  let namer = languageNamers.get(locale);\n  if (namer === undefined) {\n    try {\n      namer = new Intl.DisplayNames([locale], { type: \"language\" });\n    } catch {\n      namer = null;\n    }\n    languageNamers.set(locale, namer);\n  }\n  const base = baseLanguage(code);\n  try {\n    return namer?.of(base) ?? base;\n  } catch {\n    return base;\n  }\n}\n\n/** @internal The operator as the texts read it: its country named in `locale` (English\n *  without one — `countryName`'s rule, so an app that set no locale reads English). */\nexport function legalOperatorText(operator: LegalOperator, locale: string = \"en\"): LegalOperatorText {\n  return {\n    ...operator,\n    country: countryName(operator.country, locale),\n    bindingLanguage: operator.bindingLanguage ? languageName(operator.bindingLanguage, locale) : \"\",\n  };\n}\n\n// ── Labels ────────────────────────────────────────────────────────────────────\n\n/** A kit section whose text is fixed: a heading and one body. */\nexport interface LegalTextSectionLabels {\n  title: string;\n  body: string;\n}\n\n/**\n * 0.32.0: the imprint's disclaimer, with the body of its COMMERCIAL variant\n * (docs/billing-harmonization.md §8; legal decision 7). The title is the same in both:\n * liability for content and links is the subject either way.\n */\nexport interface LegalDisclaimerSectionLabels extends LegalTextSectionLabels {\n  /**\n   * The body for `<LegalKitSection section=\"disclaimer\" variant=\"commercial\">`: a paid\n   * service sold through a Merchant of Record, which sells in its own name (§2.2), so the\n   * \"private, non-commercial … closed beta\" of `body` would be untrue. OPTIONAL, as every\n   * key added to a namespace an app may annotate: left out, the provider's, then English.\n   */\n  commercial?: string;\n}\n\n/** A kit section whose text names the operator (§4.3 `{name}`, `{email}`, …). */\nexport interface LegalOperatorSectionLabels {\n  title: string;\n  /** Called with the operator, its country already named in the page's language. Line\n   *  breaks are kept (`white-space: pre-line`): an address is plain lines. */\n  body: (operator: LegalOperatorText) => string;\n}\n\n/** A kit section with an app slot (or a list) between its two parts. */\nexport interface LegalFramedSectionLabels {\n  title: string;\n  /** Before the app's part. */\n  lead: string;\n  /** After it. */\n  tail: string;\n}\n\n/**\n * Every word of the legal pages that is the kit's — docs/legal-harmonization.md §4.3 and\n * §4.4, verbatim. English, British spelling; the other six languages are in the\n * catalogues (`@eifi1/ui-kit/i18n/<code>`).\n *\n * Keys follow the contract: `sections.<page>.<section key>`, the section keys being\n * keksdose's (`legal_basis`, not `legalBasis`), because the same key is the section's\n * `id` (`/privacy#legal_basis`) and the app's own sections sit beside these under the\n * same names in its catalogue. Titles carry NO number: {@link LegalPage} numbers the\n * privacy and terms sections in render order (§4.1).\n */\nexport interface LegalLabels {\n  /** The accessible name of {@link LegalLinks}' and {@link LegalFooter}'s `<nav>`. */\n  navLabel: string;\n  /** The short labels of the three links, everywhere the links appear (§3.3), and since\n   *  0.51.4 of the two optional public pages after them (`securityHref`,\n   *  `accessibilityHref` on {@link LegalLinks}) — optional keys, as every key added to a\n   *  namespace an app may annotate: left out, the provider's, then English. */\n  links: Record<LegalPageKey, string> & Partial<Record<LegalInfoPageKey, string>>;\n  /** The pages' titles — the `<h1>`, and the links of the terms checkbox. */\n  titles: Record<LegalPageKey, string>;\n  /** The back link above the title: \"← Back to home\". */\n  backHome: string;\n  /**\n   * The terms checkbox (§3.4) — ONE template with `{terms}` and `{privacy}`, which\n   * become the links (named with `titles`). Not a prefix plus a joiner: a language puts\n   * the links where its grammar wants them, articles included, and nothing is added\n   * around a placeholder — Italian elides, \"e l’{privacy}\", with no space.\n   */\n  accept: string;\n  /** The notice under the title (§3.2): `beta` on the imprint and the terms, `privacy`\n   *  on the privacy policy. */\n  notice: {\n    beta: string;\n    privacy: string;\n  };\n  /**\n   * 0.28.1: on a page read in another language than the operator's `bindingLanguage` —\n   * `note` under the title, `show` on the button that switches to the binding version\n   * (when the app passes `onShowBindingLanguage`). `o.bindingLanguage` is the binding\n   * language's NAME in the reader's language (\"German\", \"allemand\").\n   */\n  translation: {\n    note: (o: LegalOperatorText) => string;\n    show: (o: LegalOperatorText) => string;\n  };\n  /**\n   * 0.51.3: the as-of line under the title (§3.2), \"Last updated: 29 October 2026\" —\n   * {@link LegalPage}'s `updated`, called with the date already written out in the page's\n   * locale. OPTIONAL, as every key added to a namespace an app may annotate: left out,\n   * the provider's, then English.\n   */\n  updated?: (date: string) => string;\n  /**\n   * 0.51.4: the plain-language summary at the top of a page ({@link LegalPage}'s\n   * `summary`, §3.2) — its heading, and the line under the points saying that only the\n   * full text binds. Optional, as `updated`.\n   */\n  summary?: {\n    title: string;\n    note: string;\n  };\n  /** The kit's sections (§4.3), by page and section key. */\n  sections: {\n    impressum: {\n      operator: LegalOperatorSectionLabels;\n      contact: LegalOperatorSectionLabels;\n      /** `body` is the default, non-commercial text; `commercial` the 0.32 variant. */\n      disclaimer: LegalDisclaimerSectionLabels;\n    };\n    privacy: {\n      controller: LegalOperatorSectionLabels;\n      /** The app's paragraph follows the body (§4.2): consent, where an app relies on it. */\n      legal_basis: LegalTextSectionLabels;\n      /** `lead`, then the app's entries as a list, then `tail`, then the app's paragraph. */\n      browser: LegalFramedSectionLabels;\n      /** `lead` (the rights), then the app's paragraph (export, deletion), then `tail`\n       *  (the supervisory authorities). */\n      rights: LegalFramedSectionLabels;\n      contact: LegalOperatorSectionLabels;\n    };\n    terms: {\n      warranty: LegalTextSectionLabels;\n      liability: LegalTextSectionLabels;\n      changes: LegalTextSectionLabels;\n      /** 0.28.1: which language's version prevails — `o.bindingLanguage`, named. */\n      language: LegalOperatorSectionLabels;\n      /** The place of jurisdiction is the operator's `{city} ({region}), {country}`. */\n      law: LegalOperatorSectionLabels;\n    };\n  };\n}\n\n// Defined in ./legal-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_LEGAL_LABELS };\n\n/** The `legal` namespace, resolved: defaults < provider < `labels` prop. The prop may be\n *  partial at every depth (`{ titles: { terms: \"…\" } }`), as the provider's is. */\nexport function useLegalLabels(labels?: LabelOverride<LegalLabels>): LegalLabels {\n  return useKitLabels(\"legal\", DEFAULT_LEGAL_LABELS, labels);\n}\n\n// ── What a LegalPage tells the sections inside it ─────────────────────────────\n\n/** Where a `{ref:key}` points: the section's number on a numbered page, else its heading. */\nexport interface LegalRefTarget {\n  number?: number;\n  heading: ReactNode;\n}\n\n/** @internal Set by `LegalPage` around its column; `null` outside one. */\nexport interface LegalPageContextValue {\n  page: LegalPageKey;\n  /** The operator with its country named — what the kit sections are filled in with. */\n  operator: LegalOperatorText;\n  /** The heading level of a section that does not choose one: one below the title. */\n  sectionHeading: \"h2\" | \"h3\";\n  /** Every section's key, in render order — known BEFORE any section renders, so a\n   *  reference can point forward (keksdose's section 2 refers to section 10). */\n  targets: ReadonlyMap<string, LegalRefTarget>;\n}\n\n/** @internal */\nexport const LegalPageContext = createContext<LegalPageContextValue | null>(null);\n\n/** @internal The place `LegalPage` gave one section: its key and its number. Reset to\n *  `null` inside a section, so a section nested in another's children takes neither. */\nexport interface LegalSectionSlot {\n  id?: string;\n  number?: number;\n}\n\n/** @internal */\nexport const LegalSlotContext = createContext<LegalSectionSlot | null>(null);\n\n/** @internal `{ref:retention}`. A key is a section key: letters, digits, `_` and `-`. */\nconst REF_TOKEN = /\\{ref:([A-Za-z0-9_-]+)\\}/g;\n\n/**\n * A development build's console note — never in production (the consumer's bundler\n * makes `import.meta.env.DEV` false) and never under vitest. Optional-chained:\n * `import.meta.env` is a Vite injection, absent under plain Node.\n */\nfunction devWarnings(): boolean {\n  return Boolean(import.meta.env?.DEV) && !import.meta.env?.VITEST;\n}\nconst warned = new Set<string>();\n/** @internal Once per message. */\nexport function warnLegalOnce(message: string): void {\n  if (!devWarnings() || warned.has(message)) return;\n  warned.add(message);\n  console.warn(`[ui-kit] ${message}`);\n}\n\n/**\n * `text` with every `{ref:key}` replaced by a link to `#key` that reads the section's\n * number — the words around it stay the app's (\"see section {ref:retention}\", \"siehe\n * Abschnitt {ref:retention}\"), so each language keeps its grammar (§4.1). On the imprint,\n * which is not numbered, the link reads the section's heading instead.\n *\n * Outside a {@link LegalPage} the text is returned as it is: there is no order to count.\n * A key the page has no section for stays visible as the raw token — a broken reference\n * an app test can find (`not.toHaveTextContent(\"{ref:\")`), not a silently wrong number.\n */\nexport function resolveLegalRefs(text: string, page: LegalPageContextValue | null): ReactNode {\n  if (!page || !text.includes(\"{ref:\")) return text;\n  const out: ReactNode[] = [];\n  let last = 0;\n  for (const match of text.matchAll(REF_TOKEN)) {\n    const at = match.index ?? 0;\n    if (at > last) out.push(text.slice(last, at));\n    const key = match[1];\n    const target = page.targets.get(key);\n    if (target) {\n      out.push(\n        <TextLink key={`${key}@${at}`} href={`#${key}`}>\n          {target.number ?? target.heading}\n        </TextLink>,\n      );\n    } else {\n      warnLegalOnce(`{ref:${key}} on the ${page.page} page points at no section of it.`);\n      out.push(match[0]);\n    }\n    last = at + match[0].length;\n  }\n  if (last < text.length) out.push(text.slice(last));\n  return out;\n}\n\n/** @internal Running text — one translation string — with its line breaks kept and its\n *  `{ref:key}` tokens resolved. */\nexport function LegalText({ text, className }: { text: string; className?: string }) {\n  const page = useContext(LegalPageContext);\n  // `break-words`: an address, an email or a URL in a translation is one long word, and\n  // on a 390px phone it would push the column wider than the screen.\n  return <p className={cn(\"whitespace-pre-line break-words\", className)}>{resolveLegalRefs(text, page)}</p>;\n}\n\n// ── Links ─────────────────────────────────────────────────────────────────────\n\nexport interface LegalLink {\n  href: string;\n  /** \"Imprint\", \"Privacy Policy\", \"Terms\". */\n  label: ReactNode;\n}\n\nexport interface LegalLinksProps {\n  /** Default (0.28): the three routes, `/impressum`, `/privacy` and `/terms`, with the\n   *  kit's short link labels (`legal.links`), in the contract's order. */\n  links?: readonly LegalLink[];\n  /**\n   * 0.51.4: the app's security page — a \"Security\" link after the others, with the kit's\n   * label (`legal.links.security`). Left out, no link: only an app that has the page\n   * names its route.\n   */\n  securityHref?: string;\n  /** 0.51.4: the app's accessibility statement — \"Accessibility\", last. As\n   *  `securityHref`. */\n  accessibilityHref?: string;\n  /** The page being shown; its link is marked `aria-current=\"page\"`. Usually the\n   *  router's pathname. */\n  currentHref?: string;\n  /** `false` renders the links without the `<nav>` landmark — inside `AuthLayout`'s\n   *  `footer` or `TopBarActionMenu`'s `footer`, which are named `<nav>`s already. The row\n   *  keeps its spacing and `className` either way (0.27.1: it used to return the bare\n   *  links, so in a plain container — Kurvenschmiede's account-menu `<li>` — they ran\n   *  together as \"ImpressumDatenschutzerklärungNutz…\" and overflowed). Default true. */\n  nav?: boolean;\n  /** Called on a click on any of the links, before it navigates — an account menu closes\n   *  itself here (0.28.1, keksdose: it had to catch the click on a wrapping `<div>`). */\n  onLinkClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n  labels?: LabelOverride<LegalLabels>;\n  className?: string;\n}\n\n/** The default links: the three routes under the kit's short labels. */\nfunction defaultLinks(labels: LegalLabels): LegalLink[] {\n  return ([\"impressum\", \"privacy\", \"terms\"] as const).map((page) => ({\n    href: LEGAL_HREFS[page],\n    label: labels.links[page],\n  }));\n}\n\n/** The optional pages after them, each only where the app named its route. */\nfunction infoLinks(labels: LegalLabels, hrefs: Partial<Record<LegalInfoPageKey, string>>): LegalLink[] {\n  return ([\"security\", \"accessibility\"] as const).flatMap((page) => {\n    const href = hrefs[page];\n    return href ? [{ href, label: labels.links[page] ?? DEFAULT_LEGAL_LABELS.links[page] }] : [];\n  });\n}\n\n/**\n * The legal pages as a row of quiet links, the one you are on marked (kastlan's\n * `LegalLinks`). Wraps on a phone.\n *\n * 0.28: `·` separators between the links, keksdose's footer style, wherever the links\n * appear — the account menu included (§3.3). The dots are `aria-hidden`: a screen reader\n * already hears three links, and \"middle dot\" between them is noise. They are flex items\n * of the row like the links, so the row's gap spaces them evenly.\n */\nexport function LegalLinks({\n  links,\n  securityHref,\n  accessibilityHref,\n  currentHref,\n  nav = true,\n  onLinkClick,\n  labels: labelsProp,\n  className,\n}: LegalLinksProps) {\n  const labels = useLegalLabels(labelsProp);\n  const shown = [\n    ...(links ?? defaultLinks(labels)),\n    ...infoLinks(labels, { security: securityHref, accessibility: accessibilityHref }),\n  ];\n  const items = shown.flatMap((link, i) => [\n    ...(i > 0\n      ? [\n          <span key={`sep-${link.href}`} aria-hidden=\"true\">\n            ·\n          </span>,\n        ]\n      : []),\n    <TextLink key={link.href} href={link.href} tone=\"muted\" current={link.href === currentHref} onClick={onLinkClick}>\n      {link.label}\n    </TextLink>,\n  ]);\n  const rowClass = cn(\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs\", className);\n  if (!nav) return <div className={rowClass}>{items}</div>;\n  return (\n    <nav aria-label={labels.navLabel} className={rowClass}>\n      {items}\n    </nav>\n  );\n}\n\n// ── Footer ────────────────────────────────────────────────────────────────────\n\nexport interface LegalFooterProps {\n  /** Under the links, centred — the app's tagline (keksdose: \"Self-hosted household\n   *  budgeting & bookkeeping.\"). */\n  children?: ReactNode;\n  /** Default: the three routes with the kit's link labels — see {@link LegalLinks}. */\n  links?: readonly LegalLink[];\n  /** 0.51.4: \"Security\" after the others — see {@link LegalLinksProps.securityHref}. */\n  securityHref?: string;\n  /** 0.51.4: \"Accessibility\", last — see {@link LegalLinksProps.accessibilityHref}. */\n  accessibilityHref?: string;\n  /** Marks that link `aria-current=\"page\"`. {@link LegalPage}'s default footer passes\n   *  its own page. */\n  currentHref?: string;\n  /**\n   * Default true: the footer is a `<footer>`. `false` draws a `<div>` — for a host that is\n   * a footer already: `AuthLayout`'s `footer` slot is one, and HTML forbids a footer inside\n   * a footer (0.28.1, kastlan). On an `AuthLayout` page the usual choice is simpler still:\n   * `footer={<LegalLinks nav={false} />}` with `footerLabel` set to the kit's `navLabel`\n   * ({@link useLegalLabels}).\n   */\n  landmark?: boolean;\n  className?: string;\n  labels?: LabelOverride<LegalLabels>;\n}\n\n/**\n * The public footer (§3.3): the three links, centred, with their separators, in a\n * `<nav aria-label=\"Legal\">` — on the landing or home page, every signed-out page the app\n * has, the legal pages and the 404. The rule behind it: from every page a signed-out\n * visitor can reach, the three links are one click away.\n *\n * keksdose's `SiteFooter` (features/landing/site-footer.tsx), which carried them on its\n * landing, auth, legal and 404 pages; kastlan and Kurvenschmiede had them on some pages\n * only. Its palette classes (`border-slate-200 bg-white dark:…`) became the surface and\n * border tokens, so it follows the theme like the rest of the kit.\n *\n * 0.51.4: an app with a security page or an accessibility statement passes their routes\n * (`securityHref`, `accessibilityHref`) and the row goes on with \"Security · Accessibility\"\n * in the kit's words, so the footer reads the same in every app that has them.\n */\nexport function LegalFooter({\n  children,\n  links,\n  securityHref,\n  accessibilityHref,\n  currentHref,\n  landmark = true,\n  className,\n  labels,\n}: LegalFooterProps) {\n  const Root = landmark ? \"footer\" : \"div\";\n  return (\n    <Root className={cn(\"border-t border-subtle bg-surface\", className)}>\n      <div className=\"mx-auto max-w-5xl px-4 py-8 text-sm text-muted\">\n        <LegalLinks\n          links={links}\n          securityHref={securityHref}\n          accessibilityHref={accessibilityHref}\n          currentHref={currentHref}\n          labels={labels}\n          className=\"justify-center gap-y-2 text-sm\"\n        />\n        {children !== undefined && children !== null && <p className=\"mt-4 text-center\">{children}</p>}\n      </div>\n    </Root>\n  );\n}\n\n// ── Section ───────────────────────────────────────────────────────────────────\n\nexport interface LegalSectionProps {\n  heading: ReactNode;\n  /** Running text. Line breaks in it are kept (`white-space: pre-line`), so a\n   *  translation can hold an address or a list as plain lines. Inside a\n   *  {@link LegalPage}, `{ref:key}` becomes the number of section `key`, linked. */\n  body?: string;\n  /** Anything richer than plain text — links, a list — after `body`. A plain string\n   *  here has its `{ref:key}` tokens resolved too. */\n  children?: ReactNode;\n  /**\n   * The section's `id`, for a link to it from elsewhere. Inside a {@link LegalPage} it\n   * defaults to the element's React `key` — keksdose's\n   * `SECTIONS.map((s) => <LegalSection key={s} … />)` gets `id=\"retention\"` with\n   * nothing added — and it is the key a `{ref:…}` names.\n   */\n  id?: string;\n  /** The heading's element. Default `h2` under the layout's `h1` (inside a\n   *  `LegalPage`, one level below its title). */\n  headingAs?: \"h2\" | \"h3\";\n}\n\n/**\n * One section: heading and running text.\n *\n * 0.28, inside a {@link LegalPage}: its `id` (the `key` unless given), its number on the\n * privacy policy and the terms (\"3. Legal basis\" — titles carry no number, §4.1), and\n * `{ref:key}` resolution in `body`. Outside one it is exactly the 0.19 section.\n */\nexport function LegalSection({ heading, body, children, id: idProp, headingAs }: LegalSectionProps) {\n  const page = useContext(LegalPageContext);\n  const slot = useContext(LegalSlotContext);\n  const id = idProp ?? slot?.id;\n  const number = slot?.number;\n  const Heading = headingAs ?? page?.sectionHeading ?? \"h2\";\n  return (\n    <section id={id} className=\"scroll-mt-20\">\n      <Heading className=\"text-lg font-semibold break-words text-primary\">\n        {number !== undefined && `${number}. `}\n        {heading}\n      </Heading>\n      <LegalSlotContext.Provider value={null}>\n        {body !== undefined && <LegalText text={body} className=\"mt-2 text-sm leading-relaxed text-secondary\" />}\n        {children !== undefined && (\n          <div className=\"mt-2 text-sm leading-relaxed break-words text-secondary\">\n            {typeof children === \"string\" ? resolveLegalRefs(children, page) : children}\n          </div>\n        )}\n      </LegalSlotContext.Provider>\n    </section>\n  );\n}\n\n// ── Layout ────────────────────────────────────────────────────────────────────\n\nexport interface LegalLayoutProps {\n  /** \"Imprint\", \"Privacy Policy\", \"Terms\". */\n  title: ReactNode;\n  /** Above the title — the app's \"← Back\" link (`<TextLink icon={ArrowLeft}>`). Inside\n   *  a {@link LegalPage}, \"← Back to home\". */\n  back?: ReactNode;\n  /**\n   * A notice under the title, as a warning banner with `role=\"note\"` — page furniture,\n   * not an alert. Per page, not per layout: the privacy page says something more precise\n   * than the others (its technical sections describe running code).\n   */\n  notice?: ReactNode;\n  /** 0.51.3: right under the title — {@link LegalPage}'s \"Last updated: …\" line. */\n  updated?: ReactNode;\n  /** 0.28.1: under the title, before the notice — {@link LegalPage}'s note that this\n   *  page is a translation and which language is binding. */\n  translationNote?: ReactNode;\n  /** 0.51.4: before the sections — {@link LegalPage}'s plain-language summary. */\n  summary?: ReactNode;\n  /** The sections — {@link LegalSection}s. */\n  children: ReactNode;\n  /** The three pages, linked at the end of the column with the current one marked.\n   *  Leave out when the page's chrome already shows them (a {@link LegalFooter}). */\n  links?: readonly LegalLink[];\n  currentHref?: string;\n  /** Default `h1`: the page's heading. */\n  headingAs?: \"h1\" | \"h2\";\n  /** Extra classes on the column — `px-0 py-0` inside a chrome that pads already. */\n  className?: string;\n  labels?: LabelOverride<LegalLabels>;\n}\n\nexport function LegalLayout({\n  title,\n  back,\n  notice,\n  updated,\n  translationNote,\n  summary,\n  children,\n  links,\n  currentHref,\n  headingAs: Heading = \"h1\",\n  className,\n  labels,\n}: LegalLayoutProps) {\n  return (\n    <article className={cn(\"mx-auto w-full max-w-3xl px-4 py-12\", className)}>\n      {back !== undefined && <div className=\"mb-4 text-sm\">{back}</div>}\n      <Heading className=\"text-3xl font-bold tracking-tight break-words text-primary\">{title}</Heading>\n      {updated !== undefined && updated !== null && <p className=\"mt-2 text-sm text-muted\">{updated}</p>}\n      {translationNote !== undefined && translationNote !== null && <div className=\"mt-3\">{translationNote}</div>}\n      {notice !== undefined && notice !== null && (\n        <AlertBanner tone=\"warning\" role=\"note\" className=\"mt-4\">\n          {notice}\n        </AlertBanner>\n      )}\n      <div className=\"mt-8 space-y-8\">\n        {summary}\n        {children}\n      </div>\n      {links !== undefined && links.length > 0 && (\n        <LegalLinks\n          links={links}\n          currentHref={currentHref}\n          labels={labels}\n          className=\"mt-12 border-t border-subtle pt-4\"\n        />\n      )}\n    </article>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/legal.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { MouseEvent, ReactNode } from \"react\";\n\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { countryName } from \"../lib/countries\";\nimport { AlertBanner } from \"./alert-banner\";\nimport { TextLink } from \"./text-link\";\nimport { DEFAULT_LEGAL_LABELS } from \"./legal-labels\";\n\n/**\n * The legal pages — Imprint, Privacy Policy, Terms — for every app.\n *\n * 0.19 (docs/i18n-harmonization.md H10): keksdose and kastlan each carried the same\n * shell, written twice: a back link, the title, a \"closed beta, not yet reviewed by a\n * lawyer\" notice, sections of heading + running text, and kastlan's row of links to the\n * three pages with the current one marked. That shape moved here; the words stayed in\n * each app.\n *\n * 0.28 (docs/legal-harmonization.md) reverses the second half: the wording that is the\n * same in all three apps is the kit's too, in all seven languages, so there is ONE text\n * to change after the lawyer's review instead of three apps drifting apart sentence by\n * sentence. This module holds the labels (every kit-owned legal word, §4.3/§4.4), the\n * column (`LegalLayout`), the section (`LegalSection`, now numbered and cross-referenced\n * inside a `LegalPage`), the links row and the public footer. The page frame, the\n * kit-owned sections and the terms checkbox are in `./legal-page`.\n *\n * `LegalLayout` stays a CONTENT COLUMN, not a page: before 0.28 keksdose showed it inside\n * its public landing header and footer and kastlan inside `AuthLayout`. `LegalPage` is\n * the frame around it that the contract (§3.2) settled on — keksdose's.\n */\n\n// ── The operator ──────────────────────────────────────────────────────────────\n\n/** The three pages, by the key every app uses for them (§4.1). Kurvenschmiede's\n *  `imprint` became `impressum`. */\nexport type LegalPageKey = \"impressum\" | \"privacy\" | \"terms\";\n\n/** The three routes (§3.1): one per page, the language from i18n, no per-language URLs. */\nexport const LEGAL_HREFS: Readonly<Record<LegalPageKey, string>> = Object.freeze({\n  impressum: \"/impressum\",\n  privacy: \"/privacy\",\n  terms: \"/terms\",\n});\n\n/** 0.51.4: the two public pages an app MAY have beside the legal ones, linked after\n *  them in the footer (§3.3) — keksdose's /security and /accessibility. Not legal pages:\n *  an app draws them with `PublicPage`, in its own words, at routes of its choosing. */\nexport type LegalInfoPageKey = \"security\" | \"accessibility\";\n\n/**\n * Who runs the app — the values the kit's legal sections are filled in with (§5).\n *\n * The kit holds NO personal data: every app passes the same values once, to\n * {@link LegalPage}'s `operator`. Plain strings, so the app's config or env can hold them.\n */\nexport interface LegalOperator {\n  /** The operator's name, as the imprint prints it. */\n  name: string;\n  /** \"9470\"-shaped; printed before the city. */\n  postalCode: string;\n  /** The place — the imprint's address line and the terms' place of jurisdiction. */\n  city: string;\n  /** The canton or state, abbreviated as the place of jurisdiction writes it: \"SG\". */\n  region: string;\n  /**\n   * ISO 3166-1 alpha-2: \"CH\". A CODE, not a name — the kit names it in the page's\n   * language (`Intl.DisplayNames`, see `countryName`), so \"Switzerland\", \"Schweiz\",\n   * \"Suisse\" and \"瑞士\" all come from one value.\n   */\n  country: string;\n  /** The contact address the imprint and the privacy policy print. */\n  email: string;\n  /**\n   * The language whose version of the legal texts is BINDING (\"de-CH\"), a BCP 47 code\n   * (0.28.1, Marcel 2026-10-05). The lawyer reviews that one; the others are translations\n   * for convenience. With it, {@link LegalPage} shows a note on every page read in\n   * another language, and the terms' `language` section says which version prevails.\n   * Only the language subtag counts: \"de-CH\" and \"de\" are the same language here.\n   */\n  bindingLanguage?: string;\n}\n\n/**\n * The operator as the kit's texts read it: {@link LegalOperator} with `country` already\n * NAMED in the page's language (\"Schweiz\", not \"CH\").\n *\n * The label functions take this rather than the code so they stay pure string functions\n * of plain values, like every other function label in the kit: a catalogue never calls\n * `Intl`, and a review row can be rendered from placeholders (`{{country}}`).\n */\nexport type LegalOperatorText = Readonly<Record<keyof LegalOperator, string>>;\n\n/** The language subtag of a BCP 47 code, lower-cased: \"de-CH\" → \"de\". */\nexport function baseLanguage(code: string): string {\n  return code.split(/[-_]/)[0]!.toLowerCase();\n}\n\nconst languageNamers = new Map<string, Intl.DisplayNames | null>();\n\n/** The name of a language in `locale` — \"Deutsch\", \"German\", \"allemand\", \"德语\" — from its\n *  language subtag, so \"de-CH\" is plain \"German\", not \"Swiss High German\". The code itself\n *  when the runtime cannot name it. */\nfunction languageName(code: string, locale: string): string {\n  let namer = languageNamers.get(locale);\n  if (namer === undefined) {\n    try {\n      namer = new Intl.DisplayNames([locale], { type: \"language\" });\n    } catch {\n      namer = null;\n    }\n    languageNamers.set(locale, namer);\n  }\n  const base = baseLanguage(code);\n  try {\n    return namer?.of(base) ?? base;\n  } catch {\n    return base;\n  }\n}\n\n/** The operator as the texts read it: its country named in `locale` (English without one —\n *  `countryName`'s rule, so an app that set no locale reads English). Public since 0.28.1,\n *  for an app's own footer label in the kit's words; it carried an `@internal` tag the\n *  barrel contradicted until 0.52 (API-8, refactor audit 2026-10-30). */\nexport function legalOperatorText(operator: LegalOperator, locale: string = \"en\"): LegalOperatorText {\n  return {\n    ...operator,\n    country: countryName(operator.country, locale),\n    bindingLanguage: operator.bindingLanguage ? languageName(operator.bindingLanguage, locale) : \"\",\n  };\n}\n\n// ── Labels ────────────────────────────────────────────────────────────────────\n\n/** A kit section whose text is fixed: a heading and one body. */\nexport interface LegalTextSectionLabels {\n  title: string;\n  body: string;\n}\n\n/**\n * 0.32.0: the imprint's disclaimer, with the body of its COMMERCIAL variant\n * (docs/billing-harmonization.md §8; legal decision 7). The title is the same in both:\n * liability for content and links is the subject either way.\n */\nexport interface LegalDisclaimerSectionLabels extends LegalTextSectionLabels {\n  /**\n   * The body for `<LegalKitSection section=\"disclaimer\" variant=\"commercial\">`: a paid\n   * service sold through a Merchant of Record, which sells in its own name (§2.2), so the\n   * \"private, non-commercial … closed beta\" of `body` would be untrue. OPTIONAL, as every\n   * key added to a namespace an app may annotate: left out, the provider's, then English.\n   */\n  commercial?: string;\n}\n\n/** A kit section whose text names the operator (§4.3 `{name}`, `{email}`, …). */\nexport interface LegalOperatorSectionLabels {\n  title: string;\n  /** Called with the operator, its country already named in the page's language. Line\n   *  breaks are kept (`white-space: pre-line`): an address is plain lines. */\n  body: (operator: LegalOperatorText) => string;\n}\n\n/** A kit section with an app slot (or a list) between its two parts. */\nexport interface LegalFramedSectionLabels {\n  title: string;\n  /** Before the app's part. */\n  lead: string;\n  /** After it. */\n  tail: string;\n}\n\n/**\n * Every word of the legal pages that is the kit's — docs/legal-harmonization.md §4.3 and\n * §4.4, verbatim. English, British spelling; the other six languages are in the\n * catalogues (`@eifi1/ui-kit/i18n/<code>`).\n *\n * Keys follow the contract: `sections.<page>.<section key>`, the section keys being\n * keksdose's (`legal_basis`, not `legalBasis`), because the same key is the section's\n * `id` (`/privacy#legal_basis`) and the app's own sections sit beside these under the\n * same names in its catalogue. Titles carry NO number: {@link LegalPage} numbers the\n * privacy and terms sections in render order (§4.1).\n */\nexport interface LegalLabels {\n  /** The accessible name of {@link LegalLinks}' and {@link LegalFooter}'s `<nav>`. */\n  navLabel: string;\n  /** The short labels of the three links, everywhere the links appear (§3.3), and since\n   *  0.51.4 of the two optional public pages after them (`securityHref`,\n   *  `accessibilityHref` on {@link LegalLinks}) — optional keys, as every key added to a\n   *  namespace an app may annotate: left out, the provider's, then English. */\n  links: Record<LegalPageKey, string> & Partial<Record<LegalInfoPageKey, string>>;\n  /** The pages' titles — the `<h1>`, and the links of the terms checkbox. */\n  titles: Record<LegalPageKey, string>;\n  /** The back link above the title: \"← Back to home\". */\n  backHome: string;\n  /**\n   * The terms checkbox (§3.4) — ONE template with `{terms}` and `{privacy}`, which\n   * become the links (named with `titles`). Not a prefix plus a joiner: a language puts\n   * the links where its grammar wants them, articles included, and nothing is added\n   * around a placeholder — Italian elides, \"e l’{privacy}\", with no space.\n   */\n  accept: string;\n  /** The notice under the title (§3.2): `beta` on the imprint and the terms, `privacy`\n   *  on the privacy policy. */\n  notice: {\n    beta: string;\n    privacy: string;\n  };\n  /**\n   * 0.28.1: on a page read in another language than the operator's `bindingLanguage` —\n   * `note` under the title, `show` on the button that switches to the binding version\n   * (when the app passes `onShowBindingLanguage`). `o.bindingLanguage` is the binding\n   * language's NAME in the reader's language (\"German\", \"allemand\").\n   */\n  translation: {\n    note: (o: LegalOperatorText) => string;\n    show: (o: LegalOperatorText) => string;\n  };\n  /**\n   * 0.51.3: the as-of line under the title (§3.2), \"Last updated: 29 October 2026\" —\n   * {@link LegalPage}'s `updated`, called with the date already written out in the page's\n   * locale. OPTIONAL, as every key added to a namespace an app may annotate: left out,\n   * the provider's, then English.\n   */\n  updated?: (date: string) => string;\n  /**\n   * 0.51.4: the plain-language summary at the top of a page ({@link LegalPage}'s\n   * `summary`, §3.2) — its heading, and the line under the points saying that only the\n   * full text binds. Optional, as `updated`.\n   */\n  summary?: {\n    title: string;\n    note: string;\n  };\n  /** The kit's sections (§4.3), by page and section key. */\n  sections: {\n    impressum: {\n      operator: LegalOperatorSectionLabels;\n      contact: LegalOperatorSectionLabels;\n      /** `body` is the default, non-commercial text; `commercial` the 0.32 variant. */\n      disclaimer: LegalDisclaimerSectionLabels;\n    };\n    privacy: {\n      controller: LegalOperatorSectionLabels;\n      /** The app's paragraph follows the body (§4.2): consent, where an app relies on it. */\n      legal_basis: LegalTextSectionLabels;\n      /** `lead`, then the app's entries as a list, then `tail`, then the app's paragraph. */\n      browser: LegalFramedSectionLabels;\n      /** `lead` (the rights), then the app's paragraph (export, deletion), then `tail`\n       *  (the supervisory authorities). */\n      rights: LegalFramedSectionLabels;\n      contact: LegalOperatorSectionLabels;\n    };\n    terms: {\n      warranty: LegalTextSectionLabels;\n      liability: LegalTextSectionLabels;\n      changes: LegalTextSectionLabels;\n      /** 0.28.1: which language's version prevails — `o.bindingLanguage`, named. */\n      language: LegalOperatorSectionLabels;\n      /** The place of jurisdiction is the operator's `{city} ({region}), {country}`. */\n      law: LegalOperatorSectionLabels;\n    };\n  };\n}\n\n// Defined in ./legal-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_LEGAL_LABELS };\n\n/** The `legal` namespace, resolved: defaults < provider < `labels` prop. The prop may be\n *  partial at every depth (`{ titles: { terms: \"…\" } }`), as the provider's is. */\nexport function useLegalLabels(labels?: LabelOverride<LegalLabels>): LegalLabels {\n  return useKitLabels(\"legal\", DEFAULT_LEGAL_LABELS, labels);\n}\n\n// ── What a LegalPage tells the sections inside it ─────────────────────────────\n\n/** Where a `{ref:key}` points: the section's number on a numbered page, else its heading. */\nexport interface LegalRefTarget {\n  number?: number;\n  heading: ReactNode;\n}\n\n/** @internal Set by `LegalPage` around its column; `null` outside one. */\nexport interface LegalPageContextValue {\n  page: LegalPageKey;\n  /** The operator with its country named — what the kit sections are filled in with. */\n  operator: LegalOperatorText;\n  /** The heading level of a section that does not choose one: one below the title. */\n  sectionHeading: \"h2\" | \"h3\";\n  /** Every section's key, in render order — known BEFORE any section renders, so a\n   *  reference can point forward (keksdose's section 2 refers to section 10). */\n  targets: ReadonlyMap<string, LegalRefTarget>;\n}\n\n/** @internal */\nexport const LegalPageContext = createContext<LegalPageContextValue | null>(null);\n\n/** @internal The place `LegalPage` gave one section: its key and its number. Reset to\n *  `null` inside a section, so a section nested in another's children takes neither. */\nexport interface LegalSectionSlot {\n  id?: string;\n  number?: number;\n}\n\n/** @internal */\nexport const LegalSlotContext = createContext<LegalSectionSlot | null>(null);\n\n/** @internal `{ref:retention}`. A key is a section key: letters, digits, `_` and `-`. */\nconst REF_TOKEN = /\\{ref:([A-Za-z0-9_-]+)\\}/g;\n\n/**\n * A development build's console note — never in production (the consumer's bundler\n * makes `import.meta.env.DEV` false) and never under vitest. Optional-chained:\n * `import.meta.env` is a Vite injection, absent under plain Node.\n */\nfunction devWarnings(): boolean {\n  return Boolean(import.meta.env?.DEV) && !import.meta.env?.VITEST;\n}\nconst warned = new Set<string>();\n/** @internal Once per message. */\nexport function warnLegalOnce(message: string): void {\n  if (!devWarnings() || warned.has(message)) return;\n  warned.add(message);\n  console.warn(`[ui-kit] ${message}`);\n}\n\n/**\n * `text` with every `{ref:key}` replaced by a link to `#key` that reads the section's\n * number — the words around it stay the app's (\"see section {ref:retention}\", \"siehe\n * Abschnitt {ref:retention}\"), so each language keeps its grammar (§4.1). On the imprint,\n * which is not numbered, the link reads the section's heading instead.\n *\n * Outside a {@link LegalPage} the text is returned as it is: there is no order to count.\n * A key the page has no section for stays visible as the raw token — a broken reference\n * an app test can find (`not.toHaveTextContent(\"{ref:\")`), not a silently wrong number.\n */\nexport function resolveLegalRefs(text: string, page: LegalPageContextValue | null): ReactNode {\n  if (!page || !text.includes(\"{ref:\")) return text;\n  const out: ReactNode[] = [];\n  let last = 0;\n  for (const match of text.matchAll(REF_TOKEN)) {\n    const at = match.index ?? 0;\n    if (at > last) out.push(text.slice(last, at));\n    const key = match[1];\n    const target = page.targets.get(key);\n    if (target) {\n      out.push(\n        <TextLink key={`${key}@${at}`} href={`#${key}`}>\n          {target.number ?? target.heading}\n        </TextLink>,\n      );\n    } else {\n      warnLegalOnce(`{ref:${key}} on the ${page.page} page points at no section of it.`);\n      out.push(match[0]);\n    }\n    last = at + match[0].length;\n  }\n  if (last < text.length) out.push(text.slice(last));\n  return out;\n}\n\n/** @internal Running text — one translation string — with its line breaks kept and its\n *  `{ref:key}` tokens resolved. */\nexport function LegalText({ text, className }: { text: string; className?: string }) {\n  const page = useContext(LegalPageContext);\n  // `break-words`: an address, an email or a URL in a translation is one long word, and\n  // on a 390px phone it would push the column wider than the screen.\n  return <p className={cn(\"whitespace-pre-line break-words\", className)}>{resolveLegalRefs(text, page)}</p>;\n}\n\n// ── Links ─────────────────────────────────────────────────────────────────────\n\nexport interface LegalLink {\n  href: string;\n  /** \"Imprint\", \"Privacy Policy\", \"Terms\". */\n  label: ReactNode;\n}\n\nexport interface LegalLinksProps {\n  /** Default (0.28): the three routes, `/impressum`, `/privacy` and `/terms`, with the\n   *  kit's short link labels (`legal.links`), in the contract's order. */\n  links?: readonly LegalLink[];\n  /**\n   * 0.51.4: the app's security page — a \"Security\" link after the others, with the kit's\n   * label (`legal.links.security`). Left out, no link: only an app that has the page\n   * names its route.\n   */\n  securityHref?: string;\n  /** 0.51.4: the app's accessibility statement — \"Accessibility\", last. As\n   *  `securityHref`. */\n  accessibilityHref?: string;\n  /** The page being shown; its link is marked `aria-current=\"page\"`. Usually the\n   *  router's pathname. */\n  currentHref?: string;\n  /** `false` renders the links without the `<nav>` landmark — inside `AuthLayout`'s\n   *  `footer` or `TopBarActionMenu`'s `footer`, which are named `<nav>`s already. The row\n   *  keeps its spacing and `className` either way (0.27.1: it used to return the bare\n   *  links, so in a plain container — Kurvenschmiede's account-menu `<li>` — they ran\n   *  together as \"ImpressumDatenschutzerklärungNutz…\" and overflowed). Default true. */\n  nav?: boolean;\n  /** Called on a click on any of the links, before it navigates — an account menu closes\n   *  itself here (0.28.1, keksdose: it had to catch the click on a wrapping `<div>`). */\n  onLinkClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n  labels?: LabelOverride<LegalLabels>;\n  className?: string;\n}\n\n/** The default links: the three routes under the kit's short labels. */\nfunction defaultLinks(labels: LegalLabels): LegalLink[] {\n  return ([\"impressum\", \"privacy\", \"terms\"] as const).map((page) => ({\n    href: LEGAL_HREFS[page],\n    label: labels.links[page],\n  }));\n}\n\n/** The optional pages after them, each only where the app named its route. */\nfunction infoLinks(labels: LegalLabels, hrefs: Partial<Record<LegalInfoPageKey, string>>): LegalLink[] {\n  return ([\"security\", \"accessibility\"] as const).flatMap((page) => {\n    const href = hrefs[page];\n    return href ? [{ href, label: labels.links[page] ?? DEFAULT_LEGAL_LABELS.links[page] }] : [];\n  });\n}\n\n/**\n * The legal pages as a row of quiet links, the one you are on marked (kastlan's\n * `LegalLinks`). Wraps on a phone.\n *\n * 0.28: `·` separators between the links, keksdose's footer style, wherever the links\n * appear — the account menu included (§3.3). The dots are `aria-hidden`: a screen reader\n * already hears three links, and \"middle dot\" between them is noise. They are flex items\n * of the row like the links, so the row's gap spaces them evenly.\n */\nexport function LegalLinks({\n  links,\n  securityHref,\n  accessibilityHref,\n  currentHref,\n  nav = true,\n  onLinkClick,\n  labels: labelsProp,\n  className,\n}: LegalLinksProps) {\n  const labels = useLegalLabels(labelsProp);\n  const shown = [\n    ...(links ?? defaultLinks(labels)),\n    ...infoLinks(labels, { security: securityHref, accessibility: accessibilityHref }),\n  ];\n  const items = shown.flatMap((link, i) => [\n    ...(i > 0\n      ? [\n          <span key={`sep-${link.href}`} aria-hidden=\"true\">\n            ·\n          </span>,\n        ]\n      : []),\n    <TextLink key={link.href} href={link.href} tone=\"muted\" current={link.href === currentHref} onClick={onLinkClick}>\n      {link.label}\n    </TextLink>,\n  ]);\n  const rowClass = cn(\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs\", className);\n  if (!nav) return <div className={rowClass}>{items}</div>;\n  return (\n    <nav aria-label={labels.navLabel} className={rowClass}>\n      {items}\n    </nav>\n  );\n}\n\n// ── Footer ────────────────────────────────────────────────────────────────────\n\nexport interface LegalFooterProps {\n  /** Under the links, centred — the app's tagline (keksdose: \"Self-hosted household\n   *  budgeting & bookkeeping.\"). */\n  children?: ReactNode;\n  /** Default: the three routes with the kit's link labels — see {@link LegalLinks}. */\n  links?: readonly LegalLink[];\n  /** 0.51.4: \"Security\" after the others — see {@link LegalLinksProps.securityHref}. */\n  securityHref?: string;\n  /** 0.51.4: \"Accessibility\", last — see {@link LegalLinksProps.accessibilityHref}. */\n  accessibilityHref?: string;\n  /** Marks that link `aria-current=\"page\"`. {@link LegalPage}'s default footer passes\n   *  its own page. */\n  currentHref?: string;\n  /**\n   * Default true: the footer is a `<footer>`. `false` draws a `<div>` — for a host that is\n   * a footer already: `AuthLayout`'s `footer` slot is one, and HTML forbids a footer inside\n   * a footer (0.28.1, kastlan). On an `AuthLayout` page the usual choice is simpler still:\n   * `footer={<LegalLinks nav={false} />}` with `footerLabel` set to the kit's `navLabel`\n   * ({@link useLegalLabels}).\n   */\n  landmark?: boolean;\n  className?: string;\n  labels?: LabelOverride<LegalLabels>;\n}\n\n/**\n * The public footer (§3.3): the three links, centred, with their separators, in a\n * `<nav aria-label=\"Legal\">` — on the landing or home page, every signed-out page the app\n * has, the legal pages and the 404. The rule behind it: from every page a signed-out\n * visitor can reach, the three links are one click away.\n *\n * keksdose's `SiteFooter` (features/landing/site-footer.tsx), which carried them on its\n * landing, auth, legal and 404 pages; kastlan and Kurvenschmiede had them on some pages\n * only. Its palette classes (`border-slate-200 bg-white dark:…`) became the surface and\n * border tokens, so it follows the theme like the rest of the kit.\n *\n * 0.51.4: an app with a security page or an accessibility statement passes their routes\n * (`securityHref`, `accessibilityHref`) and the row goes on with \"Security · Accessibility\"\n * in the kit's words, so the footer reads the same in every app that has them.\n */\nexport function LegalFooter({\n  children,\n  links,\n  securityHref,\n  accessibilityHref,\n  currentHref,\n  landmark = true,\n  className,\n  labels,\n}: LegalFooterProps) {\n  const Root = landmark ? \"footer\" : \"div\";\n  return (\n    <Root className={cn(\"border-t border-subtle bg-surface\", className)}>\n      <div className=\"mx-auto max-w-5xl px-4 py-8 text-sm text-muted\">\n        <LegalLinks\n          links={links}\n          securityHref={securityHref}\n          accessibilityHref={accessibilityHref}\n          currentHref={currentHref}\n          labels={labels}\n          className=\"justify-center gap-y-2 text-sm\"\n        />\n        {children !== undefined && children !== null && <p className=\"mt-4 text-center\">{children}</p>}\n      </div>\n    </Root>\n  );\n}\n\n// ── Section ───────────────────────────────────────────────────────────────────\n\nexport interface LegalSectionProps {\n  heading: ReactNode;\n  /** Running text. Line breaks in it are kept (`white-space: pre-line`), so a\n   *  translation can hold an address or a list as plain lines. Inside a\n   *  {@link LegalPage}, `{ref:key}` becomes the number of section `key`, linked. */\n  body?: string;\n  /** Anything richer than plain text — links, a list — after `body`. A plain string\n   *  here has its `{ref:key}` tokens resolved too. */\n  children?: ReactNode;\n  /**\n   * The section's `id`, for a link to it from elsewhere. Inside a {@link LegalPage} it\n   * defaults to the element's React `key` — keksdose's\n   * `SECTIONS.map((s) => <LegalSection key={s} … />)` gets `id=\"retention\"` with\n   * nothing added — and it is the key a `{ref:…}` names.\n   */\n  id?: string;\n  /** The heading's element. Default `h2` under the layout's `h1` (inside a\n   *  `LegalPage`, one level below its title). */\n  headingAs?: \"h2\" | \"h3\";\n}\n\n/**\n * One section: heading and running text.\n *\n * 0.28, inside a {@link LegalPage}: its `id` (the `key` unless given), its number on the\n * privacy policy and the terms (\"3. Legal basis\" — titles carry no number, §4.1), and\n * `{ref:key}` resolution in `body`. Outside one it is exactly the 0.19 section.\n */\nexport function LegalSection({ heading, body, children, id: idProp, headingAs }: LegalSectionProps) {\n  const page = useContext(LegalPageContext);\n  const slot = useContext(LegalSlotContext);\n  const id = idProp ?? slot?.id;\n  const number = slot?.number;\n  const Heading = headingAs ?? page?.sectionHeading ?? \"h2\";\n  return (\n    <section id={id} className=\"scroll-mt-20\">\n      <Heading className=\"text-lg font-semibold break-words text-primary\">\n        {number !== undefined && `${number}. `}\n        {heading}\n      </Heading>\n      <LegalSlotContext.Provider value={null}>\n        {body !== undefined && <LegalText text={body} className=\"mt-2 text-sm leading-relaxed text-secondary\" />}\n        {children !== undefined && (\n          <div className=\"mt-2 text-sm leading-relaxed break-words text-secondary\">\n            {typeof children === \"string\" ? resolveLegalRefs(children, page) : children}\n          </div>\n        )}\n      </LegalSlotContext.Provider>\n    </section>\n  );\n}\n\n// ── Layout ────────────────────────────────────────────────────────────────────\n\nexport interface LegalLayoutProps {\n  /** \"Imprint\", \"Privacy Policy\", \"Terms\". */\n  title: ReactNode;\n  /** Above the title — the app's \"← Back\" link (`<TextLink icon={ArrowLeft}>`). Inside\n   *  a {@link LegalPage}, \"← Back to home\". */\n  back?: ReactNode;\n  /**\n   * A notice under the title, as a warning banner with `role=\"note\"` — page furniture,\n   * not an alert. Per page, not per layout: the privacy page says something more precise\n   * than the others (its technical sections describe running code).\n   */\n  notice?: ReactNode;\n  /** 0.51.3: right under the title — {@link LegalPage}'s \"Last updated: …\" line. */\n  updated?: ReactNode;\n  /** 0.28.1: under the title, before the notice — {@link LegalPage}'s note that this\n   *  page is a translation and which language is binding. */\n  translationNote?: ReactNode;\n  /** 0.51.4: before the sections — {@link LegalPage}'s plain-language summary. */\n  summary?: ReactNode;\n  /** The sections — {@link LegalSection}s. */\n  children: ReactNode;\n  /** The three pages, linked at the end of the column with the current one marked.\n   *  Leave out when the page's chrome already shows them (a {@link LegalFooter}). */\n  links?: readonly LegalLink[];\n  currentHref?: string;\n  /** Default `h1`: the page's heading. */\n  headingAs?: \"h1\" | \"h2\";\n  /** Extra classes on the column — `px-0 py-0` inside a chrome that pads already. */\n  className?: string;\n  labels?: LabelOverride<LegalLabels>;\n}\n\nexport function LegalLayout({\n  title,\n  back,\n  notice,\n  updated,\n  translationNote,\n  summary,\n  children,\n  links,\n  currentHref,\n  headingAs: Heading = \"h1\",\n  className,\n  labels,\n}: LegalLayoutProps) {\n  return (\n    <article className={cn(\"mx-auto w-full max-w-3xl px-4 py-12\", className)}>\n      {back !== undefined && <div className=\"mb-4 text-sm\">{back}</div>}\n      <Heading className=\"text-3xl font-bold tracking-tight break-words text-primary\">{title}</Heading>\n      {updated !== undefined && updated !== null && <p className=\"mt-2 text-sm text-muted\">{updated}</p>}\n      {translationNote !== undefined && translationNote !== null && <div className=\"mt-3\">{translationNote}</div>}\n      {notice !== undefined && notice !== null && (\n        <AlertBanner tone=\"warning\" role=\"note\" className=\"mt-4\">\n          {notice}\n        </AlertBanner>\n      )}\n      <div className=\"mt-8 space-y-8\">\n        {summary}\n        {children}\n      </div>\n      {links !== undefined && links.length > 0 && (\n        <LegalLinks\n          links={links}\n          currentHref={currentHref}\n          labels={labels}\n          className=\"mt-12 border-t border-subtle pt-4\"\n        />\n      )}\n    </article>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/lightbox.d.ts

@@ -59,8 +59,8 @@ export interface LightboxProps {
      *  loaded by the browser as usual. */
     fetcher?: AuthedFetcher | null;
     /** Previous from the first goes to the last, and next from the last to the first.
-     *  Default `false`: the buttons at the ends are disabled, which says where the set
-     *  ends. */
+     *  Default `false`: the buttons at the ends refuse (`aria-disabled`, focus kept — 0.52),
+     *  which says where the set ends. */
     loop?: boolean;
     /** Double-click (or double-tap) the picture, or the zoom button, to see it at full
      *  size and pan by scrolling. Default `true`. Pinch zoom is the browser's own. */