@eifi1/ui-kit 0.33.1 → 0.35.0

package/dist/landing/landing-sections.d.ts

@@ -1,107 +1,8 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { e9 as LegalFooterProps } from '../delete-account-setting-DAgGBrbn.js';
-import { LandingActionsProps } from './landing-actions.js';
-import { LandingLabels } from './landing-labels.js';
-import '../components/tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-BJ5JE_X2.js';
-import '../components/data-table-sort.js';
-import '../components/swipeable-row.js';
-import '../components/status-dot.js';
-import '../components/progress-bar.js';
-import '../components/signed-amount.js';
-import '../components/stat-tile.js';
-import '../components/chip.js';
-import 'lucide-react';
-import '../components/field-parts.js';
-import '../components/write-lock.js';
-import '../components/mini-calendar.js';
-import '../components/calendar-heatmap.js';
-import '../components/popover.js';
-import '../hooks/use-breakpoint.js';
-import '../components/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 '../components/month-picker.js';
-import '../components/page-contents.js';
-import '../components/series-chart-labels.js';
-import '../components/pie-chart-labels.js';
-import '../components/sparkline.js';
-import '../components/signature-pad.js';
-import '../components/password-strength.js';
-import '../components/swatch-picker.js';
-import '../components/tile-radio.js';
-import '../components/icon-picker.js';
-import '../components/dialog-frame.js';
-import '../components/modal.js';
-import '../hooks/use-search-param-state.js';
-import '../components/measured-grid.js';
-import '../components/user-avatar.js';
-import '../lib/person-name.js';
-import '../shell/topbar-action-menu.js';
-import '../components/menu-item.js';
-import '../components/floating-panel.js';
-import '../hooks/use-authed-src.js';
-import '../components/account-settings-labels.js';
-import '../components/bulk-action-bar.js';
-import '../components/list.js';
-import '../components/breadcrumbs.js';
-import '../components/toast.js';
-import '../components/description-list.js';
-import '../components/line-items.js';
-import '../components/error-boundary.js';
-import '../components/authed-image.js';
-import '../components/image-grid.js';
-import '../components/lightbox.js';
-import '../auth/sign-in-form.js';
-import './access.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 '../components/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 '../i18n/plurals.js';
-import '../components/appearance-labels.js';
-import '../theme/contrast.js';
-import '../theme/text-size.js';
-import '../components/reauth-dialog.js';
-import '../components/server-wake.js';
-import '../lib/server-wake.js';
-import '../components/translation-review-labels.js';
-import '../lib/translation-review.js';
-import '../components/country-select.js';
-import '../components/inline-edit-field.js';
-import '../lib/iban.js';
-import '../lib/phone.js';
-import '../components/sign-chip.js';
-import '../components/column-mapper.js';
-import '../lib/column-mapping.js';
-import '../lib/table-text.js';
-import '../components/focus-ring.js';
-
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { LegalFooterProps } from "../components/legal.js";
+import type { LandingActionsProps } from "./landing-actions.js";
+import type { LandingLabels } from "./landing-labels.js";
+import type { LabelOverride } from "../i18n/kit-labels.js";
 /**
  * The sections of the public landing page (docs/landing-demo-harmonization.md §4.1),
  * top to bottom: `Hero`, `FeatureRows` of `FeatureRow`, `TrustStrip`, `CtaBand`,
@@ -119,7 +20,7 @@ import '../components/focus-ring.js';
 type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 /** The action pair's props, as `Hero` and `CtaBand` pass them on. */
 type ActionProps = Pick<LandingActionsProps, "session" | "access" | "demoHref" | "openAppHref">;
-interface HeroProps extends Omit<ComponentPropsWithoutRef<"section">, "title" | "children">, ActionProps {
+export interface HeroProps extends Omit<ComponentPropsWithRef<"section">, "title" | "children">, ActionProps {
     /** The page's `h1`: what the app does, in a line. */
     title: ReactNode;
     /** Under it: for whom, and why. */
@@ -136,7 +37,7 @@ interface HeroProps extends Omit<ComponentPropsWithoutRef<"section">, "title" |
     actions?: ReactNode;
     /** Default `h1`; lower where the hero is embedded in another page. */
     headingAs?: HeadingLevel;
-    labels?: Partial<LandingLabels>;
+    labels?: LabelOverride<LandingLabels>;
 }
 /**
  * The top of the landing (§4.1.2): an optional "Beta" badge, the `h1`, a subtitle, the
@@ -144,16 +45,16 @@ interface HeroProps extends Omit<ComponentPropsWithoutRef<"section">, "title" |
  * the demo", or "Open app" for a session), a trust line, and a visual. Copy left and
  * visual right from `lg` up, stacked below.
  */
-declare function Hero({ title, subtitle, beta, badge, trust, visual, actions, headingAs: Heading, session, access, demoHref, openAppHref, labels: labelsProp, className, ...rest }: HeroProps): react.JSX.Element;
-type FeatureRowsProps = ComponentPropsWithoutRef<"section">;
+export declare function Hero({ title, subtitle, beta, badge, trust, visual, actions, headingAs: Heading, session, access, demoHref, openAppHref, labels: labelsProp, className, ...rest }: HeroProps): import("react").JSX.Element;
+export type FeatureRowsProps = ComponentPropsWithRef<"section">;
 /**
  * The band that holds the feature rows (§4.1.3): two to four {@link FeatureRow}s on the
  * surface colour, between hairlines. The rows alternate sides by themselves — the copy
  * of every second row moves to the end from `lg` up — so the app lists them in order
  * and nothing else.
  */
-declare function FeatureRows({ className, children, ...rest }: FeatureRowsProps): react.JSX.Element;
-interface FeatureRowProps extends Omit<ComponentPropsWithoutRef<"div">, "title" | "children"> {
+export declare function FeatureRows({ className, children, ...rest }: FeatureRowsProps): import("react").JSX.Element;
+export interface FeatureRowProps extends Omit<ComponentPropsWithRef<"div">, "title" | "children"> {
     /** A lucide icon (or any SVG) before the eyebrow. Decorative. */
     icon?: ReactNode;
     /** The small uppercase line above the heading: "Capture", "Plan". */
@@ -174,8 +75,8 @@ interface FeatureRowProps extends Omit<ComponentPropsWithoutRef<"div">, "title"
  * Inside {@link FeatureRows} every second row puts its copy at the end (`group-even`),
  * which is keksdose's alternation without an index to pass.
  */
-declare function FeatureRow({ icon, eyebrow, title, description, bullets, visual, headingAs: Heading, className, ...rest }: FeatureRowProps): react.JSX.Element;
-interface TrustItem {
+export declare function FeatureRow({ icon, eyebrow, title, description, bullets, visual, headingAs: Heading, className, ...rest }: FeatureRowProps): import("react").JSX.Element;
+export interface TrustItem {
     /** A lucide icon. Decorative. */
     icon?: ReactNode;
     /** The item's `h3`: "Hosted in Switzerland". */
@@ -183,7 +84,7 @@ interface TrustItem {
     /** One sentence. */
     description: ReactNode;
 }
-interface TrustStripProps extends Omit<ComponentPropsWithoutRef<"section">, "children"> {
+export interface TrustStripProps extends Omit<ComponentPropsWithRef<"section">, "children"> {
     /** Three or four (§4.1.4): hosting, security, data ownership, sharing. */
     items: readonly TrustItem[];
     /** The items' heading level. Default `h3`. */
@@ -194,8 +95,8 @@ interface TrustStripProps extends Omit<ComponentPropsWithoutRef<"section">, "chi
  * sentence each, on one row from `lg` up (three or four columns), two on a tablet, one
  * on a phone. No marketing volume: keksdose's "trust strip".
  */
-declare function TrustStrip({ items, headingAs: Heading, className, ...rest }: TrustStripProps): react.JSX.Element;
-interface CtaBandProps extends Omit<ComponentPropsWithoutRef<"section">, "title" | "children">, ActionProps {
+export declare function TrustStrip({ items, headingAs: Heading, className, ...rest }: TrustStripProps): import("react").JSX.Element;
+export interface CtaBandProps extends Omit<ComponentPropsWithRef<"section">, "title" | "children">, ActionProps {
     /** The band's `h2`: the last ask. */
     title: ReactNode;
     subtitle?: ReactNode;
@@ -203,14 +104,14 @@ interface CtaBandProps extends Omit<ComponentPropsWithoutRef<"section">, "title"
     actions?: ReactNode;
     /** Default `h2`. */
     headingAs?: HeadingLevel;
-    labels?: Partial<LandingLabels>;
+    labels?: LabelOverride<LandingLabels>;
 }
 /**
  * The closing band before the footer (§4.1.5): a centred `h2`, a subtitle, and the same
  * action pair as the hero.
  */
-declare function CtaBand({ title, subtitle, actions, headingAs: Heading, session, access, demoHref, openAppHref, labels, className, ...rest }: CtaBandProps): react.JSX.Element;
-interface PublicFooterProps extends Omit<LegalFooterProps, "children"> {
+export declare function CtaBand({ title, subtitle, actions, headingAs: Heading, session, access, demoHref, openAppHref, labels, className, ...rest }: CtaBandProps): import("react").JSX.Element;
+export interface PublicFooterProps extends Omit<LegalFooterProps, "children"> {
     /** The app's line under the legal links: "Self-hosted household budgeting." */
     tagline?: ReactNode;
 }
@@ -219,6 +120,5 @@ interface PublicFooterProps extends Omit<LegalFooterProps, "children"> {
  * links — with the app's tagline under them. keksdose's `SiteFooter`, which was already
  * this.
  */
-declare function PublicFooter({ tagline, ...rest }: PublicFooterProps): react.JSX.Element;
-
-export { CtaBand, type CtaBandProps, FeatureRow, type FeatureRowProps, FeatureRows, type FeatureRowsProps, Hero, type HeroProps, PublicFooter, type PublicFooterProps, type TrustItem, TrustStrip, type TrustStripProps };
+export declare function PublicFooter({ tagline, ...rest }: PublicFooterProps): import("react").JSX.Element;
+export {};

package/dist/landing/landing-sections.js

@@ -47,8 +47,8 @@ function Hero({
       children: [
         /* @__PURE__ */ jsxs("div", { children: [
           shownBadge != null && /* @__PURE__ */ jsx("div", { className: "mb-4", children: shownBadge }),
-          /* @__PURE__ */ jsx(Heading, { className: "text-4xl font-bold tracking-tight text-balance text-[var(--text-primary)] sm:text-5xl", children: title }),
-          subtitle != null && /* @__PURE__ */ jsx("p", { className: "mt-4 max-w-xl text-lg text-[var(--text-secondary)]", children: subtitle }),
+          /* @__PURE__ */ jsx(Heading, { className: "text-4xl font-bold tracking-tight text-balance text-primary sm:text-5xl", children: title }),
+          subtitle != null && /* @__PURE__ */ jsx("p", { className: "mt-4 max-w-xl text-lg text-secondary", children: subtitle }),
           /* @__PURE__ */ jsx("div", { className: "mt-8", children: actions ?? /* @__PURE__ */ jsx(
             LandingActions,
             {
@@ -59,7 +59,7 @@ function Hero({
               labels: labelsProp
             }
           ) }),
-          trust != null && /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm text-[var(--text-muted)]", children: trust })
+          trust != null && /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm text-muted", children: trust })
         ] }),
         visual != null && /* @__PURE__ */ jsx(Visual, { className: "max-w-sm", children: visual })
       ]
@@ -72,7 +72,7 @@ function FeatureRows({ className, children, ...rest }) {
     {
       ...rest,
       "data-slot": "landing-feature-rows",
-      className: cn("border-t border-[var(--border)] bg-[var(--bg-surface)]", className),
+      className: cn("border-t border-subtle bg-surface", className),
       children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-6xl px-4 py-8 sm:py-12", children })
     }
   );
@@ -97,14 +97,14 @@ function FeatureRow({
       className: cn("group/feature grid grid-cols-1 items-center gap-8 py-10", visual != null && "lg:grid-cols-2 lg:gap-16", className),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "lg:group-even/feature:order-last", children: [
-          (icon != null || eyebrow != null) && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-xs font-semibold uppercase tracking-wider text-[var(--brand)]", children: [
+          (icon != null || eyebrow != null) && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-xs font-semibold uppercase tracking-wider text-brand", children: [
             icon != null && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "flex shrink-0 [&_svg]:size-4", children: icon }),
             eyebrow
           ] }),
-          /* @__PURE__ */ jsx(Heading, { className: "mt-2 text-2xl font-semibold tracking-tight text-balance text-[var(--text-primary)] sm:text-3xl", children: title }),
-          description != null && /* @__PURE__ */ jsx("p", { className: "mt-3 max-w-xl text-[var(--text-secondary)]", children: description }),
-          shown.length > 0 && /* @__PURE__ */ jsx("ul", { className: "mt-4 space-y-2", children: shown.map((bullet, i) => /* @__PURE__ */ jsxs("li", { className: "flex gap-2.5 text-sm text-[var(--text-secondary)]", children: [
-            /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "mt-1.5 size-1.5 shrink-0 rounded-full bg-[var(--brand)]" }),
+          /* @__PURE__ */ jsx(Heading, { className: "mt-2 text-2xl font-semibold tracking-tight text-balance text-primary sm:text-3xl", children: title }),
+          description != null && /* @__PURE__ */ jsx("p", { className: "mt-3 max-w-xl text-secondary", children: description }),
+          shown.length > 0 && /* @__PURE__ */ jsx("ul", { className: "mt-4 space-y-2", children: shown.map((bullet, i) => /* @__PURE__ */ jsxs("li", { className: "flex gap-2.5 text-sm text-secondary", children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "mt-1.5 size-1.5 shrink-0 rounded-full bg-brand" }),
             /* @__PURE__ */ jsx("span", { className: "min-w-0", children: bullet })
           ] }, i)) })
         ] }),
@@ -115,9 +115,9 @@ function FeatureRow({
 }
 function TrustStrip({ items, headingAs: Heading = "h3", className, ...rest }) {
   return /* @__PURE__ */ jsx("section", { ...rest, "data-slot": "landing-trust", className: cn("mx-auto max-w-6xl px-4 py-12 sm:py-16", className), children: /* @__PURE__ */ jsx("ul", { className: cn("grid grid-cols-1 gap-8 sm:grid-cols-2", items.length === 3 ? "lg:grid-cols-3" : "lg:grid-cols-4"), children: items.map((item, i) => /* @__PURE__ */ jsxs("li", { children: [
-    item.icon != null && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "flex text-[var(--brand)] [&_svg]:size-5", children: item.icon }),
-    /* @__PURE__ */ jsx(Heading, { className: "mt-2 text-sm font-semibold text-[var(--text-primary)]", children: item.title }),
-    /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[var(--text-secondary)]", children: item.description })
+    item.icon != null && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "flex text-brand [&_svg]:size-5", children: item.icon }),
+    /* @__PURE__ */ jsx(Heading, { className: "mt-2 text-sm font-semibold text-primary", children: item.title }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-secondary", children: item.description })
   ] }, i)) }) });
 }
 function CtaBand({
@@ -138,10 +138,10 @@ function CtaBand({
     {
       ...rest,
       "data-slot": "landing-cta",
-      className: cn("border-t border-[var(--border)] bg-[var(--bg-surface)]", className),
+      className: cn("border-t border-subtle bg-surface", className),
       children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-4 py-16 text-center", children: [
-        /* @__PURE__ */ jsx(Heading, { className: "text-2xl font-semibold tracking-tight text-balance text-[var(--text-primary)] sm:text-3xl", children: title }),
-        subtitle != null && /* @__PURE__ */ jsx("p", { className: "mx-auto mt-3 max-w-xl text-[var(--text-secondary)]", children: subtitle }),
+        /* @__PURE__ */ jsx(Heading, { className: "text-2xl font-semibold tracking-tight text-balance text-primary sm:text-3xl", children: title }),
+        subtitle != null && /* @__PURE__ */ jsx("p", { className: "mx-auto mt-3 max-w-xl text-secondary", children: subtitle }),
         /* @__PURE__ */ jsx("div", { className: "mt-8", children: actions ?? /* @__PURE__ */ jsx(
           LandingActions,
           {

package/dist/landing/landing-sections.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/landing/landing-sections.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cn } from \"../lib/cn\";\nimport { Chip } from \"../components/chip\";\nimport { LegalFooter } from \"../components/legal\";\nimport type { LegalFooterProps } from \"../components/legal\";\nimport { LandingActions } from \"./landing-actions\";\nimport type { LandingActionsProps } from \"./landing-actions\";\nimport { useLandingLabels } from \"./landing-labels\";\nimport type { LandingLabels } from \"./landing-labels\";\n\n/**\n * The sections of the public landing page (docs/landing-demo-harmonization.md §4.1),\n * top to bottom: `Hero`, `FeatureRows` of `FeatureRow`, `TrustStrip`, `CtaBand`,\n * `PublicFooter` — keksdose's landing-page.tsx, taken apart.\n *\n * The kit draws the frame; every word of marketing copy is the app's. Colours are the\n * kit's tokens (`--brand`, `--text-*`, `--bg-surface`, `--border`), so keksdose's ten\n * hard-coded teal sites follow the palette now (§2.11).\n *\n * **Visuals are decorative** (§4.1): the `visual` slots are `aria-hidden` and `inert` —\n * mock UI drawn with kit tokens, never screenshots with real data, and never anything a\n * keyboard could land on. The copy beside each one carries the information. A mock's\n * amounts use the demo data's currency, so the landing shows what \"Try the demo\" opens.\n */\n\ntype HeadingLevel = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\n/** The decorative slot: hidden from assistive tech and out of the tab order. */\nfunction Visual({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <div aria-hidden inert data-slot=\"landing-visual\" className={cn(\"mx-auto w-full select-none\", className)}>\n      {children}\n    </div>\n  );\n}\n\n/** The action pair's props, as `Hero` and `CtaBand` pass them on. */\ntype ActionProps = Pick<LandingActionsProps, \"session\" | \"access\" | \"demoHref\" | \"openAppHref\">;\n\n/* ── Hero ────────────────────────────────────────────────────────────────── */\n\nexport interface HeroProps extends Omit<ComponentPropsWithoutRef<\"section\">, \"title\" | \"children\">, ActionProps {\n  /** The page's `h1`: what the app does, in a line. */\n  title: ReactNode;\n  /** Under it: for whom, and why. */\n  subtitle?: ReactNode;\n  /** The kit's \"Beta\" chip above the title. */\n  beta?: boolean;\n  /** A badge of the app's own in that place; wins over `beta`. */\n  badge?: ReactNode;\n  /** Under the actions, quiet: \"Free while in beta. Your data stays yours.\" */\n  trust?: ReactNode;\n  /** The product glimpse beside the copy (below it on a phone). Decorative. */\n  visual?: ReactNode;\n  /** Replaces the action pair ({@link LandingActions}). */\n  actions?: ReactNode;\n  /** Default `h1`; lower where the hero is embedded in another page. */\n  headingAs?: HeadingLevel;\n  labels?: Partial<LandingLabels>;\n}\n\n/**\n * The top of the landing (§4.1.2): an optional \"Beta\" badge, the `h1`, a subtitle, the\n * action pair for the visitor's state ({@link LandingActions}: \"Request access\" and \"Try\n * the demo\", or \"Open app\" for a session), a trust line, and a visual. Copy left and\n * visual right from `lg` up, stacked below.\n */\nexport function Hero({\n  title,\n  subtitle,\n  beta = false,\n  badge,\n  trust,\n  visual,\n  actions,\n  headingAs: Heading = \"h1\",\n  session,\n  access,\n  demoHref,\n  openAppHref,\n  labels: labelsProp,\n  className,\n  ...rest\n}: HeroProps) {\n  const labels = useLandingLabels(labelsProp);\n  const shownBadge =\n    badge ??\n    (beta ? (\n      // keksdose's chip, padded out to the hero's scale.\n      <Chip size=\"sm\" tone=\"warning\" className=\"px-3 py-1 font-medium\">\n        {labels.beta}\n      </Chip>\n    ) : null);\n  return (\n    <section\n      {...rest}\n      data-slot=\"landing-hero\"\n      className={cn(\n        // `grid-cols-1` below `lg` (0.32.1, Kurvenschmiede's 0.32 report): without a\n        // template the one column is `auto` and grows to the visual's longest unwrapped\n        // line — 80 px past a 360 px phone at Extra large. `minmax(0, 1fr)` holds it to\n        // the page. The same in FeatureRow and TrustStrip.\n        \"mx-auto grid max-w-6xl grid-cols-1 items-center gap-12 px-4 py-16 sm:py-24\",\n        visual != null && \"lg:grid-cols-2\",\n        className,\n      )}\n    >\n      <div>\n        {shownBadge != null && <div className=\"mb-4\">{shownBadge}</div>}\n        <Heading className=\"text-4xl font-bold tracking-tight text-balance text-[var(--text-primary)] sm:text-5xl\">\n          {title}\n        </Heading>\n        {subtitle != null && <p className=\"mt-4 max-w-xl text-lg text-[var(--text-secondary)]\">{subtitle}</p>}\n        <div className=\"mt-8\">\n          {actions ?? (\n            <LandingActions\n              session={session}\n              access={access}\n              demoHref={demoHref}\n              openAppHref={openAppHref}\n              labels={labelsProp}\n            />\n          )}\n        </div>\n        {trust != null && <p className=\"mt-4 text-sm text-[var(--text-muted)]\">{trust}</p>}\n      </div>\n      {visual != null && <Visual className=\"max-w-sm\">{visual}</Visual>}\n    </section>\n  );\n}\n\n/* ── Feature rows ────────────────────────────────────────────────────────── */\n\nexport type FeatureRowsProps = ComponentPropsWithoutRef<\"section\">;\n\n/**\n * The band that holds the feature rows (§4.1.3): two to four {@link FeatureRow}s on the\n * surface colour, between hairlines. The rows alternate sides by themselves — the copy\n * of every second row moves to the end from `lg` up — so the app lists them in order\n * and nothing else.\n */\nexport function FeatureRows({ className, children, ...rest }: FeatureRowsProps) {\n  return (\n    <section\n      {...rest}\n      data-slot=\"landing-feature-rows\"\n      className={cn(\"border-t border-[var(--border)] bg-[var(--bg-surface)]\", className)}\n    >\n      <div className=\"mx-auto max-w-6xl px-4 py-8 sm:py-12\">{children}</div>\n    </section>\n  );\n}\n\nexport interface FeatureRowProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"title\" | \"children\"> {\n  /** A lucide icon (or any SVG) before the eyebrow. Decorative. */\n  icon?: ReactNode;\n  /** The small uppercase line above the heading: \"Capture\", \"Plan\". */\n  eyebrow?: ReactNode;\n  /** The row's `h2`. */\n  title: ReactNode;\n  description?: ReactNode;\n  /** Up to three short points; the first three are shown. */\n  bullets?: readonly ReactNode[];\n  /** The mock beside the copy. Decorative. */\n  visual?: ReactNode;\n  /** Default `h2`. */\n  headingAs?: HeadingLevel;\n}\n\n/**\n * One job of the app (§4.1.3), keksdose's \"capture → budget → understand\": an icon\n * eyebrow, the `h2`, a description, up to three bullets, and a visual on the other side.\n * Inside {@link FeatureRows} every second row puts its copy at the end (`group-even`),\n * which is keksdose's alternation without an index to pass.\n */\nexport function FeatureRow({\n  icon,\n  eyebrow,\n  title,\n  description,\n  bullets,\n  visual,\n  headingAs: Heading = \"h2\",\n  className,\n  ...rest\n}: FeatureRowProps) {\n  const shown = bullets?.slice(0, 3) ?? [];\n  return (\n    <div\n      {...rest}\n      data-slot=\"landing-feature-row\"\n      className={cn(\"group/feature grid grid-cols-1 items-center gap-8 py-10\", visual != null && \"lg:grid-cols-2 lg:gap-16\", className)}\n    >\n      <div className=\"lg:group-even/feature:order-last\">\n        {(icon != null || eyebrow != null) && (\n          <p className=\"flex items-center gap-2 text-xs font-semibold uppercase tracking-wider text-[var(--brand)]\">\n            {icon != null && (\n              <span aria-hidden className=\"flex shrink-0 [&_svg]:size-4\">\n                {icon}\n              </span>\n            )}\n            {eyebrow}\n          </p>\n        )}\n        <Heading className=\"mt-2 text-2xl font-semibold tracking-tight text-balance text-[var(--text-primary)] sm:text-3xl\">\n          {title}\n        </Heading>\n        {description != null && <p className=\"mt-3 max-w-xl text-[var(--text-secondary)]\">{description}</p>}\n        {shown.length > 0 && (\n          <ul className=\"mt-4 space-y-2\">\n            {shown.map((bullet, i) => (\n              <li key={i} className=\"flex gap-2.5 text-sm text-[var(--text-secondary)]\">\n                <span aria-hidden className=\"mt-1.5 size-1.5 shrink-0 rounded-full bg-[var(--brand)]\" />\n                <span className=\"min-w-0\">{bullet}</span>\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n      {visual != null && <Visual className=\"max-w-md\">{visual}</Visual>}\n    </div>\n  );\n}\n\n/* ── Trust strip ─────────────────────────────────────────────────────────── */\n\nexport interface TrustItem {\n  /** A lucide icon. Decorative. */\n  icon?: ReactNode;\n  /** The item's `h3`: \"Hosted in Switzerland\". */\n  title: ReactNode;\n  /** One sentence. */\n  description: ReactNode;\n}\n\nexport interface TrustStripProps extends Omit<ComponentPropsWithoutRef<\"section\">, \"children\"> {\n  /** Three or four (§4.1.4): hosting, security, data ownership, sharing. */\n  items: readonly TrustItem[];\n  /** The items' heading level. Default `h3`. */\n  headingAs?: HeadingLevel;\n}\n\n/**\n * Quiet, start-aligned facts after the feature rows (§4.1.4) — an icon, an `h3` and one\n * sentence each, on one row from `lg` up (three or four columns), two on a tablet, one\n * on a phone. No marketing volume: keksdose's \"trust strip\".\n */\nexport function TrustStrip({ items, headingAs: Heading = \"h3\", className, ...rest }: TrustStripProps) {\n  return (\n    <section {...rest} data-slot=\"landing-trust\" className={cn(\"mx-auto max-w-6xl px-4 py-12 sm:py-16\", className)}>\n      <ul className={cn(\"grid grid-cols-1 gap-8 sm:grid-cols-2\", items.length === 3 ? \"lg:grid-cols-3\" : \"lg:grid-cols-4\")}>\n        {items.map((item, i) => (\n          <li key={i}>\n            {item.icon != null && (\n              <span aria-hidden className=\"flex text-[var(--brand)] [&_svg]:size-5\">\n                {item.icon}\n              </span>\n            )}\n            <Heading className=\"mt-2 text-sm font-semibold text-[var(--text-primary)]\">{item.title}</Heading>\n            <p className=\"mt-1 text-sm text-[var(--text-secondary)]\">{item.description}</p>\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\n/* ── CTA band ────────────────────────────────────────────────────────────── */\n\nexport interface CtaBandProps extends Omit<ComponentPropsWithoutRef<\"section\">, \"title\" | \"children\">, ActionProps {\n  /** The band's `h2`: the last ask. */\n  title: ReactNode;\n  subtitle?: ReactNode;\n  /** Replaces the action pair ({@link LandingActions}). */\n  actions?: ReactNode;\n  /** Default `h2`. */\n  headingAs?: HeadingLevel;\n  labels?: Partial<LandingLabels>;\n}\n\n/**\n * The closing band before the footer (§4.1.5): a centred `h2`, a subtitle, and the same\n * action pair as the hero.\n */\nexport function CtaBand({\n  title,\n  subtitle,\n  actions,\n  headingAs: Heading = \"h2\",\n  session,\n  access,\n  demoHref,\n  openAppHref,\n  labels,\n  className,\n  ...rest\n}: CtaBandProps) {\n  return (\n    <section\n      {...rest}\n      data-slot=\"landing-cta\"\n      className={cn(\"border-t border-[var(--border)] bg-[var(--bg-surface)]\", className)}\n    >\n      <div className=\"mx-auto max-w-5xl px-4 py-16 text-center\">\n        <Heading className=\"text-2xl font-semibold tracking-tight text-balance text-[var(--text-primary)] sm:text-3xl\">\n          {title}\n        </Heading>\n        {subtitle != null && <p className=\"mx-auto mt-3 max-w-xl text-[var(--text-secondary)]\">{subtitle}</p>}\n        <div className=\"mt-8\">\n          {actions ?? (\n            <LandingActions\n              session={session}\n              access={access}\n              demoHref={demoHref}\n              openAppHref={openAppHref}\n              align=\"center\"\n              labels={labels}\n            />\n          )}\n        </div>\n      </div>\n    </section>\n  );\n}\n\n/* ── Footer ──────────────────────────────────────────────────────────────── */\n\nexport interface PublicFooterProps extends Omit<LegalFooterProps, \"children\"> {\n  /** The app's line under the legal links: \"Self-hosted household budgeting.\" */\n  tagline?: ReactNode;\n}\n\n/**\n * The public pages' footer (§4.1.6): the kit's {@link LegalFooter} — the three legal\n * links — with the app's tagline under them. keksdose's `SiteFooter`, which was already\n * this.\n */\nexport function PublicFooter({ tagline, ...rest }: PublicFooterProps) {\n  return <LegalFooter {...rest}>{tagline}</LegalFooter>;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/landing/landing-sections.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport { cn } from \"../lib/cn\";\nimport { Chip } from \"../components/chip\";\nimport { LegalFooter } from \"../components/legal\";\nimport type { LegalFooterProps } from \"../components/legal\";\nimport { LandingActions } from \"./landing-actions\";\nimport type { LandingActionsProps } from \"./landing-actions\";\nimport { useLandingLabels } from \"./landing-labels\";\nimport type { LandingLabels } from \"./landing-labels\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\n\n/**\n * The sections of the public landing page (docs/landing-demo-harmonization.md §4.1),\n * top to bottom: `Hero`, `FeatureRows` of `FeatureRow`, `TrustStrip`, `CtaBand`,\n * `PublicFooter` — keksdose's landing-page.tsx, taken apart.\n *\n * The kit draws the frame; every word of marketing copy is the app's. Colours are the\n * kit's tokens (`--brand`, `--text-*`, `--bg-surface`, `--border`), so keksdose's ten\n * hard-coded teal sites follow the palette now (§2.11).\n *\n * **Visuals are decorative** (§4.1): the `visual` slots are `aria-hidden` and `inert` —\n * mock UI drawn with kit tokens, never screenshots with real data, and never anything a\n * keyboard could land on. The copy beside each one carries the information. A mock's\n * amounts use the demo data's currency, so the landing shows what \"Try the demo\" opens.\n */\n\ntype HeadingLevel = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\n/** The decorative slot: hidden from assistive tech and out of the tab order. */\nfunction Visual({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <div aria-hidden inert data-slot=\"landing-visual\" className={cn(\"mx-auto w-full select-none\", className)}>\n      {children}\n    </div>\n  );\n}\n\n/** The action pair's props, as `Hero` and `CtaBand` pass them on. */\ntype ActionProps = Pick<LandingActionsProps, \"session\" | \"access\" | \"demoHref\" | \"openAppHref\">;\n\n/* ── Hero ────────────────────────────────────────────────────────────────── */\n\nexport interface HeroProps extends Omit<ComponentPropsWithRef<\"section\">, \"title\" | \"children\">, ActionProps {\n  /** The page's `h1`: what the app does, in a line. */\n  title: ReactNode;\n  /** Under it: for whom, and why. */\n  subtitle?: ReactNode;\n  /** The kit's \"Beta\" chip above the title. */\n  beta?: boolean;\n  /** A badge of the app's own in that place; wins over `beta`. */\n  badge?: ReactNode;\n  /** Under the actions, quiet: \"Free while in beta. Your data stays yours.\" */\n  trust?: ReactNode;\n  /** The product glimpse beside the copy (below it on a phone). Decorative. */\n  visual?: ReactNode;\n  /** Replaces the action pair ({@link LandingActions}). */\n  actions?: ReactNode;\n  /** Default `h1`; lower where the hero is embedded in another page. */\n  headingAs?: HeadingLevel;\n  labels?: LabelOverride<LandingLabels>;\n}\n\n/**\n * The top of the landing (§4.1.2): an optional \"Beta\" badge, the `h1`, a subtitle, the\n * action pair for the visitor's state ({@link LandingActions}: \"Request access\" and \"Try\n * the demo\", or \"Open app\" for a session), a trust line, and a visual. Copy left and\n * visual right from `lg` up, stacked below.\n */\nexport function Hero({\n  title,\n  subtitle,\n  beta = false,\n  badge,\n  trust,\n  visual,\n  actions,\n  headingAs: Heading = \"h1\",\n  session,\n  access,\n  demoHref,\n  openAppHref,\n  labels: labelsProp,\n  className,\n  ...rest\n}: HeroProps) {\n  const labels = useLandingLabels(labelsProp);\n  const shownBadge =\n    badge ??\n    (beta ? (\n      // keksdose's chip, padded out to the hero's scale.\n      <Chip size=\"sm\" tone=\"warning\" className=\"px-3 py-1 font-medium\">\n        {labels.beta}\n      </Chip>\n    ) : null);\n  return (\n    <section\n      {...rest}\n      data-slot=\"landing-hero\"\n      className={cn(\n        // `grid-cols-1` below `lg` (0.32.1, Kurvenschmiede's 0.32 report): without a\n        // template the one column is `auto` and grows to the visual's longest unwrapped\n        // line — 80 px past a 360 px phone at Extra large. `minmax(0, 1fr)` holds it to\n        // the page. The same in FeatureRow and TrustStrip.\n        \"mx-auto grid max-w-6xl grid-cols-1 items-center gap-12 px-4 py-16 sm:py-24\",\n        visual != null && \"lg:grid-cols-2\",\n        className,\n      )}\n    >\n      <div>\n        {shownBadge != null && <div className=\"mb-4\">{shownBadge}</div>}\n        <Heading className=\"text-4xl font-bold tracking-tight text-balance text-primary sm:text-5xl\">\n          {title}\n        </Heading>\n        {subtitle != null && <p className=\"mt-4 max-w-xl text-lg text-secondary\">{subtitle}</p>}\n        <div className=\"mt-8\">\n          {actions ?? (\n            <LandingActions\n              session={session}\n              access={access}\n              demoHref={demoHref}\n              openAppHref={openAppHref}\n              labels={labelsProp}\n            />\n          )}\n        </div>\n        {trust != null && <p className=\"mt-4 text-sm text-muted\">{trust}</p>}\n      </div>\n      {visual != null && <Visual className=\"max-w-sm\">{visual}</Visual>}\n    </section>\n  );\n}\n\n/* ── Feature rows ────────────────────────────────────────────────────────── */\n\nexport type FeatureRowsProps = ComponentPropsWithRef<\"section\">;\n\n/**\n * The band that holds the feature rows (§4.1.3): two to four {@link FeatureRow}s on the\n * surface colour, between hairlines. The rows alternate sides by themselves — the copy\n * of every second row moves to the end from `lg` up — so the app lists them in order\n * and nothing else.\n */\nexport function FeatureRows({ className, children, ...rest }: FeatureRowsProps) {\n  return (\n    <section\n      {...rest}\n      data-slot=\"landing-feature-rows\"\n      className={cn(\"border-t border-subtle bg-surface\", className)}\n    >\n      <div className=\"mx-auto max-w-6xl px-4 py-8 sm:py-12\">{children}</div>\n    </section>\n  );\n}\n\nexport interface FeatureRowProps extends Omit<ComponentPropsWithRef<\"div\">, \"title\" | \"children\"> {\n  /** A lucide icon (or any SVG) before the eyebrow. Decorative. */\n  icon?: ReactNode;\n  /** The small uppercase line above the heading: \"Capture\", \"Plan\". */\n  eyebrow?: ReactNode;\n  /** The row's `h2`. */\n  title: ReactNode;\n  description?: ReactNode;\n  /** Up to three short points; the first three are shown. */\n  bullets?: readonly ReactNode[];\n  /** The mock beside the copy. Decorative. */\n  visual?: ReactNode;\n  /** Default `h2`. */\n  headingAs?: HeadingLevel;\n}\n\n/**\n * One job of the app (§4.1.3), keksdose's \"capture → budget → understand\": an icon\n * eyebrow, the `h2`, a description, up to three bullets, and a visual on the other side.\n * Inside {@link FeatureRows} every second row puts its copy at the end (`group-even`),\n * which is keksdose's alternation without an index to pass.\n */\nexport function FeatureRow({\n  icon,\n  eyebrow,\n  title,\n  description,\n  bullets,\n  visual,\n  headingAs: Heading = \"h2\",\n  className,\n  ...rest\n}: FeatureRowProps) {\n  const shown = bullets?.slice(0, 3) ?? [];\n  return (\n    <div\n      {...rest}\n      data-slot=\"landing-feature-row\"\n      className={cn(\"group/feature grid grid-cols-1 items-center gap-8 py-10\", visual != null && \"lg:grid-cols-2 lg:gap-16\", className)}\n    >\n      <div className=\"lg:group-even/feature:order-last\">\n        {(icon != null || eyebrow != null) && (\n          <p className=\"flex items-center gap-2 text-xs font-semibold uppercase tracking-wider text-brand\">\n            {icon != null && (\n              <span aria-hidden className=\"flex shrink-0 [&_svg]:size-4\">\n                {icon}\n              </span>\n            )}\n            {eyebrow}\n          </p>\n        )}\n        <Heading className=\"mt-2 text-2xl font-semibold tracking-tight text-balance text-primary sm:text-3xl\">\n          {title}\n        </Heading>\n        {description != null && <p className=\"mt-3 max-w-xl text-secondary\">{description}</p>}\n        {shown.length > 0 && (\n          <ul className=\"mt-4 space-y-2\">\n            {shown.map((bullet, i) => (\n              <li key={i} className=\"flex gap-2.5 text-sm text-secondary\">\n                <span aria-hidden className=\"mt-1.5 size-1.5 shrink-0 rounded-full bg-brand\" />\n                <span className=\"min-w-0\">{bullet}</span>\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n      {visual != null && <Visual className=\"max-w-md\">{visual}</Visual>}\n    </div>\n  );\n}\n\n/* ── Trust strip ─────────────────────────────────────────────────────────── */\n\nexport interface TrustItem {\n  /** A lucide icon. Decorative. */\n  icon?: ReactNode;\n  /** The item's `h3`: \"Hosted in Switzerland\". */\n  title: ReactNode;\n  /** One sentence. */\n  description: ReactNode;\n}\n\nexport interface TrustStripProps extends Omit<ComponentPropsWithRef<\"section\">, \"children\"> {\n  /** Three or four (§4.1.4): hosting, security, data ownership, sharing. */\n  items: readonly TrustItem[];\n  /** The items' heading level. Default `h3`. */\n  headingAs?: HeadingLevel;\n}\n\n/**\n * Quiet, start-aligned facts after the feature rows (§4.1.4) — an icon, an `h3` and one\n * sentence each, on one row from `lg` up (three or four columns), two on a tablet, one\n * on a phone. No marketing volume: keksdose's \"trust strip\".\n */\nexport function TrustStrip({ items, headingAs: Heading = \"h3\", className, ...rest }: TrustStripProps) {\n  return (\n    <section {...rest} data-slot=\"landing-trust\" className={cn(\"mx-auto max-w-6xl px-4 py-12 sm:py-16\", className)}>\n      <ul className={cn(\"grid grid-cols-1 gap-8 sm:grid-cols-2\", items.length === 3 ? \"lg:grid-cols-3\" : \"lg:grid-cols-4\")}>\n        {items.map((item, i) => (\n          <li key={i}>\n            {item.icon != null && (\n              <span aria-hidden className=\"flex text-brand [&_svg]:size-5\">\n                {item.icon}\n              </span>\n            )}\n            <Heading className=\"mt-2 text-sm font-semibold text-primary\">{item.title}</Heading>\n            <p className=\"mt-1 text-sm text-secondary\">{item.description}</p>\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\n/* ── CTA band ────────────────────────────────────────────────────────────── */\n\nexport interface CtaBandProps extends Omit<ComponentPropsWithRef<\"section\">, \"title\" | \"children\">, ActionProps {\n  /** The band's `h2`: the last ask. */\n  title: ReactNode;\n  subtitle?: ReactNode;\n  /** Replaces the action pair ({@link LandingActions}). */\n  actions?: ReactNode;\n  /** Default `h2`. */\n  headingAs?: HeadingLevel;\n  labels?: LabelOverride<LandingLabels>;\n}\n\n/**\n * The closing band before the footer (§4.1.5): a centred `h2`, a subtitle, and the same\n * action pair as the hero.\n */\nexport function CtaBand({\n  title,\n  subtitle,\n  actions,\n  headingAs: Heading = \"h2\",\n  session,\n  access,\n  demoHref,\n  openAppHref,\n  labels,\n  className,\n  ...rest\n}: CtaBandProps) {\n  return (\n    <section\n      {...rest}\n      data-slot=\"landing-cta\"\n      className={cn(\"border-t border-subtle bg-surface\", className)}\n    >\n      <div className=\"mx-auto max-w-5xl px-4 py-16 text-center\">\n        <Heading className=\"text-2xl font-semibold tracking-tight text-balance text-primary sm:text-3xl\">\n          {title}\n        </Heading>\n        {subtitle != null && <p className=\"mx-auto mt-3 max-w-xl text-secondary\">{subtitle}</p>}\n        <div className=\"mt-8\">\n          {actions ?? (\n            <LandingActions\n              session={session}\n              access={access}\n              demoHref={demoHref}\n              openAppHref={openAppHref}\n              align=\"center\"\n              labels={labels}\n            />\n          )}\n        </div>\n      </div>\n    </section>\n  );\n}\n\n/* ── Footer ──────────────────────────────────────────────────────────────── */\n\nexport interface PublicFooterProps extends Omit<LegalFooterProps, \"children\"> {\n  /** The app's line under the legal links: \"Self-hosted household budgeting.\" */\n  tagline?: ReactNode;\n}\n\n/**\n * The public pages' footer (§4.1.6): the kit's {@link LegalFooter} — the three legal\n * links — with the app's tagline under them. keksdose's `SiteFooter`, which was already\n * this.\n */\nexport function PublicFooter({ tagline, ...rest }: PublicFooterProps) {\n  return <LegalFooter {...rest}>{tagline}</LegalFooter>;\n}\n"],"mappings":"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","names":[]}

package/dist/landing/page-seo.d.ts

@@ -25,7 +25,7 @@
  * landing calls it with `canonicalPath: "/"` on both `/` and `/welcome`, so the two URLs
  * of one page are one result; there are no per-language URLs and no hreflang.
  */
-declare function usePageSeo({ canonicalPath, title, description, jsonLd, }: {
+export declare function usePageSeo({ canonicalPath, title, description, jsonLd, }: {
     canonicalPath: string;
     title?: string;
     description?: string;
@@ -37,7 +37,7 @@ declare function usePageSeo({ canonicalPath, title, description, jsonLd, }: {
     jsonLd?: Record<string, unknown>;
 }): void;
 /** What a search result shows of the landing, in one language. */
-interface SeoCopy {
+export interface SeoCopy {
     /** The page title (`landing.seo.title`): "Keksdose — envelope budgeting". */
     title: string;
     /** The meta description. */
@@ -46,15 +46,15 @@ interface SeoCopy {
     brand: string;
 }
 /** The width budgets, as characters. */
-interface SeoCopyLimits {
+export interface SeoCopyLimits {
     /** Default 60: a result's title is cut around 580px. */
     maxTitle?: number;
     /** Default 155: a snippet is cut around 920px. */
     maxDescription?: number;
 }
-type SeoCopyProblemCode = "title-empty" | "description-empty" | "title-too-long" | "description-too-long" | "title-without-brand" | "description-repeats-title";
+export type SeoCopyProblemCode = "title-empty" | "description-empty" | "title-too-long" | "description-too-long" | "title-without-brand" | "description-repeats-title";
 /** One thing wrong with a language's copy. `message` is for the test's failure output. */
-interface SeoCopyProblem {
+export interface SeoCopyProblem {
     code: SeoCopyProblemCode;
     message: string;
 }
@@ -77,7 +77,7 @@ interface SeoCopyProblem {
  * }
  * ```
  */
-declare function seoCopyProblems(copy: SeoCopy, limits?: SeoCopyLimits): SeoCopyProblem[];
+export declare function seoCopyProblems(copy: SeoCopy, limits?: SeoCopyLimits): SeoCopyProblem[];
 /**
  * The `content` of the first `<meta>` in `html` that `selector` picks, whitespace
  * collapsed and entities decoded — or `undefined` when there is none. For each app's
@@ -94,6 +94,4 @@ declare function seoCopyProblems(copy: SeoCopy, limits?: SeoCopyLimits): SeoCopy
  * expect(metaContent(html, 'meta[name="description"]')).toBe(de.landing.seo.description);
  * ```
  */
-declare function metaContent(html: string, selector: string | RegExp): string | undefined;
-
-export { type SeoCopy, type SeoCopyLimits, type SeoCopyProblem, type SeoCopyProblemCode, metaContent, seoCopyProblems, usePageSeo };
+export declare function metaContent(html: string, selector: string | RegExp): string | undefined;

package/dist/landing/public-header.d.ts

@@ -1,110 +1,11 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { TopBarProps } from '../shell/top-bar.js';
-import { AccessChoice } from './access.js';
-import { LandingLabels } from './landing-labels.js';
-import { LandingSession } from './landing-actions.js';
-import '../delete-account-setting-DAgGBrbn.js';
-import '../components/tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-BJ5JE_X2.js';
-import '../components/data-table-sort.js';
-import '../components/swipeable-row.js';
-import '../components/status-dot.js';
-import '../components/progress-bar.js';
-import '../components/signed-amount.js';
-import '../components/stat-tile.js';
-import '../components/chip.js';
-import 'lucide-react';
-import '../components/field-parts.js';
-import '../components/write-lock.js';
-import '../components/mini-calendar.js';
-import '../components/calendar-heatmap.js';
-import '../components/popover.js';
-import '../hooks/use-breakpoint.js';
-import '../components/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 '../components/month-picker.js';
-import '../components/page-contents.js';
-import '../components/series-chart-labels.js';
-import '../components/pie-chart-labels.js';
-import '../components/sparkline.js';
-import '../components/signature-pad.js';
-import '../components/password-strength.js';
-import '../components/swatch-picker.js';
-import '../components/tile-radio.js';
-import '../components/icon-picker.js';
-import '../components/dialog-frame.js';
-import '../components/modal.js';
-import '../hooks/use-search-param-state.js';
-import '../components/measured-grid.js';
-import '../components/user-avatar.js';
-import '../lib/person-name.js';
-import '../shell/topbar-action-menu.js';
-import '../components/menu-item.js';
-import '../components/floating-panel.js';
-import '../hooks/use-authed-src.js';
-import '../components/account-settings-labels.js';
-import '../components/bulk-action-bar.js';
-import '../components/list.js';
-import '../components/breadcrumbs.js';
-import '../components/toast.js';
-import '../components/description-list.js';
-import '../components/line-items.js';
-import '../components/error-boundary.js';
-import '../components/authed-image.js';
-import '../components/image-grid.js';
-import '../components/lightbox.js';
-import '../auth/sign-in-form.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 '../components/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 '../i18n/plurals.js';
-import '../components/appearance-labels.js';
-import '../theme/contrast.js';
-import '../theme/text-size.js';
-import '../components/reauth-dialog.js';
-import '../components/server-wake.js';
-import '../lib/server-wake.js';
-import '../components/translation-review-labels.js';
-import '../lib/translation-review.js';
-import '../components/country-select.js';
-import '../components/inline-edit-field.js';
-import '../lib/iban.js';
-import '../lib/phone.js';
-import '../components/sign-chip.js';
-import '../components/column-mapper.js';
-import '../lib/column-mapping.js';
-import '../lib/table-text.js';
-import '../components/focus-ring.js';
-
+import type { ReactNode } from "react";
+import type { TopBarProps } from "../shell/top-bar.js";
+import type { AccessChoice } from "./access.js";
+import type { LandingLabels } from "./landing-labels.js";
+import type { LandingSession } from "./landing-actions.js";
+import type { LabelOverride } from "../i18n/kit-labels.js";
 /** The header's brand: what `TopBarBrand` draws. */
-interface PublicHeaderBrand {
+export interface PublicHeaderBrand {
     /** The brand mark — an SVG or an `<img alt="">`. */
     logo: ReactNode;
     /** The product name beside it, and the link's accessible name. */
@@ -112,7 +13,7 @@ interface PublicHeaderBrand {
     /** See `TopBarBrand`. Default `sm`: the logo alone on a phone. */
     collapseBelow?: "sm" | "md" | false;
 }
-interface PublicHeaderProps extends Omit<TopBarProps, "brand" | "actions" | "children"> {
+export interface PublicHeaderProps extends Omit<TopBarProps, "brand" | "actions" | "children"> {
     brand: PublicHeaderBrand;
     /** Where the brand links. Default `/` without a session and `/welcome` with one —
      *  `/` would resume into the app, `/welcome` is always the landing (§3.1). */
@@ -131,7 +32,7 @@ interface PublicHeaderProps extends Omit<TopBarProps, "brand" | "actions" | "chi
     languageMenu?: ReactNode;
     /** The app's `ThemeToggle`, before the language menu. */
     themeToggle?: ReactNode;
-    labels?: Partial<LandingLabels>;
+    labels?: LabelOverride<LandingLabels>;
 }
 /**
  * The header of every public page (docs/landing-demo-harmonization.md §4.1): the
@@ -149,6 +50,4 @@ interface PublicHeaderProps extends Omit<TopBarProps, "brand" | "actions" | "chi
  * the brand mark, the two controls and two actions fit 390px; "Sign in" gives way below
  * `sm` as in keksdose — the sign-in page is one tap away from "Request access" anyway.
  */
-declare function PublicHeader({ brand, homeHref, session, access, signInHref, openAppHref, demoHref, languageMenu, themeToggle, labels: labelsProp, className, ...rest }: PublicHeaderProps): react.JSX.Element;
-
-export { PublicHeader, type PublicHeaderBrand, type PublicHeaderProps };
+export declare function PublicHeader({ brand, homeHref, session, access, signInHref, openAppHref, demoHref, languageMenu, themeToggle, labels: labelsProp, className, ...rest }: PublicHeaderProps): import("react").JSX.Element;

package/dist/landing/public-header.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Button } from "../components/ui.js";
+import { Button } from "../components/button.js";
 import { usePhoneLayout } from "../hooks/use-breakpoint.js";
 import { TopBar } from "../shell/top-bar.js";
 import { TopBarBrand } from "../shell/top-bar-brand.js";

package/dist/landing/public-header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/landing/public-header.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nimport { Button } from \"../components/ui\";\nimport { usePhoneLayout } from \"../hooks/use-breakpoint\";\nimport { TopBar } from \"../shell/top-bar\";\nimport type { TopBarProps } from \"../shell/top-bar\";\nimport { TopBarBrand } from \"../shell/top-bar-brand\";\nimport { useAccessAction } from \"./access\";\nimport type { AccessChoice } from \"./access\";\nimport { useLandingLabels } from \"./landing-labels\";\nimport type { LandingLabels } from \"./landing-labels\";\nimport type { LandingSession } from \"./landing-actions\";\n\n/** The header's brand: what `TopBarBrand` draws. */\nexport interface PublicHeaderBrand {\n  /** The brand mark — an SVG or an `<img alt=\"\">`. */\n  logo: ReactNode;\n  /** The product name beside it, and the link's accessible name. */\n  name: ReactNode;\n  /** See `TopBarBrand`. Default `sm`: the logo alone on a phone. */\n  collapseBelow?: \"sm\" | \"md\" | false;\n}\n\nexport interface PublicHeaderProps extends Omit<TopBarProps, \"brand\" | \"actions\" | \"children\"> {\n  brand: PublicHeaderBrand;\n  /** Where the brand links. Default `/` without a session and `/welcome` with one —\n   *  `/` would resume into the app, `/welcome` is always the landing (§3.1). */\n  homeHref?: string;\n  session: LandingSession;\n  access: AccessChoice;\n  /** \"Sign in\". Default `/login`. */\n  signInHref?: string;\n  /** \"Open app\" for a real session — the resume target. Default `/`, which resumes\n   *  through `RootEntry`. */\n  openAppHref?: string;\n  /** \"Continue the demo\" for a demo session. Default `/demo`, which continues a live\n   *  demo (§3.1). */\n  demoHref?: string;\n  /** The app's `LanguageMenu`, before the actions. */\n  languageMenu?: ReactNode;\n  /** The app's `ThemeToggle`, before the language menu. */\n  themeToggle?: ReactNode;\n  labels?: Partial<LandingLabels>;\n}\n\n/**\n * The header of every public page (docs/landing-demo-harmonization.md §4.1): the\n * landing, the auth pages, the legal pages and the 404 — keksdose's `LandingHeader`, on\n * the kit's `TopBar` and `TopBarBrand`, with its hard-coded teal turned into `--brand`.\n *\n * | session | actions |\n * |---|---|\n * | none | Sign in (secondary, hidden below `sm`), **Request access** (primary) |\n * | demo | Continue the demo (secondary), **Request access** (primary) |\n * | user | **Open app** (primary) |\n *\n * A demo session is not \"signed in\" here: it is still offered access, which is the point\n * of the demo (§5.6). In the phone layout (`usePhoneLayout()`) the actions take the kit's `sm` size, so\n * the brand mark, the two controls and two actions fit 390px; \"Sign in\" gives way below\n * `sm` as in keksdose — the sign-in page is one tap away from \"Request access\" anyway.\n */\nexport function PublicHeader({\n  brand,\n  homeHref,\n  session,\n  access,\n  signInHref = \"/login\",\n  openAppHref = \"/\",\n  demoHref = \"/demo\",\n  languageMenu,\n  themeToggle,\n  labels: labelsProp,\n  className,\n  ...rest\n}: PublicHeaderProps) {\n  const labels = useLandingLabels(labelsProp);\n  const accessLink = useAccessAction(access, labelsProp);\n  const phone = usePhoneLayout();\n  const size = phone ? \"sm\" : \"md\";\n  const home = homeHref ?? (session === \"none\" ? \"/\" : \"/welcome\");\n\n  const actions =\n    session === \"user\" ? (\n      <Button href={openAppHref} variant=\"brand\" size={size}>\n        {labels.openApp}\n      </Button>\n    ) : (\n      <>\n        {session === \"demo\" ? (\n          <Button href={demoHref} variant=\"secondary\" size={size}>\n            {labels.continueDemo}\n          </Button>\n        ) : (\n          <Button href={signInHref} variant=\"secondary\" size={size} className=\"max-sm:hidden\">\n            {labels.signIn}\n          </Button>\n        )}\n        <Button href={accessLink.href} variant=\"brand\" size={size}>\n          {accessLink.label}\n        </Button>\n      </>\n    );\n\n  return (\n    <TopBar\n      {...rest}\n      className={className}\n      brand={<TopBarBrand logo={brand.logo} name={brand.name} to={home} collapseBelow={brand.collapseBelow} />}\n      actions={\n        <>\n          {themeToggle}\n          {languageMenu}\n          <span data-slot=\"public-header-actions\" className=\"ms-1 flex items-center gap-1.5 sm:gap-2\">\n            {actions}\n          </span>\n        </>\n      }\n    />\n  );\n}\n"],"mappings":";AAmFM,SAIA,UAJA,KAIA,YAJA;AAjFN,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AAEvB,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAEhC,SAAS,wBAAwB;AAoD1B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,EACd,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,SAAS,iBAAiB,UAAU;AAC1C,QAAM,aAAa,gBAAgB,QAAQ,UAAU;AACrD,QAAM,QAAQ,eAAe;AAC7B,QAAM,OAAO,QAAQ,OAAO;AAC5B,QAAM,OAAO,aAAa,YAAY,SAAS,MAAM;AAErD,QAAM,UACJ,YAAY,SACV,oBAAC,UAAO,MAAM,aAAa,SAAQ,SAAQ,MACxC,iBAAO,SACV,IAEA,iCACG;AAAA,gBAAY,SACX,oBAAC,UAAO,MAAM,UAAU,SAAQ,aAAY,MACzC,iBAAO,cACV,IAEA,oBAAC,UAAO,MAAM,YAAY,SAAQ,aAAY,MAAY,WAAU,iBACjE,iBAAO,QACV;AAAA,IAEF,oBAAC,UAAO,MAAM,WAAW,MAAM,SAAQ,SAAQ,MAC5C,qBAAW,OACd;AAAA,KACF;AAGJ,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,OAAO,oBAAC,eAAY,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,MAAM,eAAe,MAAM,eAAe;AAAA,MACtG,SACE,iCACG;AAAA;AAAA,QACA;AAAA,QACD,oBAAC,UAAK,aAAU,yBAAwB,WAAU,2CAC/C,mBACH;AAAA,SACF;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/landing/public-header.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nimport { Button } from \"../components/button\";\nimport { usePhoneLayout } from \"../hooks/use-breakpoint\";\nimport { TopBar } from \"../shell/top-bar\";\nimport type { TopBarProps } from \"../shell/top-bar\";\nimport { TopBarBrand } from \"../shell/top-bar-brand\";\nimport { useAccessAction } from \"./access\";\nimport type { AccessChoice } from \"./access\";\nimport { useLandingLabels } from \"./landing-labels\";\nimport type { LandingLabels } from \"./landing-labels\";\nimport type { LandingSession } from \"./landing-actions\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\n\n/** The header's brand: what `TopBarBrand` draws. */\nexport interface PublicHeaderBrand {\n  /** The brand mark — an SVG or an `<img alt=\"\">`. */\n  logo: ReactNode;\n  /** The product name beside it, and the link's accessible name. */\n  name: ReactNode;\n  /** See `TopBarBrand`. Default `sm`: the logo alone on a phone. */\n  collapseBelow?: \"sm\" | \"md\" | false;\n}\n\nexport interface PublicHeaderProps extends Omit<TopBarProps, \"brand\" | \"actions\" | \"children\"> {\n  brand: PublicHeaderBrand;\n  /** Where the brand links. Default `/` without a session and `/welcome` with one —\n   *  `/` would resume into the app, `/welcome` is always the landing (§3.1). */\n  homeHref?: string;\n  session: LandingSession;\n  access: AccessChoice;\n  /** \"Sign in\". Default `/login`. */\n  signInHref?: string;\n  /** \"Open app\" for a real session — the resume target. Default `/`, which resumes\n   *  through `RootEntry`. */\n  openAppHref?: string;\n  /** \"Continue the demo\" for a demo session. Default `/demo`, which continues a live\n   *  demo (§3.1). */\n  demoHref?: string;\n  /** The app's `LanguageMenu`, before the actions. */\n  languageMenu?: ReactNode;\n  /** The app's `ThemeToggle`, before the language menu. */\n  themeToggle?: ReactNode;\n  labels?: LabelOverride<LandingLabels>;\n}\n\n/**\n * The header of every public page (docs/landing-demo-harmonization.md §4.1): the\n * landing, the auth pages, the legal pages and the 404 — keksdose's `LandingHeader`, on\n * the kit's `TopBar` and `TopBarBrand`, with its hard-coded teal turned into `--brand`.\n *\n * | session | actions |\n * |---|---|\n * | none | Sign in (secondary, hidden below `sm`), **Request access** (primary) |\n * | demo | Continue the demo (secondary), **Request access** (primary) |\n * | user | **Open app** (primary) |\n *\n * A demo session is not \"signed in\" here: it is still offered access, which is the point\n * of the demo (§5.6). In the phone layout (`usePhoneLayout()`) the actions take the kit's `sm` size, so\n * the brand mark, the two controls and two actions fit 390px; \"Sign in\" gives way below\n * `sm` as in keksdose — the sign-in page is one tap away from \"Request access\" anyway.\n */\nexport function PublicHeader({\n  brand,\n  homeHref,\n  session,\n  access,\n  signInHref = \"/login\",\n  openAppHref = \"/\",\n  demoHref = \"/demo\",\n  languageMenu,\n  themeToggle,\n  labels: labelsProp,\n  className,\n  ...rest\n}: PublicHeaderProps) {\n  const labels = useLandingLabels(labelsProp);\n  const accessLink = useAccessAction(access, labelsProp);\n  const phone = usePhoneLayout();\n  const size = phone ? \"sm\" : \"md\";\n  const home = homeHref ?? (session === \"none\" ? \"/\" : \"/welcome\");\n\n  const actions =\n    session === \"user\" ? (\n      <Button href={openAppHref} variant=\"brand\" size={size}>\n        {labels.openApp}\n      </Button>\n    ) : (\n      <>\n        {session === \"demo\" ? (\n          <Button href={demoHref} variant=\"secondary\" size={size}>\n            {labels.continueDemo}\n          </Button>\n        ) : (\n          <Button href={signInHref} variant=\"secondary\" size={size} className=\"max-sm:hidden\">\n            {labels.signIn}\n          </Button>\n        )}\n        <Button href={accessLink.href} variant=\"brand\" size={size}>\n          {accessLink.label}\n        </Button>\n      </>\n    );\n\n  return (\n    <TopBar\n      {...rest}\n      className={className}\n      brand={<TopBarBrand logo={brand.logo} name={brand.name} to={home} collapseBelow={brand.collapseBelow} />}\n      actions={\n        <>\n          {themeToggle}\n          {languageMenu}\n          <span data-slot=\"public-header-actions\" className=\"ms-1 flex items-center gap-1.5 sm:gap-2\">\n            {actions}\n          </span>\n        </>\n      }\n    />\n  );\n}\n"],"mappings":";AAoFM,SAIA,UAJA,KAIA,YAJA;AAlFN,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AAEvB,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAEhC,SAAS,wBAAwB;AAqD1B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,EACd,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,SAAS,iBAAiB,UAAU;AAC1C,QAAM,aAAa,gBAAgB,QAAQ,UAAU;AACrD,QAAM,QAAQ,eAAe;AAC7B,QAAM,OAAO,QAAQ,OAAO;AAC5B,QAAM,OAAO,aAAa,YAAY,SAAS,MAAM;AAErD,QAAM,UACJ,YAAY,SACV,oBAAC,UAAO,MAAM,aAAa,SAAQ,SAAQ,MACxC,iBAAO,SACV,IAEA,iCACG;AAAA,gBAAY,SACX,oBAAC,UAAO,MAAM,UAAU,SAAQ,aAAY,MACzC,iBAAO,cACV,IAEA,oBAAC,UAAO,MAAM,YAAY,SAAQ,aAAY,MAAY,WAAU,iBACjE,iBAAO,QACV;AAAA,IAEF,oBAAC,UAAO,MAAM,WAAW,MAAM,SAAQ,SAAQ,MAC5C,qBAAW,OACd;AAAA,KACF;AAGJ,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,OAAO,oBAAC,eAAY,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,MAAM,eAAe,MAAM,eAAe;AAAA,MACtG,SACE,iCACG;AAAA;AAAA,QACA;AAAA,QACD,oBAAC,UAAK,aAAU,yBAAwB,WAAU,2CAC/C,mBACH;AAAA,SACF;AAAA;AAAA,EAEJ;AAEJ;","names":[]}