@eifi1/ui-kit 0.51.4 → 0.51.5

package/dist/components/input.js

@@ -149,7 +149,13 @@ function Input(props) {
             "aria-describedby": describedBy,
             onClick: handleClick,
             onChange,
-            className: cn(FIELD_BASE, ownClass, inputClassName, isInvalid && FIELD_INVALID, locked && "cursor-not-allowed")
+            className: cn(
+              FIELD_BASE,
+              ownClass,
+              inputClassName,
+              isInvalid && FIELD_INVALID,
+              locked && "cursor-not-allowed"
+            )
           }
         ) })
       ) });
@@ -168,7 +174,13 @@ function Input(props) {
             "aria-invalid": isInvalid || rest["aria-invalid"] || void 0,
             "aria-describedby": describedBy,
             onChange,
-            className: cn(FIELD_BASE, "pe-9", inputClassName, isInvalid && FIELD_INVALID, locked && "cursor-not-allowed")
+            className: cn(
+              FIELD_BASE,
+              "pe-9",
+              inputClassName,
+              isInvalid && FIELD_INVALID,
+              locked && "cursor-not-allowed"
+            )
           }
         ),
         revealToggle

package/dist/components/input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/input.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport type { ChangeEvent, InputHTMLAttributes, KeyboardEvent, MouseEvent, ReactNode, Ref } from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { FOCUS_RING } from \"./focus-ring\";\nimport { usePhoneLayout } from \"../hooks/use-breakpoint\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport type { CommitScope } from \"./write-lock\";\nimport {\n  EndHintRow,\n  FieldCaption,\n  LockedReason,\n  mergeDescribedBy,\n  type DisabledReasonDisplay,\n  type FieldHelpProps,\n  useFieldError,\n  useFieldHint,\n  useLockReason,\n} from \"./field-parts\";\nimport { DEFAULT_PASSWORD_REVEAL_LABELS } from \"./ui-labels\";\nimport {\n  CharacterCount,\n  FIELD_BASE,\n  FIELD_DISPLAY,\n  FIELD_INVALID,\n  FieldGroup,\n  FloatingField,\n  FLOATING_INPUT_CLASS,\n  FLOATING_PLACEHOLDER_ON_FOCUS,\n  fieldBelow,\n  hasPlaceholderText,\n  useCharacterCountLabels,\n  useTypedLength,\n  type CharacterCountLabels,\n  type PasswordRevealLabels,\n} from \"./field-base\";\n\n// Native date/time inputs only reveal the calendar via the tiny trailing icon;\n// open the picker on a click anywhere in the field instead (feedback #224).\nconst PICKER_TYPES = new Set([\"date\", \"datetime-local\", \"month\", \"time\", \"week\"]);\n\nexport interface InputProps extends InputHTMLAttributes<HTMLInputElement>, FieldHelpProps {\n  label?: ReactNode;\n  /** Classes for the `<input>` itself, as distinct from `className`, which\n   *  styles the field WRAPPER once a `label` turns this into a FloatingField.\n   *  Without it a labelled Input had no way to reach its own element — so\n   *  `tabular-nums` on a numeric text field, which NumberInput has supported\n   *  all along through the identically named prop, was simply unavailable. */\n  inputClassName?: string;\n  /** {@link FIELD_DISPLAY} — on a phone, drop the chrome and set the value as a\n   *  heading. For the one field a form is about (a feedback subject, an account\n   *  name), never for a stack of them. Labelled fields only: the label is what\n   *  the placeholder falls back to once it goes `sr-only`. */\n  variant?: \"field\" | \"display\";\n  /** The field is required and unanswered, or holds something that cannot be\n   *  saved — {@link FIELD_INVALID}, the same rose border/ring `Select` has worn\n   *  since feedback #235.\n   *\n   *  It exists here because writing `aria-invalid` by hand did NOT do this. The\n   *  attribute spreads onto the element and nothing styles it — there is no\n   *  `[aria-invalid]` rule in this package or in either consumer's stylesheet —\n   *  so three Keksdose dialogs flagged a mismatched passphrase to a screen reader\n   *  and painted the field exactly as if it were fine. Setting the prop sets the\n   *  attribute too, so the two can no longer be spelled separately. */\n  invalid?: boolean;\n  /** What is wrong with the value, in the caller's own words (\"That IBAN has 21\n   *  digits\"). Rendered under the field, pointed at by the control's\n   *  `aria-describedby` — MERGED with any the caller already passed — and implies\n   *  `invalid`, so the field paints as well as announces. `invalid` alone still\n   *  covers the case where the message lives elsewhere. See {@link useFieldError}. */\n  error?: ReactNode;\n  /**\n   * Standing advice for the field (keksdose K4: Input had `error` but no `hint`, so the\n   * app built the caption by hand under each field, and half of those never reached a\n   * screen reader). The {@link Select} rule, so every field reads alike:\n   *  - plain TEXT (a string or a number) is a caption UNDER the field, attached with\n   *    `aria-describedby` — after the caller's own ids, before the error's;\n   *  - anything else (a {@link FieldHint} \"?\") rides the label line beside the\n   *    animated label, as NumberInput's does — or, on a field with no label, sits at the\n   *    field's end edge outside the box, and `className` then styles that row.\n   */\n  hint?: ReactNode;\n  /**\n   * A live \"12/80\" under the field, with `maxLength` (keksdose K11 — the broadcast,\n   * support and handoff-note fields counted by hand). Read with the field as \"12 of 80\n   * characters\", and announced politely only on entering the last stretch and on\n   * reaching the limit — never on every keystroke. See {@link CharacterCount}. Ignored\n   * without a `maxLength`: a count with no limit is not what this answers. Counts\n   * UTF-16 code units, as `maxLength` itself does. Controlled, it counts `value`;\n   * uncontrolled, `defaultValue` and then every change event — a value written from\n   * outside without one (a form library's `reset`) shows from the next keystroke.\n   */\n  showCount?: boolean;\n  /** The counter's words. See {@link CharacterCountLabels}. */\n  countLabels?: Partial<CharacterCountLabels>;\n  /** Names for the password reveal toggle, English by default — it is the one\n   *  string this component renders on its own behalf, and a German form was\n   *  reading it out in English. See {@link PasswordRevealLabels}. */\n  passwordLabels?: Partial<PasswordRevealLabels>;\n  /**\n   * Why the value cannot be changed — {@link Button}'s `disabledReason`, for a text field\n   * that SAVES itself: a name committed on blur (0.34, KS U10 — Kurvenschmiede's segment\n   * and profile names, behind a local `CommitInput`). `disabled` takes the field out of\n   * the tab order, so the reason never reached a keyboard.\n   *\n   * With a reason the field stays in the tab order and shows its value, `readOnly` (the\n   * settled grey FIELD_BASE gives a `[readonly]` field) and `aria-disabled` — NumberInput's\n   * lock (0.33.1), Autocomplete's. Nothing a save listens to is reported: not `onChange`,\n   * not `onBlur` (on a field that saves itself, blur IS the save), and not Enter, which is\n   * swallowed so the field does not submit the form around it; the caller's `onKeyDown`\n   * still hears every other key. The reason is a line under the field at Large and on a\n   * touch screen, else in the kit {@link Tooltip} (`disabledReasonDisplay`), and on the\n   * input's `aria-describedby`, between the caption and the error. Wins over `disabled`.\n   */\n  disabledReason?: ReactNode;\n  /**\n   * Where the reason shows — {@link Button}'s `disabledReasonDisplay`: by default a line\n   * under the field at Large and on a touch screen, the tooltip otherwise (§4 \"No fact\n   * only in a tooltip\"; DUP-3, refactor audit 2026-10).\n   */\n  disabledReasonDisplay?: DisabledReasonDisplay;\n  /**\n   * This field COMMITS — {@link Button}'s `commit`: under a locked\n   * {@link WriteLockProvider} it is locked the `disabledReason` way with the lock's reason\n   * (which wins over its own). A field whose value only reaches the server through its\n   * form's Save leaves this off and stays editable under the lock — the Save takes\n   * `commit`. No provider, or an unlocked one: no effect.\n   */\n  commit?: CommitScope;\n  /** The `<input>`. A React 19 ref prop since 0.34 (MOD-4, refactor audit 2026-10): as\n   *  `forwardRef`, with a `displayName` line beside it, this module could not drop an\n   *  unused component, and `{ Spinner }` brought Input, Select and Textarea along. */\n  ref?: Ref<HTMLInputElement>;\n}\n\n/** What a locked {@link Input} swallows of a key: Enter, which would submit the form. */\nfunction swallowEnter(onKeyDown: ((e: KeyboardEvent<HTMLInputElement>) => void) | undefined) {\n  return (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\") {\n      e.preventDefault();\n      return;\n    }\n    onKeyDown?.(e);\n  };\n}\n\nexport function Input(props: InputProps) {\n  const {\n    ref,\n    className,\n    inputClassName,\n    label,\n    id,\n    placeholder,\n    type,\n    variant = \"field\",\n    invalid,\n    error,\n    hint,\n    help,\n    showCount,\n    countLabels,\n    passwordLabels,\n    disabledReason,\n    disabledReasonDisplay,\n    commit,\n    ...rest\n  } = props;\n  // Passed at all — even as `undefined` — the field keeps its box; see FieldGroup. The\n  // same for `hint` and `showCount` (keksdose, 0.22): a caption coming and going under\n  // the control must not rebuild it, or focus and the caret are lost mid-edit.\n  const reserve = \"error\" in props || \"hint\" in props || \"showCount\" in props;\n  const generated = useId();\n  const fieldId = id ?? generated;\n  const countId = useId();\n  const hintParts = useFieldHint(hint, rest[\"aria-describedby\"], { help, name: label ?? rest[\"aria-label\"] });\n  const maxLength = rest.maxLength;\n  const counting = Boolean(showCount) && typeof maxLength === \"number\" && maxLength > 0;\n  const length = useTypedLength(rest.value, rest.defaultValue);\n  const countText = useCharacterCountLabels(countLabels);\n  // The lock (0.34, KS U10): focusable, `readOnly`, nothing a save listens to is\n  // reported — see `disabledReason`.\n  const lock = useLockReason(commit, disabledReason);\n  const locked = lock.locked;\n  const { isInvalid, describedBy, errorEl } = useFieldError(\n    error,\n    invalid,\n    // Caller's, caption, count, a lock's reason — then the error, appended by the hook.\n    mergeDescribedBy(hintParts.describedBy, counting && countId, locked && lock.reasonId),\n    rest[\"aria-invalid\"],\n  );\n  const counter = counting ? (\n    <CharacterCount\n      id={countId}\n      used={length.used}\n      max={maxLength}\n      labels={countText}\n      caption={<FieldCaption parts={hintParts} className=\"mt-0\" />}\n    />\n  ) : null;\n  const below = fieldBelow(hintParts, counter, errorEl);\n  const onChange = locked\n    ? undefined\n    : counting\n      ? (e: ChangeEvent<HTMLInputElement>) => {\n          length.track(e.target.value);\n          rest.onChange?.(e);\n        }\n      : rest.onChange;\n  // Locked, these win over what the caller's spread carried: focusable rather than\n  // `disabled`, `readOnly`, no blur reported (blur is a self-saving field's save), and\n  // Enter swallowed. Spread AFTER `rest` on every branch's input.\n  const lockProps = locked\n    ? {\n        disabled: undefined,\n        readOnly: true,\n        \"aria-disabled\": true as const,\n        onBlur: undefined,\n        onKeyDown: swallowEnter(rest.onKeyDown),\n      }\n    : undefined;\n  // While locked the field sits in the reason's frame (the line, or the Tooltip), which\n  // becomes its outermost box — so `className` (a width, a flex or grid cell) moves onto\n  // that, as on Select, and the form keeps its layout. `block` so a full-width field\n  // stays full width in it.\n  const boxClass = locked ? undefined : className;\n  const withReason = (box: ReactNode) =>\n    locked ? (\n      <LockedReason lock={lock} display={disabledReasonDisplay} className={cn(\"block\", className)}>\n        {box}\n      </LockedReason>\n    ) : (\n      box\n    );\n  const asDisplay = usePhoneLayout() && variant === \"display\";\n  // Password fields get a reveal toggle so users can check what they typed.\n  const isPassword = type === \"password\";\n  const [revealed, setRevealed] = useState(false);\n  const effectiveType = isPassword && revealed ? \"text\" : type;\n  const handleClick = PICKER_TYPES.has(type ?? \"\")\n    ? (e: MouseEvent<HTMLInputElement>) => {\n        rest.onClick?.(e);\n        try {\n          // showPicker throws if unsupported or not user-activated — a click is\n          // a valid activation, so this is safe; guard for older browsers.\n          (e.currentTarget as HTMLInputElement & { showPicker?: () => void }).showPicker?.();\n        } catch {\n          /* ignore */\n        }\n      }\n    : rest.onClick;\n  const passwordText = useKitLabels(\"passwordReveal\", DEFAULT_PASSWORD_REVEAL_LABELS, passwordLabels);\n  const revealToggle = isPassword ? (\n    <button\n      type=\"button\"\n      // `tabIndex={-1}` sat here, which made this a painted, clickable control that\n      // Tab stepped straight over — on the one field whose value cannot be checked by\n      // looking at it. There is no mouse-only case for a reveal toggle; the people who\n      // cannot see what they typed are exactly who it is for. It is a tab stop now,\n      // and it needs a focus ring of its own, because FIELD_BASE's ring belongs to the\n      // input underneath and stays put while focus moves onto the button on top of it.\n      onClick={() => setRevealed((v) => !v)}\n      // …and since it is a tab stop, a field the user may not edit must not hand the\n      // keyboard a control that shows what is in it — a locked one included.\n      disabled={rest.disabled || locked}\n      aria-label={revealed ? passwordText.hide : passwordText.show}\n      aria-pressed={revealed}\n      className={cn(\n        \"absolute inset-y-0 end-0 flex items-center rounded-e-md px-2.5 text-placeholder transition-colors hover:text-secondary focus:outline-none disabled:cursor-default disabled:opacity-50\",\n        FOCUS_RING,\n      )}\n    >\n      {revealed ? <EyeOff className=\"size-4\" /> : <Eye className=\"size-4\" />}\n    </button>\n  ) : null;\n  if (label === undefined) {\n    // A \"?\" with no label line to ride goes at the end edge, outside the box, and\n    // `className` moves to that row (see `hint`); without one nothing moves.\n    const endHint = hintParts.labelHint;\n    const ownClass = endHint === undefined ? boxClass : undefined;\n    if (!isPassword) {\n      return (\n        <FieldGroup errorEl={below} reserve={reserve}>\n          {withReason(\n            <EndHintRow hint={endHint} className={boxClass}>\n              <input\n                ref={ref}\n                id={id}\n                type={type}\n                placeholder={placeholder}\n                {...rest}\n                {...lockProps}\n                // AFTER the spread, so the prop wins — but OR-ed with whatever the spread\n                // carried, or setting `invalid` would have quietly deleted a caller's own\n                // `aria-invalid`. The prop is the one that also paints; a bare attribute\n                // still announces, which is all it ever did.\n                aria-invalid={isInvalid || rest[\"aria-invalid\"] || undefined}\n                // Likewise merged rather than replaced — see {@link useFieldError}.\n                aria-describedby={describedBy}\n                onClick={handleClick}\n                onChange={onChange}\n                className={cn(FIELD_BASE, ownClass, inputClassName, isInvalid && FIELD_INVALID, locked && \"cursor-not-allowed\")}\n              />\n            </EndHintRow>,\n          )}\n        </FieldGroup>\n      );\n    }\n    return (\n      <FieldGroup errorEl={below} reserve={reserve}>\n        {withReason(\n          <EndHintRow hint={endHint} className={boxClass}>\n            <div className={cn(\"relative\", ownClass)}>\n              <input\n                ref={ref}\n                id={id}\n                type={effectiveType}\n                placeholder={placeholder}\n                {...rest}\n                {...lockProps}\n                aria-invalid={isInvalid || rest[\"aria-invalid\"] || undefined}\n                aria-describedby={describedBy}\n                onChange={onChange}\n                className={cn(FIELD_BASE, \"pe-9\", inputClassName, isInvalid && FIELD_INVALID, locked && \"cursor-not-allowed\")}\n              />\n              {revealToggle}\n            </div>\n          </EndHintRow>,\n        )}\n      </FieldGroup>\n    );\n  }\n  const ownPlaceholder = hasPlaceholderText(placeholder);\n  return (\n    <FieldGroup errorEl={below} reserve={reserve}>\n      {withReason(\n        <FloatingField\n          className={boxClass}\n          htmlFor={fieldId}\n          label={label}\n          srOnlyLabel={asDisplay}\n          hint={hintParts.labelHint}\n        >\n          <input\n            ref={ref}\n            id={fieldId}\n            type={effectiveType}\n            // A labelled field with no placeholder of its own gets a single space, which\n            // feeds the floating label's peer-placeholder-shown trick. A caller's own is\n            // kept and shown on focus, once the label has floated out of its way (kastlan\n            // 8) — see FLOATING_PLACEHOLDER_ON_FOCUS. With the label sr-only there is no\n            // float left to drive, and an empty borderless line would say nothing at all\n            // — so there the label text is the placeholder when the caller gave none.\n            placeholder={\n              asDisplay\n                ? (placeholder ?? (typeof label === \"string\" ? label : \" \"))\n                : ownPlaceholder\n                  ? placeholder\n                  : \" \"\n            }\n            {...rest}\n            {...lockProps}\n            aria-invalid={isInvalid || rest[\"aria-invalid\"] || undefined}\n            aria-describedby={describedBy}\n            onClick={handleClick}\n            onChange={onChange}\n            className={cn(\n              asDisplay\n                ? cn(FIELD_DISPLAY, \"text-xl font-semibold leading-snug\")\n                : cn(FLOATING_INPUT_CLASS, ownPlaceholder && FLOATING_PLACEHOLDER_ON_FOCUS),\n              isPassword && \"pe-9\",\n              inputClassName,\n              isInvalid && FIELD_INVALID,\n              locked && \"cursor-not-allowed\",\n            )}\n          />\n          {revealToggle}\n        </FloatingField>,\n      )}\n    </FieldGroup>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/input.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport type { ChangeEvent, InputHTMLAttributes, KeyboardEvent, MouseEvent, ReactNode, Ref } from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { FOCUS_RING } from \"./focus-ring\";\nimport { usePhoneLayout } from \"../hooks/use-breakpoint\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport type { CommitScope } from \"./write-lock\";\nimport {\n  EndHintRow,\n  FieldCaption,\n  LockedReason,\n  mergeDescribedBy,\n  type DisabledReasonDisplay,\n  type FieldHelpProps,\n  useFieldError,\n  useFieldHint,\n  useLockReason,\n} from \"./field-parts\";\nimport { DEFAULT_PASSWORD_REVEAL_LABELS } from \"./ui-labels\";\nimport {\n  CharacterCount,\n  FIELD_BASE,\n  FIELD_DISPLAY,\n  FIELD_INVALID,\n  FieldGroup,\n  FloatingField,\n  FLOATING_INPUT_CLASS,\n  FLOATING_PLACEHOLDER_ON_FOCUS,\n  fieldBelow,\n  hasPlaceholderText,\n  useCharacterCountLabels,\n  useTypedLength,\n  type CharacterCountLabels,\n  type PasswordRevealLabels,\n} from \"./field-base\";\n\n// Native date/time inputs only reveal the calendar via the tiny trailing icon;\n// open the picker on a click anywhere in the field instead (feedback #224).\nconst PICKER_TYPES = new Set([\"date\", \"datetime-local\", \"month\", \"time\", \"week\"]);\n\nexport interface InputProps extends InputHTMLAttributes<HTMLInputElement>, FieldHelpProps {\n  label?: ReactNode;\n  /** Classes for the `<input>` itself, as distinct from `className`, which\n   *  styles the field WRAPPER once a `label` turns this into a FloatingField.\n   *  Without it a labelled Input had no way to reach its own element — so\n   *  `tabular-nums` on a numeric text field, which NumberInput has supported\n   *  all along through the identically named prop, was simply unavailable. */\n  inputClassName?: string;\n  /** {@link FIELD_DISPLAY} — on a phone, drop the chrome and set the value as a\n   *  heading. For the one field a form is about (a feedback subject, an account\n   *  name), never for a stack of them. Labelled fields only: the label is what\n   *  the placeholder falls back to once it goes `sr-only`. */\n  variant?: \"field\" | \"display\";\n  /** The field is required and unanswered, or holds something that cannot be\n   *  saved — {@link FIELD_INVALID}, the same rose border/ring `Select` has worn\n   *  since feedback #235.\n   *\n   *  It exists here because writing `aria-invalid` by hand did NOT do this. The\n   *  attribute spreads onto the element and nothing styles it — there is no\n   *  `[aria-invalid]` rule in this package or in either consumer's stylesheet —\n   *  so three Keksdose dialogs flagged a mismatched passphrase to a screen reader\n   *  and painted the field exactly as if it were fine. Setting the prop sets the\n   *  attribute too, so the two can no longer be spelled separately. */\n  invalid?: boolean;\n  /** What is wrong with the value, in the caller's own words (\"That IBAN has 21\n   *  digits\"). Rendered under the field, pointed at by the control's\n   *  `aria-describedby` — MERGED with any the caller already passed — and implies\n   *  `invalid`, so the field paints as well as announces. `invalid` alone still\n   *  covers the case where the message lives elsewhere. See {@link useFieldError}. */\n  error?: ReactNode;\n  /**\n   * Standing advice for the field (keksdose K4: Input had `error` but no `hint`, so the\n   * app built the caption by hand under each field, and half of those never reached a\n   * screen reader). The {@link Select} rule, so every field reads alike:\n   *  - plain TEXT (a string or a number) is a caption UNDER the field, attached with\n   *    `aria-describedby` — after the caller's own ids, before the error's;\n   *  - anything else (a {@link FieldHint} \"?\") rides the label line beside the\n   *    animated label, as NumberInput's does — or, on a field with no label, sits at the\n   *    field's end edge outside the box, and `className` then styles that row.\n   */\n  hint?: ReactNode;\n  /**\n   * A live \"12/80\" under the field, with `maxLength` (keksdose K11 — the broadcast,\n   * support and handoff-note fields counted by hand). Read with the field as \"12 of 80\n   * characters\", and announced politely only on entering the last stretch and on\n   * reaching the limit — never on every keystroke. See {@link CharacterCount}. Ignored\n   * without a `maxLength`: a count with no limit is not what this answers. Counts\n   * UTF-16 code units, as `maxLength` itself does. Controlled, it counts `value`;\n   * uncontrolled, `defaultValue` and then every change event — a value written from\n   * outside without one (a form library's `reset`) shows from the next keystroke.\n   */\n  showCount?: boolean;\n  /** The counter's words. See {@link CharacterCountLabels}. */\n  countLabels?: Partial<CharacterCountLabels>;\n  /** Names for the password reveal toggle, English by default — it is the one\n   *  string this component renders on its own behalf, and a German form was\n   *  reading it out in English. See {@link PasswordRevealLabels}. */\n  passwordLabels?: Partial<PasswordRevealLabels>;\n  /**\n   * Why the value cannot be changed — {@link Button}'s `disabledReason`, for a text field\n   * that SAVES itself: a name committed on blur (0.34, KS U10 — Kurvenschmiede's segment\n   * and profile names, behind a local `CommitInput`). `disabled` takes the field out of\n   * the tab order, so the reason never reached a keyboard.\n   *\n   * With a reason the field stays in the tab order and shows its value, `readOnly` (the\n   * settled grey FIELD_BASE gives a `[readonly]` field) and `aria-disabled` — NumberInput's\n   * lock (0.33.1), Autocomplete's. Nothing a save listens to is reported: not `onChange`,\n   * not `onBlur` (on a field that saves itself, blur IS the save), and not Enter, which is\n   * swallowed so the field does not submit the form around it; the caller's `onKeyDown`\n   * still hears every other key. The reason is a line under the field at Large and on a\n   * touch screen, else in the kit {@link Tooltip} (`disabledReasonDisplay`), and on the\n   * input's `aria-describedby`, between the caption and the error. Wins over `disabled`.\n   */\n  disabledReason?: ReactNode;\n  /**\n   * Where the reason shows — {@link Button}'s `disabledReasonDisplay`: by default a line\n   * under the field at Large and on a touch screen, the tooltip otherwise (§4 \"No fact\n   * only in a tooltip\"; DUP-3, refactor audit 2026-10).\n   */\n  disabledReasonDisplay?: DisabledReasonDisplay;\n  /**\n   * This field COMMITS — {@link Button}'s `commit`: under a locked\n   * {@link WriteLockProvider} it is locked the `disabledReason` way with the lock's reason\n   * (which wins over its own). A field whose value only reaches the server through its\n   * form's Save leaves this off and stays editable under the lock — the Save takes\n   * `commit`. No provider, or an unlocked one: no effect.\n   */\n  commit?: CommitScope;\n  /** The `<input>`. A React 19 ref prop since 0.34 (MOD-4, refactor audit 2026-10): as\n   *  `forwardRef`, with a `displayName` line beside it, this module could not drop an\n   *  unused component, and `{ Spinner }` brought Input, Select and Textarea along. */\n  ref?: Ref<HTMLInputElement>;\n}\n\n/** What a locked {@link Input} swallows of a key: Enter, which would submit the form. */\nfunction swallowEnter(onKeyDown: ((e: KeyboardEvent<HTMLInputElement>) => void) | undefined) {\n  return (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\") {\n      e.preventDefault();\n      return;\n    }\n    onKeyDown?.(e);\n  };\n}\n\nexport function Input(props: InputProps) {\n  const {\n    ref,\n    className,\n    inputClassName,\n    label,\n    id,\n    placeholder,\n    type,\n    variant = \"field\",\n    invalid,\n    error,\n    hint,\n    help,\n    showCount,\n    countLabels,\n    passwordLabels,\n    disabledReason,\n    disabledReasonDisplay,\n    commit,\n    ...rest\n  } = props;\n  // Passed at all — even as `undefined` — the field keeps its box; see FieldGroup. The\n  // same for `hint` and `showCount` (keksdose, 0.22): a caption coming and going under\n  // the control must not rebuild it, or focus and the caret are lost mid-edit.\n  const reserve = \"error\" in props || \"hint\" in props || \"showCount\" in props;\n  const generated = useId();\n  const fieldId = id ?? generated;\n  const countId = useId();\n  const hintParts = useFieldHint(hint, rest[\"aria-describedby\"], { help, name: label ?? rest[\"aria-label\"] });\n  const maxLength = rest.maxLength;\n  const counting = Boolean(showCount) && typeof maxLength === \"number\" && maxLength > 0;\n  const length = useTypedLength(rest.value, rest.defaultValue);\n  const countText = useCharacterCountLabels(countLabels);\n  // The lock (0.34, KS U10): focusable, `readOnly`, nothing a save listens to is\n  // reported — see `disabledReason`.\n  const lock = useLockReason(commit, disabledReason);\n  const locked = lock.locked;\n  const { isInvalid, describedBy, errorEl } = useFieldError(\n    error,\n    invalid,\n    // Caller's, caption, count, a lock's reason — then the error, appended by the hook.\n    mergeDescribedBy(hintParts.describedBy, counting && countId, locked && lock.reasonId),\n    rest[\"aria-invalid\"],\n  );\n  const counter = counting ? (\n    <CharacterCount\n      id={countId}\n      used={length.used}\n      max={maxLength}\n      labels={countText}\n      caption={<FieldCaption parts={hintParts} className=\"mt-0\" />}\n    />\n  ) : null;\n  const below = fieldBelow(hintParts, counter, errorEl);\n  const onChange = locked\n    ? undefined\n    : counting\n      ? (e: ChangeEvent<HTMLInputElement>) => {\n          length.track(e.target.value);\n          rest.onChange?.(e);\n        }\n      : rest.onChange;\n  // Locked, these win over what the caller's spread carried: focusable rather than\n  // `disabled`, `readOnly`, no blur reported (blur is a self-saving field's save), and\n  // Enter swallowed. Spread AFTER `rest` on every branch's input.\n  const lockProps = locked\n    ? {\n        disabled: undefined,\n        readOnly: true,\n        \"aria-disabled\": true as const,\n        onBlur: undefined,\n        onKeyDown: swallowEnter(rest.onKeyDown),\n      }\n    : undefined;\n  // While locked the field sits in the reason's frame (the line, or the Tooltip), which\n  // becomes its outermost box — so `className` (a width, a flex or grid cell) moves onto\n  // that, as on Select, and the form keeps its layout. `block` so a full-width field\n  // stays full width in it.\n  const boxClass = locked ? undefined : className;\n  const withReason = (box: ReactNode) =>\n    locked ? (\n      <LockedReason lock={lock} display={disabledReasonDisplay} className={cn(\"block\", className)}>\n        {box}\n      </LockedReason>\n    ) : (\n      box\n    );\n  const asDisplay = usePhoneLayout() && variant === \"display\";\n  // Password fields get a reveal toggle so users can check what they typed.\n  const isPassword = type === \"password\";\n  const [revealed, setRevealed] = useState(false);\n  const effectiveType = isPassword && revealed ? \"text\" : type;\n  const handleClick = PICKER_TYPES.has(type ?? \"\")\n    ? (e: MouseEvent<HTMLInputElement>) => {\n        rest.onClick?.(e);\n        try {\n          // showPicker throws if unsupported or not user-activated — a click is\n          // a valid activation, so this is safe; guard for older browsers.\n          (e.currentTarget as HTMLInputElement & { showPicker?: () => void }).showPicker?.();\n        } catch {\n          /* ignore */\n        }\n      }\n    : rest.onClick;\n  const passwordText = useKitLabels(\"passwordReveal\", DEFAULT_PASSWORD_REVEAL_LABELS, passwordLabels);\n  const revealToggle = isPassword ? (\n    <button\n      type=\"button\"\n      // `tabIndex={-1}` sat here, which made this a painted, clickable control that\n      // Tab stepped straight over — on the one field whose value cannot be checked by\n      // looking at it. There is no mouse-only case for a reveal toggle; the people who\n      // cannot see what they typed are exactly who it is for. It is a tab stop now,\n      // and it needs a focus ring of its own, because FIELD_BASE's ring belongs to the\n      // input underneath and stays put while focus moves onto the button on top of it.\n      onClick={() => setRevealed((v) => !v)}\n      // …and since it is a tab stop, a field the user may not edit must not hand the\n      // keyboard a control that shows what is in it — a locked one included.\n      disabled={rest.disabled || locked}\n      aria-label={revealed ? passwordText.hide : passwordText.show}\n      aria-pressed={revealed}\n      className={cn(\n        \"absolute inset-y-0 end-0 flex items-center rounded-e-md px-2.5 text-placeholder transition-colors hover:text-secondary focus:outline-none disabled:cursor-default disabled:opacity-50\",\n        FOCUS_RING,\n      )}\n    >\n      {revealed ? <EyeOff className=\"size-4\" /> : <Eye className=\"size-4\" />}\n    </button>\n  ) : null;\n  if (label === undefined) {\n    // A \"?\" with no label line to ride goes at the end edge, outside the box, and\n    // `className` moves to that row (see `hint`); without one nothing moves.\n    const endHint = hintParts.labelHint;\n    const ownClass = endHint === undefined ? boxClass : undefined;\n    if (!isPassword) {\n      return (\n        <FieldGroup errorEl={below} reserve={reserve}>\n          {withReason(\n            <EndHintRow hint={endHint} className={boxClass}>\n              <input\n                ref={ref}\n                id={id}\n                type={type}\n                placeholder={placeholder}\n                {...rest}\n                {...lockProps}\n                // AFTER the spread, so the prop wins — but OR-ed with whatever the spread\n                // carried, or setting `invalid` would have quietly deleted a caller's own\n                // `aria-invalid`. The prop is the one that also paints; a bare attribute\n                // still announces, which is all it ever did.\n                aria-invalid={isInvalid || rest[\"aria-invalid\"] || undefined}\n                // Likewise merged rather than replaced — see {@link useFieldError}.\n                aria-describedby={describedBy}\n                onClick={handleClick}\n                onChange={onChange}\n                className={cn(\n                  FIELD_BASE,\n                  ownClass,\n                  inputClassName,\n                  isInvalid && FIELD_INVALID,\n                  locked && \"cursor-not-allowed\",\n                )}\n              />\n            </EndHintRow>,\n          )}\n        </FieldGroup>\n      );\n    }\n    return (\n      <FieldGroup errorEl={below} reserve={reserve}>\n        {withReason(\n          <EndHintRow hint={endHint} className={boxClass}>\n            <div className={cn(\"relative\", ownClass)}>\n              <input\n                ref={ref}\n                id={id}\n                type={effectiveType}\n                placeholder={placeholder}\n                {...rest}\n                {...lockProps}\n                aria-invalid={isInvalid || rest[\"aria-invalid\"] || undefined}\n                aria-describedby={describedBy}\n                onChange={onChange}\n                className={cn(\n                  FIELD_BASE,\n                  \"pe-9\",\n                  inputClassName,\n                  isInvalid && FIELD_INVALID,\n                  locked && \"cursor-not-allowed\",\n                )}\n              />\n              {revealToggle}\n            </div>\n          </EndHintRow>,\n        )}\n      </FieldGroup>\n    );\n  }\n  const ownPlaceholder = hasPlaceholderText(placeholder);\n  return (\n    <FieldGroup errorEl={below} reserve={reserve}>\n      {withReason(\n        <FloatingField\n          className={boxClass}\n          htmlFor={fieldId}\n          label={label}\n          srOnlyLabel={asDisplay}\n          hint={hintParts.labelHint}\n        >\n          <input\n            ref={ref}\n            id={fieldId}\n            type={effectiveType}\n            // A labelled field with no placeholder of its own gets a single space, which\n            // feeds the floating label's peer-placeholder-shown trick. A caller's own is\n            // kept and shown on focus, once the label has floated out of its way (kastlan\n            // 8) — see FLOATING_PLACEHOLDER_ON_FOCUS. With the label sr-only there is no\n            // float left to drive, and an empty borderless line would say nothing at all\n            // — so there the label text is the placeholder when the caller gave none.\n            placeholder={\n              asDisplay\n                ? (placeholder ?? (typeof label === \"string\" ? label : \" \"))\n                : ownPlaceholder\n                  ? placeholder\n                  : \" \"\n            }\n            {...rest}\n            {...lockProps}\n            aria-invalid={isInvalid || rest[\"aria-invalid\"] || undefined}\n            aria-describedby={describedBy}\n            onClick={handleClick}\n            onChange={onChange}\n            className={cn(\n              asDisplay\n                ? cn(FIELD_DISPLAY, \"text-xl font-semibold leading-snug\")\n                : cn(FLOATING_INPUT_CLASS, ownPlaceholder && FLOATING_PLACEHOLDER_ON_FOCUS),\n              isPassword && \"pe-9\",\n              inputClassName,\n              isInvalid && FIELD_INVALID,\n              locked && \"cursor-not-allowed\",\n            )}\n          />\n          {revealToggle}\n        </FloatingField>,\n      )}\n    </FieldGroup>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/jump-calendar.js

@@ -184,13 +184,7 @@ function JumpCalendar({
           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",
           children: [
             /* @__PURE__ */ jsx("span", { id: captionId, "aria-live": "polite", className: "truncate", children: caption }),
-            /* @__PURE__ */ jsx(
-              ChevronDown,
-              {
-                "aria-hidden": true,
-                className: cn("size-3.5 shrink-0 text-muted", !inDays && "rotate-180")
-              }
-            )
+            /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": true, className: cn("size-3.5 shrink-0 text-muted", !inDays && "rotate-180") })
           ]
         }
       ),

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) =>\n  `${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\n            aria-hidden\n            className={cn(\"size-3.5 shrink-0 text-muted\", !inDays && \"rotate-180\")}\n          />\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 { 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":";AAyDqB,cAwNb,YAxNa;AArDrB,SAAS,WAAW,OAAO,SAAS,QAAQ,gBAAgB;AAE5D,SAAS,aAAa,aAAa,oBAAoB;AACvD,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAC/B,SAAS,UAAU,KAAK,oBAAoB;AAC5C,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,8BAA8B,oBAA4C;AACnF,SAAS,mCAAmC;AAC5C,SAAS,mBAAmB;AAM5B,MAAM,aAAa,CAAC,QAAgB,OAAO,IAAI,MAAM,GAAG,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,MAAM,GAAG,CAAC,CAAC,IAAI;AAC7F,MAAM,aAAa,CAAC,UAAkB,GAAG,OAAO,KAAK,MAAM,QAAQ,EAAE,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,IAAK,QAAQ,KAAM,CAAC,CAAC;AACjH,MAAM,WAAW,CAAC,KAAa,UAAkB,WAAW,WAAW,GAAG,IAAI,KAAK;AAEnF,MAAM,aAAa,CAAC,QAAgB,IAAI,KAAK,OAAO,IAAI,MAAM,GAAG,CAAC,CAAC,GAAG,OAAO,IAAI,MAAM,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC;AAIpG,MAAM,aAAa,CAAC,MAAc,WAChC,KAAK,OAAO,CAAC,EAAE,kBAAkB,MAAM,IAAI,KAAK,MAAM,CAAC;AAGzD,MAAM,gBAAgB;AAOtB,SAAS,aAAa,MAAc,IAAY,IAAiB,IAAyB;AACxF,QAAM,QAAQ,aAAa,IAAI,KAAK,aAAa,EAAE,KAAK,oBAAI,KAAK;AACjE,MAAI,MAAM,QAAQ,GAAI,QAAO,SAAS,EAAE;AACxC,MAAI,MAAM,QAAQ,GAAI,QAAO,SAAS,EAAE;AACxC,SAAO,SAAS,KAAK;AACvB;AAYO,SAAS,cAAc,EAAE,WAAW,GAAG,SAAS,GAAuB;AAC5E,SAAO,YAAY,oBAAC,gBAAc,GAAG,UAAU,IAAK,oBAAC,gBAAc,GAAG,UAAU;AAClF;AA6BA,SAAS,aAAa;AAAA,EACpB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0C;AAGxC,QAAM,eAAe,aAAa,gBAAgB,8BAA8B,MAAM;AACtF,QAAM,YAAY,aAAa,eAAe,2BAA2B;AACzE,QAAM,KAAK,MAAM;AACjB,QAAM,YAAY,GAAG,EAAE;AACvB,QAAM,SAAS,GAAG,EAAE;AACpB,QAAM,aAAa,OAA0B,IAAI;AACjD,QAAM,YAAY,OAAuB,IAAI;AAE7C,QAAM,KAAK,MAAM,aAAa,GAAG,IAAI;AACrC,QAAM,KAAK,MAAM,aAAa,GAAG,IAAI;AACrC,QAAM,SAAS,KAAK,SAAS,EAAE,IAAI;AACnC,QAAM,SAAS,KAAK,SAAS,EAAE,IAAI;AACnC,QAAM,cAAc,CAAC,QAAgB,QAAS,UAAU,MAAM,UAAY,UAAU,MAAM,MAAO;AACjG,QAAM,WAAW,CAAC,QAAiB,UAAU,MAAM,SAAS,SAAS,UAAU,MAAM,SAAS,SAAS;AAEvG,QAAM,CAAC,MAAM,OAAO,IAAI,SAA4B,MAAM;AAC1D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,MAAM,aAAa,MAAM,IAAI,IAAI,EAAE,CAAC;AACvE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAuB,OAAO,EAAE,KAAK,GAAG,OAAO,QAAQ,WAAW,EAAE,EAAE;AAEpG,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAK1C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AACvD,MAAI,UAAU,SAAS,QAAQ,UAAU,OAAO,IAAI;AAClD,UAAM,UAAU,UAAU,SAAS,OAAO,OAAO;AACjD,iBAAa,EAAE,MAAM,GAAG,CAAC;AACzB,UAAM,OAAO,aAAa,OAAO,KAAK,aAAa,IAAI,KAAK,aAAa,EAAE;AAC3E,UAAM,MAAM,OAAO,SAAS,IAAI,IAAI;AACpC,QAAI,QAAQ,QAAQ,SAAS,SAAS,WAAW;AAC/C,eAAS,GAAG;AACZ,cAAQ,MAAM;AACd,iBAAW,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,OAAO,MAAM,EAAE;AAAA,IAClE;AAAA,EACF;AAIA,QAAM,eAAe,OAAsB,IAAI;AAC/C,YAAU,MAAM;AACd,UAAM,MAAM,aAAa;AACzB,QAAI,CAAC,IAAK;AACV,iBAAa,UAAU;AACvB,cAAU,SAAS,cAA2B,gBAAgB,GAAG,IAAI,GAAG,MAAM;AAAA,EAChF,CAAC;AAED,QAAM,YAAY,CAAC,QAAgB;AACjC,aAAS,GAAG;AAGZ,eAAW,CAAC,OAAO,EAAE,GAAG,GAAG,OAAO,IAAI,EAAE;AAAA,EAC1C;AACA,QAAM,aAAa,MAAM;AACvB,UAAM,QAAQ,SAAS,KAAK;AAC5B,iBAAa,UAAU;AACvB,cAAU,KAAK;AACf,YAAQ,QAAQ;AAAA,EAClB;AACA,QAAM,cAAc,CAAC,iBAA0B;AAC7C,YAAQ,MAAM;AACd,eAAW,CAAC,OAAO,EAAE,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM,EAAE;AACxD,QAAI,aAAc,YAAW,SAAS,MAAM;AAAA,EAC9C;AACA,QAAM,OAAO,CAAC,QAAgB;AAC5B,aAAS,GAAG;AACZ,YAAQ,MAAM;AAEd,eAAW,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,OAAO,KAAK,EAAE;AAAA,EACjE;AACA,QAAM,aAAa,CAAC,KAAa,UAAmB;AAClD,QAAI,MAAO,cAAa,UAAU;AAClC,cAAU,GAAG;AAAA,EACf;AAEA,QAAM,SAAS,SAAS;AAKxB,QAAM,eAAe,CAAC,MAAkC;AACtD,QAAI,EAAE,QAAQ,YAAY,OAAQ;AAClC,gBAAY,CAAC;AACb,MAAE,gBAAgB;AAClB,gBAAY,IAAI;AAAA,EAClB;AAEA,QAAM,iBAAiB,CAAC,MAAwC;AAC9D,QAAI,EAAE,QAAQ,SAAU,QAAO,aAAa,CAAC;AAE7C,UAAM,OAAO,eAAe,EAAE,KAAK,EAAE,aAAa;AAClD,UAAM,MAAO,WAAW,MAAM,IAAI,KAAM;AACxC,QAAI;AACJ,YAAQ,OAAO,eAAe,EAAE,KAAK;AAAA,MACnC,KAAK;AACH,gBAAQ;AACR;AAAA,MACF,KAAK;AACH,gBAAQ,CAAC;AACT;AAAA,MACF,KAAK;AACH,gBAAQ;AACR;AAAA,MACF,KAAK;AACH,gBAAQ,CAAC;AACT;AAAA,MACF,KAAK;AACH,gBAAQ,gBAAgB,IAAI;AAC5B;AAAA,MACF,KAAK;AACH,gBAAQ;AACR;AAAA,MACF,KAAK;AACH,gBAAQ;AACR;AAAA,MACF;AACE;AAAA,IACJ;AAEA,MAAE,eAAe;AACjB,QAAI,UAAU,EAAG,YAAW,SAAS,QAAQ,KAAK,GAAG,IAAI;AAAA,EAC3D;AAEA,QAAM,OAAO,OAAO,OAAO,MAAM,GAAG,CAAC,CAAC;AAEtC,QAAM,kBAAkB,QAAQ,UAAU,OAAO,IAAI,OAAO,OAAO,MAAM,GAAG,CAAC,CAAC,CAAC;AAC/E,QAAM,kBAAkB,QAAQ,UAAU,OAAO,IAAI,OAAO,OAAO,MAAM,GAAG,CAAC,CAAC,CAAC;AAC/E,QAAM,cAAc,CAAC,UAAU;AAC/B,QAAM,cAAc,CAAC,UAAU;AAE/B,QAAM,WAAW,QAAQ,MAAM,IAAI,KAAK,eAAe,QAAQ,EAAE,OAAO,QAAQ,MAAM,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC;AAC5G,QAAM,aAAa,QAAQ,MAAM;AAC/B,UAAM,MAAM,IAAI,KAAK,eAAe,QAAQ,EAAE,OAAO,QAAQ,CAAC;AAC9D,WAAO,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,MAAM,WAAW,IAAI,OAAO,IAAI,KAAK,KAAM,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC;AAAA,EAClG,GAAG,CAAC,MAAM,CAAC;AACX,QAAM,UAAU,SACZ,WAAW,SAAS,OAAO,WAAW,KAAK,CAAC,GAAG,MAAM,IACrD,IAAI,KAAK,eAAe,QAAQ,EAAE,MAAM,UAAU,CAAC,EAAE,OAAO,IAAI,KAAK,MAAM,GAAG,CAAC,CAAC;AAGpF,QAAM,WAAW,aAAa,IAAI;AAClC,QAAM,SAAS,aAAa,EAAE;AAC9B,QAAM,UAAU,WAAW,SAAS,QAAQ,IAAI;AAChD,QAAM,QAAQ,SAAS,SAAS,MAAM,IAAI;AAC1C,QAAM,MAAM,WAAW;AACvB,QAAM,OAAO,SAAS;AACtB,QAAM,aAAa,SAAS,oBAAI,KAAK,CAAC;AAItC,QAAM,QACJ;AAEF,SACE,qBAAC,SAAI,WAAU,eAIb;AAAA,yBAAC,SAAI,WAAU,gDACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,SAAS,aAAa,gBAAgB,UAAU;AAAA,UAC5D,iBAAe,eAAe;AAAA,UAC9B,SAAS,MAAM;AACb,gBAAI,OAAQ,WAAU,SAAS,OAAO,EAAE,CAAC;AAAA,qBAChC,CAAC,YAAa,YAAW,SAAS,QAAQ,GAAG,GAAG,KAAK;AAAA,UAChE;AAAA,UACA,WAAW;AAAA,UACX,WAAW;AAAA,UAGX,8BAAC,eAAY,WAAU,2BAA0B,eAAW,MAAC;AAAA;AAAA,MAC/D;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA,UACL,iBAAe,CAAC;AAAA,UAChB,oBAAkB,SAAS,SAAS;AAAA,UACpC,SAAS,SAAS,aAAa,MAAM,YAAY,KAAK;AAAA,UACtD,WAAW;AAAA,UACX,WAAU;AAAA,UAKV;AAAA,gCAAC,UAAK,IAAI,WAAW,aAAU,UAAS,WAAU,YAC/C,mBACH;AAAA,YACA,oBAAC,eAAY,eAAW,MAAC,WAAW,GAAG,gCAAgC,CAAC,UAAU,YAAY,GAAG;AAAA;AAAA;AAAA,MACnG;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,SAAS,aAAa,YAAY,UAAU;AAAA,UACxD,iBAAe,eAAe;AAAA,UAC9B,SAAS,MAAM;AACb,gBAAI,OAAQ,WAAU,SAAS,OAAO,CAAC,CAAC;AAAA,qBAC/B,CAAC,YAAa,YAAW,SAAS,QAAQ,EAAE,GAAG,KAAK;AAAA,UAC/D;AAAA,UACA,WAAW;AAAA,UACX,WAAW;AAAA,UAEX,8BAAC,gBAAa,WAAU,2BAA0B,eAAW,MAAC;AAAA;AAAA,MAChE;AAAA,OACF;AAAA,IAEA,oBAAC,UAAK,IAAI,QAAQ,QAAM,MACrB,oBAAU,OACb;AAAA,IACC,SACC;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,QAAQ;AAAA,QACrB,gBAAc;AAAA,QACd,OAAO,QAAQ;AAAA,QACf,eAAe;AAAA;AAAA,MAZV,QAAQ;AAAA,IAaf,IAEA,oBAAC,SAAI,KAAK,WAAW,MAAK,QAAO,mBAAiB,WAAW,WAAU,cACpE,gBAAM,KAAK,EAAE,QAAQ,KAAK,cAAc,GAAG,CAAC,GAAG,QAC9C,oBAAC,SAAc,MAAK,OAAM,WAAU,0BACjC,gBAAM,KAAK,EAAE,QAAQ,cAAc,GAAG,CAACA,IAAG,MAAM;AAC/C,YAAM,QAAQ,MAAM,gBAAgB;AACpC,YAAM,MAAM,WAAW,OAAO,KAAK,KAAK;AACxC,YAAM,WAAW,YAAY,GAAG;AAChC,YAAM,WAAW,QAAQ,QAAQ,SAAS,QAAQ,OAAO,OAAO,OAAO;AACvE,YAAM,MAAM,QAAQ,WAAW,QAAQ;AACvC,YAAM,UAAU,QAAQ;AACxB,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,UAAU,QAAQ,SAAS,IAAI;AAAA,UAC/B,cAAY,UAAU,MAAM,SAAS,OAAO,WAAW,GAAG,CAAC,CAAC;AAAA,UAC5D,iBAAe;AAAA,UACf,iBAAe,YAAY;AAAA,UAC3B,gBAAc,UAAU,SAAS;AAAA,UACjC,SAAS,MAAM;AAGb,gBAAI,CAAC,SAAU,MAAK,GAAG;AAAA,UACzB;AAAA,UACA,WAAW;AAAA,UACX,WAAW;AAAA;AAAA;AAAA,YAGT;AAAA,YACA;AAAA,YACA;AAAA;AAAA,YAEA,OAAO,CAAC,WAAW,sCAAsC;AAAA,YACzD,WACI,wCACA,MACE,sDACA,WACE,yEACA;AAAA,YACR,WAAW,CAAC,YAAY,CAAC,YAAY;AAAA,UACvC;AAAA,UAEC,qBAAW,KAAK;AAAA;AAAA,QAjCZ;AAAA,MAkCP;AAAA,IAEJ,CAAC,KA9CO,GA+CV,CACD,GACH;AAAA,KAEJ;AAEJ;","names":["_"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/legal-labels.ts"],"sourcesContent":["// The English words of ./legal, in a module with no component code: the English catalogue\n// (src/i18n/defaults.ts) imports them without the component, so `en` loads as one chunk\n// like the other languages (0.34, KS U8). ./legal re-exports them.\n\nimport type { LegalLabels } from \"./legal\";\n\nexport const DEFAULT_LEGAL_LABELS: LegalLabels = {\n  navLabel: \"Legal\",\n  links: {\n    impressum: \"Imprint\",\n    privacy: \"Privacy Policy\",\n    terms: \"Terms\",\n    security: \"Security\",\n    accessibility: \"Accessibility\",\n  },\n  titles: {\n    impressum: \"Imprint\",\n    privacy: \"Privacy Policy\",\n    terms: \"Terms of Service\",\n  },\n  backHome: \"Back to home\",\n  accept: \"I accept the {terms} and the {privacy}\",\n  notice: {\n    beta: \"Closed beta. These texts have not been reviewed by a lawyer yet and will be before a public launch.\",\n    privacy:\n      \"Closed beta. The legal wording below has not been reviewed by a lawyer yet and will be before a public launch. The technical descriptions — what is stored, where, and who can read it — describe what the software actually does today, and are meant to be checked against it.\",\n  },\n  translation: {\n    note: (o) =>\n      `This is a translation for your convenience. The ${o.bindingLanguage} version is binding.`,\n    show: (o) => `Show the ${o.bindingLanguage} version`,\n  },\n  updated: (date) => `Last updated: ${date}`,\n  summary: {\n    title: \"In short\",\n    note: \"This summary is for orientation; only the full text is binding.\",\n  },\n  sections: {\n    impressum: {\n      operator: {\n        title: \"Operator\",\n        body: (o) =>\n          `${o.name}\\n${o.postalCode} ${o.city}\\n${o.country}\\n\\nThe full postal address is supplied on request to anyone with a legitimate legal interest; write to the contact address below.`,\n      },\n      contact: {\n        title: \"Contact\",\n        body: (o) => `Email: ${o.email}`,\n      },\n      disclaimer: {\n        title: \"Liability for content and links\",\n        body: \"This is a private, non-commercial project offered during a closed beta, without warranty. External sites we link to are the responsibility of their respective operators; we have no control over their content.\",\n        commercial:\n          \"This is a commercial service. Paid plans are sold by our reseller, which acts as the Merchant of Record: it sells the subscription in its own name, takes the payment, issues the invoice and handles VAT, and its terms of sale apply to the purchase. We take care that the content of this service is accurate, but cannot guarantee that it is complete or up to date. External sites we link to are the responsibility of their respective operators; we have no control over their content.\",\n      },\n    },\n    privacy: {\n      controller: {\n        title: \"Controller\",\n        body: (o) =>\n          `The party responsible for processing personal data in this service is:\\n${o.name}\\n${o.postalCode} ${o.city}, ${o.country}\\nEmail: ${o.email}\\n\\nThe full postal address is supplied on request to data subjects and supervisory authorities.`,\n      },\n      legal_basis: {\n        title: \"Legal basis\",\n        body: \"As the operator is based in Switzerland, processing is governed by the Swiss Federal Act on Data Protection (FADP). Where the EU General Data Protection Regulation (GDPR) applies to you, we rely on the performance of a contract to provide the service (Art. 6(1)(b) GDPR) and our legitimate interest in operating and securing it (Art. 6(1)(f) GDPR).\",\n      },\n      browser: {\n        title: \"What your browser stores\",\n        lead: \"No cookies. The app keeps the following in your browser's storage:\",\n        tail: \"None of it is used to track you. Entries waiting to be sent are sent to us as soon as they can be; everything else stays on your device. All of it disappears when you clear the site's data, and signing out removes the sign-in tokens.\",\n      },\n      rights: {\n        title: \"Your rights\",\n        lead: \"You have the right to access, rectification, erasure, restriction, data portability and objection.\",\n        tail: \"If you are in Switzerland you may contact the Federal Data Protection and Information Commissioner (FDPIC); if you are in the EU you may lodge a complaint with your local supervisory authority.\",\n      },\n      contact: {\n        title: \"Contact for data protection\",\n        body: (o) => `For any privacy request, contact: ${o.email}`,\n      },\n    },\n    terms: {\n      warranty: {\n        title: \"No warranty\",\n        body: 'The service is provided \"as is\" and \"as available\", without warranties of any kind to the extent permitted by law. As a beta it may contain errors, change, or be interrupted at any time — keep your own backups of important data.',\n      },\n      liability: {\n        title: \"Limitation of liability\",\n        body: \"To the extent permitted by applicable law, the operator is not liable for any indirect or consequential damage arising from the use of, or inability to use, the service. Nothing here limits liability that cannot be limited by law.\",\n      },\n      changes: {\n        title: \"Changes to these terms\",\n        body: \"We may update these terms as the service evolves. We announce a material change at least 30 days before it takes effect, by email and in the app, together with the new text. If you do not agree, you can object or delete your account before that date, and you can export your data until then. If you keep using the service after that date, the changed terms apply. Changes that only benefit you, or that the law requires, apply without this notice and cannot be objected to. If you object to a change, we may end your account on the date it takes effect. If you have paid for a period that runs beyond that date, we refund the unused part.\",\n      },\n      language: {\n        title: \"Language\",\n        body: (o) =>\n          `These terms are written in ${o.bindingLanguage}. Translations into other languages are provided for convenience only; where a translation differs, the ${o.bindingLanguage} version prevails.`,\n      },\n      law: {\n        title: \"Governing law\",\n        body: (o) =>\n          `These terms are governed by Swiss law, excluding its conflict-of-laws rules. As far as legally permissible, the place of jurisdiction is ${o.city} (${o.region}), ${o.country}.`,\n      },\n    },\n  },\n};\n"],"mappings":";AAMO,MAAM,uBAAoC;AAAA,EAC/C,UAAU;AAAA,EACV,OAAO;AAAA,IACL,WAAW;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA,aAAa;AAAA,IACX,MAAM,CAAC,MACL,mDAAmD,EAAE,eAAe;AAAA,IACtE,MAAM,CAAC,MAAM,YAAY,EAAE,eAAe;AAAA,EAC5C;AAAA,EACA,SAAS,CAAC,SAAS,iBAAiB,IAAI;AAAA,EACxC,SAAS;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,UAAU;AAAA,QACR,OAAO;AAAA,QACP,MAAM,CAAC,MACL,GAAG,EAAE,IAAI;AAAA,EAAK,EAAE,UAAU,IAAI,EAAE,IAAI;AAAA,EAAK,EAAE,OAAO;AAAA;AAAA;AAAA,MACtD;AAAA,MACA,SAAS;AAAA,QACP,OAAO;AAAA,QACP,MAAM,CAAC,MAAM,UAAU,EAAE,KAAK;AAAA,MAChC;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,QACP,MAAM;AAAA,QACN,YACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,YAAY;AAAA,QACV,OAAO;AAAA,QACP,MAAM,CAAC,MACL;AAAA,EAA2E,EAAE,IAAI;AAAA,EAAK,EAAE,UAAU,IAAI,EAAE,IAAI,KAAK,EAAE,OAAO;AAAA,SAAY,EAAE,KAAK;AAAA;AAAA;AAAA,MACjJ;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,SAAS;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,SAAS;AAAA,QACP,OAAO;AAAA,QACP,MAAM,CAAC,MAAM,qCAAqC,EAAE,KAAK;AAAA,MAC3D;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,SAAS;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,UAAU;AAAA,QACR,OAAO;AAAA,QACP,MAAM,CAAC,MACL,8BAA8B,EAAE,eAAe,2GAA2G,EAAE,eAAe;AAAA,MAC/K;AAAA,MACA,KAAK;AAAA,QACH,OAAO;AAAA,QACP,MAAM,CAAC,MACL,4IAA4I,EAAE,IAAI,KAAK,EAAE,MAAM,MAAM,EAAE,OAAO;AAAA,MAClL;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/components/legal-labels.ts"],"sourcesContent":["// The English words of ./legal, in a module with no component code: the English catalogue\n// (src/i18n/defaults.ts) imports them without the component, so `en` loads as one chunk\n// like the other languages (0.34, KS U8). ./legal re-exports them.\n\nimport type { LegalLabels } from \"./legal\";\n\nexport const DEFAULT_LEGAL_LABELS: LegalLabels = {\n  navLabel: \"Legal\",\n  links: {\n    impressum: \"Imprint\",\n    privacy: \"Privacy Policy\",\n    terms: \"Terms\",\n    security: \"Security\",\n    accessibility: \"Accessibility\",\n  },\n  titles: {\n    impressum: \"Imprint\",\n    privacy: \"Privacy Policy\",\n    terms: \"Terms of Service\",\n  },\n  backHome: \"Back to home\",\n  accept: \"I accept the {terms} and the {privacy}\",\n  notice: {\n    beta: \"Closed beta. These texts have not been reviewed by a lawyer yet and will be before a public launch.\",\n    privacy:\n      \"Closed beta. The legal wording below has not been reviewed by a lawyer yet and will be before a public launch. The technical descriptions — what is stored, where, and who can read it — describe what the software actually does today, and are meant to be checked against it.\",\n  },\n  translation: {\n    note: (o) => `This is a translation for your convenience. The ${o.bindingLanguage} version is binding.`,\n    show: (o) => `Show the ${o.bindingLanguage} version`,\n  },\n  updated: (date) => `Last updated: ${date}`,\n  summary: {\n    title: \"In short\",\n    note: \"This summary is for orientation; only the full text is binding.\",\n  },\n  sections: {\n    impressum: {\n      operator: {\n        title: \"Operator\",\n        body: (o) =>\n          `${o.name}\\n${o.postalCode} ${o.city}\\n${o.country}\\n\\nThe full postal address is supplied on request to anyone with a legitimate legal interest; write to the contact address below.`,\n      },\n      contact: {\n        title: \"Contact\",\n        body: (o) => `Email: ${o.email}`,\n      },\n      disclaimer: {\n        title: \"Liability for content and links\",\n        body: \"This is a private, non-commercial project offered during a closed beta, without warranty. External sites we link to are the responsibility of their respective operators; we have no control over their content.\",\n        commercial:\n          \"This is a commercial service. Paid plans are sold by our reseller, which acts as the Merchant of Record: it sells the subscription in its own name, takes the payment, issues the invoice and handles VAT, and its terms of sale apply to the purchase. We take care that the content of this service is accurate, but cannot guarantee that it is complete or up to date. External sites we link to are the responsibility of their respective operators; we have no control over their content.\",\n      },\n    },\n    privacy: {\n      controller: {\n        title: \"Controller\",\n        body: (o) =>\n          `The party responsible for processing personal data in this service is:\\n${o.name}\\n${o.postalCode} ${o.city}, ${o.country}\\nEmail: ${o.email}\\n\\nThe full postal address is supplied on request to data subjects and supervisory authorities.`,\n      },\n      legal_basis: {\n        title: \"Legal basis\",\n        body: \"As the operator is based in Switzerland, processing is governed by the Swiss Federal Act on Data Protection (FADP). Where the EU General Data Protection Regulation (GDPR) applies to you, we rely on the performance of a contract to provide the service (Art. 6(1)(b) GDPR) and our legitimate interest in operating and securing it (Art. 6(1)(f) GDPR).\",\n      },\n      browser: {\n        title: \"What your browser stores\",\n        lead: \"No cookies. The app keeps the following in your browser's storage:\",\n        tail: \"None of it is used to track you. Entries waiting to be sent are sent to us as soon as they can be; everything else stays on your device. All of it disappears when you clear the site's data, and signing out removes the sign-in tokens.\",\n      },\n      rights: {\n        title: \"Your rights\",\n        lead: \"You have the right to access, rectification, erasure, restriction, data portability and objection.\",\n        tail: \"If you are in Switzerland you may contact the Federal Data Protection and Information Commissioner (FDPIC); if you are in the EU you may lodge a complaint with your local supervisory authority.\",\n      },\n      contact: {\n        title: \"Contact for data protection\",\n        body: (o) => `For any privacy request, contact: ${o.email}`,\n      },\n    },\n    terms: {\n      warranty: {\n        title: \"No warranty\",\n        body: 'The service is provided \"as is\" and \"as available\", without warranties of any kind to the extent permitted by law. As a beta it may contain errors, change, or be interrupted at any time — keep your own backups of important data.',\n      },\n      liability: {\n        title: \"Limitation of liability\",\n        body: \"To the extent permitted by applicable law, the operator is not liable for any indirect or consequential damage arising from the use of, or inability to use, the service. Nothing here limits liability that cannot be limited by law.\",\n      },\n      changes: {\n        title: \"Changes to these terms\",\n        body: \"We may update these terms as the service evolves. We announce a material change at least 30 days before it takes effect, by email and in the app, together with the new text. If you do not agree, you can object or delete your account before that date, and you can export your data until then. If you keep using the service after that date, the changed terms apply. Changes that only benefit you, or that the law requires, apply without this notice and cannot be objected to. If you object to a change, we may end your account on the date it takes effect. If you have paid for a period that runs beyond that date, we refund the unused part.\",\n      },\n      language: {\n        title: \"Language\",\n        body: (o) =>\n          `These terms are written in ${o.bindingLanguage}. Translations into other languages are provided for convenience only; where a translation differs, the ${o.bindingLanguage} version prevails.`,\n      },\n      law: {\n        title: \"Governing law\",\n        body: (o) =>\n          `These terms are governed by Swiss law, excluding its conflict-of-laws rules. As far as legally permissible, the place of jurisdiction is ${o.city} (${o.region}), ${o.country}.`,\n      },\n    },\n  },\n};\n"],"mappings":";AAMO,MAAM,uBAAoC;AAAA,EAC/C,UAAU;AAAA,EACV,OAAO;AAAA,IACL,WAAW;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA,aAAa;AAAA,IACX,MAAM,CAAC,MAAM,mDAAmD,EAAE,eAAe;AAAA,IACjF,MAAM,CAAC,MAAM,YAAY,EAAE,eAAe;AAAA,EAC5C;AAAA,EACA,SAAS,CAAC,SAAS,iBAAiB,IAAI;AAAA,EACxC,SAAS;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,UAAU;AAAA,QACR,OAAO;AAAA,QACP,MAAM,CAAC,MACL,GAAG,EAAE,IAAI;AAAA,EAAK,EAAE,UAAU,IAAI,EAAE,IAAI;AAAA,EAAK,EAAE,OAAO;AAAA;AAAA;AAAA,MACtD;AAAA,MACA,SAAS;AAAA,QACP,OAAO;AAAA,QACP,MAAM,CAAC,MAAM,UAAU,EAAE,KAAK;AAAA,MAChC;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,QACP,MAAM;AAAA,QACN,YACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,YAAY;AAAA,QACV,OAAO;AAAA,QACP,MAAM,CAAC,MACL;AAAA,EAA2E,EAAE,IAAI;AAAA,EAAK,EAAE,UAAU,IAAI,EAAE,IAAI,KAAK,EAAE,OAAO;AAAA,SAAY,EAAE,KAAK;AAAA;AAAA;AAAA,MACjJ;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,SAAS;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,SAAS;AAAA,QACP,OAAO;AAAA,QACP,MAAM,CAAC,MAAM,qCAAqC,EAAE,KAAK;AAAA,MAC3D;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,SAAS;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,UAAU;AAAA,QACR,OAAO;AAAA,QACP,MAAM,CAAC,MACL,8BAA8B,EAAE,eAAe,2GAA2G,EAAE,eAAe;AAAA,MAC/K;AAAA,MACA,KAAK;AAAA,QACH,OAAO;AAAA,QACP,MAAM,CAAC,MACL,4IAA4I,EAAE,IAAI,KAAK,EAAE,MAAM,MAAM,EAAE,OAAO;AAAA,MAClL;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/components/legal-page.js

@@ -171,7 +171,9 @@ function slotSections(children, page, labels) {
     const number = numbered ? count : void 0;
     if (section.key !== void 0) {
       if (targets.has(section.key)) {
-        warnLegalOnce(`two sections of the ${page} page share the key "${section.key}"; {ref:${section.key}} names the first.`);
+        warnLegalOnce(
+          `two sections of the ${page} page share the key "${section.key}"; {ref:${section.key}} names the first.`
+        );
       } else {
         targets.set(section.key, { number, heading: section.heading });
       }
@@ -220,7 +222,17 @@ function LegalPage({
     labels.translation.note(operatorText),
     onShowBindingLanguage && /* @__PURE__ */ jsxs(Fragment, { children: [
       " ",
-      /* @__PURE__ */ jsx(Button, { type: "button", variant: "link", size: "sm", className: "h-auto p-0 align-baseline", onClick: onShowBindingLanguage, children: labels.translation.show(operatorText) })
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "link",
+          size: "sm",
+          className: "h-auto p-0 align-baseline",
+          onClick: onShowBindingLanguage,
+          children: labels.translation.show(operatorText)
+        }
+      )
     ] })
   ] }) : void 0;
   const updatedValid = updated !== void 0 && parseIsoDate(updated) !== null;

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(`two sections of the ${page} page share the key \"${section.key}\"; {ref:${section.key}} names the first.`);\n      } else {\n        targets.set(section.key, { number, heading: section.heading });\n      }\n    }\n    return (\n      <LegalSlotContext.Provider key={path} value={{ id: section.key, number }}>\n        {node}\n      </LegalSlotContext.Provider>\n    );\n  });\n  return { nodes, targets };\n}\n\n/**\n * A legal page — Imprint, Privacy Policy or Terms — in the frame every app uses (§3.2):\n * the app's public header, the kit's column (back link, title, notice, sections) and the\n * public footer. keksdose's `features/legal/legal-layout.tsx`, the reference: its\n * `LegalPage` drew exactly this around the kit's `LegalLayout`, and kastlan and\n * Kurvenschmiede each drew a different frame (an auth card, the signed-in app shell).\n * Signed-in users see the same frame: the pages are public and outside the app shell.\n *\n * What it adds to the column:\n * - the title, from `legal.titles`, and \"← Back to home\" pointing at `homeHref`;\n * - the 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 =\n    notice !== undefined ? notice : page === \"privacy\" ? labels.notice.privacy : labels.notice.beta;\n  // 0.28.1 (Marcel): one language is binding and the lawyer reviews that one; a page read\n  // in any other says so, with a way to the binding version.\n  const translated =\n    operator.bindingLanguage !== undefined && baseLanguage(operator.bindingLanguage) !== baseLanguage(locale);\n  const translationNote = translated ? (\n    <p className=\"text-sm text-secondary\">\n      {labels.translation.note(operatorText)}\n      {onShowBindingLanguage && (\n        <>\n          {\" \"}\n          <Button type=\"button\" variant=\"link\" size=\"sm\" className=\"h-auto p-0 align-baseline\" onClick={onShowBindingLanguage}>\n            {labels.translation.show(operatorText)}\n          </Button>\n        </>\n      )}\n    </p>\n  ) : undefined;\n  // 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\">{summaryLabels.title}</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\n  extends Omit<CheckboxProps, \"label\" | \"checked\" | \"onCheckedChange\" | \"required\"> {\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n  /** Default `/terms`. */\n  termsHref?: string;\n  /** Default `/privacy`. */\n  privacyHref?: string;\n  labels?: LabelOverride<LegalLabels>;\n  ref?: Ref<HTMLInputElement>;\n}\n\n/** `legal.accept` with its `{terms}` and `{privacy}` as links named by the page titles.\n *  Split, not interpolated: the text between the placeholders is the template's own,\n *  to the character — nothing is added around a link. */\nfunction acceptLabel(labels: LegalLabels, termsHref: string, privacyHref: string): ReactNode[] {\n  const template = labels.accept;\n  for (const placeholder of [\"{terms}\", \"{privacy}\"]) {\n    if (!template.includes(placeholder)) warnLegalOnce(`legal.accept has no ${placeholder}: \"${template}\".`);\n  }\n  return template\n    .split(/(\\{terms\\}|\\{privacy\\})/)\n    .filter((part) => part !== \"\")\n    .map((part, i) =>\n      part === \"{terms}\" ? (\n        <TextLink key={i} href={termsHref} tone=\"primary\">\n          {labels.titles.terms}\n        </TextLink>\n      ) : part === \"{privacy}\" ? (\n        <TextLink key={i} href={privacyHref} tone=\"primary\">\n          {labels.titles.privacy}\n        </TextLink>\n      ) : (\n        part\n      ),\n    );\n}\n\n/**\n * The register page's \"I accept the [Terms of Service] and the [Privacy Policy]\" (§3.4):\n * keksdose's checkbox (features/auth/register-page.tsx), for every app.\n *\n * A REQUIRED kit `Checkbox` — not a Switch: a form answer that waits for the submit\n * button. The app keeps its submit disabled while it is unticked, so there is never a\n * failed attempt and no `error` to show. 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"]}
+{"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":"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","names":["Fragment"]}

package/dist/components/legal.js

@@ -109,7 +109,9 @@ function LegalLinks({
     ...infoLinks(labels, { security: securityHref, accessibility: accessibilityHref })
   ];
   const items = shown.flatMap((link, i) => [
-    ...i > 0 ? [/* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }, `sep-${link.href}`)] : [],
+    ...i > 0 ? [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }, `sep-${link.href}`)
+    ] : [],
     /* @__PURE__ */ jsx(TextLink, { href: link.href, tone: "muted", current: link.href === currentHref, onClick: onLinkClick, children: link.label }, link.href)
   ]);
   const rowClass = cn("flex flex-wrap items-center gap-x-4 gap-y-1 text-xs", className);
@@ -183,7 +185,15 @@ function LegalLayout({
       summary,
       children
     ] }),
-    links !== void 0 && links.length > 0 && /* @__PURE__ */ jsx(LegalLinks, { links, currentHref, labels, className: "mt-12 border-t border-subtle pt-4" })
+    links !== void 0 && links.length > 0 && /* @__PURE__ */ jsx(
+      LegalLinks,
+      {
+        links,
+        currentHref,
+        labels,
+        className: "mt-12 border-t border-subtle pt-4"
+      }
+    )
   ] });
 }
 export {