@eifi1/ui-kit 0.33.1 → 0.35.0

package/dist/currencies.js

@@ -0,0 +1,38 @@
+"use client";
+const CURRENCIES = [
+  { code: "EUR", name: "Euro", symbol: "\u20AC", country: "eu" },
+  { code: "USD", name: "US Dollar", symbol: "$", country: "us" },
+  { code: "GBP", name: "British Pound", symbol: "\xA3", country: "gb" },
+  { code: "CHF", name: "Swiss Franc", symbol: "CHF", country: "ch" },
+  { code: "JPY", name: "Japanese Yen", symbol: "\xA5", country: "jp" },
+  { code: "CAD", name: "Canadian Dollar", symbol: "CA$", country: "ca" },
+  { code: "AUD", name: "Australian Dollar", symbol: "A$", country: "au" },
+  { code: "NZD", name: "New Zealand Dollar", symbol: "NZ$", country: "nz" },
+  { code: "SEK", name: "Swedish Krona", symbol: "kr", country: "se" },
+  { code: "NOK", name: "Norwegian Krone", symbol: "kr", country: "no" },
+  { code: "DKK", name: "Danish Krone", symbol: "kr", country: "dk" },
+  { code: "PLN", name: "Polish Zloty", symbol: "z\u0142", country: "pl" },
+  { code: "CZK", name: "Czech Koruna", symbol: "K\u010D", country: "cz" },
+  { code: "HUF", name: "Hungarian Forint", symbol: "Ft", country: "hu" },
+  { code: "RON", name: "Romanian Leu", symbol: "lei", country: "ro" },
+  { code: "BGN", name: "Bulgarian Lev", symbol: "\u043B\u0432", country: "bg" },
+  { code: "TRY", name: "Turkish Lira", symbol: "\u20BA", country: "tr" },
+  { code: "RUB", name: "Russian Ruble", symbol: "\u20BD", country: "ru" },
+  { code: "CNY", name: "Chinese Yuan", symbol: "\xA5", country: "cn" },
+  { code: "HKD", name: "Hong Kong Dollar", symbol: "HK$", country: "hk" },
+  { code: "SGD", name: "Singapore Dollar", symbol: "S$", country: "sg" },
+  { code: "INR", name: "Indian Rupee", symbol: "\u20B9", country: "in" },
+  { code: "BRL", name: "Brazilian Real", symbol: "R$", country: "br" },
+  { code: "MXN", name: "Mexican Peso", symbol: "MX$", country: "mx" },
+  { code: "ZAR", name: "South African Rand", symbol: "R", country: "za" },
+  { code: "ILS", name: "Israeli Shekel", symbol: "\u20AA", country: "il" },
+  { code: "AED", name: "UAE Dirham", symbol: "\u062F.\u0625", country: "ae" }
+];
+const CURRENCY_COUNTRIES = Object.fromEntries(
+  CURRENCIES.map((c) => [c.code, c.country])
+);
+export {
+  CURRENCIES,
+  CURRENCY_COUNTRIES
+};
+//# sourceMappingURL=currencies.js.map

package/dist/currencies.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/currencies.ts"],"sourcesContent":["// `@eifi1/ui-kit/currencies` — the currencies the kit's pickers offer, as plain data\n// (0.35, keksdose's 0.34 report).\n//\n// This module imports NOTHING: no React, no stylesheet, no other kit module. That is the\n// entry's whole promise, because an app's BUILD reads it in Node — keksdose's Vite plugin\n// builds its flag-icons subset from these country codes while Vite loads its config. Until\n// 0.35 that plugin parsed the `country` literals out of dist/components/currency-select.js;\n// 0.34 moved the list into the picker's option list and 91 of its test files failed at\n// load. A file inside dist/ is not something the kit promises; an entry is.\n// packaging-contract.test.ts pins the purity, scripts/verify-package.mjs the load in Node.\n//\n// CurrencySelect, AmountInput's currency chip and NumberInput's code detection read this\n// same array (components/currency-option-list re-exports it, and currency-select as it\n// always has), so the list the pickers show and the flags an app ships cannot drift.\n\nexport interface CurrencyOption {\n  code: string;\n  name: string;\n  symbol: string;\n  /** ISO 3166-1 alpha-2 country code (lowercase) used by flag-icons. */\n  country: string;\n}\n\nexport const CURRENCIES: CurrencyOption[] = [\n  { code: \"EUR\", name: \"Euro\", symbol: \"€\", country: \"eu\" },\n  { code: \"USD\", name: \"US Dollar\", symbol: \"$\", country: \"us\" },\n  { code: \"GBP\", name: \"British Pound\", symbol: \"£\", country: \"gb\" },\n  { code: \"CHF\", name: \"Swiss Franc\", symbol: \"CHF\", country: \"ch\" },\n  { code: \"JPY\", name: \"Japanese Yen\", symbol: \"¥\", country: \"jp\" },\n  { code: \"CAD\", name: \"Canadian Dollar\", symbol: \"CA$\", country: \"ca\" },\n  { code: \"AUD\", name: \"Australian Dollar\", symbol: \"A$\", country: \"au\" },\n  { code: \"NZD\", name: \"New Zealand Dollar\", symbol: \"NZ$\", country: \"nz\" },\n  { code: \"SEK\", name: \"Swedish Krona\", symbol: \"kr\", country: \"se\" },\n  { code: \"NOK\", name: \"Norwegian Krone\", symbol: \"kr\", country: \"no\" },\n  { code: \"DKK\", name: \"Danish Krone\", symbol: \"kr\", country: \"dk\" },\n  { code: \"PLN\", name: \"Polish Zloty\", symbol: \"zł\", country: \"pl\" },\n  { code: \"CZK\", name: \"Czech Koruna\", symbol: \"Kč\", country: \"cz\" },\n  { code: \"HUF\", name: \"Hungarian Forint\", symbol: \"Ft\", country: \"hu\" },\n  { code: \"RON\", name: \"Romanian Leu\", symbol: \"lei\", country: \"ro\" },\n  { code: \"BGN\", name: \"Bulgarian Lev\", symbol: \"лв\", country: \"bg\" },\n  { code: \"TRY\", name: \"Turkish Lira\", symbol: \"₺\", country: \"tr\" },\n  { code: \"RUB\", name: \"Russian Ruble\", symbol: \"₽\", country: \"ru\" },\n  { code: \"CNY\", name: \"Chinese Yuan\", symbol: \"¥\", country: \"cn\" },\n  { code: \"HKD\", name: \"Hong Kong Dollar\", symbol: \"HK$\", country: \"hk\" },\n  { code: \"SGD\", name: \"Singapore Dollar\", symbol: \"S$\", country: \"sg\" },\n  { code: \"INR\", name: \"Indian Rupee\", symbol: \"₹\", country: \"in\" },\n  { code: \"BRL\", name: \"Brazilian Real\", symbol: \"R$\", country: \"br\" },\n  { code: \"MXN\", name: \"Mexican Peso\", symbol: \"MX$\", country: \"mx\" },\n  { code: \"ZAR\", name: \"South African Rand\", symbol: \"R\", country: \"za\" },\n  { code: \"ILS\", name: \"Israeli Shekel\", symbol: \"₪\", country: \"il\" },\n  { code: \"AED\", name: \"UAE Dirham\", symbol: \"د.إ\", country: \"ae\" },\n];\n\n/**\n * Each currency code → the flag the kit paints for it: the lowercase ISO 3166-1 alpha-2\n * code flag-icons names it by (`fi-ch`, `flags/4x3/ch.svg`). `CHF` → `\"ch\"`, `EUR` →\n * `\"eu\"` (flag-icons has the EU's flag under that code).\n *\n * Derived from {@link CURRENCIES}, so a currency the pickers gain is a flag here too. An\n * app that ships only the flags it renders builds its subset from these values:\n *\n * ```ts\n * // vite.config.ts — plain Node, no DOM\n * import { CURRENCY_COUNTRIES } from \"@eifi1/ui-kit/currencies\";\n * const flags = new Set(Object.values(CURRENCY_COUNTRIES));\n * ```\n */\nexport const CURRENCY_COUNTRIES: Record<string, string> = Object.fromEntries(\n  CURRENCIES.map((c) => [c.code, c.country]),\n);\n"],"mappings":";AAuBO,MAAM,aAA+B;AAAA,EAC1C,EAAE,MAAM,OAAO,MAAM,QAAQ,QAAQ,UAAK,SAAS,KAAK;AAAA,EACxD,EAAE,MAAM,OAAO,MAAM,aAAa,QAAQ,KAAK,SAAS,KAAK;AAAA,EAC7D,EAAE,MAAM,OAAO,MAAM,iBAAiB,QAAQ,QAAK,SAAS,KAAK;AAAA,EACjE,EAAE,MAAM,OAAO,MAAM,eAAe,QAAQ,OAAO,SAAS,KAAK;AAAA,EACjE,EAAE,MAAM,OAAO,MAAM,gBAAgB,QAAQ,QAAK,SAAS,KAAK;AAAA,EAChE,EAAE,MAAM,OAAO,MAAM,mBAAmB,QAAQ,OAAO,SAAS,KAAK;AAAA,EACrE,EAAE,MAAM,OAAO,MAAM,qBAAqB,QAAQ,MAAM,SAAS,KAAK;AAAA,EACtE,EAAE,MAAM,OAAO,MAAM,sBAAsB,QAAQ,OAAO,SAAS,KAAK;AAAA,EACxE,EAAE,MAAM,OAAO,MAAM,iBAAiB,QAAQ,MAAM,SAAS,KAAK;AAAA,EAClE,EAAE,MAAM,OAAO,MAAM,mBAAmB,QAAQ,MAAM,SAAS,KAAK;AAAA,EACpE,EAAE,MAAM,OAAO,MAAM,gBAAgB,QAAQ,MAAM,SAAS,KAAK;AAAA,EACjE,EAAE,MAAM,OAAO,MAAM,gBAAgB,QAAQ,WAAM,SAAS,KAAK;AAAA,EACjE,EAAE,MAAM,OAAO,MAAM,gBAAgB,QAAQ,WAAM,SAAS,KAAK;AAAA,EACjE,EAAE,MAAM,OAAO,MAAM,oBAAoB,QAAQ,MAAM,SAAS,KAAK;AAAA,EACrE,EAAE,MAAM,OAAO,MAAM,gBAAgB,QAAQ,OAAO,SAAS,KAAK;AAAA,EAClE,EAAE,MAAM,OAAO,MAAM,iBAAiB,QAAQ,gBAAM,SAAS,KAAK;AAAA,EAClE,EAAE,MAAM,OAAO,MAAM,gBAAgB,QAAQ,UAAK,SAAS,KAAK;AAAA,EAChE,EAAE,MAAM,OAAO,MAAM,iBAAiB,QAAQ,UAAK,SAAS,KAAK;AAAA,EACjE,EAAE,MAAM,OAAO,MAAM,gBAAgB,QAAQ,QAAK,SAAS,KAAK;AAAA,EAChE,EAAE,MAAM,OAAO,MAAM,oBAAoB,QAAQ,OAAO,SAAS,KAAK;AAAA,EACtE,EAAE,MAAM,OAAO,MAAM,oBAAoB,QAAQ,MAAM,SAAS,KAAK;AAAA,EACrE,EAAE,MAAM,OAAO,MAAM,gBAAgB,QAAQ,UAAK,SAAS,KAAK;AAAA,EAChE,EAAE,MAAM,OAAO,MAAM,kBAAkB,QAAQ,MAAM,SAAS,KAAK;AAAA,EACnE,EAAE,MAAM,OAAO,MAAM,gBAAgB,QAAQ,OAAO,SAAS,KAAK;AAAA,EAClE,EAAE,MAAM,OAAO,MAAM,sBAAsB,QAAQ,KAAK,SAAS,KAAK;AAAA,EACtE,EAAE,MAAM,OAAO,MAAM,kBAAkB,QAAQ,UAAK,SAAS,KAAK;AAAA,EAClE,EAAE,MAAM,OAAO,MAAM,cAAc,QAAQ,iBAAO,SAAS,KAAK;AAClE;AAgBO,MAAM,qBAA6C,OAAO;AAAA,EAC/D,WAAW,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC;AAC3C;","names":[]}

package/dist/data-table.d.ts

@@ -1,18 +1,10 @@
-export { C as ColumnFilter, D as DEFAULT_DATA_TABLE_LABELS, a as DEFAULT_DATA_TABLE_SORT_LABELS, b as DataTable, c as DataTableChrome, d as DataTableColumn, e as DataTableDensity, f as DataTableLabels, g as DataTableProps, h as DataTableRowAction, i as DataTableSortLabels, F as FilterState, j as FilterValue, M as MobileSwipeActions, S as ServerPagination, T as TableUrlState, k as TableUrlStateProps, l as TableUrlSync, U as UseTableUrlStateOptions, m as UseTableUrlStateReturn, n as dateFilter, o as decodeFilterValue, p as decodeFilterValueOfType, q as defaultFilterState, r as encodeFilterValue, s as filterHref, t as isFilterActive, u as missingDataTableLabels, v as numberFilter, w as readTableUrlState, x as resolveDataTableLabels, y as resolveFilter, z as rowMatches, A as selectFilter, B as textFilter, E as useTableUrlState } from './data-table-labels-BJ5JE_X2.js';
-export { SortCycle, SortDir, SortState, SortStepOptions, decodeSorts, encodeSorts, nextSorts, normalizeSorts } from './components/data-table-sort.js';
-export { PAGE_SIZE_OPTIONS, Pagination } from './components/data-table-pagination.js';
-export { FilterPopover } from './components/data-table-filter-popover.js';
-export { BooleanColumnOptions, BooleanMark, BooleanMarkProps, booleanColumn } from './components/data-table-cells.js';
-import 'react';
-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/tooltip.js';
-import './hooks/use-anchored-rect.js';
-import './lib/clipping.js';
-import './components/write-lock.js';
+export * from "./components/data-table-labels.js";
+export * from "./components/data-table-sort.js";
+export * from "./components/data-table-filters.js";
+export * from "./components/data-table-pagination.js";
+export { FilterPopover } from "./components/data-table-filter-popover.js";
+export { DataTable, DEFAULT_DATA_TABLE_SORT_LABELS } from "./components/data-table.js";
+export type { DataTableSortLabels, DataTableColumn, DataTableCellProps, DataTableHeadProps, DataTableProps, ServerPagination, FilterState, MobileSwipeActions, DataTableDensity, DataTableChrome, DataTableRowAction, } from "./components/data-table.js";
+export * from "./components/data-table-cells.js";
+export { useTableUrlState, readTableUrlState } from "./components/use-table-state.js";
+export type { TableUrlState, TableUrlSync, TableUrlStateProps, UseTableUrlStateOptions, UseTableUrlStateReturn, } from "./components/use-table-state.js";

package/dist/data-table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/data-table.ts"],"sourcesContent":["// `@eifi1/ui-kit/data-table` — the table suite.\n//\n// A re-slicing of the main barrel, not a new API. This entry point requires\n// `react-router`: DataTable calls useSearchParams unconditionally, above any `urlSync`\n// branch, so a Router is needed even with URL sync switched off.\nexport * from \"./components/data-table-labels\";\nexport * from \"./components/data-table-sort\";\nexport * from \"./components/data-table-filters\";\nexport * from \"./components/data-table-pagination\";\nexport { FilterPopover } from \"./components/data-table-filter-popover\";\n// `SortState` comes from data-table-sort above; re-exporting the module wholesale\n// would collide with it, which is why the main barrel names these explicitly too.\nexport { DataTable, DEFAULT_DATA_TABLE_SORT_LABELS } from \"./components/data-table\";\nexport type {\n  DataTableSortLabels,\n  DataTableColumn,\n  DataTableProps,\n  ServerPagination,\n  FilterState,\n  MobileSwipeActions,\n  DataTableDensity,\n  DataTableChrome,\n  DataTableRowAction,\n} from \"./components/data-table\";\nexport * from \"./components/data-table-cells\";\nexport { useTableUrlState, readTableUrlState } from \"./components/use-table-state\";\nexport type {\n  TableUrlState,\n  TableUrlSync,\n  TableUrlStateProps,\n  UseTableUrlStateOptions,\n  UseTableUrlStateReturn,\n} from \"./components/use-table-state\";\n"],"mappings":";AAKA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,qBAAqB;AAG9B,SAAS,WAAW,sCAAsC;AAY1D,cAAc;AACd,SAAS,kBAAkB,yBAAyB;","names":[]}
+{"version":3,"sources":["../src/data-table.ts"],"sourcesContent":["// `@eifi1/ui-kit/data-table` — the table suite.\n//\n// A re-slicing of the main barrel, not a new API. This entry point requires\n// `react-router`: DataTable calls useSearchParams unconditionally, above any `urlSync`\n// branch, so a Router is needed even with URL sync switched off.\nexport * from \"./components/data-table-labels\";\nexport * from \"./components/data-table-sort\";\nexport * from \"./components/data-table-filters\";\nexport * from \"./components/data-table-pagination\";\nexport { FilterPopover } from \"./components/data-table-filter-popover\";\n// `SortState` comes from data-table-sort above; re-exporting the module wholesale\n// would collide with it, which is why the main barrel names these explicitly too.\nexport { DataTable, DEFAULT_DATA_TABLE_SORT_LABELS } from \"./components/data-table\";\nexport type {\n  DataTableSortLabels,\n  DataTableColumn,\n  // The barrel had these two and this entry did not (refactor audit 2026-10, MOD-5):\n  // the types of a column's `cellProps` and `headProps`.\n  DataTableCellProps,\n  DataTableHeadProps,\n  DataTableProps,\n  ServerPagination,\n  FilterState,\n  MobileSwipeActions,\n  DataTableDensity,\n  DataTableChrome,\n  DataTableRowAction,\n} from \"./components/data-table\";\nexport * from \"./components/data-table-cells\";\nexport { useTableUrlState, readTableUrlState } from \"./components/use-table-state\";\nexport type {\n  TableUrlState,\n  TableUrlSync,\n  TableUrlStateProps,\n  UseTableUrlStateOptions,\n  UseTableUrlStateReturn,\n} from \"./components/use-table-state\";\n"],"mappings":";AAKA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,qBAAqB;AAG9B,SAAS,WAAW,sCAAsC;AAgB1D,cAAc;AACd,SAAS,kBAAkB,yBAAyB;","names":[]}

package/dist/demo/demo-banner.d.ts

@@ -1,12 +1,16 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-import { AccessChoice } from '../landing/access.js';
-import { LandingLabels } from '../landing/landing-labels.js';
-import { DemoExpiry } from './demo-countdown.js';
-import { DemoLabels } from './demo-labels.js';
-import { DemoModel } from './demo-session.js';
-
-interface DemoBannerProps extends Omit<ComponentPropsWithoutRef<"div">, "children" | "onClick"> {
+import type { ComponentPropsWithRef } from "react";
+import type { AccessChoice } from "../landing/access.js";
+import type { LandingLabels } from "../landing/landing-labels.js";
+import type { DemoExpiry } from "./demo-countdown.js";
+import type { DemoLabels } from "./demo-labels.js";
+import type { DemoModel } from "./demo-session.js";
+import type { LabelOverride } from "../i18n/kit-labels.js";
+/**
+ * A `div`'s props, `ref` included since 0.35 (round 0.35 R4, the follow-up to API-2). They
+ * go on to the {@link AlertBanner} strip, so the ref is the strip's own `<div>` — never a
+ * link or a button: the banner takes no `href` or `onClick` of its own.
+ */
+export interface DemoBannerProps extends Omit<ComponentPropsWithRef<"div">, "children" | "onClick"> {
     /** The demo's end: `expires_at` from the `TokenResponse`, or `demo_expires_at` from
      *  `/auth/me` (§5.3). */
     expiresAt: DemoExpiry | null | undefined;
@@ -24,7 +28,7 @@ interface DemoBannerProps extends Omit<ComponentPropsWithoutRef<"div">, "childre
     collapseKey?: string;
     /** The clock, for tests and previews. Default `Date.now`. Keep it stable. */
     now?: () => number;
-    labels?: Partial<DemoLabels>;
+    labels?: LabelOverride<DemoLabels>;
     /** The access words (`landing` namespace) for this instance. */
     landingLabels?: Partial<LandingLabels>;
 }
@@ -46,6 +50,4 @@ interface DemoBannerProps extends Omit<ComponentPropsWithoutRef<"div">, "childre
  * page. A screen-reader user meets it at the top of the page, and the end page says
  * the rest.
  */
-declare function DemoBanner({ expiresAt, model, access, signInHref, onEnded, collapseKey, now, labels: labelsProp, landingLabels, className, ...rest }: DemoBannerProps): react.JSX.Element;
-
-export { DemoBanner, type DemoBannerProps };
+export declare function DemoBanner({ expiresAt, model, access, signInHref, onEnded, collapseKey, now, labels: labelsProp, landingLabels, className, ...rest }: DemoBannerProps): import("react").JSX.Element;

package/dist/demo/demo-banner.js

@@ -3,29 +3,15 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { ChevronDown, ChevronUp, Timer } from "lucide-react";
 import { cn } from "../lib/cn.js";
+import { readSessionStored, writeSessionStored } from "../lib/safe-storage.js";
 import { AlertBanner } from "../components/alert-banner.js";
-import { Button, IconButton } from "../components/ui.js";
+import { Button } from "../components/button.js";
+import { IconButton } from "../components/icon-button.js";
 import { useAccessAction } from "../landing/access.js";
 import { useLandingLabels } from "../landing/landing-labels.js";
 import { useDemoCountdown } from "./demo-countdown.js";
 import { useDemoLabels } from "./demo-labels.js";
 const COLLAPSE_KEY = "kit.demoBanner.collapsed";
-function readSession(key) {
-  if (typeof window === "undefined") return null;
-  try {
-    return window.sessionStorage.getItem(key);
-  } catch {
-    return null;
-  }
-}
-function writeSession(key, value) {
-  if (typeof window === "undefined") return;
-  try {
-    if (value === null) window.sessionStorage.removeItem(key);
-    else window.sessionStorage.setItem(key, value);
-  } catch {
-  }
-}
 function timeText(countdown, labels) {
   if (countdown.minutesLeft === null) return labels.badge;
   if (countdown.ended) return labels.endedTitle;
@@ -48,11 +34,11 @@ function DemoBanner({
   const landing = useLandingLabels(landingLabels);
   const accessLink = useAccessAction(access, landingLabels);
   const countdown = useDemoCountdown(expiresAt, { now, onEnded });
-  const [collapsed, setCollapsed] = useState(() => readSession(collapseKey) === "1");
+  const [collapsed, setCollapsed] = useState(() => readSessionStored(collapseKey) === "1");
   const toggle = () => {
     const next = !collapsed;
     setCollapsed(next);
-    writeSession(collapseKey, next ? "1" : null);
+    writeSessionStored(collapseKey, next ? "1" : null);
   };
   return /* @__PURE__ */ jsxs(
     AlertBanner,

package/dist/demo/demo-banner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/demo/demo-banner.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { ChevronDown, ChevronUp, Timer } from \"lucide-react\";\n\nimport { cn } from \"../lib/cn\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { Button, IconButton } from \"../components/ui\";\nimport { useAccessAction } from \"../landing/access\";\nimport type { AccessChoice } from \"../landing/access\";\nimport { useLandingLabels } from \"../landing/landing-labels\";\nimport type { LandingLabels } from \"../landing/landing-labels\";\nimport { useDemoCountdown } from \"./demo-countdown\";\nimport type { DemoCountdown, DemoExpiry } from \"./demo-countdown\";\nimport { useDemoLabels } from \"./demo-labels\";\nimport type { DemoLabels } from \"./demo-labels\";\nimport type { DemoModel } from \"./demo-session\";\n\n/** The default `sessionStorage` key of the collapsed state. */\nconst COLLAPSE_KEY = \"kit.demoBanner.collapsed\";\n\n/** `sessionStorage`, guarded like `lib/safe-storage`'s `localStorage`: blocked storage\n *  reads as \"not set\" and writes nothing. */\nfunction readSession(key: string): string | null {\n  if (typeof window === \"undefined\") return null;\n  try {\n    return window.sessionStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\n\nfunction writeSession(key: string, value: string | null): void {\n  if (typeof window === \"undefined\") return;\n  try {\n    if (value === null) window.sessionStorage.removeItem(key);\n    else window.sessionStorage.setItem(key, value);\n  } catch {\n    // storage blocked: the banner just opens again next time\n  }\n}\n\n/** \"Demo · 23 h 12 min left\", \"Demo · 50 min left\", the end, or plain \"Demo\". */\nfunction timeText(countdown: DemoCountdown, labels: DemoLabels): string {\n  if (countdown.minutesLeft === null) return labels.badge;\n  if (countdown.ended) return labels.endedTitle;\n  return countdown.lastHour\n    ? labels.minutesLeft(countdown.minutes)\n    : labels.hoursLeft(countdown.hours, countdown.minutes);\n}\n\nexport interface DemoBannerProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"onClick\"> {\n  /** The demo's end: `expires_at` from the `TokenResponse`, or `demo_expires_at` from\n   *  `/auth/me` (§5.3). */\n  expiresAt: DemoExpiry | null | undefined;\n  /** Which line the banner says about the data (§2.3). */\n  model: DemoModel;\n  /** \"Request access\". */\n  access: AccessChoice;\n  /** \"Sign in\" — let through for a demo session by `RedirectIfAuthed allowDemo`. Default\n   *  `/login`. */\n  signInHref?: string;\n  /** The countdown reached zero: clear the session and replace to `/demo/ended` (§5.5). */\n  onEnded?: () => void;\n  /** Where the collapsed state is kept for the tab's session. Default\n   *  `kit.demoBanner.collapsed`. */\n  collapseKey?: string;\n  /** The clock, for tests and previews. Default `Date.now`. Keep it stable. */\n  now?: () => number;\n  labels?: Partial<DemoLabels>;\n  /** The access words (`landing` namespace) for this instance. */\n  landingLabels?: Partial<LandingLabels>;\n}\n\n/**\n * The demo's strip under the top bar, on every page of a demo session\n * (docs/landing-demo-harmonization.md §5.4) — a kit `AlertBanner` strip:\n *\n * - the time left, \"Demo · 23 h 12 min left\" — minutes only in the last hour, and the\n *   warning tone in the last ten minutes (`useDemoCountdown`);\n * - one line on the model: R \"You're looking at sample data. Changes aren't possible.\",\n *   S \"Your own work is deleted when the demo ends.\";\n * - \"Request access\" (the mail) and \"Sign in\".\n *\n * It collapses to the countdown alone, for the tab's session (`sessionStorage`) — never\n * hidden for good: it is a live state, like keksdose's preview banner, which a demo user\n * gets instead of. At zero it calls `onEnded`.\n *\n * The countdown is no live region: a sentence read out every minute would drown the\n * page. A screen-reader user meets it at the top of the page, and the end page says\n * the rest.\n */\nexport function DemoBanner({\n  expiresAt,\n  model,\n  access,\n  signInHref = \"/login\",\n  onEnded,\n  collapseKey = COLLAPSE_KEY,\n  now,\n  labels: labelsProp,\n  landingLabels,\n  className,\n  ...rest\n}: DemoBannerProps) {\n  const labels = useDemoLabels(labelsProp);\n  const landing = useLandingLabels(landingLabels);\n  const accessLink = useAccessAction(access, landingLabels);\n  const countdown = useDemoCountdown(expiresAt, { now, onEnded });\n  const [collapsed, setCollapsed] = useState(() => readSession(collapseKey) === \"1\");\n\n  const toggle = () => {\n    const next = !collapsed;\n    setCollapsed(next);\n    writeSession(collapseKey, next ? \"1\" : null);\n  };\n\n  return (\n    <AlertBanner\n      {...rest}\n      variant=\"strip\"\n      size=\"sm\"\n      tone={countdown.warning || countdown.ended ? \"warning\" : \"info\"}\n      icon={<Timer />}\n      data-demo-model={model}\n      className={cn(\"sm:text-sm\", className)}\n      action={\n        <>\n          {!collapsed && (\n            <>\n              <Button href={accessLink.href} variant=\"brand\" size=\"sm\">\n                {accessLink.label}\n              </Button>\n              <Button href={signInHref} variant=\"secondary\" size=\"sm\">\n                {landing.signIn}\n              </Button>\n            </>\n          )}\n          <IconButton\n            size=\"2xs\"\n            variant=\"ghost\"\n            label={labels.details}\n            // The icon alone at every text size (docs/text-size-harmonization.md §10.8):\n            // a strip's one disclosure chevron beside its two links, whose state the\n            // chevron and `aria-expanded` say; \"Details\" as text at Large would push the\n            // links onto another line of a strip that is meant to stay one.\n            labelVisible={false}\n            aria-expanded={!collapsed}\n            onClick={toggle}\n          >\n            {collapsed ? <ChevronDown /> : <ChevronUp />}\n          </IconButton>\n        </>\n      }\n    >\n      <span className=\"font-semibold\">{timeText(countdown, labels)}</span>\n      {!collapsed && (\n        <>\n          {\" \"}\n          <span>{model === \"read-only\" ? labels.readOnly : labels.sandbox}</span>\n        </>\n      )}\n    </AlertBanner>\n  );\n}\n"],"mappings":";AA0HY,SAMA,UANA,KAMA,YANA;AA1HZ,SAAS,gBAAgB;AAEzB,SAAS,aAAa,WAAW,aAAa;AAE9C,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,QAAQ,kBAAkB;AACnC,SAAS,uBAAuB;AAEhC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AAEjC,SAAS,qBAAqB;AAK9B,MAAM,eAAe;AAIrB,SAAS,YAAY,KAA4B;AAC/C,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,MAAI;AACF,WAAO,OAAO,eAAe,QAAQ,GAAG;AAAA,EAC1C,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,aAAa,KAAa,OAA4B;AAC7D,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI;AACF,QAAI,UAAU,KAAM,QAAO,eAAe,WAAW,GAAG;AAAA,QACnD,QAAO,eAAe,QAAQ,KAAK,KAAK;AAAA,EAC/C,QAAQ;AAAA,EAER;AACF;AAGA,SAAS,SAAS,WAA0B,QAA4B;AACtE,MAAI,UAAU,gBAAgB,KAAM,QAAO,OAAO;AAClD,MAAI,UAAU,MAAO,QAAO,OAAO;AACnC,SAAO,UAAU,WACb,OAAO,YAAY,UAAU,OAAO,IACpC,OAAO,UAAU,UAAU,OAAO,UAAU,OAAO;AACzD;AA2CO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,SAAS,cAAc,UAAU;AACvC,QAAM,UAAU,iBAAiB,aAAa;AAC9C,QAAM,aAAa,gBAAgB,QAAQ,aAAa;AACxD,QAAM,YAAY,iBAAiB,WAAW,EAAE,KAAK,QAAQ,CAAC;AAC9D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,MAAM,YAAY,WAAW,MAAM,GAAG;AAEjF,QAAM,SAAS,MAAM;AACnB,UAAM,OAAO,CAAC;AACd,iBAAa,IAAI;AACjB,iBAAa,aAAa,OAAO,MAAM,IAAI;AAAA,EAC7C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,MAAM,UAAU,WAAW,UAAU,QAAQ,YAAY;AAAA,MACzD,MAAM,oBAAC,SAAM;AAAA,MACb,mBAAiB;AAAA,MACjB,WAAW,GAAG,cAAc,SAAS;AAAA,MACrC,QACE,iCACG;AAAA,SAAC,aACA,iCACE;AAAA,8BAAC,UAAO,MAAM,WAAW,MAAM,SAAQ,SAAQ,MAAK,MACjD,qBAAW,OACd;AAAA,UACA,oBAAC,UAAO,MAAM,YAAY,SAAQ,aAAY,MAAK,MAChD,kBAAQ,QACX;AAAA,WACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,OAAO,OAAO;AAAA,YAKd,cAAc;AAAA,YACd,iBAAe,CAAC;AAAA,YAChB,SAAS;AAAA,YAER,sBAAY,oBAAC,eAAY,IAAK,oBAAC,aAAU;AAAA;AAAA,QAC5C;AAAA,SACF;AAAA,MAGF;AAAA,4BAAC,UAAK,WAAU,iBAAiB,mBAAS,WAAW,MAAM,GAAE;AAAA,QAC5D,CAAC,aACA,iCACG;AAAA;AAAA,UACD,oBAAC,UAAM,oBAAU,cAAc,OAAO,WAAW,OAAO,SAAQ;AAAA,WAClE;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/demo/demo-banner.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ComponentPropsWithRef } from \"react\";\nimport { ChevronDown, ChevronUp, Timer } from \"lucide-react\";\n\nimport { cn } from \"../lib/cn\";\nimport { readSessionStored, writeSessionStored } from \"../lib/safe-storage\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { Button } from \"../components/button\";\nimport { IconButton } from \"../components/icon-button\";\nimport { useAccessAction } from \"../landing/access\";\nimport type { AccessChoice } from \"../landing/access\";\nimport { useLandingLabels } from \"../landing/landing-labels\";\nimport type { LandingLabels } from \"../landing/landing-labels\";\nimport { useDemoCountdown } from \"./demo-countdown\";\nimport type { DemoCountdown, DemoExpiry } from \"./demo-countdown\";\nimport { useDemoLabels } from \"./demo-labels\";\nimport type { DemoLabels } from \"./demo-labels\";\nimport type { DemoModel } from \"./demo-session\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\n\n/** The default `sessionStorage` key of the collapsed state. */\nconst COLLAPSE_KEY = \"kit.demoBanner.collapsed\";\n\n/** \"Demo · 23 h 12 min left\", \"Demo · 50 min left\", the end, or plain \"Demo\". */\nfunction timeText(countdown: DemoCountdown, labels: DemoLabels): string {\n  if (countdown.minutesLeft === null) return labels.badge;\n  if (countdown.ended) return labels.endedTitle;\n  return countdown.lastHour\n    ? labels.minutesLeft(countdown.minutes)\n    : labels.hoursLeft(countdown.hours, countdown.minutes);\n}\n\n/**\n * A `div`'s props, `ref` included since 0.35 (round 0.35 R4, the follow-up to API-2). They\n * go on to the {@link AlertBanner} strip, so the ref is the strip's own `<div>` — never a\n * link or a button: the banner takes no `href` or `onClick` of its own.\n */\nexport interface DemoBannerProps extends Omit<ComponentPropsWithRef<\"div\">, \"children\" | \"onClick\"> {\n  /** The demo's end: `expires_at` from the `TokenResponse`, or `demo_expires_at` from\n   *  `/auth/me` (§5.3). */\n  expiresAt: DemoExpiry | null | undefined;\n  /** Which line the banner says about the data (§2.3). */\n  model: DemoModel;\n  /** \"Request access\". */\n  access: AccessChoice;\n  /** \"Sign in\" — let through for a demo session by `RedirectIfAuthed allowDemo`. Default\n   *  `/login`. */\n  signInHref?: string;\n  /** The countdown reached zero: clear the session and replace to `/demo/ended` (§5.5). */\n  onEnded?: () => void;\n  /** Where the collapsed state is kept for the tab's session. Default\n   *  `kit.demoBanner.collapsed`. */\n  collapseKey?: string;\n  /** The clock, for tests and previews. Default `Date.now`. Keep it stable. */\n  now?: () => number;\n  labels?: LabelOverride<DemoLabels>;\n  /** The access words (`landing` namespace) for this instance. */\n  landingLabels?: Partial<LandingLabels>;\n}\n\n/**\n * The demo's strip under the top bar, on every page of a demo session\n * (docs/landing-demo-harmonization.md §5.4) — a kit `AlertBanner` strip:\n *\n * - the time left, \"Demo · 23 h 12 min left\" — minutes only in the last hour, and the\n *   warning tone in the last ten minutes (`useDemoCountdown`);\n * - one line on the model: R \"You're looking at sample data. Changes aren't possible.\",\n *   S \"Your own work is deleted when the demo ends.\";\n * - \"Request access\" (the mail) and \"Sign in\".\n *\n * It collapses to the countdown alone, for the tab's session (`sessionStorage`) — never\n * hidden for good: it is a live state, like keksdose's preview banner, which a demo user\n * gets instead of. At zero it calls `onEnded`.\n *\n * The countdown is no live region: a sentence read out every minute would drown the\n * page. A screen-reader user meets it at the top of the page, and the end page says\n * the rest.\n */\nexport function DemoBanner({\n  expiresAt,\n  model,\n  access,\n  signInHref = \"/login\",\n  onEnded,\n  collapseKey = COLLAPSE_KEY,\n  now,\n  labels: labelsProp,\n  landingLabels,\n  className,\n  ...rest\n}: DemoBannerProps) {\n  const labels = useDemoLabels(labelsProp);\n  const landing = useLandingLabels(landingLabels);\n  const accessLink = useAccessAction(access, landingLabels);\n  const countdown = useDemoCountdown(expiresAt, { now, onEnded });\n  // `sessionStorage`, guarded (lib/safe-storage): blocked storage reads as \"not set\",\n  // and the banner just opens again next time.\n  const [collapsed, setCollapsed] = useState(() => readSessionStored(collapseKey) === \"1\");\n\n  const toggle = () => {\n    const next = !collapsed;\n    setCollapsed(next);\n    writeSessionStored(collapseKey, next ? \"1\" : null);\n  };\n\n  return (\n    <AlertBanner\n      {...rest}\n      variant=\"strip\"\n      size=\"sm\"\n      tone={countdown.warning || countdown.ended ? \"warning\" : \"info\"}\n      icon={<Timer />}\n      data-demo-model={model}\n      className={cn(\"sm:text-sm\", className)}\n      action={\n        <>\n          {!collapsed && (\n            <>\n              <Button href={accessLink.href} variant=\"brand\" size=\"sm\">\n                {accessLink.label}\n              </Button>\n              <Button href={signInHref} variant=\"secondary\" size=\"sm\">\n                {landing.signIn}\n              </Button>\n            </>\n          )}\n          <IconButton\n            size=\"2xs\"\n            variant=\"ghost\"\n            label={labels.details}\n            // The icon alone at every text size (docs/text-size-harmonization.md §10.8):\n            // a strip's one disclosure chevron beside its two links, whose state the\n            // chevron and `aria-expanded` say; \"Details\" as text at Large would push the\n            // links onto another line of a strip that is meant to stay one.\n            labelVisible={false}\n            aria-expanded={!collapsed}\n            onClick={toggle}\n          >\n            {collapsed ? <ChevronDown /> : <ChevronUp />}\n          </IconButton>\n        </>\n      }\n    >\n      <span className=\"font-semibold\">{timeText(countdown, labels)}</span>\n      {!collapsed && (\n        <>\n          {\" \"}\n          <span>{model === \"read-only\" ? labels.readOnly : labels.sandbox}</span>\n        </>\n      )}\n    </AlertBanner>\n  );\n}\n"],"mappings":";AA+GY,SAMA,UANA,KAMA,YANA;AA/GZ,SAAS,gBAAgB;AAEzB,SAAS,aAAa,WAAW,aAAa;AAE9C,SAAS,UAAU;AACnB,SAAS,mBAAmB,0BAA0B;AACtD,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAEhC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AAEjC,SAAS,qBAAqB;AAM9B,MAAM,eAAe;AAGrB,SAAS,SAAS,WAA0B,QAA4B;AACtE,MAAI,UAAU,gBAAgB,KAAM,QAAO,OAAO;AAClD,MAAI,UAAU,MAAO,QAAO,OAAO;AACnC,SAAO,UAAU,WACb,OAAO,YAAY,UAAU,OAAO,IACpC,OAAO,UAAU,UAAU,OAAO,UAAU,OAAO;AACzD;AAgDO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,SAAS,cAAc,UAAU;AACvC,QAAM,UAAU,iBAAiB,aAAa;AAC9C,QAAM,aAAa,gBAAgB,QAAQ,aAAa;AACxD,QAAM,YAAY,iBAAiB,WAAW,EAAE,KAAK,QAAQ,CAAC;AAG9D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,MAAM,kBAAkB,WAAW,MAAM,GAAG;AAEvF,QAAM,SAAS,MAAM;AACnB,UAAM,OAAO,CAAC;AACd,iBAAa,IAAI;AACjB,uBAAmB,aAAa,OAAO,MAAM,IAAI;AAAA,EACnD;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,MAAM,UAAU,WAAW,UAAU,QAAQ,YAAY;AAAA,MACzD,MAAM,oBAAC,SAAM;AAAA,MACb,mBAAiB;AAAA,MACjB,WAAW,GAAG,cAAc,SAAS;AAAA,MACrC,QACE,iCACG;AAAA,SAAC,aACA,iCACE;AAAA,8BAAC,UAAO,MAAM,WAAW,MAAM,SAAQ,SAAQ,MAAK,MACjD,qBAAW,OACd;AAAA,UACA,oBAAC,UAAO,MAAM,YAAY,SAAQ,aAAY,MAAK,MAChD,kBAAQ,QACX;AAAA,WACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,OAAO,OAAO;AAAA,YAKd,cAAc;AAAA,YACd,iBAAe,CAAC;AAAA,YAChB,SAAS;AAAA,YAER,sBAAY,oBAAC,eAAY,IAAK,oBAAC,aAAU;AAAA;AAAA,QAC5C;AAAA,SACF;AAAA,MAGF;AAAA,4BAAC,UAAK,WAAU,iBAAiB,mBAAS,WAAW,MAAM,GAAE;AAAA,QAC5D,CAAC,aACA,iCACG;AAAA;AAAA,UACD,oBAAC,UAAM,oBAAU,cAAc,OAAO,WAAW,OAAO,SAAQ;AAAA,WAClE;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/demo/demo-countdown.d.ts

@@ -5,12 +5,12 @@
  */
 /** When the demo ends: an ISO timestamp from the server, epoch milliseconds, or a
  *  `Date`. */
-type DemoExpiry = string | number | Date;
+export type DemoExpiry = string | number | Date;
 /** The last stretch, in minutes, in which the banner turns to the warning tone (§5.4). */
-declare const DEMO_WARNING_MINUTES = 10;
+export declare const DEMO_WARNING_MINUTES = 10;
 /** Below this many minutes the countdown shows minutes only (§5.4). */
-declare const DEMO_MINUTES_ONLY = 60;
-interface DemoCountdown {
+export declare const DEMO_MINUTES_ONLY = 60;
+export interface DemoCountdown {
     /**
      * Whole minutes left, ROUNDED UP — 30 s left is "1 min", and 0 only once the demo has
      * ended. `null` when `expiresAt` cannot be read: the countdown then shows no time and
@@ -32,8 +32,8 @@ interface DemoCountdown {
  * The countdown at `now` — pure, for a test or a server-rendered value. See
  * {@link DemoCountdown} for the rounding and the thresholds.
  */
-declare function demoCountdown(expiresAt: DemoExpiry | null | undefined, now: number): DemoCountdown;
-interface DemoCountdownOptions {
+export declare function demoCountdown(expiresAt: DemoExpiry | null | undefined, now: number): DemoCountdown;
+export interface DemoCountdownOptions {
     /**
      * The clock, in epoch milliseconds. Default `Date.now`. A test passes its own (or uses
      * fake timers, which move `Date.now` too). Keep it a stable function — a new one each
@@ -53,6 +53,4 @@ interface DemoCountdownOptions {
  * server's answer to a request after the end (a 401) ends the demo as well — the app's
  * 401 handler, not this hook.
  */
-declare function useDemoCountdown(expiresAt: DemoExpiry | null | undefined, { now, onEnded }?: DemoCountdownOptions): DemoCountdown;
-
-export { DEMO_MINUTES_ONLY, DEMO_WARNING_MINUTES, type DemoCountdown, type DemoCountdownOptions, type DemoExpiry, demoCountdown, useDemoCountdown };
+export declare function useDemoCountdown(expiresAt: DemoExpiry | null | undefined, { now, onEnded }?: DemoCountdownOptions): DemoCountdown;

package/dist/demo/demo-ended.d.ts

@@ -1,12 +1,11 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { AuthHeadingLevel } from '../auth/status-parts.js';
-import { AccessChoice } from '../landing/access.js';
-import { LandingLabels } from '../landing/landing-labels.js';
-import { DemoLabels } from './demo-labels.js';
-import { DemoModel } from './demo-session.js';
-
-interface DemoEndedProps extends Omit<ComponentPropsWithoutRef<"div">, "children" | "title"> {
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { AuthHeadingLevel } from "../auth/status-parts.js";
+import type { AccessChoice } from "../landing/access.js";
+import type { LandingLabels } from "../landing/landing-labels.js";
+import type { DemoLabels } from "./demo-labels.js";
+import type { DemoModel } from "./demo-session.js";
+import type { LabelOverride } from "../i18n/kit-labels.js";
+export interface DemoEndedProps extends Omit<ComponentPropsWithRef<"div">, "children" | "title"> {
     /** Which line the page says about the data (§2.3). */
     model: DemoModel;
     /** "Request access". */
@@ -22,7 +21,7 @@ interface DemoEndedProps extends Omit<ComponentPropsWithoutRef<"div">, "children
     noIndex?: boolean;
     /** Default `h2`, under `AuthLayout`'s `h1`. */
     headingAs?: AuthHeadingLevel;
-    labels?: Partial<DemoLabels>;
+    labels?: LabelOverride<DemoLabels>;
     /** The access words (`landing` namespace) for this instance. */
     landingLabels?: Partial<LandingLabels>;
 }
@@ -40,6 +39,4 @@ interface DemoEndedProps extends Omit<ComponentPropsWithoutRef<"div">, "children
  * menu and legal footer). It marks the page `noindex`; robots.txt must NOT disallow it,
  * or a crawler could never read that (§10.8).
  */
-declare function DemoEnded({ model, access, restartHref, signInHref, children, noIndex, headingAs: Heading, labels: labelsProp, landingLabels, className, ...rest }: DemoEndedProps): react.JSX.Element;
-
-export { DemoEnded, type DemoEndedProps };
+export declare function DemoEnded({ model, access, restartHref, signInHref, children, noIndex, headingAs: Heading, labels: labelsProp, landingLabels, className, ...rest }: DemoEndedProps): import("react").JSX.Element;

package/dist/demo/demo-ended.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Hourglass } from "lucide-react";
 import { cn } from "../lib/cn.js";
-import { Button } from "../components/ui.js";
+import { Button } from "../components/button.js";
 import { useNoIndex } from "../hooks/use-noindex.js";
 import { useAccessAction } from "../landing/access.js";
 import { useLandingLabels } from "../landing/landing-labels.js";
@@ -25,9 +25,9 @@ function DemoEnded({
   const accessLink = useAccessAction(access, landingLabels);
   useNoIndex(noIndex);
   return /* @__PURE__ */ jsxs("div", { ...rest, className: cn("flex flex-col items-center gap-2 py-4 text-center", className), children: [
-    /* @__PURE__ */ jsx(Hourglass, { "aria-hidden": true, className: "size-10 text-[var(--text-placeholder)]" }),
-    /* @__PURE__ */ jsx(Heading, { className: "mt-2 text-xl font-semibold text-[var(--text-primary)]", children: labels.endedTitle }),
-    /* @__PURE__ */ jsx("p", { className: "max-w-prose text-sm text-[var(--text-secondary)]", children: model === "sandbox" ? labels.endedSandbox : labels.endedReadOnly }),
+    /* @__PURE__ */ jsx(Hourglass, { "aria-hidden": true, className: "size-10 text-placeholder" }),
+    /* @__PURE__ */ jsx(Heading, { className: "mt-2 text-xl font-semibold text-primary", children: labels.endedTitle }),
+    /* @__PURE__ */ jsx("p", { className: "max-w-prose text-sm text-secondary", children: model === "sandbox" ? labels.endedSandbox : labels.endedReadOnly }),
     children,
     /* @__PURE__ */ jsxs("div", { className: "mt-4 flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:flex-wrap sm:justify-center", children: [
       /* @__PURE__ */ jsx(Button, { href: restartHref, variant: "brand", children: labels.restart }),

package/dist/demo/demo-ended.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/demo/demo-ended.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { Hourglass } from \"lucide-react\";\n\nimport { cn } from \"../lib/cn\";\nimport { Button } from \"../components/ui\";\nimport { useNoIndex } from \"../hooks/use-noindex\";\nimport type { AuthHeadingLevel } from \"../auth/status-parts\";\nimport { useAccessAction } from \"../landing/access\";\nimport type { AccessChoice } from \"../landing/access\";\nimport { useLandingLabels } from \"../landing/landing-labels\";\nimport type { LandingLabels } from \"../landing/landing-labels\";\nimport { useDemoLabels } from \"./demo-labels\";\nimport type { DemoLabels } from \"./demo-labels\";\nimport type { DemoModel } from \"./demo-session\";\n\nexport interface DemoEndedProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"title\"> {\n  /** Which line the page says about the data (§2.3). */\n  model: DemoModel;\n  /** \"Request access\". */\n  access: AccessChoice;\n  /** \"Start a new demo\". Default `/demo` — a new demo may start after one ends, within\n   *  the per-IP window (§2.7). */\n  restartHref?: string;\n  /** \"Sign in\". Default `/login`. */\n  signInHref?: string;\n  /** App content under the line. */\n  children?: ReactNode;\n  /** `false` adds no `noindex` — for a preview. Default `true` (§4.3). */\n  noIndex?: boolean;\n  /** Default `h2`, under `AuthLayout`'s `h1`. */\n  headingAs?: AuthHeadingLevel;\n  labels?: Partial<DemoLabels>;\n  /** The access words (`landing` namespace) for this instance. */\n  landingLabels?: Partial<LandingLabels>;\n}\n\n/**\n * The `/demo/ended` page's content (docs/landing-demo-harmonization.md §5.5): \"The demo\n * has ended\", one line on what became of the data, and three ways on — \"Start a new\n * demo\", \"Request access\", \"Sign in\".\n *\n * Where a demo lands at `expires_at`, or on ANY 401 while the session is a demo: the\n * client clears the session and replaces to `/demo/ended`, never to `/login`. keksdose's\n * expired demo met an unexplained sign-in form. The server deletes the user at the next\n * reap; nothing is kept.\n *\n * Content, like `NotFoundPage`: put it in the app's `AuthLayout` (its logo, language\n * menu and legal footer). It marks the page `noindex`; robots.txt must NOT disallow it,\n * or a crawler could never read that (§10.8).\n */\nexport function DemoEnded({\n  model,\n  access,\n  restartHref = \"/demo\",\n  signInHref = \"/login\",\n  children,\n  noIndex = true,\n  headingAs: Heading = \"h2\",\n  labels: labelsProp,\n  landingLabels,\n  className,\n  ...rest\n}: DemoEndedProps) {\n  const labels = useDemoLabels(labelsProp);\n  const landing = useLandingLabels(landingLabels);\n  const accessLink = useAccessAction(access, landingLabels);\n  useNoIndex(noIndex);\n  return (\n    <div {...rest} className={cn(\"flex flex-col items-center gap-2 py-4 text-center\", className)}>\n      <Hourglass aria-hidden className=\"size-10 text-[var(--text-placeholder)]\" />\n      <Heading className=\"mt-2 text-xl font-semibold text-[var(--text-primary)]\">{labels.endedTitle}</Heading>\n      <p className=\"max-w-prose text-sm text-[var(--text-secondary)]\">\n        {model === \"sandbox\" ? labels.endedSandbox : labels.endedReadOnly}\n      </p>\n      {children}\n      <div className=\"mt-4 flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:flex-wrap sm:justify-center\">\n        <Button href={restartHref} variant=\"brand\">\n          {labels.restart}\n        </Button>\n        <Button href={accessLink.href} variant=\"secondary\">\n          {accessLink.label}\n        </Button>\n        <Button href={signInHref} variant=\"secondary\">\n          {landing.signIn}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAqEM,cAMA,YANA;AApEN,SAAS,iBAAiB;AAE1B,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAE3B,SAAS,uBAAuB;AAEhC,SAAS,wBAAwB;AAEjC,SAAS,qBAAqB;AAuCvB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA,UAAU;AAAA,EACV,WAAW,UAAU;AAAA,EACrB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,SAAS,cAAc,UAAU;AACvC,QAAM,UAAU,iBAAiB,aAAa;AAC9C,QAAM,aAAa,gBAAgB,QAAQ,aAAa;AACxD,aAAW,OAAO;AAClB,SACE,qBAAC,SAAK,GAAG,MAAM,WAAW,GAAG,qDAAqD,SAAS,GACzF;AAAA,wBAAC,aAAU,eAAW,MAAC,WAAU,0CAAyC;AAAA,IAC1E,oBAAC,WAAQ,WAAU,yDAAyD,iBAAO,YAAW;AAAA,IAC9F,oBAAC,OAAE,WAAU,oDACV,oBAAU,YAAY,OAAO,eAAe,OAAO,eACtD;AAAA,IACC;AAAA,IACD,qBAAC,SAAI,WAAU,wFACb;AAAA,0BAAC,UAAO,MAAM,aAAa,SAAQ,SAChC,iBAAO,SACV;AAAA,MACA,oBAAC,UAAO,MAAM,WAAW,MAAM,SAAQ,aACpC,qBAAW,OACd;AAAA,MACA,oBAAC,UAAO,MAAM,YAAY,SAAQ,aAC/B,kBAAQ,QACX;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/demo/demo-ended.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from \"react\";\nimport { Hourglass } from \"lucide-react\";\n\nimport { cn } from \"../lib/cn\";\nimport { Button } from \"../components/button\";\nimport { useNoIndex } from \"../hooks/use-noindex\";\nimport type { AuthHeadingLevel } from \"../auth/status-parts\";\nimport { useAccessAction } from \"../landing/access\";\nimport type { AccessChoice } from \"../landing/access\";\nimport { useLandingLabels } from \"../landing/landing-labels\";\nimport type { LandingLabels } from \"../landing/landing-labels\";\nimport { useDemoLabels } from \"./demo-labels\";\nimport type { DemoLabels } from \"./demo-labels\";\nimport type { DemoModel } from \"./demo-session\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\n\nexport interface DemoEndedProps extends Omit<ComponentPropsWithRef<\"div\">, \"children\" | \"title\"> {\n  /** Which line the page says about the data (§2.3). */\n  model: DemoModel;\n  /** \"Request access\". */\n  access: AccessChoice;\n  /** \"Start a new demo\". Default `/demo` — a new demo may start after one ends, within\n   *  the per-IP window (§2.7). */\n  restartHref?: string;\n  /** \"Sign in\". Default `/login`. */\n  signInHref?: string;\n  /** App content under the line. */\n  children?: ReactNode;\n  /** `false` adds no `noindex` — for a preview. Default `true` (§4.3). */\n  noIndex?: boolean;\n  /** Default `h2`, under `AuthLayout`'s `h1`. */\n  headingAs?: AuthHeadingLevel;\n  labels?: LabelOverride<DemoLabels>;\n  /** The access words (`landing` namespace) for this instance. */\n  landingLabels?: Partial<LandingLabels>;\n}\n\n/**\n * The `/demo/ended` page's content (docs/landing-demo-harmonization.md §5.5): \"The demo\n * has ended\", one line on what became of the data, and three ways on — \"Start a new\n * demo\", \"Request access\", \"Sign in\".\n *\n * Where a demo lands at `expires_at`, or on ANY 401 while the session is a demo: the\n * client clears the session and replaces to `/demo/ended`, never to `/login`. keksdose's\n * expired demo met an unexplained sign-in form. The server deletes the user at the next\n * reap; nothing is kept.\n *\n * Content, like `NotFoundPage`: put it in the app's `AuthLayout` (its logo, language\n * menu and legal footer). It marks the page `noindex`; robots.txt must NOT disallow it,\n * or a crawler could never read that (§10.8).\n */\nexport function DemoEnded({\n  model,\n  access,\n  restartHref = \"/demo\",\n  signInHref = \"/login\",\n  children,\n  noIndex = true,\n  headingAs: Heading = \"h2\",\n  labels: labelsProp,\n  landingLabels,\n  className,\n  ...rest\n}: DemoEndedProps) {\n  const labels = useDemoLabels(labelsProp);\n  const landing = useLandingLabels(landingLabels);\n  const accessLink = useAccessAction(access, landingLabels);\n  useNoIndex(noIndex);\n  return (\n    <div {...rest} className={cn(\"flex flex-col items-center gap-2 py-4 text-center\", className)}>\n      <Hourglass aria-hidden className=\"size-10 text-placeholder\" />\n      <Heading className=\"mt-2 text-xl font-semibold text-primary\">{labels.endedTitle}</Heading>\n      <p className=\"max-w-prose text-sm text-secondary\">\n        {model === \"sandbox\" ? labels.endedSandbox : labels.endedReadOnly}\n      </p>\n      {children}\n      <div className=\"mt-4 flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:flex-wrap sm:justify-center\">\n        <Button href={restartHref} variant=\"brand\">\n          {labels.restart}\n        </Button>\n        <Button href={accessLink.href} variant=\"secondary\">\n          {accessLink.label}\n        </Button>\n        <Button href={signInHref} variant=\"secondary\">\n          {landing.signIn}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAsEM,cAMA,YANA;AArEN,SAAS,iBAAiB;AAE1B,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAE3B,SAAS,uBAAuB;AAEhC,SAAS,wBAAwB;AAEjC,SAAS,qBAAqB;AAwCvB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA,UAAU;AAAA,EACV,WAAW,UAAU;AAAA,EACrB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,SAAS,cAAc,UAAU;AACvC,QAAM,UAAU,iBAAiB,aAAa;AAC9C,QAAM,aAAa,gBAAgB,QAAQ,aAAa;AACxD,aAAW,OAAO;AAClB,SACE,qBAAC,SAAK,GAAG,MAAM,WAAW,GAAG,qDAAqD,SAAS,GACzF;AAAA,wBAAC,aAAU,eAAW,MAAC,WAAU,4BAA2B;AAAA,IAC5D,oBAAC,WAAQ,WAAU,2CAA2C,iBAAO,YAAW;AAAA,IAChF,oBAAC,OAAE,WAAU,sCACV,oBAAU,YAAY,OAAO,eAAe,OAAO,eACtD;AAAA,IACC;AAAA,IACD,qBAAC,SAAI,WAAU,wFACb;AAAA,0BAAC,UAAO,MAAM,aAAa,SAAQ,SAChC,iBAAO,SACV;AAAA,MACA,oBAAC,UAAO,MAAM,WAAW,MAAM,SAAQ,aACpC,qBAAW,OACd;AAAA,MACA,oBAAC,UAAO,MAAM,YAAY,SAAQ,aAC/B,kBAAQ,QACX;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/demo/demo-labels.d.ts

@@ -1,3 +1,4 @@
+import { type LabelOverride } from "../i18n/kit-labels.js";
 /**
  * The demo's words (docs/landing-demo-harmonization.md §5) — the `demo` namespace of
  * `<UiKitProvider labels>`: `DemoStart`'s progress and refusals, `DemoBanner`'s
@@ -7,7 +8,7 @@
  * keksdose's blur toggle, which is "Presentation mode" now. "Request access" and "Sign
  * in" are the `landing` namespace's, so they read the same on every public page.
  */
-interface DemoLabels {
+export interface DemoLabels {
     /** `DemoStart` while the demo is being created. */
     starting: string;
     /** `demo_rate_limited`: too many demos from one network, given the wait in whole
@@ -45,9 +46,7 @@ interface DemoLabels {
     /** `DemoEnded`'s first action, to `/demo`. */
     restart: string;
 }
-declare const DEFAULT_DEMO_LABELS: DemoLabels;
+export declare const DEFAULT_DEMO_LABELS: DemoLabels;
 /** The `demo` namespace, resolved: English, then the provider, then `labels`. The app
  *  reads `writeLocked` from here for its `WriteLockProvider`. */
-declare function useDemoLabels(labels?: Partial<DemoLabels>): DemoLabels;
-
-export { DEFAULT_DEMO_LABELS, type DemoLabels, useDemoLabels };
+export declare function useDemoLabels(labels?: LabelOverride<DemoLabels>): DemoLabels;

package/dist/demo/demo-labels.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/demo/demo-labels.ts"],"sourcesContent":["import { useKitLabels } from \"../i18n/kit-labels\";\n\n/**\n * The demo's words (docs/landing-demo-harmonization.md §5) — the `demo` namespace of\n * `<UiKitProvider labels>`: `DemoStart`'s progress and refusals, `DemoBanner`'s\n * countdown and model line, `DemoEnded`, and the reason of the read-only lock.\n *\n * \"Demo\" means the demo session and the shared demo data it shows (§2.10) — never\n * keksdose's blur toggle, which is \"Presentation mode\" now. \"Request access\" and \"Sign\n * in\" are the `landing` namespace's, so they read the same on every public page.\n */\nexport interface DemoLabels {\n  /** `DemoStart` while the demo is being created. */\n  starting: string;\n  /** `demo_rate_limited`: too many demos from one network, given the wait in whole\n   *  minutes from `Retry-After` — or `undefined` without one. */\n  rateLimited: (minutes?: number) => string;\n  /** `demo_capacity`: the live cap is reached. */\n  capacity: string;\n  /** `demo_disabled` and `demo_not_ready`: the demo is off, or its data isn't there. */\n  unavailable: string;\n  /** Any other failure — the network, a 500. */\n  failed: string;\n  /** `DemoStart`'s way out after a refusal, to the landing. */\n  backToStart: string;\n  /** The banner's countdown with an hour or more left: \"Demo · 23 h 12 min left\". */\n  hoursLeft: (hours: number, minutes: number) => string;\n  /** …and in the last hour, minutes only: \"Demo · 50 min left\". */\n  minutesLeft: (minutes: number) => string;\n  /** The banner's word when the end is unknown (no readable `expiresAt`). */\n  badge: string;\n  /** The banner's line for model R, shared read-only data. */\n  readOnly: string;\n  /** The banner's line for model S, a sandbox of one's own. */\n  sandbox: string;\n  /** The name of the banner's show/hide toggle (`aria-expanded` says which). */\n  details: string;\n  /** The reason a locked commit shows in a read-only demo (model R) — for the app's\n   *  `<WriteLockProvider locked reason={…}>` (§5.4). */\n  writeLocked: string;\n  /** `DemoEnded`'s heading; also the banner's text at zero. */\n  endedTitle: string;\n  /** `DemoEnded`'s line for model R. */\n  endedReadOnly: string;\n  /** `DemoEnded`'s line for model S. */\n  endedSandbox: string;\n  /** `DemoEnded`'s first action, to `/demo`. */\n  restart: string;\n}\n\nexport const DEFAULT_DEMO_LABELS: DemoLabels = {\n  starting: \"Starting the demo…\",\n  rateLimited: (minutes) =>\n    minutes\n      ? `Too many demos from this network. Try again in ${minutes} min.`\n      : \"Too many demos from this network. Try again later.\",\n  capacity: \"The demo is full right now. Try again later.\",\n  unavailable: \"The demo isn’t available right now.\",\n  failed: \"The demo could not be started. Please try again.\",\n  backToStart: \"Back to the start page\",\n  hoursLeft: (hours, minutes) => `Demo · ${hours} h ${minutes} min left`,\n  minutesLeft: (minutes) => `Demo · ${minutes} min left`,\n  badge: \"Demo\",\n  readOnly: \"You’re looking at sample data. Changes aren’t possible.\",\n  sandbox: \"Your own work is deleted when the demo ends.\",\n  details: \"Demo details\",\n  writeLocked: \"Not possible in the demo.\",\n  endedTitle: \"The demo has ended\",\n  endedReadOnly: \"Sample data is reset regularly.\",\n  endedSandbox: \"Sample data is reset regularly; your own work from the demo is deleted.\",\n  restart: \"Start a new demo\",\n};\n\n/** The `demo` namespace, resolved: English, then the provider, then `labels`. The app\n *  reads `writeLocked` from here for its `WriteLockProvider`. */\nexport function useDemoLabels(labels?: Partial<DemoLabels>): DemoLabels {\n  return useKitLabels(\"demo\", DEFAULT_DEMO_LABELS, labels);\n}\n"],"mappings":";AAAA,SAAS,oBAAoB;AAkDtB,MAAM,sBAAkC;AAAA,EAC7C,UAAU;AAAA,EACV,aAAa,CAAC,YACZ,UACI,kDAAkD,OAAO,UACzD;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW,CAAC,OAAO,YAAY,aAAU,KAAK,MAAM,OAAO;AAAA,EAC3D,aAAa,CAAC,YAAY,aAAU,OAAO;AAAA,EAC3C,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,SAAS;AACX;AAIO,SAAS,cAAc,QAA0C;AACtE,SAAO,aAAa,QAAQ,qBAAqB,MAAM;AACzD;","names":[]}
+{"version":3,"sources":["../../src/demo/demo-labels.ts"],"sourcesContent":["import { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\n\n/**\n * The demo's words (docs/landing-demo-harmonization.md §5) — the `demo` namespace of\n * `<UiKitProvider labels>`: `DemoStart`'s progress and refusals, `DemoBanner`'s\n * countdown and model line, `DemoEnded`, and the reason of the read-only lock.\n *\n * \"Demo\" means the demo session and the shared demo data it shows (§2.10) — never\n * keksdose's blur toggle, which is \"Presentation mode\" now. \"Request access\" and \"Sign\n * in\" are the `landing` namespace's, so they read the same on every public page.\n */\nexport interface DemoLabels {\n  /** `DemoStart` while the demo is being created. */\n  starting: string;\n  /** `demo_rate_limited`: too many demos from one network, given the wait in whole\n   *  minutes from `Retry-After` — or `undefined` without one. */\n  rateLimited: (minutes?: number) => string;\n  /** `demo_capacity`: the live cap is reached. */\n  capacity: string;\n  /** `demo_disabled` and `demo_not_ready`: the demo is off, or its data isn't there. */\n  unavailable: string;\n  /** Any other failure — the network, a 500. */\n  failed: string;\n  /** `DemoStart`'s way out after a refusal, to the landing. */\n  backToStart: string;\n  /** The banner's countdown with an hour or more left: \"Demo · 23 h 12 min left\". */\n  hoursLeft: (hours: number, minutes: number) => string;\n  /** …and in the last hour, minutes only: \"Demo · 50 min left\". */\n  minutesLeft: (minutes: number) => string;\n  /** The banner's word when the end is unknown (no readable `expiresAt`). */\n  badge: string;\n  /** The banner's line for model R, shared read-only data. */\n  readOnly: string;\n  /** The banner's line for model S, a sandbox of one's own. */\n  sandbox: string;\n  /** The name of the banner's show/hide toggle (`aria-expanded` says which). */\n  details: string;\n  /** The reason a locked commit shows in a read-only demo (model R) — for the app's\n   *  `<WriteLockProvider locked reason={…}>` (§5.4). */\n  writeLocked: string;\n  /** `DemoEnded`'s heading; also the banner's text at zero. */\n  endedTitle: string;\n  /** `DemoEnded`'s line for model R. */\n  endedReadOnly: string;\n  /** `DemoEnded`'s line for model S. */\n  endedSandbox: string;\n  /** `DemoEnded`'s first action, to `/demo`. */\n  restart: string;\n}\n\nexport const DEFAULT_DEMO_LABELS: DemoLabels = {\n  starting: \"Starting the demo…\",\n  rateLimited: (minutes) =>\n    minutes\n      ? `Too many demos from this network. Try again in ${minutes} min.`\n      : \"Too many demos from this network. Try again later.\",\n  capacity: \"The demo is full right now. Try again later.\",\n  unavailable: \"The demo isn’t available right now.\",\n  failed: \"The demo could not be started. Please try again.\",\n  backToStart: \"Back to the start page\",\n  hoursLeft: (hours, minutes) => `Demo · ${hours} h ${minutes} min left`,\n  minutesLeft: (minutes) => `Demo · ${minutes} min left`,\n  badge: \"Demo\",\n  readOnly: \"You’re looking at sample data. Changes aren’t possible.\",\n  sandbox: \"Your own work is deleted when the demo ends.\",\n  details: \"Demo details\",\n  writeLocked: \"Not possible in the demo.\",\n  endedTitle: \"The demo has ended\",\n  endedReadOnly: \"Sample data is reset regularly.\",\n  endedSandbox: \"Sample data is reset regularly; your own work from the demo is deleted.\",\n  restart: \"Start a new demo\",\n};\n\n/** The `demo` namespace, resolved: English, then the provider, then `labels`. The app\n *  reads `writeLocked` from here for its `WriteLockProvider`. */\nexport function useDemoLabels(labels?: LabelOverride<DemoLabels>): DemoLabels {\n  return useKitLabels(\"demo\", DEFAULT_DEMO_LABELS, labels);\n}\n"],"mappings":";AAAA,SAAS,oBAAwC;AAkD1C,MAAM,sBAAkC;AAAA,EAC7C,UAAU;AAAA,EACV,aAAa,CAAC,YACZ,UACI,kDAAkD,OAAO,UACzD;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW,CAAC,OAAO,YAAY,aAAU,KAAK,MAAM,OAAO;AAAA,EAC3D,aAAa,CAAC,YAAY,aAAU,OAAO;AAAA,EAC3C,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,SAAS;AACX;AAIO,SAAS,cAAc,QAAgD;AAC5E,SAAO,aAAa,QAAQ,qBAAqB,MAAM;AACzD;","names":[]}

package/dist/demo/demo-session.d.ts

@@ -6,10 +6,10 @@
  * - `sandbox` (S) — Kurvenschmiede: the demo user reads system-owned worked examples and
  *   may create or copy work of its own, deleted with the demo account.
  */
-type DemoModel = "read-only" | "sandbox";
+export type DemoModel = "read-only" | "sandbox";
 /** The fields of an `/auth/me` answer {@link isDemoSession} reads — server-kit's
  *  `UserResponse.is_demo` (0.5: and `demo_expires_at`), or a client's camel-cased copy. */
-interface DemoSessionUser {
+export interface DemoSessionUser {
     is_demo?: boolean | null;
     isDemo?: boolean | null;
 }
@@ -25,6 +25,4 @@ interface DemoSessionUser {
  * createCrashReporter({ …, suppress: () => isDemoSession(useAuth.getState().user) });
  * ```
  */
-declare function isDemoSession(me: DemoSessionUser | null | undefined): boolean;
-
-export { type DemoModel, type DemoSessionUser, isDemoSession };
+export declare function isDemoSession(me: DemoSessionUser | null | undefined): boolean;

package/dist/demo/demo-start.d.ts

@@ -1,10 +1,9 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-import { AccessChoice } from '../landing/access.js';
-import { LandingLabels } from '../landing/landing-labels.js';
-import { DemoLabels } from './demo-labels.js';
-
-interface DemoStartProps<T> extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+import type { ComponentPropsWithRef } from "react";
+import type { AccessChoice } from "../landing/access.js";
+import type { LandingLabels } from "../landing/landing-labels.js";
+import type { DemoLabels } from "./demo-labels.js";
+import type { LabelOverride } from "../i18n/kit-labels.js";
+export interface DemoStartProps<T> extends Omit<ComponentPropsWithRef<"div">, "children"> {
     /**
      * Create the demo: the app's `POST /auth/demo-session {locale}`. Resolve with what it
      * answered (the `TokenResponse`, `refresh_token: null`, `expires_at`); reject with the
@@ -21,7 +20,7 @@ interface DemoStartProps<T> extends Omit<ComponentPropsWithoutRef<"div">, "child
     /** `false` adds no `noindex` — for a preview. Default `true`: `/demo` is never indexed
      *  (§4.3). */
     noIndex?: boolean;
-    labels?: Partial<DemoLabels>;
+    labels?: LabelOverride<DemoLabels>;
     /** The access words (`landing` namespace) for this instance. */
     landingLabels?: Partial<LandingLabels>;
 }
@@ -49,6 +48,4 @@ interface DemoStartProps<T> extends Omit<ComponentPropsWithoutRef<"div">, "child
  * `ServerWakeNotice`'s, once the app's watcher counts this POST
  * (`watchReadsAnd(/\/auth\/demo-session\b/)`).
  */
-declare function DemoStart<T>({ start, onStarted, access, backHref, noIndex, labels: labelsProp, landingLabels, className, ...rest }: DemoStartProps<T>): react.JSX.Element;
-
-export { DemoStart, type DemoStartProps };
+export declare function DemoStart<T>({ start, onStarted, access, backHref, noIndex, labels: labelsProp, landingLabels, className, ...rest }: DemoStartProps<T>): import("react").JSX.Element;

package/dist/demo/demo-start.js

@@ -3,7 +3,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "../lib/cn.js";
 import { AlertBanner } from "../components/alert-banner.js";
-import { Button, Spinner } from "../components/ui.js";
+import { Button } from "../components/button.js";
+import { Spinner } from "../components/spinner.js";
 import { useNoIndex } from "../hooks/use-noindex.js";
 import { authErrorCode, isRateLimited, retryAfterSeconds } from "../auth/auth-errors.js";
 import { useOncePerKey } from "../auth/status-parts.js";
@@ -52,7 +53,7 @@ function DemoStart({
     else setRefusal(refusalOf(result.error));
   });
   return /* @__PURE__ */ jsxs("div", { ...rest, className: cn("flex flex-col items-center gap-4 py-4 text-center", className), children: [
-    /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", className: "w-full", children: refusal === null ? /* @__PURE__ */ jsxs("p", { className: "flex items-center justify-center gap-2 text-sm text-[var(--text-secondary)]", children: [
+    /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", className: "w-full", children: refusal === null ? /* @__PURE__ */ jsxs("p", { className: "flex items-center justify-center gap-2 text-sm text-secondary", children: [
       /* @__PURE__ */ jsx(Spinner, { label: null, className: "size-5" }),
       labels.starting
     ] }) : /* @__PURE__ */ jsx(AlertBanner, { tone: refusal.reason === "failed" ? "danger" : "warning", className: "text-start", children: messageOf(refusal, labels) }) }),

package/dist/demo/demo-start.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/demo/demo-start.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cn } from \"../lib/cn\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { Button, Spinner } from \"../components/ui\";\nimport { useNoIndex } from \"../hooks/use-noindex\";\nimport { authErrorCode, isRateLimited, retryAfterSeconds } from \"../auth/auth-errors\";\nimport { useOncePerKey } from \"../auth/status-parts\";\nimport { useAccessAction } from \"../landing/access\";\nimport type { AccessChoice } from \"../landing/access\";\nimport type { LandingLabels } from \"../landing/landing-labels\";\nimport { useDemoLabels } from \"./demo-labels\";\nimport type { DemoLabels } from \"./demo-labels\";\n\n/** Why a start was refused, in the page's terms (§5.2). */\ntype Refusal =\n  | { reason: \"rateLimited\"; minutes?: number }\n  | { reason: \"capacity\" }\n  | { reason: \"unavailable\" }\n  | { reason: \"failed\" };\n\n/**\n * The server's answer to `POST /auth/demo-session`, read as a refusal (§5.1, §6.2):\n * `demo_rate_limited` (429, with `Retry-After`), `demo_capacity` (429, without),\n * `demo_disabled` (404) and `demo_not_ready` (503) by their codes; a bare 429 as the\n * per-IP window too; anything else is a plain failure.\n */\nfunction refusalOf(error: unknown): Refusal {\n  const code = authErrorCode(error);\n  if (code === \"demo_capacity\") return { reason: \"capacity\" };\n  if (code === \"demo_disabled\" || code === \"demo_not_ready\") return { reason: \"unavailable\" };\n  if (code === \"demo_rate_limited\" || (code === undefined && isRateLimited(error))) {\n    const seconds = retryAfterSeconds(error);\n    return { reason: \"rateLimited\", minutes: seconds ? Math.ceil(seconds / 60) : undefined };\n  }\n  return { reason: \"failed\" };\n}\n\nfunction messageOf(refusal: Refusal, labels: DemoLabels): string {\n  switch (refusal.reason) {\n    case \"rateLimited\":\n      return labels.rateLimited(refusal.minutes);\n    case \"capacity\":\n      return labels.capacity;\n    case \"unavailable\":\n      return labels.unavailable;\n    case \"failed\":\n      return labels.failed;\n  }\n}\n\n/** The one start a mount makes. */\nconst ONCE = \"demo\";\n\nexport interface DemoStartProps<T> extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /**\n   * Create the demo: the app's `POST /auth/demo-session {locale}`. Resolve with what it\n   * answered (the `TokenResponse`, `refresh_token: null`, `expires_at`); reject with the\n   * client's error — the codes are read out of it. Called once per mount.\n   */\n  start: () => Promise<T>;\n  /** The demo exists: store the session (and, for kastlan, `kastlan.demoSession`) and\n   *  replace to the app's home. The page keeps saying \"Starting the demo…\" meanwhile. */\n  onStarted: (session: T) => void;\n  /** \"Request access\" beside a refusal. */\n  access: AccessChoice;\n  /** \"Back to the start page\". Default `/`. */\n  backHref?: string;\n  /** `false` adds no `noindex` — for a preview. Default `true`: `/demo` is never indexed\n   *  (§4.3). */\n  noIndex?: boolean;\n  labels?: Partial<DemoLabels>;\n  /** The access words (`landing` namespace) for this instance. */\n  landingLabels?: Partial<LandingLabels>;\n}\n\n/**\n * The `/demo` page's content (docs/landing-demo-harmonization.md §5.2): it starts the\n * demo ONCE — StrictMode's double mount included, keksdose's ref guard — and says\n * \"Starting the demo…\" until the app has the session and has moved on.\n *\n * A refusal says why, in the visitor's words, and offers \"Request access\" and \"Back to\n * the start page\":\n *\n * | code | says |\n * |---|---|\n * | `demo_rate_limited` (429) | \"Too many demos from this network. Try again in N min.\" — N from `Retry-After` |\n * | `demo_capacity` (429) | \"The demo is full right now. Try again later.\" |\n * | `demo_disabled` (404), `demo_not_ready` (503) | \"The demo isn't available right now.\" |\n * | anything else | \"The demo could not be started. Please try again.\" |\n *\n * keksdose fell back to `/register` with a toast; registration is invitation-only now,\n * so the way on is the access mail.\n *\n * Put it in the app's `AuthLayout`. A live demo session never reaches it: the `/demo`\n * route sits in `RedirectIfAuthed` WITHOUT `allowDemo`, which continues the live demo at\n * its resume target instead of starting a second one. A cold start is the kit's\n * `ServerWakeNotice`'s, once the app's watcher counts this POST\n * (`watchReadsAnd(/\\/auth\\/demo-session\\b/)`).\n */\nexport function DemoStart<T>({\n  start,\n  onStarted,\n  access,\n  backHref = \"/\",\n  noIndex = true,\n  labels: labelsProp,\n  landingLabels,\n  className,\n  ...rest\n}: DemoStartProps<T>) {\n  const labels = useDemoLabels(labelsProp);\n  const accessLink = useAccessAction(access, landingLabels);\n  const [refusal, setRefusal] = useState<Refusal | null>(null);\n  useNoIndex(noIndex);\n  useOncePerKey<T>(ONCE, () => start(), (_key, result) => {\n    if (result.ok) onStarted(result.value);\n    else setRefusal(refusalOf(result.error));\n  });\n\n  return (\n    <div {...rest} className={cn(\"flex flex-col items-center gap-4 py-4 text-center\", className)}>\n      {/* One live region, there from the start, so the refusal that replaces the\n          progress line is announced (a region inserted with its text often is not). */}\n      <div role=\"status\" aria-live=\"polite\" className=\"w-full\">\n        {refusal === null ? (\n          <p className=\"flex items-center justify-center gap-2 text-sm text-[var(--text-secondary)]\">\n            <Spinner label={null} className=\"size-5\" />\n            {labels.starting}\n          </p>\n        ) : (\n          <AlertBanner tone={refusal.reason === \"failed\" ? \"danger\" : \"warning\"} className=\"text-start\">\n            {messageOf(refusal, labels)}\n          </AlertBanner>\n        )}\n      </div>\n      {refusal !== null && (\n        <div className=\"flex flex-wrap justify-center gap-3\">\n          <Button href={accessLink.href} variant=\"brand\">\n            {accessLink.label}\n          </Button>\n          <Button href={backHref} variant=\"secondary\">\n            {labels.backToStart}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA+HU,SACE,KADF;AA/HV,SAAS,gBAAgB;AAGzB,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,QAAQ,eAAe;AAChC,SAAS,kBAAkB;AAC3B,SAAS,eAAe,eAAe,yBAAyB;AAChE,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAGhC,SAAS,qBAAqB;AAgB9B,SAAS,UAAU,OAAyB;AAC1C,QAAM,OAAO,cAAc,KAAK;AAChC,MAAI,SAAS,gBAAiB,QAAO,EAAE,QAAQ,WAAW;AAC1D,MAAI,SAAS,mBAAmB,SAAS,iBAAkB,QAAO,EAAE,QAAQ,cAAc;AAC1F,MAAI,SAAS,uBAAwB,SAAS,UAAa,cAAc,KAAK,GAAI;AAChF,UAAM,UAAU,kBAAkB,KAAK;AACvC,WAAO,EAAE,QAAQ,eAAe,SAAS,UAAU,KAAK,KAAK,UAAU,EAAE,IAAI,OAAU;AAAA,EACzF;AACA,SAAO,EAAE,QAAQ,SAAS;AAC5B;AAEA,SAAS,UAAU,SAAkB,QAA4B;AAC/D,UAAQ,QAAQ,QAAQ;AAAA,IACtB,KAAK;AACH,aAAO,OAAO,YAAY,QAAQ,OAAO;AAAA,IAC3C,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,EAClB;AACF;AAGA,MAAM,OAAO;AAgDN,SAAS,UAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,SAAS,cAAc,UAAU;AACvC,QAAM,aAAa,gBAAgB,QAAQ,aAAa;AACxD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAyB,IAAI;AAC3D,aAAW,OAAO;AAClB,gBAAiB,MAAM,MAAM,MAAM,GAAG,CAAC,MAAM,WAAW;AACtD,QAAI,OAAO,GAAI,WAAU,OAAO,KAAK;AAAA,QAChC,YAAW,UAAU,OAAO,KAAK,CAAC;AAAA,EACzC,CAAC;AAED,SACE,qBAAC,SAAK,GAAG,MAAM,WAAW,GAAG,qDAAqD,SAAS,GAGzF;AAAA,wBAAC,SAAI,MAAK,UAAS,aAAU,UAAS,WAAU,UAC7C,sBAAY,OACX,qBAAC,OAAE,WAAU,+EACX;AAAA,0BAAC,WAAQ,OAAO,MAAM,WAAU,UAAS;AAAA,MACxC,OAAO;AAAA,OACV,IAEA,oBAAC,eAAY,MAAM,QAAQ,WAAW,WAAW,WAAW,WAAW,WAAU,cAC9E,oBAAU,SAAS,MAAM,GAC5B,GAEJ;AAAA,IACC,YAAY,QACX,qBAAC,SAAI,WAAU,uCACb;AAAA,0BAAC,UAAO,MAAM,WAAW,MAAM,SAAQ,SACpC,qBAAW,OACd;AAAA,MACA,oBAAC,UAAO,MAAM,UAAU,SAAQ,aAC7B,iBAAO,aACV;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/demo/demo-start.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"../lib/cn\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { Button } from \"../components/button\";\nimport { Spinner } from \"../components/spinner\";\nimport { useNoIndex } from \"../hooks/use-noindex\";\nimport { authErrorCode, isRateLimited, retryAfterSeconds } from \"../auth/auth-errors\";\nimport { useOncePerKey } from \"../auth/status-parts\";\nimport { useAccessAction } from \"../landing/access\";\nimport type { AccessChoice } from \"../landing/access\";\nimport type { LandingLabels } from \"../landing/landing-labels\";\nimport { useDemoLabels } from \"./demo-labels\";\nimport type { DemoLabels } from \"./demo-labels\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\n\n/** Why a start was refused, in the page's terms (§5.2). */\ntype Refusal =\n  | { reason: \"rateLimited\"; minutes?: number }\n  | { reason: \"capacity\" }\n  | { reason: \"unavailable\" }\n  | { reason: \"failed\" };\n\n/**\n * The server's answer to `POST /auth/demo-session`, read as a refusal (§5.1, §6.2):\n * `demo_rate_limited` (429, with `Retry-After`), `demo_capacity` (429, without),\n * `demo_disabled` (404) and `demo_not_ready` (503) by their codes; a bare 429 as the\n * per-IP window too; anything else is a plain failure.\n */\nfunction refusalOf(error: unknown): Refusal {\n  const code = authErrorCode(error);\n  if (code === \"demo_capacity\") return { reason: \"capacity\" };\n  if (code === \"demo_disabled\" || code === \"demo_not_ready\") return { reason: \"unavailable\" };\n  if (code === \"demo_rate_limited\" || (code === undefined && isRateLimited(error))) {\n    const seconds = retryAfterSeconds(error);\n    return { reason: \"rateLimited\", minutes: seconds ? Math.ceil(seconds / 60) : undefined };\n  }\n  return { reason: \"failed\" };\n}\n\nfunction messageOf(refusal: Refusal, labels: DemoLabels): string {\n  switch (refusal.reason) {\n    case \"rateLimited\":\n      return labels.rateLimited(refusal.minutes);\n    case \"capacity\":\n      return labels.capacity;\n    case \"unavailable\":\n      return labels.unavailable;\n    case \"failed\":\n      return labels.failed;\n  }\n}\n\n/** The one start a mount makes. */\nconst ONCE = \"demo\";\n\nexport interface DemoStartProps<T> extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  /**\n   * Create the demo: the app's `POST /auth/demo-session {locale}`. Resolve with what it\n   * answered (the `TokenResponse`, `refresh_token: null`, `expires_at`); reject with the\n   * client's error — the codes are read out of it. Called once per mount.\n   */\n  start: () => Promise<T>;\n  /** The demo exists: store the session (and, for kastlan, `kastlan.demoSession`) and\n   *  replace to the app's home. The page keeps saying \"Starting the demo…\" meanwhile. */\n  onStarted: (session: T) => void;\n  /** \"Request access\" beside a refusal. */\n  access: AccessChoice;\n  /** \"Back to the start page\". Default `/`. */\n  backHref?: string;\n  /** `false` adds no `noindex` — for a preview. Default `true`: `/demo` is never indexed\n   *  (§4.3). */\n  noIndex?: boolean;\n  labels?: LabelOverride<DemoLabels>;\n  /** The access words (`landing` namespace) for this instance. */\n  landingLabels?: Partial<LandingLabels>;\n}\n\n/**\n * The `/demo` page's content (docs/landing-demo-harmonization.md §5.2): it starts the\n * demo ONCE — StrictMode's double mount included, keksdose's ref guard — and says\n * \"Starting the demo…\" until the app has the session and has moved on.\n *\n * A refusal says why, in the visitor's words, and offers \"Request access\" and \"Back to\n * the start page\":\n *\n * | code | says |\n * |---|---|\n * | `demo_rate_limited` (429) | \"Too many demos from this network. Try again in N min.\" — N from `Retry-After` |\n * | `demo_capacity` (429) | \"The demo is full right now. Try again later.\" |\n * | `demo_disabled` (404), `demo_not_ready` (503) | \"The demo isn't available right now.\" |\n * | anything else | \"The demo could not be started. Please try again.\" |\n *\n * keksdose fell back to `/register` with a toast; registration is invitation-only now,\n * so the way on is the access mail.\n *\n * Put it in the app's `AuthLayout`. A live demo session never reaches it: the `/demo`\n * route sits in `RedirectIfAuthed` WITHOUT `allowDemo`, which continues the live demo at\n * its resume target instead of starting a second one. A cold start is the kit's\n * `ServerWakeNotice`'s, once the app's watcher counts this POST\n * (`watchReadsAnd(/\\/auth\\/demo-session\\b/)`).\n */\nexport function DemoStart<T>({\n  start,\n  onStarted,\n  access,\n  backHref = \"/\",\n  noIndex = true,\n  labels: labelsProp,\n  landingLabels,\n  className,\n  ...rest\n}: DemoStartProps<T>) {\n  const labels = useDemoLabels(labelsProp);\n  const accessLink = useAccessAction(access, landingLabels);\n  const [refusal, setRefusal] = useState<Refusal | null>(null);\n  useNoIndex(noIndex);\n  useOncePerKey<T>(ONCE, () => start(), (_key, result) => {\n    if (result.ok) onStarted(result.value);\n    else setRefusal(refusalOf(result.error));\n  });\n\n  return (\n    <div {...rest} className={cn(\"flex flex-col items-center gap-4 py-4 text-center\", className)}>\n      {/* One live region, there from the start, so the refusal that replaces the\n          progress line is announced (a region inserted with its text often is not). */}\n      <div role=\"status\" aria-live=\"polite\" className=\"w-full\">\n        {refusal === null ? (\n          <p className=\"flex items-center justify-center gap-2 text-sm text-secondary\">\n            <Spinner label={null} className=\"size-5\" />\n            {labels.starting}\n          </p>\n        ) : (\n          <AlertBanner tone={refusal.reason === \"failed\" ? \"danger\" : \"warning\"} className=\"text-start\">\n            {messageOf(refusal, labels)}\n          </AlertBanner>\n        )}\n      </div>\n      {refusal !== null && (\n        <div className=\"flex flex-wrap justify-center gap-3\">\n          <Button href={accessLink.href} variant=\"brand\">\n            {accessLink.label}\n          </Button>\n          <Button href={backHref} variant=\"secondary\">\n            {labels.backToStart}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAiIU,SACE,KADF;AAjIV,SAAS,gBAAgB;AAGzB,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAC3B,SAAS,eAAe,eAAe,yBAAyB;AAChE,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAGhC,SAAS,qBAAqB;AAiB9B,SAAS,UAAU,OAAyB;AAC1C,QAAM,OAAO,cAAc,KAAK;AAChC,MAAI,SAAS,gBAAiB,QAAO,EAAE,QAAQ,WAAW;AAC1D,MAAI,SAAS,mBAAmB,SAAS,iBAAkB,QAAO,EAAE,QAAQ,cAAc;AAC1F,MAAI,SAAS,uBAAwB,SAAS,UAAa,cAAc,KAAK,GAAI;AAChF,UAAM,UAAU,kBAAkB,KAAK;AACvC,WAAO,EAAE,QAAQ,eAAe,SAAS,UAAU,KAAK,KAAK,UAAU,EAAE,IAAI,OAAU;AAAA,EACzF;AACA,SAAO,EAAE,QAAQ,SAAS;AAC5B;AAEA,SAAS,UAAU,SAAkB,QAA4B;AAC/D,UAAQ,QAAQ,QAAQ;AAAA,IACtB,KAAK;AACH,aAAO,OAAO,YAAY,QAAQ,OAAO;AAAA,IAC3C,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,EAClB;AACF;AAGA,MAAM,OAAO;AAgDN,SAAS,UAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,SAAS,cAAc,UAAU;AACvC,QAAM,aAAa,gBAAgB,QAAQ,aAAa;AACxD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAyB,IAAI;AAC3D,aAAW,OAAO;AAClB,gBAAiB,MAAM,MAAM,MAAM,GAAG,CAAC,MAAM,WAAW;AACtD,QAAI,OAAO,GAAI,WAAU,OAAO,KAAK;AAAA,QAChC,YAAW,UAAU,OAAO,KAAK,CAAC;AAAA,EACzC,CAAC;AAED,SACE,qBAAC,SAAK,GAAG,MAAM,WAAW,GAAG,qDAAqD,SAAS,GAGzF;AAAA,wBAAC,SAAI,MAAK,UAAS,aAAU,UAAS,WAAU,UAC7C,sBAAY,OACX,qBAAC,OAAE,WAAU,iEACX;AAAA,0BAAC,WAAQ,OAAO,MAAM,WAAU,UAAS;AAAA,MACxC,OAAO;AAAA,OACV,IAEA,oBAAC,eAAY,MAAM,QAAQ,WAAW,WAAW,WAAW,WAAW,WAAU,cAC9E,oBAAU,SAAS,MAAM,GAC5B,GAEJ;AAAA,IACC,YAAY,QACX,qBAAC,SAAI,WAAU,uCACb;AAAA,0BAAC,UAAO,MAAM,WAAW,MAAM,SAAQ,SACpC,qBAAW,OACd;AAAA,MACA,oBAAC,UAAO,MAAM,UAAU,SAAQ,aAC7B,iBAAO,aACV;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}