@eifi1/ui-kit 0.26.0 → 0.27.1

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

@@ -6,11 +6,8 @@ import './series-chart-labels.js';
 import './toggle-legend.js';
 import './series-chart-ticks.js';
 import './series-chart-budget.js';
-import '../feedback-BXKH-ToU.js';
-import './tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-Cdn1QS2k.js';
+import '../kit-labels-DQg82eHB.js';
+import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
 import './mini-calendar.js';
@@ -19,6 +16,9 @@ import './popover.js';
 import './chip.js';
 import 'lucide-react';
 import './field-sync.js';
+import './tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -38,19 +38,23 @@ import './dialog-frame.js';
 import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
-import './account-settings-labels.js';
+import './user-avatar.js';
+import './status-dot.js';
+import './progress-bar.js';
+import './signed-amount.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 './signed-amount.js';
 import './breadcrumbs.js';
 import './toast.js';
 import './description-list.js';
 import './line-items.js';
-import './progress-bar.js';
 import './error-boundary.js';
 import './authed-image.js';
-import '../hooks/use-authed-src.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';

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

@@ -1,9 +1,6 @@
 import 'react';
-export { aa as DEFAULT_FILE_PICKER_LABELS, bq as FileButton, br as FileButtonProps, c$ as FilePickHandler, bt as FilePickerLabels, bu as FileRejection, bv as FileRejectionReason, bw as FileScreenOptions, cE as UseFilePickerOptions, cF as UseFilePickerReturn, d1 as formatAccept, d2 as judgePick, cJ as matchesAccept, d3 as screenFiles, d4 as summariseRejections, cR as useFilePicker } from '../feedback-BXKH-ToU.js';
-import './tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-Cdn1QS2k.js';
+export { cj as DEFAULT_FILE_PICKER_LABELS, cO as FileButton, cP as FileButtonProps, ej as FilePickHandler, cR as FilePickerLabels, cS as FileRejection, cT as FileRejectionReason, cU as FileScreenOptions, e1 as UseFilePickerOptions, e2 as UseFilePickerReturn, el as formatAccept, em as judgePick, e5 as matchesAccept, en as screenFiles, eo as summariseRejections, ea as useFilePicker } from '../kit-labels-DQg82eHB.js';
+import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
 import './mini-calendar.js';
@@ -12,6 +9,9 @@ import './popover.js';
 import './chip.js';
 import 'lucide-react';
 import './field-sync.js';
+import './tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -32,19 +32,23 @@ import './dialog-frame.js';
 import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
-import './account-settings-labels.js';
+import './user-avatar.js';
+import './status-dot.js';
+import './progress-bar.js';
+import './signed-amount.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 './signed-amount.js';
 import './breadcrumbs.js';
 import './toast.js';
 import './description-list.js';
 import './line-items.js';
-import './progress-bar.js';
 import './error-boundary.js';
 import './authed-image.js';
-import '../hooks/use-authed-src.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';

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

@@ -1,10 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { bu as FileRejection, c$ as FilePickHandler, bt as FilePickerLabels } from '../feedback-BXKH-ToU.js';
-import './tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-Cdn1QS2k.js';
+import { cS as FileRejection, ej as FilePickHandler, cR as FilePickerLabels } from '../kit-labels-DQg82eHB.js';
+import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
 import './mini-calendar.js';
@@ -13,6 +10,9 @@ import './popover.js';
 import './chip.js';
 import 'lucide-react';
 import './field-sync.js';
+import './tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -33,19 +33,23 @@ import './dialog-frame.js';
 import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
-import './account-settings-labels.js';
+import './user-avatar.js';
+import './status-dot.js';
+import './progress-bar.js';
+import './signed-amount.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 './signed-amount.js';
 import './breadcrumbs.js';
 import './toast.js';
 import './description-list.js';
 import './line-items.js';
-import './progress-bar.js';
 import './error-boundary.js';
 import './authed-image.js';
-import '../hooks/use-authed-src.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';

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

@@ -1,10 +1,7 @@
 import 'react';
 import 'lucide-react';
-export { ab as DEFAULT_FORM_ACTIONS_LABELS, bz as FormActions, bA as FormActionsAlign, bB as FormActionsDestructive, bC as FormActionsLabels, bD as FormActionsPlacement, bE as FormActionsProps, bF as FormActionsStickyWithin, bG as FormActionsSubmitProps, bH as FormActionsSubmitShortcut, c7 as ResponsiveFormActionsPlacement } from '../feedback-BXKH-ToU.js';
-import './tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-Cdn1QS2k.js';
+export { ck as DEFAULT_FORM_ACTIONS_LABELS, cX as FormActions, cY as FormActionsAlign, cZ as FormActionsDestructive, c_ as FormActionsLabels, c$ as FormActionsPlacement, d0 as FormActionsProps, d1 as FormActionsStickyWithin, d2 as FormActionsSubmitProps, d3 as FormActionsSubmitShortcut, dw as ResponsiveFormActionsPlacement } from '../kit-labels-DQg82eHB.js';
+import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
 import './mini-calendar.js';
@@ -12,6 +9,9 @@ import './calendar-heatmap.js';
 import './popover.js';
 import './chip.js';
 import './field-sync.js';
+import './tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -32,19 +32,23 @@ import './dialog-frame.js';
 import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
-import './account-settings-labels.js';
+import './user-avatar.js';
+import './status-dot.js';
+import './progress-bar.js';
+import './signed-amount.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 './signed-amount.js';
 import './breadcrumbs.js';
 import './toast.js';
 import './description-list.js';
 import './line-items.js';
-import './progress-bar.js';
 import './error-boundary.js';
 import './authed-image.js';
-import '../hooks/use-authed-src.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';

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

@@ -1,10 +1,7 @@
 import 'react';
 import '../lib/iban.js';
-export { ac as DEFAULT_IBAN_INPUT_LABELS, bI as IbanInput, bJ as IbanInputLabels, bK as IbanInputProps } from '../feedback-BXKH-ToU.js';
-import './tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-Cdn1QS2k.js';
+export { cl as DEFAULT_IBAN_INPUT_LABELS, d4 as IbanInput, d5 as IbanInputLabels, d6 as IbanInputProps } from '../kit-labels-DQg82eHB.js';
+import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
 import './mini-calendar.js';
@@ -13,6 +10,9 @@ import './popover.js';
 import './chip.js';
 import 'lucide-react';
 import './field-sync.js';
+import './tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -33,19 +33,23 @@ import './dialog-frame.js';
 import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
-import './account-settings-labels.js';
+import './user-avatar.js';
+import './status-dot.js';
+import './progress-bar.js';
+import './signed-amount.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 './signed-amount.js';
 import './breadcrumbs.js';
 import './toast.js';
 import './description-list.js';
 import './line-items.js';
-import './progress-bar.js';
 import './error-boundary.js';
 import './authed-image.js';
-import '../hooks/use-authed-src.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';

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

@@ -1,16 +1,13 @@
 import * as react from 'react';
 import { KitLanguageCode, KitLanguage } from '../i18n/languages.js';
-import { c9 as SelectProps } from '../feedback-BXKH-ToU.js';
+import { dy as SelectProps } from '../kit-labels-DQg82eHB.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 './tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-Cdn1QS2k.js';
+import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
 import './mini-calendar.js';
@@ -19,6 +16,9 @@ import './popover.js';
 import './chip.js';
 import 'lucide-react';
 import './field-sync.js';
+import './tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -39,19 +39,23 @@ import './dialog-frame.js';
 import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
-import './account-settings-labels.js';
+import './user-avatar.js';
+import './status-dot.js';
+import './progress-bar.js';
+import './signed-amount.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 './signed-amount.js';
 import './breadcrumbs.js';
 import './toast.js';
 import './description-list.js';
 import './line-items.js';
-import './progress-bar.js';
 import './error-boundary.js';
 import './authed-image.js';
-import '../hooks/use-authed-src.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';

package/dist/components/legal.d.ts

@@ -32,8 +32,11 @@ interface LegalLinksProps {
     /** The page being shown; its link is marked `aria-current="page"`. Usually the
      *  router's pathname. */
     currentHref?: string;
-    /** `false` renders the links without the `<nav>` — inside `AuthLayout`'s `footer`,
-     *  which wraps its footer in a `<nav>` named by `footerLabel` already. Default true. */
+    /** `false` renders the links without the `<nav>` landmark — inside `AuthLayout`'s
+     *  `footer` or `TopBarActionMenu`'s `footer`, which are named `<nav>`s already. The row
+     *  keeps its spacing and `className` either way (0.27.1: it used to return the bare
+     *  links, so in a plain container — Kurvenschmiede's account-menu `<li>` — they ran
+     *  together as "ImpressumDatenschutzerklärungNutz…" and overflowed). Default true. */
     nav?: boolean;
     labels?: Partial<LegalLabels>;
     className?: string;

package/dist/components/legal.js

@@ -1,5 +1,5 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useKitLabels } from "../i18n/kit-labels.js";
 import { cn } from "../lib/cn.js";
 import { AlertBanner } from "./alert-banner.js";
@@ -10,15 +10,9 @@ const DEFAULT_LEGAL_LABELS = {
 function LegalLinks({ links, currentHref, nav = true, labels: labelsProp, className }) {
   const labels = useKitLabels("legal", DEFAULT_LEGAL_LABELS, labelsProp);
   const items = links.map((link) => /* @__PURE__ */ jsx(TextLink, { href: link.href, tone: "muted", current: link.href === currentHref, children: link.label }, link.href));
-  if (!nav) return /* @__PURE__ */ jsx(Fragment, { children: items });
-  return /* @__PURE__ */ jsx(
-    "nav",
-    {
-      "aria-label": labels.navLabel,
-      className: cn("flex flex-wrap gap-x-4 gap-y-1 text-xs", className),
-      children: items
-    }
-  );
+  const rowClass = cn("flex flex-wrap gap-x-4 gap-y-1 text-xs", className);
+  if (!nav) return /* @__PURE__ */ jsx("div", { className: rowClass, children: items });
+  return /* @__PURE__ */ jsx("nav", { "aria-label": labels.navLabel, className: rowClass, children: items });
 }
 function LegalSection({ heading, body, children, id, headingAs: Heading = "h2" }) {
   return /* @__PURE__ */ jsxs("section", { id, className: "scroll-mt-20", children: [

package/dist/components/legal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/legal.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { AlertBanner } from \"./alert-banner\";\nimport { TextLink } from \"./text-link\";\n\n/**\n * The legal pages' shell — Imprint, Privacy Policy, Terms — for every app (Marcel,\n * 2026-10-02: every app has them; docs/i18n-harmonization.md H10).\n *\n * keksdose and kastlan each carried the same shell, written twice: a back link, the\n * title, a \"closed beta, not yet reviewed by a lawyer\" notice, sections of heading +\n * running text, and kastlan's row of links to the three pages with the current one\n * marked. Kurvenschmiede had none. The words stay in each app — they are the app's\n * legal statements, reviewed under the `legal` area of the translation review — and\n * only the shape moves here.\n *\n * A CONTENT COLUMN, not a page: keksdose shows its legal pages inside its public\n * landing header and footer, kastlan inside `AuthLayout` (`width=\"wide\" card={false}`,\n * no title of its own). Both put this inside their chrome; a page-owning layout would\n * have fought one of them.\n */\n\n// ── Labels ────────────────────────────────────────────────────────────────────\n\nexport interface LegalLabels {\n  /** The accessible name of {@link LegalLinks}' `<nav>`. */\n  navLabel: string;\n}\n\nexport const DEFAULT_LEGAL_LABELS: LegalLabels = {\n  navLabel: \"Legal\",\n};\n\n// ── Links ─────────────────────────────────────────────────────────────────────\n\nexport interface LegalLink {\n  href: string;\n  /** \"Imprint\", \"Privacy Policy\", \"Terms\" — the app's words. */\n  label: ReactNode;\n}\n\nexport interface LegalLinksProps {\n  links: readonly LegalLink[];\n  /** The page being shown; its link is marked `aria-current=\"page\"`. Usually the\n   *  router's pathname. */\n  currentHref?: string;\n  /** `false` renders the links without the `<nav>` — inside `AuthLayout`'s `footer`,\n   *  which wraps its footer in a `<nav>` named by `footerLabel` already. Default true. */\n  nav?: boolean;\n  labels?: Partial<LegalLabels>;\n  className?: string;\n}\n\n/** The legal pages as a row of quiet links, the one you are on marked (kastlan's\n *  `LegalLinks`). Wraps on a phone. */\nexport function LegalLinks({ links, currentHref, nav = true, labels: labelsProp, className }: LegalLinksProps) {\n  const labels = useKitLabels(\"legal\", DEFAULT_LEGAL_LABELS, labelsProp);\n  const items = links.map((link) => (\n    <TextLink key={link.href} href={link.href} tone=\"muted\" current={link.href === currentHref}>\n      {link.label}\n    </TextLink>\n  ));\n  if (!nav) return <>{items}</>;\n  return (\n    <nav\n      aria-label={labels.navLabel}\n      className={cn(\"flex flex-wrap gap-x-4 gap-y-1 text-xs\", className)}\n    >\n      {items}\n    </nav>\n  );\n}\n\n// ── Section ───────────────────────────────────────────────────────────────────\n\nexport interface LegalSectionProps {\n  heading: ReactNode;\n  /** Running text. Line breaks in it are kept (`white-space: pre-line`), so a\n   *  translation can hold an address or a list as plain lines. */\n  body?: string;\n  /** Anything richer than plain text — links, a list — after `body`. */\n  children?: ReactNode;\n  /** The section's `id`, for a link to it from elsewhere (\"see §4\"). */\n  id?: string;\n  /** The heading's element. Default `h2`, under the layout's `h1`. */\n  headingAs?: \"h2\" | \"h3\";\n}\n\nexport function LegalSection({ heading, body, children, id, headingAs: Heading = \"h2\" }: LegalSectionProps) {\n  return (\n    <section id={id} className=\"scroll-mt-20\">\n      <Heading className=\"text-lg font-semibold text-[var(--text-primary)]\">{heading}</Heading>\n      {body !== undefined && (\n        <p className=\"mt-2 whitespace-pre-line text-sm leading-relaxed text-[var(--text-secondary)]\">{body}</p>\n      )}\n      {children !== undefined && (\n        <div className=\"mt-2 text-sm leading-relaxed text-[var(--text-secondary)]\">{children}</div>\n      )}\n    </section>\n  );\n}\n\n// ── Layout ────────────────────────────────────────────────────────────────────\n\nexport interface LegalLayoutProps {\n  /** \"Imprint\", \"Privacy Policy\", \"Terms\". */\n  title: ReactNode;\n  /** Above the title — the app's \"← Back\" link (`<TextLink icon={ArrowLeft}>`), whose\n   *  target differs per app (keksdose's start page, kastlan's sign-in). */\n  back?: ReactNode;\n  /**\n   * A notice under the title, as a warning banner with `role=\"note\"` — page furniture,\n   * not an alert. Both apps say their legal texts await a lawyer's review; keksdose's\n   * privacy page says something more precise than the others (its technical sections\n   * describe running code), so the notice is per page, not per layout.\n   */\n  notice?: ReactNode;\n  /** The sections — {@link LegalSection}s. */\n  children: ReactNode;\n  /** The three pages, linked at the end of the column with the current one marked.\n   *  Leave out when the page's chrome already shows them (kastlan's AuthLayout footer). */\n  links?: readonly LegalLink[];\n  currentHref?: string;\n  /** Default `h1`: the page's heading. */\n  headingAs?: \"h1\" | \"h2\";\n  /** Extra classes on the column — `px-0 py-0` inside a chrome that pads already. */\n  className?: string;\n  labels?: Partial<LegalLabels>;\n}\n\nexport function LegalLayout({\n  title,\n  back,\n  notice,\n  children,\n  links,\n  currentHref,\n  headingAs: Heading = \"h1\",\n  className,\n  labels,\n}: LegalLayoutProps) {\n  return (\n    <article className={cn(\"mx-auto w-full max-w-3xl px-4 py-12\", className)}>\n      {back !== undefined && <div className=\"mb-4 text-sm\">{back}</div>}\n      <Heading className=\"text-3xl font-bold tracking-tight text-[var(--text-primary)]\">{title}</Heading>\n      {notice !== undefined && notice !== null && (\n        <AlertBanner tone=\"warning\" role=\"note\" className=\"mt-4\">\n          {notice}\n        </AlertBanner>\n      )}\n      <div className=\"mt-8 space-y-8\">{children}</div>\n      {links !== undefined && links.length > 0 && (\n        <LegalLinks links={links} currentHref={currentHref} labels={labels} className=\"mt-12 border-t border-[var(--border)] pt-4\" />\n      )}\n    </article>\n  );\n}\n"],"mappings":";AA4DI,SAIe,UAJf,KAgCA,YAhCA;AA1DJ,SAAS,oBAAoB;AAC7B,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AA0BlB,MAAM,uBAAoC;AAAA,EAC/C,UAAU;AACZ;AAwBO,SAAS,WAAW,EAAE,OAAO,aAAa,MAAM,MAAM,QAAQ,YAAY,UAAU,GAAoB;AAC7G,QAAM,SAAS,aAAa,SAAS,sBAAsB,UAAU;AACrE,QAAM,QAAQ,MAAM,IAAI,CAAC,SACvB,oBAAC,YAAyB,MAAM,KAAK,MAAM,MAAK,SAAQ,SAAS,KAAK,SAAS,aAC5E,eAAK,SADO,KAAK,IAEpB,CACD;AACD,MAAI,CAAC,IAAK,QAAO,gCAAG,iBAAM;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,OAAO;AAAA,MACnB,WAAW,GAAG,0CAA0C,SAAS;AAAA,MAEhE;AAAA;AAAA,EACH;AAEJ;AAiBO,SAAS,aAAa,EAAE,SAAS,MAAM,UAAU,IAAI,WAAW,UAAU,KAAK,GAAsB;AAC1G,SACE,qBAAC,aAAQ,IAAQ,WAAU,gBACzB;AAAA,wBAAC,WAAQ,WAAU,oDAAoD,mBAAQ;AAAA,IAC9E,SAAS,UACR,oBAAC,OAAE,WAAU,iFAAiF,gBAAK;AAAA,IAEpG,aAAa,UACZ,oBAAC,SAAI,WAAU,6DAA6D,UAAS;AAAA,KAEzF;AAEJ;AA8BO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW,UAAU;AAAA,EACrB;AAAA,EACA;AACF,GAAqB;AACnB,SACE,qBAAC,aAAQ,WAAW,GAAG,uCAAuC,SAAS,GACpE;AAAA,aAAS,UAAa,oBAAC,SAAI,WAAU,gBAAgB,gBAAK;AAAA,IAC3D,oBAAC,WAAQ,WAAU,gEAAgE,iBAAM;AAAA,IACxF,WAAW,UAAa,WAAW,QAClC,oBAAC,eAAY,MAAK,WAAU,MAAK,QAAO,WAAU,QAC/C,kBACH;AAAA,IAEF,oBAAC,SAAI,WAAU,kBAAkB,UAAS;AAAA,IACzC,UAAU,UAAa,MAAM,SAAS,KACrC,oBAAC,cAAW,OAAc,aAA0B,QAAgB,WAAU,8CAA6C;AAAA,KAE/H;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/legal.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { AlertBanner } from \"./alert-banner\";\nimport { TextLink } from \"./text-link\";\n\n/**\n * The legal pages' shell — Imprint, Privacy Policy, Terms — for every app (Marcel,\n * 2026-10-02: every app has them; docs/i18n-harmonization.md H10).\n *\n * keksdose and kastlan each carried the same shell, written twice: a back link, the\n * title, a \"closed beta, not yet reviewed by a lawyer\" notice, sections of heading +\n * running text, and kastlan's row of links to the three pages with the current one\n * marked. Kurvenschmiede had none. The words stay in each app — they are the app's\n * legal statements, reviewed under the `legal` area of the translation review — and\n * only the shape moves here.\n *\n * A CONTENT COLUMN, not a page: keksdose shows its legal pages inside its public\n * landing header and footer, kastlan inside `AuthLayout` (`width=\"wide\" card={false}`,\n * no title of its own). Both put this inside their chrome; a page-owning layout would\n * have fought one of them.\n */\n\n// ── Labels ────────────────────────────────────────────────────────────────────\n\nexport interface LegalLabels {\n  /** The accessible name of {@link LegalLinks}' `<nav>`. */\n  navLabel: string;\n}\n\nexport const DEFAULT_LEGAL_LABELS: LegalLabels = {\n  navLabel: \"Legal\",\n};\n\n// ── Links ─────────────────────────────────────────────────────────────────────\n\nexport interface LegalLink {\n  href: string;\n  /** \"Imprint\", \"Privacy Policy\", \"Terms\" — the app's words. */\n  label: ReactNode;\n}\n\nexport interface LegalLinksProps {\n  links: readonly LegalLink[];\n  /** The page being shown; its link is marked `aria-current=\"page\"`. Usually the\n   *  router's pathname. */\n  currentHref?: string;\n  /** `false` renders the links without the `<nav>` landmark — inside `AuthLayout`'s\n   *  `footer` or `TopBarActionMenu`'s `footer`, which are named `<nav>`s already. The row\n   *  keeps its spacing and `className` either way (0.27.1: it used to return the bare\n   *  links, so in a plain container — Kurvenschmiede's account-menu `<li>` — they ran\n   *  together as \"ImpressumDatenschutzerklärungNutz…\" and overflowed). Default true. */\n  nav?: boolean;\n  labels?: Partial<LegalLabels>;\n  className?: string;\n}\n\n/** The legal pages as a row of quiet links, the one you are on marked (kastlan's\n *  `LegalLinks`). Wraps on a phone. */\nexport function LegalLinks({ links, currentHref, nav = true, labels: labelsProp, className }: LegalLinksProps) {\n  const labels = useKitLabels(\"legal\", DEFAULT_LEGAL_LABELS, labelsProp);\n  const items = links.map((link) => (\n    <TextLink key={link.href} href={link.href} tone=\"muted\" current={link.href === currentHref}>\n      {link.label}\n    </TextLink>\n  ));\n  const rowClass = cn(\"flex flex-wrap gap-x-4 gap-y-1 text-xs\", className);\n  if (!nav) return <div className={rowClass}>{items}</div>;\n  return (\n    <nav aria-label={labels.navLabel} className={rowClass}>\n      {items}\n    </nav>\n  );\n}\n\n// ── Section ───────────────────────────────────────────────────────────────────\n\nexport interface LegalSectionProps {\n  heading: ReactNode;\n  /** Running text. Line breaks in it are kept (`white-space: pre-line`), so a\n   *  translation can hold an address or a list as plain lines. */\n  body?: string;\n  /** Anything richer than plain text — links, a list — after `body`. */\n  children?: ReactNode;\n  /** The section's `id`, for a link to it from elsewhere (\"see §4\"). */\n  id?: string;\n  /** The heading's element. Default `h2`, under the layout's `h1`. */\n  headingAs?: \"h2\" | \"h3\";\n}\n\nexport function LegalSection({ heading, body, children, id, headingAs: Heading = \"h2\" }: LegalSectionProps) {\n  return (\n    <section id={id} className=\"scroll-mt-20\">\n      <Heading className=\"text-lg font-semibold text-[var(--text-primary)]\">{heading}</Heading>\n      {body !== undefined && (\n        <p className=\"mt-2 whitespace-pre-line text-sm leading-relaxed text-[var(--text-secondary)]\">{body}</p>\n      )}\n      {children !== undefined && (\n        <div className=\"mt-2 text-sm leading-relaxed text-[var(--text-secondary)]\">{children}</div>\n      )}\n    </section>\n  );\n}\n\n// ── Layout ────────────────────────────────────────────────────────────────────\n\nexport interface LegalLayoutProps {\n  /** \"Imprint\", \"Privacy Policy\", \"Terms\". */\n  title: ReactNode;\n  /** Above the title — the app's \"← Back\" link (`<TextLink icon={ArrowLeft}>`), whose\n   *  target differs per app (keksdose's start page, kastlan's sign-in). */\n  back?: ReactNode;\n  /**\n   * A notice under the title, as a warning banner with `role=\"note\"` — page furniture,\n   * not an alert. Both apps say their legal texts await a lawyer's review; keksdose's\n   * privacy page says something more precise than the others (its technical sections\n   * describe running code), so the notice is per page, not per layout.\n   */\n  notice?: ReactNode;\n  /** The sections — {@link LegalSection}s. */\n  children: ReactNode;\n  /** The three pages, linked at the end of the column with the current one marked.\n   *  Leave out when the page's chrome already shows them (kastlan's AuthLayout footer). */\n  links?: readonly LegalLink[];\n  currentHref?: string;\n  /** Default `h1`: the page's heading. */\n  headingAs?: \"h1\" | \"h2\";\n  /** Extra classes on the column — `px-0 py-0` inside a chrome that pads already. */\n  className?: string;\n  labels?: Partial<LegalLabels>;\n}\n\nexport function LegalLayout({\n  title,\n  back,\n  notice,\n  children,\n  links,\n  currentHref,\n  headingAs: Heading = \"h1\",\n  className,\n  labels,\n}: LegalLayoutProps) {\n  return (\n    <article className={cn(\"mx-auto w-full max-w-3xl px-4 py-12\", className)}>\n      {back !== undefined && <div className=\"mb-4 text-sm\">{back}</div>}\n      <Heading className=\"text-3xl font-bold tracking-tight text-[var(--text-primary)]\">{title}</Heading>\n      {notice !== undefined && notice !== null && (\n        <AlertBanner tone=\"warning\" role=\"note\" className=\"mt-4\">\n          {notice}\n        </AlertBanner>\n      )}\n      <div className=\"mt-8 space-y-8\">{children}</div>\n      {links !== undefined && links.length > 0 && (\n        <LegalLinks links={links} currentHref={currentHref} labels={labels} className=\"mt-12 border-t border-[var(--border)] pt-4\" />\n      )}\n    </article>\n  );\n}\n"],"mappings":";AA+DI,cA8BA,YA9BA;AA7DJ,SAAS,oBAAoB;AAC7B,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AA0BlB,MAAM,uBAAoC;AAAA,EAC/C,UAAU;AACZ;AA2BO,SAAS,WAAW,EAAE,OAAO,aAAa,MAAM,MAAM,QAAQ,YAAY,UAAU,GAAoB;AAC7G,QAAM,SAAS,aAAa,SAAS,sBAAsB,UAAU;AACrE,QAAM,QAAQ,MAAM,IAAI,CAAC,SACvB,oBAAC,YAAyB,MAAM,KAAK,MAAM,MAAK,SAAQ,SAAS,KAAK,SAAS,aAC5E,eAAK,SADO,KAAK,IAEpB,CACD;AACD,QAAM,WAAW,GAAG,0CAA0C,SAAS;AACvE,MAAI,CAAC,IAAK,QAAO,oBAAC,SAAI,WAAW,UAAW,iBAAM;AAClD,SACE,oBAAC,SAAI,cAAY,OAAO,UAAU,WAAW,UAC1C,iBACH;AAEJ;AAiBO,SAAS,aAAa,EAAE,SAAS,MAAM,UAAU,IAAI,WAAW,UAAU,KAAK,GAAsB;AAC1G,SACE,qBAAC,aAAQ,IAAQ,WAAU,gBACzB;AAAA,wBAAC,WAAQ,WAAU,oDAAoD,mBAAQ;AAAA,IAC9E,SAAS,UACR,oBAAC,OAAE,WAAU,iFAAiF,gBAAK;AAAA,IAEpG,aAAa,UACZ,oBAAC,SAAI,WAAU,6DAA6D,UAAS;AAAA,KAEzF;AAEJ;AA8BO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW,UAAU;AAAA,EACrB;AAAA,EACA;AACF,GAAqB;AACnB,SACE,qBAAC,aAAQ,WAAW,GAAG,uCAAuC,SAAS,GACpE;AAAA,aAAS,UAAa,oBAAC,SAAI,WAAU,gBAAgB,gBAAK;AAAA,IAC3D,oBAAC,WAAQ,WAAU,gEAAgE,iBAAM;AAAA,IACxF,WAAW,UAAa,WAAW,QAClC,oBAAC,eAAY,MAAK,WAAU,MAAK,QAAO,WAAU,QAC/C,kBACH;AAAA,IAEF,oBAAC,SAAI,WAAU,kBAAkB,UAAS;AAAA,IACzC,UAAU,UAAa,MAAM,SAAS,KACrC,oBAAC,cAAW,OAAc,aAA0B,QAAgB,WAAU,8CAA6C;AAAA,KAE/H;AAEJ;","names":[]}

package/dist/components/money-field.d.ts

@@ -2,11 +2,8 @@ import * as react from 'react';
 import { ComponentProps, Ref } from 'react';
 import { AmountInput } from './amount-input.js';
 import './calculator.js';
-import '../feedback-BXKH-ToU.js';
-import './tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-Cdn1QS2k.js';
+import '../kit-labels-DQg82eHB.js';
+import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
 import './mini-calendar.js';
@@ -15,6 +12,9 @@ import './popover.js';
 import './chip.js';
 import 'lucide-react';
 import './field-sync.js';
+import './tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -35,19 +35,23 @@ import './dialog-frame.js';
 import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
-import './account-settings-labels.js';
+import './user-avatar.js';
+import './status-dot.js';
+import './progress-bar.js';
+import './signed-amount.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 './signed-amount.js';
 import './breadcrumbs.js';
 import './toast.js';
 import './description-list.js';
 import './line-items.js';
-import './progress-bar.js';
 import './error-boundary.js';
 import './authed-image.js';
-import '../hooks/use-authed-src.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';

package/dist/components/number-field.d.ts

@@ -2,11 +2,8 @@ import * as react from 'react';
 import { ComponentProps, ReactNode } from 'react';
 import { NumberInput } from './number-input.js';
 import './calculator.js';
-import '../feedback-BXKH-ToU.js';
-import './tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-Cdn1QS2k.js';
+import '../kit-labels-DQg82eHB.js';
+import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
 import './mini-calendar.js';
@@ -15,6 +12,9 @@ import './popover.js';
 import './chip.js';
 import 'lucide-react';
 import './field-sync.js';
+import './tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -35,19 +35,23 @@ import './dialog-frame.js';
 import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
-import './account-settings-labels.js';
+import './user-avatar.js';
+import './status-dot.js';
+import './progress-bar.js';
+import './signed-amount.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 './signed-amount.js';
 import './breadcrumbs.js';
 import './toast.js';
 import './description-list.js';
 import './line-items.js';
-import './progress-bar.js';
 import './error-boundary.js';
 import './authed-image.js';
-import '../hooks/use-authed-src.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';

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

@@ -2,11 +2,8 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { CalculatorButtonLabels } from './calculator.js';
 import { NumberPadSheetLabels } from './numpad-sheet.js';
-import '../feedback-BXKH-ToU.js';
-import './tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-Cdn1QS2k.js';
+import '../kit-labels-DQg82eHB.js';
+import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
 import './mini-calendar.js';
@@ -15,6 +12,9 @@ import './popover.js';
 import './chip.js';
 import 'lucide-react';
 import './field-sync.js';
+import './tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -35,19 +35,23 @@ import './dialog-frame.js';
 import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
-import './account-settings-labels.js';
+import './user-avatar.js';
+import './status-dot.js';
+import './progress-bar.js';
+import './signed-amount.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 './signed-amount.js';
 import './breadcrumbs.js';
 import './toast.js';
 import './description-list.js';
 import './line-items.js';
-import './progress-bar.js';
 import './error-boundary.js';
 import './authed-image.js';
-import '../hooks/use-authed-src.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';

package/dist/components/numpad-sheet.d.ts

@@ -1,10 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { C as CalculatorLabels } from '../feedback-BXKH-ToU.js';
-import './tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-Cdn1QS2k.js';
+import { bB as CalculatorLabels } from '../kit-labels-DQg82eHB.js';
+import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
 import './mini-calendar.js';
@@ -13,6 +10,9 @@ import './popover.js';
 import './chip.js';
 import 'lucide-react';
 import './field-sync.js';
+import './tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -33,19 +33,23 @@ import './dialog-frame.js';
 import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
-import './account-settings-labels.js';
+import './user-avatar.js';
+import './status-dot.js';
+import './progress-bar.js';
+import './signed-amount.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 './signed-amount.js';
 import './breadcrumbs.js';
 import './toast.js';
 import './description-list.js';
 import './line-items.js';
-import './progress-bar.js';
 import './error-boundary.js';
 import './authed-image.js';
-import '../hooks/use-authed-src.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';