@eifi1/ui-kit 0.33.1 → 0.34.0

package/dist/components/wizard-stepper.js

@@ -4,6 +4,7 @@ import { cn } from "../lib/cn.js";
 function WizardStepper({
   steps,
   current,
+  "aria-label": ariaLabelAttr,
   ariaLabel
 }) {
   const currentIndex = steps.findIndex((s) => s.key === current);
@@ -12,15 +13,15 @@ function WizardStepper({
     // (0.32.1, the 360 px Extra-large sweep; docs/text-size-harmonization.md §4).
     // "Upload — Map columns — Confirm" ran 22 px past a 360 px phone at Extra large.
     // Where the steps fit, they stay one row.
-    /* @__PURE__ */ jsx("ol", { className: "flex flex-wrap items-center gap-1 text-xs", "aria-label": ariaLabel, children: steps.map((step, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1", children: [
-      i > 0 && /* @__PURE__ */ jsx("span", { className: "w-4 border-t border-[var(--border)]" }),
+    /* @__PURE__ */ jsx("ol", { className: "flex flex-wrap items-center gap-1 text-xs", "aria-label": ariaLabelAttr ?? ariaLabel, children: steps.map((step, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1", children: [
+      i > 0 && /* @__PURE__ */ jsx("span", { className: "w-4 border-t border-subtle" }),
       /* @__PURE__ */ jsx(
         "span",
         {
           "aria-current": step.key === current ? "step" : void 0,
           className: cn(
             "rounded-full px-2 py-0.5",
-            i === currentIndex ? "bg-[var(--bg-inverse)] text-[var(--text-inverse)] font-medium" : i < currentIndex ? "text-[var(--text-secondary)]" : "text-[var(--text-placeholder)]"
+            i === currentIndex ? "bg-inverse text-inverse font-medium" : i < currentIndex ? "text-secondary" : "text-placeholder"
           ),
           children: step.label
         }

package/dist/components/wizard-stepper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/wizard-stepper.tsx"],"sourcesContent":["import { cn } from \"../lib/cn\";\n\n/** Compact step indicator for the import wizards. Past steps are plain, the\n * current one is highlighted, future ones muted. */\nexport function WizardStepper({\n  steps,\n  current,\n  ariaLabel,\n}: {\n  steps: { key: string; label: string }[];\n  current: string;\n  ariaLabel?: string;\n}) {\n  const currentIndex = steps.findIndex((s) => s.key === current);\n  return (\n    // `flex-wrap`: the steps flow onto a second line rather than past the screen\n    // (0.32.1, the 360 px Extra-large sweep; docs/text-size-harmonization.md §4).\n    // \"Upload — Map columns — Confirm\" ran 22 px past a 360 px phone at Extra large.\n    // Where the steps fit, they stay one row.\n    <ol className=\"flex flex-wrap items-center gap-1 text-xs\" aria-label={ariaLabel}>\n      {steps.map((step, i) => (\n        <li key={step.key} className=\"flex items-center gap-1\">\n          {i > 0 && <span className=\"w-4 border-t border-[var(--border)]\" />}\n          <span\n            aria-current={step.key === current ? \"step\" : undefined}\n            className={cn(\n              \"rounded-full px-2 py-0.5\",\n              i === currentIndex\n                ? \"bg-[var(--bg-inverse)] text-[var(--text-inverse)] font-medium\"\n                : i < currentIndex\n                  ? \"text-[var(--text-secondary)]\"\n                  : \"text-[var(--text-placeholder)]\",\n            )}\n          >\n            {step.label}\n          </span>\n        </li>\n      ))}\n    </ol>\n  );\n}\n"],"mappings":";AAqBQ,SACY,KADZ;AArBR,SAAS,UAAU;AAIZ,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,eAAe,MAAM,UAAU,CAAC,MAAM,EAAE,QAAQ,OAAO;AAC7D;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,oBAAC,QAAG,WAAU,6CAA4C,cAAY,WACnE,gBAAM,IAAI,CAAC,MAAM,MAChB,qBAAC,QAAkB,WAAU,2BAC1B;AAAA,UAAI,KAAK,oBAAC,UAAK,WAAU,uCAAsC;AAAA,MAChE;AAAA,QAAC;AAAA;AAAA,UACC,gBAAc,KAAK,QAAQ,UAAU,SAAS;AAAA,UAC9C,WAAW;AAAA,YACT;AAAA,YACA,MAAM,eACF,kEACA,IAAI,eACF,iCACA;AAAA,UACR;AAAA,UAEC,eAAK;AAAA;AAAA,MACR;AAAA,SAdO,KAAK,GAed,CACD,GACH;AAAA;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/wizard-stepper.tsx"],"sourcesContent":["import { cn } from \"../lib/cn\";\n\n/** Compact step indicator for the import wizards. Past steps are plain, the\n * current one is highlighted, future ones muted. */\nexport function WizardStepper({\n  steps,\n  current,\n  \"aria-label\": ariaLabelAttr,\n  ariaLabel,\n}: {\n  steps: { key: string; label: string }[];\n  current: string;\n  /** Names the list of steps (\"Import steps\"). */\n  \"aria-label\"?: string;\n  /** @deprecated 0.34 — use `aria-label`; removed in 0.35 (refactor audit 2026-10, API-1).\n   *  Names the steps only when `aria-label` is absent. */\n  ariaLabel?: string;\n}) {\n  const currentIndex = steps.findIndex((s) => s.key === current);\n  return (\n    // `flex-wrap`: the steps flow onto a second line rather than past the screen\n    // (0.32.1, the 360 px Extra-large sweep; docs/text-size-harmonization.md §4).\n    // \"Upload — Map columns — Confirm\" ran 22 px past a 360 px phone at Extra large.\n    // Where the steps fit, they stay one row.\n    <ol className=\"flex flex-wrap items-center gap-1 text-xs\" aria-label={ariaLabelAttr ?? ariaLabel}>\n      {steps.map((step, i) => (\n        <li key={step.key} className=\"flex items-center gap-1\">\n          {i > 0 && <span className=\"w-4 border-t border-subtle\" />}\n          <span\n            aria-current={step.key === current ? \"step\" : undefined}\n            className={cn(\n              \"rounded-full px-2 py-0.5\",\n              i === currentIndex\n                ? \"bg-inverse text-inverse font-medium\"\n                : i < currentIndex\n                  ? \"text-secondary\"\n                  : \"text-placeholder\",\n            )}\n          >\n            {step.label}\n          </span>\n        </li>\n      ))}\n    </ol>\n  );\n}\n"],"mappings":";AA0BQ,SACY,KADZ;AA1BR,SAAS,UAAU;AAIZ,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAQG;AACD,QAAM,eAAe,MAAM,UAAU,CAAC,MAAM,EAAE,QAAQ,OAAO;AAC7D;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,oBAAC,QAAG,WAAU,6CAA4C,cAAY,iBAAiB,WACpF,gBAAM,IAAI,CAAC,MAAM,MAChB,qBAAC,QAAkB,WAAU,2BAC1B;AAAA,UAAI,KAAK,oBAAC,UAAK,WAAU,8BAA6B;AAAA,MACvD;AAAA,QAAC;AAAA;AAAA,UACC,gBAAc,KAAK,QAAQ,UAAU,SAAS;AAAA,UAC9C,WAAW;AAAA,YACT;AAAA,YACA,MAAM,eACF,wCACA,IAAI,eACF,mBACA;AAAA,UACR;AAAA,UAEC,eAAK;AAAA;AAAA,MACR;AAAA,SAdO,KAAK,GAed,CACD,GACH;AAAA;AAEJ;","names":[]}

package/dist/components/write-lock-labels.d.ts

@@ -0,0 +1,2 @@
+import type { WriteLockLabels } from "./write-lock.js";
+export declare const DEFAULT_WRITE_LOCK_LABELS: WriteLockLabels;

package/dist/components/write-lock-labels.js

@@ -0,0 +1,8 @@
+"use client";
+const DEFAULT_WRITE_LOCK_LABELS = {
+  reason: "You can view this but not change it."
+};
+export {
+  DEFAULT_WRITE_LOCK_LABELS
+};
+//# sourceMappingURL=write-lock-labels.js.map

package/dist/components/write-lock-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/write-lock-labels.ts"],"sourcesContent":["// The English words of ./write-lock, in a module with no component code: the English\n// catalogue (src/i18n/defaults.ts) imports them without the component, so `en` loads as one\n// chunk like the other languages (0.34, KS U8). ./write-lock re-exports them.\n\nimport type { WriteLockLabels } from \"./write-lock\";\n\nexport const DEFAULT_WRITE_LOCK_LABELS: WriteLockLabels = {\n  reason: \"You can view this but not change it.\",\n};\n"],"mappings":";AAMO,MAAM,4BAA6C;AAAA,EACxD,QAAQ;AACV;","names":[]}

package/dist/components/write-lock.d.ts

@@ -1,12 +1,12 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-
+import type { ReactNode } from "react";
+import { type LabelOverride } from "../i18n/kit-labels.js";
+import { DEFAULT_WRITE_LOCK_LABELS } from "./write-lock-labels.js";
 /** The words {@link WriteLockProvider} renders on its own behalf. */
-interface WriteLockLabels {
+export interface WriteLockLabels {
     /** The tooltip of a locked commit when the provider gives no `reason`. */
     reason: string;
 }
-declare const DEFAULT_WRITE_LOCK_LABELS: WriteLockLabels;
+export { DEFAULT_WRITE_LOCK_LABELS };
 /**
  * What kind of lock a source is (docs/billing-harmonization.md §12.36, ui-kit 0.33).
  * `"demo"` (the read-only demo, `demo.writeLocked`) and `"billing"` (a lapsed plan,
@@ -15,9 +15,9 @@ declare const DEFAULT_WRITE_LOCK_LABELS: WriteLockLabels;
  * A control exempts itself from a kind with {@link CommitScope}; a source without a
  * kind is never exempted.
  */
-type WriteLockKind = "demo" | "billing" | (string & {});
+export type WriteLockKind = "demo" | "billing" | (string & {});
 /** One locked source, as the provider holds it: its kind and its one sentence. */
-interface WriteLockHold {
+export interface WriteLockHold {
     kind: WriteLockKind | undefined;
     reason: ReactNode;
 }
@@ -35,20 +35,20 @@ interface WriteLockHold {
  * Under a demo lock and a billing lock together, a control exempt from billing is
  * still refused, with the demo's reason.
  */
-type CommitScope = boolean | {
+export type CommitScope = boolean | {
     readonly except: readonly WriteLockKind[];
 };
 /** Every lock but billing's: the scope of an action a lapsed plan still allows — removing
  *  access, the account's own settings, an operator's admin route (§12.13). One constant,
  *  so the call sites read alike. */
-declare const COMMIT_EXCEPT_BILLING: {
+export declare const COMMIT_EXCEPT_BILLING: {
     readonly except: readonly ["billing"];
 };
 /**
  * What {@link useWriteLock} returns: whether commits are locked here as a control with
  * the scope asked for sees it, and why.
  */
-interface WriteLock {
+export interface WriteLock {
     locked: boolean;
     /** The one sentence a locked commit shows in its tooltip: the first hold in scope's.
      *  Always set while `locked`; `undefined` when not. */
@@ -64,7 +64,7 @@ interface WriteLock {
      */
     holds: readonly WriteLockHold[];
 }
-interface WriteLockProviderProps {
+export interface WriteLockProviderProps {
     /** Commits below are locked. `false` unlocks a subtree under an outer lock. */
     locked: boolean;
     /**
@@ -84,7 +84,7 @@ interface WriteLockProviderProps {
      * `labels.reason`.
      */
     holds?: readonly WriteLockHold[];
-    labels?: Partial<WriteLockLabels>;
+    labels?: LabelOverride<WriteLockLabels>;
     children?: ReactNode;
 }
 /**
@@ -124,7 +124,7 @@ interface WriteLockProviderProps {
  * once — and an inner lock with its own reason (Kurvenschmiede's owner lock beside the
  * viewer lock) overrides the outer one's sentence and its holds.
  */
-declare function WriteLockProvider({ locked, reason, kind, holds, labels, children }: WriteLockProviderProps): react.JSX.Element;
+export declare function WriteLockProvider({ locked, reason, kind, holds, labels, children }: WriteLockProviderProps): import("react").JSX.Element;
 /**
  * The lock as a control with `scope` sees it — {@link useWriteLock}'s answer, pure, for
  * a scope known only at call time: `useConfirm` reads the CALLER's lock when it is
@@ -134,7 +134,7 @@ declare function WriteLockProvider({ locked, reason, kind, holds, labels, childr
  * lock as it is; `{ except }` sees the first hold of another kind, with its reason
  * and kind. `holds` is passed on unfiltered.
  */
-declare function writeLockFor(lock: WriteLock, scope: CommitScope | undefined): WriteLock;
+export declare function writeLockFor(lock: WriteLock, scope: CommitScope | undefined): WriteLock;
 /**
  * The nearest {@link WriteLockProvider}'s lock, as a control with `scope` sees it —
  * unlocked with no provider. Left out, the scope is `true`: every lock.
@@ -144,13 +144,11 @@ declare function writeLockFor(lock: WriteLock, scope: CommitScope | undefined):
  * `useWriteLock(COMMIT_EXCEPT_BILLING)` answers "would a lapsed plan's lock refuse me?"
  * as a removal sees it — what keksdose's `useWriteLockKind() !== "billing"` asked.
  */
-declare function useWriteLock(scope?: CommitScope): WriteLock;
+export declare function useWriteLock(scope?: CommitScope): WriteLock;
 /**
  * The `disabledReason` a control with `commit` should use: the lock's reason while
  * the lock refuses this scope — it wins over the control's own, since it is the answer
  * to the question the hover is asking — else the control's own. Internal to the kit's
  * commit controls.
  */
-declare function useCommitReason(commit: CommitScope | undefined, own: ReactNode): ReactNode;
-
-export { COMMIT_EXCEPT_BILLING, type CommitScope, DEFAULT_WRITE_LOCK_LABELS, type WriteLock, type WriteLockHold, type WriteLockKind, type WriteLockLabels, WriteLockProvider, type WriteLockProviderProps, useCommitReason, useWriteLock, writeLockFor };
+export declare function useCommitReason(commit: CommitScope | undefined, own: ReactNode): ReactNode;

package/dist/components/write-lock.js

@@ -2,26 +2,22 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useMemo } from "react";
 import { useKitLabels } from "../i18n/kit-labels.js";
-const DEFAULT_WRITE_LOCK_LABELS = {
-  reason: "You can view this but not change it."
-};
+import { hasContent } from "../lib/presence.js";
+import { DEFAULT_WRITE_LOCK_LABELS } from "./write-lock-labels.js";
 const COMMIT_EXCEPT_BILLING = { except: ["billing"] };
 const NO_HOLDS = [];
 const UNLOCKED = { locked: false, reason: void 0, kind: void 0, holds: NO_HOLDS };
 const WriteLockContext = createContext(UNLOCKED);
-function given(reason) {
-  return reason !== void 0 && reason !== null && reason !== false && reason !== "";
-}
 function WriteLockProvider({ locked, reason, kind, holds, labels, children }) {
   const fallback = useKitLabels("writeLock", DEFAULT_WRITE_LOCK_LABELS, labels).reason;
   const several = locked && holds !== void 0 && holds.length > 0 ? holds : void 0;
   const firstKind = several ? several[0].kind : kind;
   const firstGiven = several ? several[0].reason : reason;
-  const firstReason = given(firstGiven) ? firstGiven : fallback;
+  const firstReason = hasContent(firstGiven) ? firstGiven : fallback;
   const many = several && several.length > 1 ? several : void 0;
   const value = useMemo(() => {
     if (!locked) return UNLOCKED;
-    const all = many ? many.map((hold) => ({ kind: hold.kind, reason: given(hold.reason) ? hold.reason : fallback })) : [{ kind: firstKind, reason: firstReason }];
+    const all = many ? many.map((hold) => ({ kind: hold.kind, reason: hasContent(hold.reason) ? hold.reason : fallback })) : [{ kind: firstKind, reason: firstReason }];
     return { locked: true, reason: firstReason, kind: firstKind, holds: all };
   }, [locked, many, firstKind, firstReason, fallback]);
   return /* @__PURE__ */ jsx(WriteLockContext.Provider, { value, children });

package/dist/components/write-lock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/write-lock.tsx"],"sourcesContent":["import { createContext, useContext, useMemo } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\n\n/** The words {@link WriteLockProvider} renders on its own behalf. */\nexport interface WriteLockLabels {\n  /** The tooltip of a locked commit when the provider gives no `reason`. */\n  reason: string;\n}\n\nexport const DEFAULT_WRITE_LOCK_LABELS: WriteLockLabels = {\n  reason: \"You can view this but not change it.\",\n};\n\n/**\n * What kind of lock a source is (docs/billing-harmonization.md §12.36, ui-kit 0.33).\n * `\"demo\"` (the read-only demo, `demo.writeLocked`) and `\"billing\"` (a lapsed plan,\n * `billing.lockReason`) are the kit's; an app names its own — Kurvenschmiede's\n * `\"access\"` (a curve shared to view) and `\"customer\"` (an account that owns nothing).\n * A control exempts itself from a kind with {@link CommitScope}; a source without a\n * kind is never exempted.\n */\nexport type WriteLockKind = \"demo\" | \"billing\" | (string & {});\n\n/** One locked source, as the provider holds it: its kind and its one sentence. */\nexport interface WriteLockHold {\n  kind: WriteLockKind | undefined;\n  reason: ReactNode;\n}\n\n/**\n * A control's opt-in to the lock — the type of every `commit` prop in the kit.\n *\n * - `true`: every lock refuses the control (a save, an add, an invite).\n * - `{ except: [kinds] }`: every lock but those kinds. A billing lock leaves the\n *   reader able to remove access, revoke sessions, delete the account and change their\n *   own settings (§3.3, §12.13), so the kit's parts for those take\n *   {@link COMMIT_EXCEPT_BILLING} built in, and an app's own controls of that sort do\n *   too.\n * - `false` or left out: no lock reaches it.\n *\n * Under a demo lock and a billing lock together, a control exempt from billing is\n * still refused, with the demo's reason.\n */\nexport type CommitScope = boolean | { readonly except: readonly WriteLockKind[] };\n\n/** Every lock but billing's: the scope of an action a lapsed plan still allows — removing\n *  access, the account's own settings, an operator's admin route (§12.13). One constant,\n *  so the call sites read alike. */\nexport const COMMIT_EXCEPT_BILLING = { except: [\"billing\"] } as const;\n\n/**\n * What {@link useWriteLock} returns: whether commits are locked here as a control with\n * the scope asked for sees it, and why.\n */\nexport interface WriteLock {\n  locked: boolean;\n  /** The one sentence a locked commit shows in its tooltip: the first hold in scope's.\n   *  Always set while `locked`; `undefined` when not. */\n  reason: ReactNode | undefined;\n  /** The first hold in scope's kind; `undefined` while unlocked, or for a source that\n   *  names none. */\n  kind: WriteLockKind | undefined;\n  /**\n   * EVERY locked source the provider holds, in the order the server refuses them\n   * (§12.3: the demo's 403 before billing's 402) — unfiltered by the scope, for code\n   * that must know what else locks (a toast that names the plan, a swipe plan). Empty\n   * while the provider is unlocked.\n   */\n  holds: readonly WriteLockHold[];\n}\n\nconst NO_HOLDS: readonly WriteLockHold[] = [];\n\nconst UNLOCKED: WriteLock = { locked: false, reason: undefined, kind: undefined, holds: NO_HOLDS };\n\nconst WriteLockContext = createContext<WriteLock>(UNLOCKED);\n\nexport interface WriteLockProviderProps {\n  /** Commits below are locked. `false` unlocks a subtree under an outer lock. */\n  locked: boolean;\n  /**\n   * The one sentence that says why — \"Shared with you to read\", \"Read-only demo —\n   * saving is disabled\", \"A customer account cannot create curves\". The app's policy,\n   * already translated. Left out: `labels.reason`.\n   */\n  reason?: ReactNode;\n  /** What kind of lock this is — `\"demo\"`, `\"billing\"` or the app's own (see\n   *  {@link WriteLockKind}), for a provider of one source. Left out, no control can be\n   *  exempt from it. */\n  kind?: WriteLockKind;\n  /**\n   * Every locked source, in refusal order — what `combineWriteLocks` answers, so\n   * `<WriteLockProvider {...combineWriteLocks([...])}>` carries them. Given while\n   * `locked`, it wins over `kind` and `reason`; a hold without a reason takes\n   * `labels.reason`.\n   */\n  holds?: readonly WriteLockHold[];\n  labels?: Partial<WriteLockLabels>;\n  children?: ReactNode;\n}\n\n// `null`/`\"\"`/`false` count as \"no reason given\": a lock whose tooltip is empty would be\n// a disabled button that cannot say why, the thing this replaces.\nfunction given(reason: ReactNode): boolean {\n  return reason !== undefined && reason !== null && reason !== false && reason !== \"\";\n}\n\n/**\n * The read-only lock — **everything renders; only the commit is locked.**\n *\n * keksdose (features/budgets/write-lock.tsx, the read-only demo budget) and\n * Kurvenschmiede (features/sharing/write-lock.tsx, a curve shared to view, a customer\n * account that owns nothing) each built the same `SaveGuard`: the page, its tabs,\n * forms and dialogs render exactly as for an owner, because a viewer looking at half\n * a page is not looking at what they were sent; what changes is that the control\n * that SAVES is off and says why on hover or focus. Both wrapped each Save in a\n * Tooltip and forced a native `disabled` on it — out of the tab order, so the reason\n * never reached a keyboard — and both had to remember it at thirty call sites.\n *\n * Here the page mounts one provider and each commit control opts in with `commit`\n * ({@link Button}, {@link IconButton}, {@link FormActions}): under a lock it takes the\n * kit's `disabledReason` path with this reason — `aria-disabled` and focusable,\n * every activation swallowed, the reason in the kit Tooltip and its description.\n *\n * Who is locked is the app's: the provider takes a boolean, never a role. Fields stay\n * editable — nothing in them reaches the server until the commit is pressed, and a\n * form you cannot fill in is not a demo of the form (keksdose accounts-page). A\n * control that IS its own commit (a toggle that saves on change) reads\n * {@link useWriteLock} and disables itself. The lock is a courtesy, not a guard: the\n * server still refuses the write.\n *\n * **A lock says its source** (0.33, docs/billing-harmonization.md §12.36). A lapsed\n * plan locks creating and changing, but not removing access or the account's own\n * settings (§3.3, §12.13), and the kit's parts for those hard-coded `commit` — so\n * kastlan's app-wide lock locked a member's own sign-out everywhere. Each source now\n * has a kind, the provider holds every locked one in order (`holds`, from\n * `combineWriteLocks`), and a control's `commit` may name the kinds it is exempt from\n * ({@link CommitScope}). The kit's parts follow §3.3 and §12.13 by themselves.\n *\n * Nested providers: the nearest wins, so an inner `locked={false}` reopens a section\n * the caller may write (a viewer's own notes on a shared curve) — every source at\n * once — and an inner lock with its own reason (Kurvenschmiede's owner lock beside the\n * viewer lock) overrides the outer one's sentence and its holds.\n */\nexport function WriteLockProvider({ locked, reason, kind, holds, labels, children }: WriteLockProviderProps) {\n  // The `writeLock` namespace: prop > `<UiKitProvider labels>` > English.\n  const fallback = useKitLabels(\"writeLock\", DEFAULT_WRITE_LOCK_LABELS, labels).reason;\n  // `holds` wins while it has any; otherwise this provider is one source of its own.\n  const several = locked && holds !== undefined && holds.length > 0 ? holds : undefined;\n  const firstKind = several ? several[0].kind : kind;\n  const firstGiven = several ? several[0].reason : reason;\n  const firstReason = given(firstGiven) ? firstGiven : fallback;\n  // Memoised on the first hold's kind and sentence — the strings an app passes — so a\n  // one-source lock keeps one context value across renders; a list of several is\n  // memoised on its own identity.\n  const many = several && several.length > 1 ? several : undefined;\n  const value = useMemo<WriteLock>(() => {\n    if (!locked) return UNLOCKED;\n    const all = many\n      ? many.map((hold) => ({ kind: hold.kind, reason: given(hold.reason) ? hold.reason : fallback }))\n      : [{ kind: firstKind, reason: firstReason }];\n    return { locked: true, reason: firstReason, kind: firstKind, holds: all };\n  }, [locked, many, firstKind, firstReason, fallback]);\n  return <WriteLockContext.Provider value={value}>{children}</WriteLockContext.Provider>;\n}\n\n/**\n * Whether a hold refuses a control with this scope: `true` refuses with every hold,\n * `{ except }` with every hold whose kind it does not name. A hold with no kind is\n * never exempted — an app that forgot to name its source must not reopen by accident.\n */\nfunction inScope(hold: WriteLockHold, scope: CommitScope): boolean {\n  if (scope === true) return true;\n  if (scope === false) return false;\n  return hold.kind === undefined || !scope.except.includes(hold.kind);\n}\n\n/**\n * The lock as a control with `scope` sees it — {@link useWriteLock}'s answer, pure, for\n * a scope known only at call time: `useConfirm` reads the CALLER's lock when it is\n * called, and applies each `confirm({ commit })`'s own scope to it when it runs.\n *\n * `undefined` and `false` see no lock (a control without `commit`); `true` sees the\n * lock as it is; `{ except }` sees the first hold of another kind, with its reason\n * and kind. `holds` is passed on unfiltered.\n */\nexport function writeLockFor(lock: WriteLock, scope: CommitScope | undefined): WriteLock {\n  if (!lock.locked || scope === true) return lock;\n  // A lock built by hand (a test's, an app's own context) may carry no holds: it is\n  // then the one source it describes.\n  const holds = lock.holds.length > 0 ? lock.holds : [{ kind: lock.kind, reason: lock.reason }];\n  const first = scope === undefined ? undefined : holds.find((hold) => inScope(hold, scope));\n  if (!first) return { ...UNLOCKED, holds: lock.holds };\n  // The first in scope is the provider's own first: the lock as it is, same object.\n  if (first === holds[0]) return lock;\n  return { locked: true, reason: first.reason, kind: first.kind, holds: lock.holds };\n}\n\n/**\n * The nearest {@link WriteLockProvider}'s lock, as a control with `scope` sees it —\n * unlocked with no provider. Left out, the scope is `true`: every lock.\n *\n * For code that must KNOW rather than a control that opts in: a toast that says why,\n * a swipe plan that leaves an action out, a hand-rolled toggle that disables itself.\n * `useWriteLock(COMMIT_EXCEPT_BILLING)` answers \"would a lapsed plan's lock refuse me?\"\n * as a removal sees it — what keksdose's `useWriteLockKind() !== \"billing\"` asked.\n */\nexport function useWriteLock(scope: CommitScope = true): WriteLock {\n  return writeLockFor(useContext(WriteLockContext), scope);\n}\n\n/**\n * The `disabledReason` a control with `commit` should use: the lock's reason while\n * the lock refuses this scope — it wins over the control's own, since it is the answer\n * to the question the hover is asking — else the control's own. Internal to the kit's\n * commit controls.\n */\nexport function useCommitReason(commit: CommitScope | undefined, own: ReactNode): ReactNode {\n  const lock = writeLockFor(useContext(WriteLockContext), commit);\n  return lock.locked ? lock.reason : own;\n}\n"],"mappings":";AAoKS;AApKT,SAAS,eAAe,YAAY,eAAe;AAEnD,SAAS,oBAAoB;AAQtB,MAAM,4BAA6C;AAAA,EACxD,QAAQ;AACV;AAqCO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,SAAS,EAAE;AAuB3D,MAAM,WAAqC,CAAC;AAE5C,MAAM,WAAsB,EAAE,QAAQ,OAAO,QAAQ,QAAW,MAAM,QAAW,OAAO,SAAS;AAEjG,MAAM,mBAAmB,cAAyB,QAAQ;AA4B1D,SAAS,MAAM,QAA4B;AACzC,SAAO,WAAW,UAAa,WAAW,QAAQ,WAAW,SAAS,WAAW;AACnF;AAuCO,SAAS,kBAAkB,EAAE,QAAQ,QAAQ,MAAM,OAAO,QAAQ,SAAS,GAA2B;AAE3G,QAAM,WAAW,aAAa,aAAa,2BAA2B,MAAM,EAAE;AAE9E,QAAM,UAAU,UAAU,UAAU,UAAa,MAAM,SAAS,IAAI,QAAQ;AAC5E,QAAM,YAAY,UAAU,QAAQ,CAAC,EAAE,OAAO;AAC9C,QAAM,aAAa,UAAU,QAAQ,CAAC,EAAE,SAAS;AACjD,QAAM,cAAc,MAAM,UAAU,IAAI,aAAa;AAIrD,QAAM,OAAO,WAAW,QAAQ,SAAS,IAAI,UAAU;AACvD,QAAM,QAAQ,QAAmB,MAAM;AACrC,QAAI,CAAC,OAAQ,QAAO;AACpB,UAAM,MAAM,OACR,KAAK,IAAI,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,QAAQ,MAAM,KAAK,MAAM,IAAI,KAAK,SAAS,SAAS,EAAE,IAC7F,CAAC,EAAE,MAAM,WAAW,QAAQ,YAAY,CAAC;AAC7C,WAAO,EAAE,QAAQ,MAAM,QAAQ,aAAa,MAAM,WAAW,OAAO,IAAI;AAAA,EAC1E,GAAG,CAAC,QAAQ,MAAM,WAAW,aAAa,QAAQ,CAAC;AACnD,SAAO,oBAAC,iBAAiB,UAAjB,EAA0B,OAAe,UAAS;AAC5D;AAOA,SAAS,QAAQ,MAAqB,OAA6B;AACjE,MAAI,UAAU,KAAM,QAAO;AAC3B,MAAI,UAAU,MAAO,QAAO;AAC5B,SAAO,KAAK,SAAS,UAAa,CAAC,MAAM,OAAO,SAAS,KAAK,IAAI;AACpE;AAWO,SAAS,aAAa,MAAiB,OAA2C;AACvF,MAAI,CAAC,KAAK,UAAU,UAAU,KAAM,QAAO;AAG3C,QAAM,QAAQ,KAAK,MAAM,SAAS,IAAI,KAAK,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC5F,QAAM,QAAQ,UAAU,SAAY,SAAY,MAAM,KAAK,CAAC,SAAS,QAAQ,MAAM,KAAK,CAAC;AACzF,MAAI,CAAC,MAAO,QAAO,EAAE,GAAG,UAAU,OAAO,KAAK,MAAM;AAEpD,MAAI,UAAU,MAAM,CAAC,EAAG,QAAO;AAC/B,SAAO,EAAE,QAAQ,MAAM,QAAQ,MAAM,QAAQ,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM;AACnF;AAWO,SAAS,aAAa,QAAqB,MAAiB;AACjE,SAAO,aAAa,WAAW,gBAAgB,GAAG,KAAK;AACzD;AAQO,SAAS,gBAAgB,QAAiC,KAA2B;AAC1F,QAAM,OAAO,aAAa,WAAW,gBAAgB,GAAG,MAAM;AAC9D,SAAO,KAAK,SAAS,KAAK,SAAS;AACrC;","names":[]}
+{"version":3,"sources":["../../src/components/write-lock.tsx"],"sourcesContent":["import { createContext, useContext, useMemo } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { hasContent } from \"../lib/presence\";\nimport { DEFAULT_WRITE_LOCK_LABELS } from \"./write-lock-labels\";\n\n/** The words {@link WriteLockProvider} renders on its own behalf. */\nexport interface WriteLockLabels {\n  /** The tooltip of a locked commit when the provider gives no `reason`. */\n  reason: string;\n}\n\n// Defined in ./write-lock-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_WRITE_LOCK_LABELS };\n\n/**\n * What kind of lock a source is (docs/billing-harmonization.md §12.36, ui-kit 0.33).\n * `\"demo\"` (the read-only demo, `demo.writeLocked`) and `\"billing\"` (a lapsed plan,\n * `billing.lockReason`) are the kit's; an app names its own — Kurvenschmiede's\n * `\"access\"` (a curve shared to view) and `\"customer\"` (an account that owns nothing).\n * A control exempts itself from a kind with {@link CommitScope}; a source without a\n * kind is never exempted.\n */\nexport type WriteLockKind = \"demo\" | \"billing\" | (string & {});\n\n/** One locked source, as the provider holds it: its kind and its one sentence. */\nexport interface WriteLockHold {\n  kind: WriteLockKind | undefined;\n  reason: ReactNode;\n}\n\n/**\n * A control's opt-in to the lock — the type of every `commit` prop in the kit.\n *\n * - `true`: every lock refuses the control (a save, an add, an invite).\n * - `{ except: [kinds] }`: every lock but those kinds. A billing lock leaves the\n *   reader able to remove access, revoke sessions, delete the account and change their\n *   own settings (§3.3, §12.13), so the kit's parts for those take\n *   {@link COMMIT_EXCEPT_BILLING} built in, and an app's own controls of that sort do\n *   too.\n * - `false` or left out: no lock reaches it.\n *\n * Under a demo lock and a billing lock together, a control exempt from billing is\n * still refused, with the demo's reason.\n */\nexport type CommitScope = boolean | { readonly except: readonly WriteLockKind[] };\n\n/** Every lock but billing's: the scope of an action a lapsed plan still allows — removing\n *  access, the account's own settings, an operator's admin route (§12.13). One constant,\n *  so the call sites read alike. */\nexport const COMMIT_EXCEPT_BILLING = { except: [\"billing\"] } as const;\n\n/**\n * What {@link useWriteLock} returns: whether commits are locked here as a control with\n * the scope asked for sees it, and why.\n */\nexport interface WriteLock {\n  locked: boolean;\n  /** The one sentence a locked commit shows in its tooltip: the first hold in scope's.\n   *  Always set while `locked`; `undefined` when not. */\n  reason: ReactNode | undefined;\n  /** The first hold in scope's kind; `undefined` while unlocked, or for a source that\n   *  names none. */\n  kind: WriteLockKind | undefined;\n  /**\n   * EVERY locked source the provider holds, in the order the server refuses them\n   * (§12.3: the demo's 403 before billing's 402) — unfiltered by the scope, for code\n   * that must know what else locks (a toast that names the plan, a swipe plan). Empty\n   * while the provider is unlocked.\n   */\n  holds: readonly WriteLockHold[];\n}\n\nconst NO_HOLDS: readonly WriteLockHold[] = [];\n\nconst UNLOCKED: WriteLock = { locked: false, reason: undefined, kind: undefined, holds: NO_HOLDS };\n\nconst WriteLockContext = createContext<WriteLock>(UNLOCKED);\n\nexport interface WriteLockProviderProps {\n  /** Commits below are locked. `false` unlocks a subtree under an outer lock. */\n  locked: boolean;\n  /**\n   * The one sentence that says why — \"Shared with you to read\", \"Read-only demo —\n   * saving is disabled\", \"A customer account cannot create curves\". The app's policy,\n   * already translated. Left out: `labels.reason`.\n   */\n  reason?: ReactNode;\n  /** What kind of lock this is — `\"demo\"`, `\"billing\"` or the app's own (see\n   *  {@link WriteLockKind}), for a provider of one source. Left out, no control can be\n   *  exempt from it. */\n  kind?: WriteLockKind;\n  /**\n   * Every locked source, in refusal order — what `combineWriteLocks` answers, so\n   * `<WriteLockProvider {...combineWriteLocks([...])}>` carries them. Given while\n   * `locked`, it wins over `kind` and `reason`; a hold without a reason takes\n   * `labels.reason`.\n   */\n  holds?: readonly WriteLockHold[];\n  labels?: LabelOverride<WriteLockLabels>;\n  children?: ReactNode;\n}\n\n// `null`/`\"\"`/`false` count as \"no reason given\" (`hasContent`): a lock whose tooltip is\n// empty would be a disabled button that cannot say why, the thing this replaces.\n\n/**\n * The read-only lock — **everything renders; only the commit is locked.**\n *\n * keksdose (features/budgets/write-lock.tsx, the read-only demo budget) and\n * Kurvenschmiede (features/sharing/write-lock.tsx, a curve shared to view, a customer\n * account that owns nothing) each built the same `SaveGuard`: the page, its tabs,\n * forms and dialogs render exactly as for an owner, because a viewer looking at half\n * a page is not looking at what they were sent; what changes is that the control\n * that SAVES is off and says why on hover or focus. Both wrapped each Save in a\n * Tooltip and forced a native `disabled` on it — out of the tab order, so the reason\n * never reached a keyboard — and both had to remember it at thirty call sites.\n *\n * Here the page mounts one provider and each commit control opts in with `commit`\n * ({@link Button}, {@link IconButton}, {@link FormActions}): under a lock it takes the\n * kit's `disabledReason` path with this reason — `aria-disabled` and focusable,\n * every activation swallowed, the reason in the kit Tooltip and its description.\n *\n * Who is locked is the app's: the provider takes a boolean, never a role. Fields stay\n * editable — nothing in them reaches the server until the commit is pressed, and a\n * form you cannot fill in is not a demo of the form (keksdose accounts-page). A\n * control that IS its own commit (a toggle that saves on change) reads\n * {@link useWriteLock} and disables itself. The lock is a courtesy, not a guard: the\n * server still refuses the write.\n *\n * **A lock says its source** (0.33, docs/billing-harmonization.md §12.36). A lapsed\n * plan locks creating and changing, but not removing access or the account's own\n * settings (§3.3, §12.13), and the kit's parts for those hard-coded `commit` — so\n * kastlan's app-wide lock locked a member's own sign-out everywhere. Each source now\n * has a kind, the provider holds every locked one in order (`holds`, from\n * `combineWriteLocks`), and a control's `commit` may name the kinds it is exempt from\n * ({@link CommitScope}). The kit's parts follow §3.3 and §12.13 by themselves.\n *\n * Nested providers: the nearest wins, so an inner `locked={false}` reopens a section\n * the caller may write (a viewer's own notes on a shared curve) — every source at\n * once — and an inner lock with its own reason (Kurvenschmiede's owner lock beside the\n * viewer lock) overrides the outer one's sentence and its holds.\n */\nexport function WriteLockProvider({ locked, reason, kind, holds, labels, children }: WriteLockProviderProps) {\n  // The `writeLock` namespace: prop > `<UiKitProvider labels>` > English.\n  const fallback = useKitLabels(\"writeLock\", DEFAULT_WRITE_LOCK_LABELS, labels).reason;\n  // `holds` wins while it has any; otherwise this provider is one source of its own.\n  const several = locked && holds !== undefined && holds.length > 0 ? holds : undefined;\n  const firstKind = several ? several[0].kind : kind;\n  const firstGiven = several ? several[0].reason : reason;\n  const firstReason = hasContent(firstGiven) ? firstGiven : fallback;\n  // Memoised on the first hold's kind and sentence — the strings an app passes — so a\n  // one-source lock keeps one context value across renders; a list of several is\n  // memoised on its own identity.\n  const many = several && several.length > 1 ? several : undefined;\n  const value = useMemo<WriteLock>(() => {\n    if (!locked) return UNLOCKED;\n    const all = many\n      ? many.map((hold) => ({ kind: hold.kind, reason: hasContent(hold.reason) ? hold.reason : fallback }))\n      : [{ kind: firstKind, reason: firstReason }];\n    return { locked: true, reason: firstReason, kind: firstKind, holds: all };\n  }, [locked, many, firstKind, firstReason, fallback]);\n  return <WriteLockContext.Provider value={value}>{children}</WriteLockContext.Provider>;\n}\n\n/**\n * Whether a hold refuses a control with this scope: `true` refuses with every hold,\n * `{ except }` with every hold whose kind it does not name. A hold with no kind is\n * never exempted — an app that forgot to name its source must not reopen by accident.\n */\nfunction inScope(hold: WriteLockHold, scope: CommitScope): boolean {\n  if (scope === true) return true;\n  if (scope === false) return false;\n  return hold.kind === undefined || !scope.except.includes(hold.kind);\n}\n\n/**\n * The lock as a control with `scope` sees it — {@link useWriteLock}'s answer, pure, for\n * a scope known only at call time: `useConfirm` reads the CALLER's lock when it is\n * called, and applies each `confirm({ commit })`'s own scope to it when it runs.\n *\n * `undefined` and `false` see no lock (a control without `commit`); `true` sees the\n * lock as it is; `{ except }` sees the first hold of another kind, with its reason\n * and kind. `holds` is passed on unfiltered.\n */\nexport function writeLockFor(lock: WriteLock, scope: CommitScope | undefined): WriteLock {\n  if (!lock.locked || scope === true) return lock;\n  // A lock built by hand (a test's, an app's own context) may carry no holds: it is\n  // then the one source it describes.\n  const holds = lock.holds.length > 0 ? lock.holds : [{ kind: lock.kind, reason: lock.reason }];\n  const first = scope === undefined ? undefined : holds.find((hold) => inScope(hold, scope));\n  if (!first) return { ...UNLOCKED, holds: lock.holds };\n  // The first in scope is the provider's own first: the lock as it is, same object.\n  if (first === holds[0]) return lock;\n  return { locked: true, reason: first.reason, kind: first.kind, holds: lock.holds };\n}\n\n/**\n * The nearest {@link WriteLockProvider}'s lock, as a control with `scope` sees it —\n * unlocked with no provider. Left out, the scope is `true`: every lock.\n *\n * For code that must KNOW rather than a control that opts in: a toast that says why,\n * a swipe plan that leaves an action out, a hand-rolled toggle that disables itself.\n * `useWriteLock(COMMIT_EXCEPT_BILLING)` answers \"would a lapsed plan's lock refuse me?\"\n * as a removal sees it — what keksdose's `useWriteLockKind() !== \"billing\"` asked.\n */\nexport function useWriteLock(scope: CommitScope = true): WriteLock {\n  return writeLockFor(useContext(WriteLockContext), scope);\n}\n\n/**\n * The `disabledReason` a control with `commit` should use: the lock's reason while\n * the lock refuses this scope — it wins over the control's own, since it is the answer\n * to the question the hover is asking — else the control's own. Internal to the kit's\n * commit controls.\n */\nexport function useCommitReason(commit: CommitScope | undefined, own: ReactNode): ReactNode {\n  const lock = writeLockFor(useContext(WriteLockContext), commit);\n  return lock.locked ? lock.reason : own;\n}\n"],"mappings":";AAkKS;AAlKT,SAAS,eAAe,YAAY,eAAe;AAEnD,SAAS,oBAAwC;AACjD,SAAS,kBAAkB;AAC3B,SAAS,iCAAiC;AA8CnC,MAAM,wBAAwB,EAAE,QAAQ,CAAC,SAAS,EAAE;AAuB3D,MAAM,WAAqC,CAAC;AAE5C,MAAM,WAAsB,EAAE,QAAQ,OAAO,QAAQ,QAAW,MAAM,QAAW,OAAO,SAAS;AAEjG,MAAM,mBAAmB,cAAyB,QAAQ;AAkEnD,SAAS,kBAAkB,EAAE,QAAQ,QAAQ,MAAM,OAAO,QAAQ,SAAS,GAA2B;AAE3G,QAAM,WAAW,aAAa,aAAa,2BAA2B,MAAM,EAAE;AAE9E,QAAM,UAAU,UAAU,UAAU,UAAa,MAAM,SAAS,IAAI,QAAQ;AAC5E,QAAM,YAAY,UAAU,QAAQ,CAAC,EAAE,OAAO;AAC9C,QAAM,aAAa,UAAU,QAAQ,CAAC,EAAE,SAAS;AACjD,QAAM,cAAc,WAAW,UAAU,IAAI,aAAa;AAI1D,QAAM,OAAO,WAAW,QAAQ,SAAS,IAAI,UAAU;AACvD,QAAM,QAAQ,QAAmB,MAAM;AACrC,QAAI,CAAC,OAAQ,QAAO;AACpB,UAAM,MAAM,OACR,KAAK,IAAI,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,QAAQ,WAAW,KAAK,MAAM,IAAI,KAAK,SAAS,SAAS,EAAE,IAClG,CAAC,EAAE,MAAM,WAAW,QAAQ,YAAY,CAAC;AAC7C,WAAO,EAAE,QAAQ,MAAM,QAAQ,aAAa,MAAM,WAAW,OAAO,IAAI;AAAA,EAC1E,GAAG,CAAC,QAAQ,MAAM,WAAW,aAAa,QAAQ,CAAC;AACnD,SAAO,oBAAC,iBAAiB,UAAjB,EAA0B,OAAe,UAAS;AAC5D;AAOA,SAAS,QAAQ,MAAqB,OAA6B;AACjE,MAAI,UAAU,KAAM,QAAO;AAC3B,MAAI,UAAU,MAAO,QAAO;AAC5B,SAAO,KAAK,SAAS,UAAa,CAAC,MAAM,OAAO,SAAS,KAAK,IAAI;AACpE;AAWO,SAAS,aAAa,MAAiB,OAA2C;AACvF,MAAI,CAAC,KAAK,UAAU,UAAU,KAAM,QAAO;AAG3C,QAAM,QAAQ,KAAK,MAAM,SAAS,IAAI,KAAK,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC5F,QAAM,QAAQ,UAAU,SAAY,SAAY,MAAM,KAAK,CAAC,SAAS,QAAQ,MAAM,KAAK,CAAC;AACzF,MAAI,CAAC,MAAO,QAAO,EAAE,GAAG,UAAU,OAAO,KAAK,MAAM;AAEpD,MAAI,UAAU,MAAM,CAAC,EAAG,QAAO;AAC/B,SAAO,EAAE,QAAQ,MAAM,QAAQ,MAAM,QAAQ,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM;AACnF;AAWO,SAAS,aAAa,QAAqB,MAAiB;AACjE,SAAO,aAAa,WAAW,gBAAgB,GAAG,KAAK;AACzD;AAQO,SAAS,gBAAgB,QAAiC,KAA2B;AAC1F,QAAM,OAAO,aAAa,WAAW,gBAAgB,GAAG,MAAM;AAC9D,SAAO,KAAK,SAAS,KAAK,SAAS;AACrC;","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,11 @@
-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 { ComponentPropsWithoutRef } 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";
+export interface DemoBannerProps extends Omit<ComponentPropsWithoutRef<"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 +23,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 +45,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 { ComponentPropsWithoutRef } 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\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?: 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":";AA0GY,SAMA,UANA,KAMA,YANA;AA1GZ,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;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;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;