@eifi1/ui-kit 0.33.0 → 0.34.0

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

@@ -0,0 +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":["_"]}

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

@@ -1,104 +1,5 @@
-import * as react from 'react';
-import { f8 as SelectProps, e0 as KitLanguageCode, d$ as KitLanguage } from '../delete-account-setting-DiPX4Vue.js';
-import './tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-BJ5JE_X2.js';
-import './data-table-sort.js';
-import './swipeable-row.js';
-import './status-dot.js';
-import './progress-bar.js';
-import './signed-amount.js';
-import './stat-tile.js';
-import './chip.js';
-import 'lucide-react';
-import './field-parts.js';
-import './write-lock.js';
-import './mini-calendar.js';
-import './calendar-heatmap.js';
-import './popover.js';
-import '../hooks/use-breakpoint.js';
-import './field-sync.js';
-import '../wizard/types.js';
-import '../tour/tour.js';
-import '../search/command-palette.js';
-import '../search/global-search.js';
-import '../search/search-index.js';
-import './month-picker.js';
-import './page-contents.js';
-import './series-chart-labels.js';
-import './pie-chart-labels.js';
-import './sparkline.js';
-import './signature-pad.js';
-import './password-strength.js';
-import './swatch-picker.js';
-import './tile-radio.js';
-import './icon-picker.js';
-import './dialog-frame.js';
-import './modal.js';
-import '../hooks/use-search-param-state.js';
-import './measured-grid.js';
-import './user-avatar.js';
-import '../lib/person-name.js';
-import '../shell/topbar-action-menu.js';
-import './menu-item.js';
-import './floating-panel.js';
-import '../hooks/use-authed-src.js';
-import './account-settings-labels.js';
-import './bulk-action-bar.js';
-import './list.js';
-import './breadcrumbs.js';
-import './toast.js';
-import './description-list.js';
-import './line-items.js';
-import './error-boundary.js';
-import './authed-image.js';
-import './image-grid.js';
-import './lightbox.js';
-import '../auth/sign-in-form.js';
-import '../landing/access.js';
-import '../landing/landing-labels.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 '../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/email-change-setting.js';
-import '../account/sessions-setting.js';
-import '../lib/format.js';
-import '../account/data-export-setting.js';
-import './account-chips.js';
-import '../admin/admin-parts.js';
-import '../admin/admin-action-log.js';
-import '../settings/settings-labels.js';
-import '../demo/demo-labels.js';
-import './appearance-labels.js';
-import '../theme/contrast.js';
-import '../theme/text-size.js';
-import './reauth-dialog.js';
-import './server-wake.js';
-import '../lib/server-wake.js';
-import './translation-review-labels.js';
-import '../lib/translation-review.js';
-import './country-select.js';
-import './inline-edit-field.js';
-import '../lib/iban.js';
-import '../lib/phone.js';
-import './sign-chip.js';
-import './column-mapper.js';
-import '../lib/column-mapping.js';
-import '../lib/table-text.js';
-import './focus-ring.js';
-
+import type { KitLanguage, KitLanguageCode } from "../i18n/languages.js";
+import type { SelectProps } from "./select.js";
 /**
  * A language as a FORM FIELD: one of the codes an app offers, picked in a form beside
  * other fields — label, hint and error like every kit field, controlled, submitted with
@@ -110,10 +11,11 @@ import './focus-ring.js';
  * hand). Neither language control the kit had fits there: `LanguageMenu` is the top
  * bar's switcher for the reader's OWN language, a flag in a hover menu that changes the
  * page the moment it is picked; `LanguageSetting` is the settings row for the same
- * thing and takes ready-made `{ code, label }` rows. This one is for a language that
- * belongs to something else — an invitation, a mail template, a customer's
- * correspondence — and takes only the CODES: the names come from the kit's registry
- * ({@link languageOptions}), the same "Deutsch", "Français", "简体中文" the switcher shows.
+ * thing — since 0.34 this field over the app's `{ code, label }` rows. This one is for
+ * a language that belongs to something else — an invitation, a mail template, a
+ * customer's correspondence — and takes only the CODES: the names come from the kit's
+ * registry ({@link languageOptions}), the same "Deutsch", "Français", "简体中文" the
+ * switcher shows.
  *
  * Every {@link Select} prop passes through (`label`, `hint`, `error`, `required`,
  * `disabled`, `size`, `name`, `id`, `data-*`); only `value`, `onChange` and the options
@@ -131,9 +33,10 @@ import './focus-ring.js';
  * Each name is marked with its own language (`lang`), so a screen reader says
  * "Français" in French rather than spelling it in the page's voice. A caller's
  * `optionLabel` (English names for a team-facing list) is in the page's language, and
- * goes unmarked.
+ * goes unmarked — unless `optionLang="own"` says its names are still each language's
+ * own ("Deutsch (Schweiz)").
  */
-interface LanguageSelectProps extends Omit<SelectProps, "value" | "onChange" | "children" | "multiple"> {
+export interface LanguageSelectProps extends Omit<SelectProps, "value" | "onChange" | "children" | "multiple"> {
     /** The chosen language: one of `codes` — or any tag, shown as the code it resolves to. */
     value: string;
     /** The picked code — always one of `codes`. */
@@ -148,7 +51,14 @@ interface LanguageSelectProps extends Omit<SelectProps, "value" | "onChange" | "
      * language's readers (a reviewer grant), or the app's own words for a code.
      */
     optionLabel?: (language: KitLanguage) => string;
+    /**
+     * Which language the option texts are in, for the `lang` each option carries.
+     * `"own"`: each language's name in itself — the registry's names, or an `optionLabel`
+     * that keeps to them (keksdose's "Deutsch (Schweiz)", `LanguageSetting`'s rows).
+     * `"page"`: the page's language, unmarked — English names on a list a team reads.
+     * Default: `"own"`, or `"page"` with an `optionLabel` (0.34, refactor audit 2026-10,
+     * API-7).
+     */
+    optionLang?: "own" | "page";
 }
-declare const LanguageSelect: react.ForwardRefExoticComponent<LanguageSelectProps & react.RefAttributes<HTMLSelectElement>>;
-
-export { LanguageSelect, type LanguageSelectProps };
+export declare function LanguageSelect({ value, onChange, codes, optionLabel, optionLang, ...rest }: LanguageSelectProps): import("react").JSX.Element;

package/dist/components/language-select.js

@@ -1,17 +1,22 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { KIT_LANGUAGES, languageOptions, resolveLanguage } from "../i18n/languages.js";
-import { Select } from "./ui.js";
+import { Select } from "./select.js";
 const ALL_CODES = KIT_LANGUAGES.map((language) => language.code);
-const LanguageSelect = forwardRef(function LanguageSelect2({ value, onChange, codes = ALL_CODES, optionLabel, ...rest }, ref) {
+function LanguageSelect({
+  value,
+  onChange,
+  codes = ALL_CODES,
+  optionLabel,
+  optionLang = optionLabel ? "page" : "own",
+  ...rest
+}) {
   const shown = resolveLanguage([value], codes);
-  return /* @__PURE__ */ jsx(Select, { ...rest, ref, value: shown, onChange: (e) => onChange(e.target.value), children: languageOptions(codes).map((option) => {
+  return /* @__PURE__ */ jsx(Select, { ...rest, value: shown, onChange: (e) => onChange(e.target.value), children: languageOptions(codes).map((option) => {
     const language = KIT_LANGUAGES.find((entry) => entry.code === option.code);
-    return /* @__PURE__ */ jsx("option", { value: option.code, lang: optionLabel ? void 0 : language.formatLocale, children: optionLabel ? optionLabel(language) : option.label }, option.code);
+    return /* @__PURE__ */ jsx("option", { value: option.code, lang: optionLang === "own" ? language.formatLocale : void 0, children: optionLabel ? optionLabel(language) : option.label }, option.code);
   }) });
-});
-LanguageSelect.displayName = "LanguageSelect";
+}
 export {
   LanguageSelect
 };

package/dist/components/language-select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/language-select.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { KIT_LANGUAGES, languageOptions, resolveLanguage } from \"../i18n/languages\";\nimport type { KitLanguage, KitLanguageCode } from \"../i18n/languages\";\nimport { Select } from \"./ui\";\nimport type { SelectProps } from \"./ui\";\n\n/**\n * A language as a FORM FIELD: one of the codes an app offers, picked in a form beside\n * other fields — label, hint and error like every kit field, controlled, submitted with\n * the rest.\n *\n * Kurvenschmiede's admin invites people by mail, and the invitation goes out in a\n * language the admin picks, because the invitee has no account yet to say theirs\n * (allowlist-panel.tsx: a `Select` with an `<option>` per language, spelled out by\n * hand). Neither language control the kit had fits there: `LanguageMenu` is the top\n * bar's switcher for the reader's OWN language, a flag in a hover menu that changes the\n * page the moment it is picked; `LanguageSetting` is the settings row for the same\n * thing and takes ready-made `{ code, label }` rows. This one is for a language that\n * belongs to something else — an invitation, a mail template, a customer's\n * correspondence — and takes only the CODES: the names come from the kit's registry\n * ({@link languageOptions}), the same \"Deutsch\", \"Français\", \"简体中文\" the switcher shows.\n *\n * Every {@link Select} prop passes through (`label`, `hint`, `error`, `required`,\n * `disabled`, `size`, `name`, `id`, `data-*`); only `value`, `onChange` and the options\n * are this component's.\n *\n * WHAT IT SHOWS FOR `value`. The offered code that answers it, by\n * {@link resolveLanguage}'s rule: so i18next's `resolvedLanguage` can be handed in as it\n * comes, and a stored `de` or `de-AT` shows as the one German, `de-CH`. A value that\n * answers to none of the codes shows the fallback `resolveLanguage` would pick (`de-CH`\n * when offered, else the first code) — where a bare native select would show its first\n * option and say nothing. Either way the field does not write the resolved code back:\n * `onChange` fires when the person picks, as on any field. Keep `value` one of `codes`\n * (resolve it once, where the state starts) and what is shown is what is submitted.\n *\n * Each name is marked with its own language (`lang`), so a screen reader says\n * \"Français\" in French rather than spelling it in the page's voice. A caller's\n * `optionLabel` (English names for a team-facing list) is in the page's language, and\n * goes unmarked.\n */\nexport interface LanguageSelectProps extends Omit<SelectProps, \"value\" | \"onChange\" | \"children\" | \"multiple\"> {\n  /** The chosen language: one of `codes` — or any tag, shown as the code it resolves to. */\n  value: string;\n  /** The picked code — always one of `codes`. */\n  onChange: (code: KitLanguageCode) => void;\n  /** The languages to offer, in the order to list them. Default: all seven\n   *  ({@link KIT_LANGUAGES}' order, alphabetical by native name). */\n  codes?: readonly KitLanguageCode[];\n  /**\n   * The text of each option. Default: the language's name in itself — the right name\n   * for a reader looking for theirs, and for an admin choosing what an invitee reads.\n   * `(language) => language.englishName` for a list read by a team rather than by the\n   * language's readers (a reviewer grant), or the app's own words for a code.\n   */\n  optionLabel?: (language: KitLanguage) => string;\n}\n\nconst ALL_CODES: readonly KitLanguageCode[] = KIT_LANGUAGES.map((language) => language.code);\n\nexport const LanguageSelect = forwardRef<HTMLSelectElement, LanguageSelectProps>(function LanguageSelect(\n  { value, onChange, codes = ALL_CODES, optionLabel, ...rest },\n  ref,\n) {\n  const shown = resolveLanguage([value], codes);\n  return (\n    <Select {...rest} ref={ref} value={shown} onChange={(e) => onChange(e.target.value as KitLanguageCode)}>\n      {languageOptions(codes).map((option) => {\n        const language = KIT_LANGUAGES.find((entry) => entry.code === option.code)!;\n        return (\n          <option key={option.code} value={option.code} lang={optionLabel ? undefined : language.formatLocale}>\n            {optionLabel ? optionLabel(language) : option.label}\n          </option>\n        );\n      })}\n    </Select>\n  );\n});\nLanguageSelect.displayName = \"LanguageSelect\";\n"],"mappings":";AAqEU;AArEV,SAAS,kBAAkB;AAC3B,SAAS,eAAe,iBAAiB,uBAAuB;AAEhE,SAAS,cAAc;AAsDvB,MAAM,YAAwC,cAAc,IAAI,CAAC,aAAa,SAAS,IAAI;AAEpF,MAAM,iBAAiB,WAAmD,SAASA,gBACxF,EAAE,OAAO,UAAU,QAAQ,WAAW,aAAa,GAAG,KAAK,GAC3D,KACA;AACA,QAAM,QAAQ,gBAAgB,CAAC,KAAK,GAAG,KAAK;AAC5C,SACE,oBAAC,UAAQ,GAAG,MAAM,KAAU,OAAO,OAAO,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAwB,GAClG,0BAAgB,KAAK,EAAE,IAAI,CAAC,WAAW;AACtC,UAAM,WAAW,cAAc,KAAK,CAAC,UAAU,MAAM,SAAS,OAAO,IAAI;AACzE,WACE,oBAAC,YAAyB,OAAO,OAAO,MAAM,MAAM,cAAc,SAAY,SAAS,cACpF,wBAAc,YAAY,QAAQ,IAAI,OAAO,SADnC,OAAO,IAEpB;AAAA,EAEJ,CAAC,GACH;AAEJ,CAAC;AACD,eAAe,cAAc;","names":["LanguageSelect"]}
+{"version":3,"sources":["../../src/components/language-select.tsx"],"sourcesContent":["import { KIT_LANGUAGES, languageOptions, resolveLanguage } from \"../i18n/languages\";\nimport type { KitLanguage, KitLanguageCode } from \"../i18n/languages\";\nimport { Select } from \"./select\";\nimport type { SelectProps } from \"./select\";\n\n/**\n * A language as a FORM FIELD: one of the codes an app offers, picked in a form beside\n * other fields — label, hint and error like every kit field, controlled, submitted with\n * the rest.\n *\n * Kurvenschmiede's admin invites people by mail, and the invitation goes out in a\n * language the admin picks, because the invitee has no account yet to say theirs\n * (allowlist-panel.tsx: a `Select` with an `<option>` per language, spelled out by\n * hand). Neither language control the kit had fits there: `LanguageMenu` is the top\n * bar's switcher for the reader's OWN language, a flag in a hover menu that changes the\n * page the moment it is picked; `LanguageSetting` is the settings row for the same\n * thing — since 0.34 this field over the app's `{ code, label }` rows. This one is for\n * a language that belongs to something else — an invitation, a mail template, a\n * customer's correspondence — and takes only the CODES: the names come from the kit's\n * registry ({@link languageOptions}), the same \"Deutsch\", \"Français\", \"简体中文\" the\n * switcher shows.\n *\n * Every {@link Select} prop passes through (`label`, `hint`, `error`, `required`,\n * `disabled`, `size`, `name`, `id`, `data-*`); only `value`, `onChange` and the options\n * are this component's.\n *\n * WHAT IT SHOWS FOR `value`. The offered code that answers it, by\n * {@link resolveLanguage}'s rule: so i18next's `resolvedLanguage` can be handed in as it\n * comes, and a stored `de` or `de-AT` shows as the one German, `de-CH`. A value that\n * answers to none of the codes shows the fallback `resolveLanguage` would pick (`de-CH`\n * when offered, else the first code) — where a bare native select would show its first\n * option and say nothing. Either way the field does not write the resolved code back:\n * `onChange` fires when the person picks, as on any field. Keep `value` one of `codes`\n * (resolve it once, where the state starts) and what is shown is what is submitted.\n *\n * Each name is marked with its own language (`lang`), so a screen reader says\n * \"Français\" in French rather than spelling it in the page's voice. A caller's\n * `optionLabel` (English names for a team-facing list) is in the page's language, and\n * goes unmarked — unless `optionLang=\"own\"` says its names are still each language's\n * own (\"Deutsch (Schweiz)\").\n */\nexport interface LanguageSelectProps extends Omit<SelectProps, \"value\" | \"onChange\" | \"children\" | \"multiple\"> {\n  /** The chosen language: one of `codes` — or any tag, shown as the code it resolves to. */\n  value: string;\n  /** The picked code — always one of `codes`. */\n  onChange: (code: KitLanguageCode) => void;\n  /** The languages to offer, in the order to list them. Default: all seven\n   *  ({@link KIT_LANGUAGES}' order, alphabetical by native name). */\n  codes?: readonly KitLanguageCode[];\n  /**\n   * The text of each option. Default: the language's name in itself — the right name\n   * for a reader looking for theirs, and for an admin choosing what an invitee reads.\n   * `(language) => language.englishName` for a list read by a team rather than by the\n   * language's readers (a reviewer grant), or the app's own words for a code.\n   */\n  optionLabel?: (language: KitLanguage) => string;\n  /**\n   * Which language the option texts are in, for the `lang` each option carries.\n   * `\"own\"`: each language's name in itself — the registry's names, or an `optionLabel`\n   * that keeps to them (keksdose's \"Deutsch (Schweiz)\", `LanguageSetting`'s rows).\n   * `\"page\"`: the page's language, unmarked — English names on a list a team reads.\n   * Default: `\"own\"`, or `\"page\"` with an `optionLabel` (0.34, refactor audit 2026-10,\n   * API-7).\n   */\n  optionLang?: \"own\" | \"page\";\n}\n\nconst ALL_CODES: readonly KitLanguageCode[] = KIT_LANGUAGES.map((language) => language.code);\n\n// `ref` (the `<select>`) rides `rest` onto the Select: a React 19 ref prop since 0.34\n// (MOD-4, refactor audit 2026-10), where this was `forwardRef`.\nexport function LanguageSelect({\n  value,\n  onChange,\n  codes = ALL_CODES,\n  optionLabel,\n  optionLang = optionLabel ? \"page\" : \"own\",\n  ...rest\n}: LanguageSelectProps) {\n  const shown = resolveLanguage([value], codes);\n  return (\n    <Select {...rest} value={shown} onChange={(e) => onChange(e.target.value as KitLanguageCode)}>\n      {languageOptions(codes).map((option) => {\n        const language = KIT_LANGUAGES.find((entry) => entry.code === option.code)!;\n        return (\n          <option key={option.code} value={option.code} lang={optionLang === \"own\" ? language.formatLocale : undefined}>\n            {optionLabel ? optionLabel(language) : option.label}\n          </option>\n        );\n      })}\n    </Select>\n  );\n}\n"],"mappings":";AAqFU;AArFV,SAAS,eAAe,iBAAiB,uBAAuB;AAEhE,SAAS,cAAc;AAiEvB,MAAM,YAAwC,cAAc,IAAI,CAAC,aAAa,SAAS,IAAI;AAIpF,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,aAAa,cAAc,SAAS;AAAA,EACpC,GAAG;AACL,GAAwB;AACtB,QAAM,QAAQ,gBAAgB,CAAC,KAAK,GAAG,KAAK;AAC5C,SACE,oBAAC,UAAQ,GAAG,MAAM,OAAO,OAAO,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAwB,GACxF,0BAAgB,KAAK,EAAE,IAAI,CAAC,WAAW;AACtC,UAAM,WAAW,cAAc,KAAK,CAAC,UAAU,MAAM,SAAS,OAAO,IAAI;AACzE,WACE,oBAAC,YAAyB,OAAO,OAAO,MAAM,MAAM,eAAe,QAAQ,SAAS,eAAe,QAChG,wBAAc,YAAY,QAAQ,IAAI,OAAO,SADnC,OAAO,IAEpB;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

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

@@ -0,0 +1,2 @@
+import type { LegalLabels } from "./legal.js";
+export declare const DEFAULT_LEGAL_LABELS: LegalLabels;

package/dist/components/legal-labels.js

@@ -0,0 +1,100 @@
+"use client";
+const DEFAULT_LEGAL_LABELS = {
+  navLabel: "Legal",
+  links: {
+    impressum: "Imprint",
+    privacy: "Privacy Policy",
+    terms: "Terms"
+  },
+  titles: {
+    impressum: "Imprint",
+    privacy: "Privacy Policy",
+    terms: "Terms of Service"
+  },
+  backHome: "Back to home",
+  accept: "I accept the {terms} and the {privacy}",
+  notice: {
+    beta: "Closed beta. These texts have not been reviewed by a lawyer yet and will be before a public launch.",
+    privacy: "Closed beta. The legal wording below has not been reviewed by a lawyer yet and will be before a public launch. The technical descriptions \u2014 what is stored, where, and who can read it \u2014 describe what the software actually does today, and are meant to be checked against it."
+  },
+  translation: {
+    note: (o) => `This is a translation for your convenience. The ${o.bindingLanguage} version is binding.`,
+    show: (o) => `Show the ${o.bindingLanguage} version`
+  },
+  sections: {
+    impressum: {
+      operator: {
+        title: "Operator",
+        body: (o) => `${o.name}
+${o.postalCode} ${o.city}
+${o.country}
+
+The full postal address is supplied on request to anyone with a legitimate legal interest; write to the contact address below.`
+      },
+      contact: {
+        title: "Contact",
+        body: (o) => `Email: ${o.email}`
+      },
+      disclaimer: {
+        title: "Liability for content and links",
+        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.",
+        commercial: "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."
+      }
+    },
+    privacy: {
+      controller: {
+        title: "Controller",
+        body: (o) => `The party responsible for processing personal data in this service is:
+${o.name}
+${o.postalCode} ${o.city}, ${o.country}
+Email: ${o.email}
+
+The full postal address is supplied on request to data subjects and supervisory authorities.`
+      },
+      legal_basis: {
+        title: "Legal basis",
+        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)."
+      },
+      browser: {
+        title: "What your browser stores",
+        lead: "No cookies. The app keeps the following in your browser's storage:",
+        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."
+      },
+      rights: {
+        title: "Your rights",
+        lead: "You have the right to access, rectification, erasure, restriction, data portability and objection.",
+        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."
+      },
+      contact: {
+        title: "Contact for data protection",
+        body: (o) => `For any privacy request, contact: ${o.email}`
+      }
+    },
+    terms: {
+      warranty: {
+        title: "No warranty",
+        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 \u2014 keep your own backups of important data.'
+      },
+      liability: {
+        title: "Limitation of liability",
+        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."
+      },
+      changes: {
+        title: "Changes to these terms",
+        body: "These terms may be updated as the service evolves. Material changes will be announced by email or in the app; continued use after a change means you accept it."
+      },
+      language: {
+        title: "Language",
+        body: (o) => `These terms are written in ${o.bindingLanguage}. Translations into other languages are provided for convenience only; where a translation differs, the ${o.bindingLanguage} version prevails.`
+      },
+      law: {
+        title: "Governing law",
+        body: (o) => `These terms are governed by Swiss law, excluding its conflict-of-laws rules. As far as legally permissible, the place of jurisdiction is ${o.city} (${o.region}), ${o.country}.`
+      }
+    }
+  }
+};
+export {
+  DEFAULT_LEGAL_LABELS
+};
+//# sourceMappingURL=legal-labels.js.map

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

@@ -0,0 +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  },\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  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: \"These terms may be updated as the service evolves. Material changes will be announced by email or in the app; continued use after a change means you accept it.\",\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,EACT;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,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.d.ts

@@ -1,106 +1,7 @@
-import * as react from 'react';
-import { Ref, ReactNode } from 'react';
-import { ek as LegalPageKey, e5 as LabelOverride, eb as LegalLabels, eh as LegalOperator } from '../delete-account-setting-DiPX4Vue.js';
-import { CheckboxProps } from './checkbox.js';
-import './tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-BJ5JE_X2.js';
-import './data-table-sort.js';
-import './swipeable-row.js';
-import './status-dot.js';
-import './progress-bar.js';
-import './signed-amount.js';
-import './stat-tile.js';
-import './chip.js';
-import 'lucide-react';
-import './field-parts.js';
-import './write-lock.js';
-import './mini-calendar.js';
-import './calendar-heatmap.js';
-import './popover.js';
-import '../hooks/use-breakpoint.js';
-import './field-sync.js';
-import '../wizard/types.js';
-import '../tour/tour.js';
-import '../search/command-palette.js';
-import '../search/global-search.js';
-import '../search/search-index.js';
-import './month-picker.js';
-import './page-contents.js';
-import './series-chart-labels.js';
-import './pie-chart-labels.js';
-import './sparkline.js';
-import './signature-pad.js';
-import './password-strength.js';
-import './swatch-picker.js';
-import './tile-radio.js';
-import './icon-picker.js';
-import './dialog-frame.js';
-import './modal.js';
-import '../hooks/use-search-param-state.js';
-import './measured-grid.js';
-import './user-avatar.js';
-import '../lib/person-name.js';
-import '../shell/topbar-action-menu.js';
-import './menu-item.js';
-import './floating-panel.js';
-import '../hooks/use-authed-src.js';
-import './account-settings-labels.js';
-import './bulk-action-bar.js';
-import './list.js';
-import './breadcrumbs.js';
-import './toast.js';
-import './description-list.js';
-import './line-items.js';
-import './error-boundary.js';
-import './authed-image.js';
-import './image-grid.js';
-import './lightbox.js';
-import '../auth/sign-in-form.js';
-import '../landing/access.js';
-import '../landing/landing-labels.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 '../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/email-change-setting.js';
-import '../account/sessions-setting.js';
-import '../lib/format.js';
-import '../account/data-export-setting.js';
-import './account-chips.js';
-import '../admin/admin-parts.js';
-import '../admin/admin-action-log.js';
-import '../settings/settings-labels.js';
-import '../demo/demo-labels.js';
-import './appearance-labels.js';
-import '../theme/contrast.js';
-import '../theme/text-size.js';
-import './reauth-dialog.js';
-import './server-wake.js';
-import '../lib/server-wake.js';
-import './translation-review-labels.js';
-import '../lib/translation-review.js';
-import './country-select.js';
-import './inline-edit-field.js';
-import '../lib/iban.js';
-import '../lib/phone.js';
-import './sign-chip.js';
-import './column-mapper.js';
-import '../lib/column-mapping.js';
-import '../lib/table-text.js';
-import './focus-ring.js';
-
+import type { ReactNode, Ref } from "react";
+import type { LabelOverride } from "../i18n/kit-labels.js";
+import type { CheckboxProps } from "./checkbox.js";
+import type { LegalLabels, LegalOperator, LegalPageKey } from "./legal.js";
 /**
  * The legal pages' frame and the kit's own sections — docs/legal-harmonization.md §3
  * and §4, the 0.28 round. The labels, the column, `LegalSection`, the links and the
@@ -108,14 +9,14 @@ import './focus-ring.js';
  */
 /** Who writes a section: the kit's wording, the app's own, or the kit's wording with an
  *  app paragraph in a fixed slot. */
-type LegalSectionOwner = "kit" | "app" | "kit+app";
-interface LegalSkeletonEntry {
+export type LegalSectionOwner = "kit" | "app" | "kit+app";
+export interface LegalSkeletonEntry {
     /** The section key — its `id` and its catalogue key. `"*"` is the slot where the
      *  app's own sections go (zero or more: keksdose's `credits`, `price_pool`, …). */
     key: string;
     owner: LegalSectionOwner;
 }
-interface LegalSkeletonPage {
+export interface LegalSkeletonPage {
     /** Whether the page numbers its sections ("3. Legal basis"). The imprint does not. */
     numbered: boolean;
     /** The sections in their order. */
@@ -134,10 +35,10 @@ interface LegalSkeletonPage {
  * Every fixed key is there, in the skeleton's order; the ids that are not in it are the
  * app's own sections, which belong where `"*"` stands.
  */
-declare const LEGAL_SKELETON: Readonly<Record<LegalPageKey, LegalSkeletonPage>>;
+export 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" | "language" | "law";
+export 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). */
@@ -155,7 +56,7 @@ interface LegalKitSectionBase {
  * wording is identical in every app, and an app that needs to say more says it in a
  * section of its own. `browser` takes the app's list of what it keeps, as `entries`.
  */
-type LegalKitSectionProps = LegalKitSectionBase & ({
+export type LegalKitSectionProps = LegalKitSectionBase & ({
     section: "browser";
     variant?: never;
     /** What this app keeps in the browser, one entry per item — rendered as a `<ul>`
@@ -190,7 +91,7 @@ type LegalKitSectionProps = LegalKitSectionBase & ({
     children?: never;
 });
 /** 0.32.0: the imprint disclaimer's two texts — see {@link LegalKitSectionProps}. */
-type LegalDisclaimerVariant = "non-commercial" | "commercial";
+export type LegalDisclaimerVariant = "non-commercial" | "commercial";
 /**
  * One of the kit's sections (§4.3) — `<LegalKitSection section="warranty" />` — with its
  * heading, its `id` (the key: `/terms#warranty`) and, on a numbered page, its number.
@@ -209,8 +110,8 @@ type LegalDisclaimerVariant = "non-commercial" | "commercial";
  * A key that is not one of the page's kit sections throws, naming the ones that are: it
  * is a typo in code, not a state a user can reach.
  */
-declare function LegalKitSection(props: LegalKitSectionProps): react.JSX.Element;
-interface LegalPageProps {
+export declare function LegalKitSection(props: LegalKitSectionProps): import("react").JSX.Element;
+export interface LegalPageProps {
     /** Which page: the title, the default notice, whether the sections are numbered. */
     page: LegalPageKey;
     /** Who runs the app — the values the kit's sections name. The same in every app's
@@ -283,8 +184,8 @@ interface LegalPageProps {
  *   (see `children` for what that asks of the tree);
  * - `useNoIndex()`.
  */
-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"> {
+export declare function LegalPage({ page, operator, children, header, footer, homeHref, notice, onShowBindingLanguage, locale: localeProp, headingAs, landmark, noIndex, className, labels: labelsProp, }: LegalPageProps): import("react").JSX.Element;
+export interface LegalAcceptCheckboxProps extends Omit<CheckboxProps, "label" | "checked" | "onCheckedChange" | "required"> {
     checked: boolean;
     onCheckedChange: (checked: boolean) => void;
     /** Default `/terms`. */
@@ -308,6 +209,5 @@ interface LegalAcceptCheckboxProps extends Omit<CheckboxProps, "label" | "checke
  * it "Accetto le {terms} e l’{privacy}" with no space after the elided article. The link
  * texts are the page titles (`legal.titles`), as on the pages themselves.
  */
-declare function LegalAcceptCheckbox({ checked, onCheckedChange, termsHref, privacyHref, labels: labelsProp, ref, ...rest }: LegalAcceptCheckboxProps): react.JSX.Element;
-
-export { LEGAL_SKELETON, LegalAcceptCheckbox, type LegalAcceptCheckboxProps, type LegalDisclaimerVariant, LegalKitSection, type LegalKitSectionKey, type LegalKitSectionProps, LegalPage, type LegalPageProps, type LegalSectionOwner, type LegalSkeletonEntry, type LegalSkeletonPage };
+export declare function LegalAcceptCheckbox({ checked, onCheckedChange, termsHref, privacyHref, labels: labelsProp, ref, ...rest }: LegalAcceptCheckboxProps): import("react").JSX.Element;
+export {};

package/dist/components/legal-page.js

@@ -21,7 +21,7 @@ import {
   warnLegalOnce
 } from "./legal.js";
 import { TextLink } from "./text-link.js";
-import { Button } from "./ui.js";
+import { Button } from "./button.js";
 const LEGAL_SKELETON = Object.freeze({
   impressum: Object.freeze({
     numbered: false,
@@ -211,7 +211,7 @@ 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: [
+  const translationNote = translated ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-secondary", children: [
     labels.translation.note(operatorText),
     onShowBindingLanguage && /* @__PURE__ */ jsxs(Fragment, { children: [
       " ",