@eifi1/ui-kit 0.28.0 → 0.29.0

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

@@ -1,5 +1,5 @@
 import 'react';
-export { c1 as CopyButton, c2 as CopyButtonLabels, c3 as CopyButtonProps, ce as DEFAULT_COPY_BUTTON_LABELS } from '../kit-labels-SBN0biPl.js';
+export { c1 as CopyButton, c2 as CopyButtonLabels, c3 as CopyButtonProps, ce as DEFAULT_COPY_BUTTON_LABELS } from '../register-form-V1OeNlMr.js';
 import './tooltip.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
@@ -10,6 +10,7 @@ import './popover.js';
 import './chip.js';
 import 'lucide-react';
 import './field-sync.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -31,6 +32,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -52,6 +54,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';
+import '../auth/sign-in-form.js';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
 import './account-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -67,4 +78,9 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';

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

@@ -1,5 +1,5 @@
 import 'react';
-export { c5 as CurrentPasswordInput, c6 as CurrentPasswordInputLabels, c7 as CurrentPasswordInputProps, cg as DEFAULT_DANGER_CONFIRM_LABELS, cv as DangerConfirm, cw as DangerConfirmLabels, cx as DangerConfirmProps, cy as DangerConfirmValues, cz as DangerConsequence, ea as TypedConfirmField, eb as TypedConfirmFieldLabels, ec as TypedConfirmFieldProps, ed as TypedMatch, ep as typedMatches, eB as usePromisePending } from '../kit-labels-SBN0biPl.js';
+export { c5 as CurrentPasswordInput, c6 as CurrentPasswordInputLabels, c7 as CurrentPasswordInputProps, cg as DEFAULT_DANGER_CONFIRM_LABELS, cw as DangerConfirm, cx as DangerConfirmLabels, cy as DangerConfirmProps, cz as DangerConfirmValues, cA as DangerConsequence, ej as TypedConfirmField, ek as TypedConfirmFieldLabels, el as TypedConfirmFieldProps, em as TypedMatch, eE as typedMatches, eS as usePromisePending } from '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
@@ -12,6 +12,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -33,6 +34,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -52,6 +54,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';
+import '../auth/sign-in-form.js';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
 import './account-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -67,4 +78,9 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';

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

@@ -6,7 +6,7 @@ import './series-chart-labels.js';
 import './toggle-legend.js';
 import './series-chart-ticks.js';
 import './series-chart-budget.js';
-import '../kit-labels-SBN0biPl.js';
+import '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
@@ -19,6 +19,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -39,6 +40,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -58,6 +60,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';
+import '../auth/sign-in-form.js';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
 import './account-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -73,7 +84,12 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
 
 /** Which chart of a facing pair. Physical, like the axes: charts do not mirror in RTL. */
 type FacingSide = "left" | "right";

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

@@ -1,5 +1,5 @@
 import 'react';
-export { cj as DEFAULT_FILE_PICKER_LABELS, cP as FileButton, cQ as FileButtonProps, eA as FilePickHandler, cS as FilePickerLabels, cT as FileRejection, cU as FileRejectionReason, cV as FileScreenOptions, ei as UseFilePickerOptions, ej as UseFilePickerReturn, eC as formatAccept, eD as judgePick, em as matchesAccept, eE as screenFiles, eF as summariseRejections, er as useFilePicker } from '../kit-labels-SBN0biPl.js';
+export { cj as DEFAULT_FILE_PICKER_LABELS, cQ as FileButton, cR as FileButtonProps, eR as FilePickHandler, cT as FilePickerLabels, cU as FileRejection, cV as FileRejectionReason, cW as FileScreenOptions, er as UseFilePickerOptions, es as UseFilePickerReturn, eT as formatAccept, eU as judgePick, ez as matchesAccept, eV as screenFiles, eW as summariseRejections, eG as useFilePicker } from '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
@@ -12,6 +12,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -33,6 +34,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -52,6 +54,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';
+import '../auth/sign-in-form.js';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
 import './account-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -67,4 +78,9 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';

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

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { cT as FileRejection, eA as FilePickHandler, cS as FilePickerLabels } from '../kit-labels-SBN0biPl.js';
+import { cU as FileRejection, eR as FilePickHandler, cT as FilePickerLabels } from '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
@@ -13,6 +13,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -34,6 +35,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -53,6 +55,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';
+import '../auth/sign-in-form.js';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
 import './account-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -68,7 +79,12 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
 
 /**
  * Where a refused file's message goes.

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

@@ -1,6 +1,6 @@
 import 'react';
 import 'lucide-react';
-export { ck as DEFAULT_FORM_ACTIONS_LABELS, cY as FormActions, cZ as FormActionsAlign, c_ as FormActionsDestructive, c$ as FormActionsLabels, d0 as FormActionsPlacement, d1 as FormActionsProps, d2 as FormActionsStickyWithin, d3 as FormActionsSubmitProps, d4 as FormActionsSubmitShortcut, dN as ResponsiveFormActionsPlacement } from '../kit-labels-SBN0biPl.js';
+export { ck as DEFAULT_FORM_ACTIONS_LABELS, cZ as FormActions, c_ as FormActionsAlign, c$ as FormActionsDestructive, d0 as FormActionsLabels, d1 as FormActionsPlacement, d2 as FormActionsProps, d3 as FormActionsStickyWithin, d4 as FormActionsSubmitProps, d5 as FormActionsSubmitShortcut, dW as ResponsiveFormActionsPlacement } from '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
@@ -12,6 +12,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -33,6 +34,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -52,6 +54,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';
+import '../auth/sign-in-form.js';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
 import './account-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -67,4 +78,9 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../lib/iban.js';
-export { cl as DEFAULT_IBAN_INPUT_LABELS, d5 as IbanInput, d6 as IbanInputLabels, d7 as IbanInputProps } from '../kit-labels-SBN0biPl.js';
+export { cl as DEFAULT_IBAN_INPUT_LABELS, d6 as IbanInput, d7 as IbanInputLabels, d8 as IbanInputProps } from '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
@@ -13,6 +13,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -34,6 +35,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -53,6 +55,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';
+import '../auth/sign-in-form.js';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
 import './account-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -67,4 +78,9 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';

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

@@ -1,12 +1,5 @@
 import * as react from 'react';
-import { KitLanguageCode, KitLanguage } from '../i18n/languages.js';
-import { dP as SelectProps } from '../kit-labels-SBN0biPl.js';
-import '../shell/topbar-controls.js';
-import '../theme/palette-presets.js';
-import '../theme/chart-palette.js';
-import '../theme/theme-store.js';
-import 'zustand/middleware';
-import 'zustand';
+import { dY as SelectProps, dn as KitLanguageCode, dm as KitLanguage } from '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
@@ -19,6 +12,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -40,6 +34,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -59,6 +54,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';
+import '../auth/sign-in-form.js';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
 import './account-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -74,7 +78,12 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
 
 /**
  * A language as a FORM FIELD: one of the codes an app offers, picked in a form beside

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

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { Ref, ReactNode } from 'react';
-import { dC as LegalPageKey, dn as LabelOverride, dt as LegalLabels, dz as LegalOperator } from '../kit-labels-SBN0biPl.js';
+import { dH as LegalPageKey, dt as LabelOverride, dy as LegalLabels, dE as LegalOperator } from '../register-form-V1OeNlMr.js';
 import { CheckboxProps } from './checkbox.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
@@ -14,6 +14,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -35,6 +36,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -54,6 +56,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';
+import '../auth/sign-in-form.js';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
 import './account-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -69,7 +80,12 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
 
 /**
  * The legal pages' frame and the kit's own sections — docs/legal-harmonization.md §3
@@ -107,7 +123,7 @@ interface LegalSkeletonPage {
 declare const LEGAL_SKELETON: Readonly<Record<LegalPageKey, LegalSkeletonPage>>;
 /** The sections the kit writes (§4.3), on whichever page they sit. `contact` is on two
  *  pages, with two texts; the page decides which. */
-type LegalKitSectionKey = "operator" | "contact" | "disclaimer" | "controller" | "legal_basis" | "browser" | "rights" | "warranty" | "liability" | "changes" | "law";
+type LegalKitSectionKey = "operator" | "contact" | "disclaimer" | "controller" | "legal_basis" | "browser" | "rights" | "warranty" | "liability" | "changes" | "language" | "law";
 interface LegalKitSectionBase {
     /** Default: the enclosing {@link LegalPage}'s page — needed outside one, and for
      *  `contact` only (it is on two pages). */
@@ -191,6 +207,12 @@ interface LegalPageProps {
     /** Default: the kit's beta notice on the imprint and the terms, its privacy notice on
      *  the privacy policy (§3.2). `null` for none. */
     notice?: ReactNode;
+    /**
+     * 0.28.1: switches the app to the operator's `bindingLanguage` — the button after the
+     * translation note on a page read in another language. Without it the note stands
+     * alone; the app's own language switcher is in its header anyway.
+     */
+    onShowBindingLanguage?: () => void;
     /** The language the operator's country is named in. Default: the `<UiKitProvider
      *  locale>`, else English. */
     locale?: string;
@@ -231,7 +253,7 @@ interface LegalPageProps {
  *   (see `children` for what that asks of the tree);
  * - `useNoIndex()`.
  */
-declare function LegalPage({ page, operator, children, header, footer, homeHref, notice, locale: localeProp, headingAs, landmark, noIndex, className, labels: labelsProp, }: LegalPageProps): react.JSX.Element;
+declare function LegalPage({ page, operator, children, header, footer, homeHref, notice, onShowBindingLanguage, locale: localeProp, headingAs, landmark, noIndex, className, labels: labelsProp, }: LegalPageProps): react.JSX.Element;
 interface LegalAcceptCheckboxProps extends Omit<CheckboxProps, "label" | "checked" | "onCheckedChange" | "required"> {
     checked: boolean;
     onCheckedChange: (checked: boolean) => void;

package/dist/components/legal-page.js

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