@vantageos/mosaic 0.1.1 → 0.1.2

package/dist/confirmation.js

@@ -0,0 +1,176 @@
+import { useRef, useId, useState, useEffect } from 'react';
+import { z } from 'zod';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/confirmation/TokenDisplayOnceModal.tsx
+
+// src/i18n/strings.ts
+var EN = {
+  "ProgressBar.aria.label": "Progress",
+  "ProgressBar.error.invalidProps": "ProgressBar: invalid props",
+  "ConfirmDialog.button.confirm": "Confirm",
+  "ConfirmDialog.button.cancel": "Cancel",
+  "ConfirmDialog.aria.dialog": "Confirmation dialog",
+  "TableView.aria.table": "Data table",
+  "TableView.pagination.next": "Next page",
+  "TableView.pagination.prev": "Previous page",
+  "TableView.empty.message": "No data to display",
+  "TableView.error.invalidProps": "TableView: invalid props",
+  "MarkdownRenderer.aria.content": "Rendered Markdown content",
+  "MarkdownRenderer.error.invalidProps": "MarkdownRenderer: invalid props",
+  "MarkdownRenderer.error.tooLong": "Content exceeds maximum length",
+  "TokenDisplayOnceModal.button.copy": "Copy token",
+  "TokenDisplayOnceModal.button.close": "Close",
+  "TokenDisplayOnceModal.warning.once": "This token will only be shown once. Copy it now.",
+  "TokenDisplayOnceModal.copied": "Copied",
+  "StatusBadge.aria.status": "Status",
+  "StatusBadge.error.invalidProps": "StatusBadge: invalid props"
+};
+var FR = {
+  "ProgressBar.aria.label": "Progression",
+  "ProgressBar.error.invalidProps": "ProgressBar : propri\xE9t\xE9s invalides",
+  "ConfirmDialog.button.confirm": "Confirmer",
+  "ConfirmDialog.button.cancel": "Annuler",
+  "ConfirmDialog.aria.dialog": "Bo\xEEte de dialogue de confirmation",
+  "TableView.aria.table": "Tableau de donn\xE9es",
+  "TableView.pagination.next": "Page suivante",
+  "TableView.pagination.prev": "Page pr\xE9c\xE9dente",
+  "TableView.empty.message": "Aucune donn\xE9e \xE0 afficher",
+  "TableView.error.invalidProps": "TableView : propri\xE9t\xE9s invalides",
+  "MarkdownRenderer.aria.content": "Contenu Markdown rendu",
+  "MarkdownRenderer.error.invalidProps": "MarkdownRenderer : propri\xE9t\xE9s invalides",
+  "MarkdownRenderer.error.tooLong": "Le contenu d\xE9passe la longueur maximale",
+  "TokenDisplayOnceModal.button.copy": "Copier le jeton",
+  "TokenDisplayOnceModal.button.close": "Fermer",
+  "TokenDisplayOnceModal.warning.once": "Ce jeton ne sera affich\xE9 qu'une seule fois. Copiez-le maintenant.",
+  "TokenDisplayOnceModal.copied": "Copi\xE9",
+  "StatusBadge.aria.status": "Statut",
+  "StatusBadge.error.invalidProps": "StatusBadge : propri\xE9t\xE9s invalides"
+};
+var TABLE = {
+  en: EN,
+  fr: FR
+};
+function t(key, locale = "en") {
+  return TABLE[locale]?.[key] ?? TABLE.en[key];
+}
+var TokenDisplayOnceModalPropsSchema = z.object({
+  token: z.string().min(1),
+  title: z.string().min(1),
+  warningMessage: z.string().min(1),
+  copyLabel: z.string().min(1),
+  closeLabel: z.string().min(1),
+  locale: z.enum(["en", "fr"]).default("en")
+});
+function validateTokenDisplayOnceModalProps(raw) {
+  return TokenDisplayOnceModalPropsSchema.parse(raw);
+}
+function TokenDisplayOnceModalInner({
+  token,
+  title,
+  warningMessage,
+  copyLabel,
+  closeLabel,
+  locale,
+  onClose
+}) {
+  const dialogRef = useRef(null);
+  const titleId = useId();
+  const warningId = useId();
+  const [copied, setCopied] = useState(false);
+  const [secureToken] = useState(token);
+  useEffect(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    dialog.showModal();
+    return () => {
+      if (dialog.open) dialog.close();
+    };
+  }, []);
+  async function handleCopy() {
+    try {
+      await navigator.clipboard.writeText(secureToken);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+      setCopied(false);
+    }
+  }
+  function handleKeyDown(e) {
+    if (e.key === "Escape") {
+      e.preventDefault();
+      onClose();
+    }
+  }
+  function handleBackdropClick(e) {
+    if (e.target === dialogRef.current) {
+      onClose();
+    }
+  }
+  return /* @__PURE__ */ jsx(
+    "dialog",
+    {
+      ref: dialogRef,
+      "aria-modal": "true",
+      "aria-labelledby": titleId,
+      "aria-describedby": warningId,
+      onKeyDown: handleKeyDown,
+      onClick: handleBackdropClick,
+      className: "rounded-lg shadow-xl p-0 backdrop:bg-black/40 w-full max-w-lg mx-auto",
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "p-6 flex flex-col gap-4",
+          onClick: (e) => e.stopPropagation(),
+          onKeyDown: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsx("h2", { id: titleId, className: "text-lg font-semibold text-gray-900", children: title }),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                id: warningId,
+                className: "text-sm text-amber-700 bg-amber-50 border border-amber-200 rounded-md px-3 py-2",
+                children: warningMessage
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 bg-gray-50 border border-gray-200 rounded-md px-3 py-2", children: /* @__PURE__ */ jsx("code", { className: "flex-1 text-sm font-mono text-gray-800 break-all select-all", children: secureToken }) }),
+            /* @__PURE__ */ jsx("output", { "aria-live": "polite", "aria-atomic": "true", className: "min-h-[1.25rem] block", children: copied && /* @__PURE__ */ jsx("span", { className: "text-sm text-green-700 font-medium", children: t("TokenDisplayOnceModal.copied", locale) }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-3 mt-2", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleCopy,
+                  className: "px-4 py-2 rounded-md text-sm font-medium bg-gray-100 text-gray-800 hover:bg-gray-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400 transition-colors",
+                  children: copyLabel
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onClose,
+                  className: "px-4 py-2 rounded-md text-sm font-medium bg-gray-900 text-white hover:bg-gray-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900 transition-colors",
+                  children: closeLabel
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function TokenDisplayOnceModal(raw) {
+  try {
+    const parsed = validateTokenDisplayOnceModalProps(raw);
+    return /* @__PURE__ */ jsx(TokenDisplayOnceModalInner, { ...parsed, onClose: raw.onClose });
+  } catch (err) {
+    console.warn("[TokenDisplayOnceModal] Invalid props \u2014 component will not render.", err);
+    return null;
+  }
+}
+
+export { TokenDisplayOnceModal, TokenDisplayOnceModalPropsSchema, validateTokenDisplayOnceModalProps };
+//# sourceMappingURL=confirmation.js.map
+//# sourceMappingURL=confirmation.js.map

package/dist/confirmation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/strings.ts","../src/components/confirmation/TokenDisplayOnceModal.schema.ts","../src/components/confirmation/TokenDisplayOnceModal.tsx"],"names":[],"mappings":"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","file":"confirmation.js","sourcesContent":["/**\n * Compile-time mirror of `@vantageos/mosaic-i18n` EN/FR locales for the 6\n * v0.1.0 components. Inlined here so that `<Comp>` renderers can resolve\n * `t(key, locale)` without dragging react-i18next into the component runtime\n * (keeps bundle small and tests provider-free). Drift is gated by\n * `mosaic-registry-drift-check.mjs` which validates the canonical\n * `packages/mosaic-i18n/src/locales/{en,fr}.json` against `registry.yaml`.\n *\n * Mosaic standard §8: production JSX MUST resolve user-facing strings via\n * `t()` — no hardcoded English literals.\n */\nexport type MosaicLocale = \"en\" | \"fr\";\n\nconst EN = {\n  \"ProgressBar.aria.label\": \"Progress\",\n  \"ProgressBar.error.invalidProps\": \"ProgressBar: invalid props\",\n  \"ConfirmDialog.button.confirm\": \"Confirm\",\n  \"ConfirmDialog.button.cancel\": \"Cancel\",\n  \"ConfirmDialog.aria.dialog\": \"Confirmation dialog\",\n  \"TableView.aria.table\": \"Data table\",\n  \"TableView.pagination.next\": \"Next page\",\n  \"TableView.pagination.prev\": \"Previous page\",\n  \"TableView.empty.message\": \"No data to display\",\n  \"TableView.error.invalidProps\": \"TableView: invalid props\",\n  \"MarkdownRenderer.aria.content\": \"Rendered Markdown content\",\n  \"MarkdownRenderer.error.invalidProps\": \"MarkdownRenderer: invalid props\",\n  \"MarkdownRenderer.error.tooLong\": \"Content exceeds maximum length\",\n  \"TokenDisplayOnceModal.button.copy\": \"Copy token\",\n  \"TokenDisplayOnceModal.button.close\": \"Close\",\n  \"TokenDisplayOnceModal.warning.once\": \"This token will only be shown once. Copy it now.\",\n  \"TokenDisplayOnceModal.copied\": \"Copied\",\n  \"StatusBadge.aria.status\": \"Status\",\n  \"StatusBadge.error.invalidProps\": \"StatusBadge: invalid props\",\n} as const;\n\nconst FR: Record<keyof typeof EN, string> = {\n  \"ProgressBar.aria.label\": \"Progression\",\n  \"ProgressBar.error.invalidProps\": \"ProgressBar : propriétés invalides\",\n  \"ConfirmDialog.button.confirm\": \"Confirmer\",\n  \"ConfirmDialog.button.cancel\": \"Annuler\",\n  \"ConfirmDialog.aria.dialog\": \"Boîte de dialogue de confirmation\",\n  \"TableView.aria.table\": \"Tableau de données\",\n  \"TableView.pagination.next\": \"Page suivante\",\n  \"TableView.pagination.prev\": \"Page précédente\",\n  \"TableView.empty.message\": \"Aucune donnée à afficher\",\n  \"TableView.error.invalidProps\": \"TableView : propriétés invalides\",\n  \"MarkdownRenderer.aria.content\": \"Contenu Markdown rendu\",\n  \"MarkdownRenderer.error.invalidProps\": \"MarkdownRenderer : propriétés invalides\",\n  \"MarkdownRenderer.error.tooLong\": \"Le contenu dépasse la longueur maximale\",\n  \"TokenDisplayOnceModal.button.copy\": \"Copier le jeton\",\n  \"TokenDisplayOnceModal.button.close\": \"Fermer\",\n  \"TokenDisplayOnceModal.warning.once\":\n    \"Ce jeton ne sera affiché qu'une seule fois. Copiez-le maintenant.\",\n  \"TokenDisplayOnceModal.copied\": \"Copié\",\n  \"StatusBadge.aria.status\": \"Statut\",\n  \"StatusBadge.error.invalidProps\": \"StatusBadge : propriétés invalides\",\n};\n\nexport type MosaicI18nKey = keyof typeof EN;\n\nconst TABLE: Record<MosaicLocale, Record<MosaicI18nKey, string>> = {\n  en: EN,\n  fr: FR,\n};\n\n/** Resolves a Mosaic i18n key for the given locale, falling back to EN. */\nexport function t(key: MosaicI18nKey, locale: MosaicLocale = \"en\"): string {\n  return TABLE[locale]?.[key] ?? TABLE.en[key];\n}\n","import { z } from \"zod\";\n\n// i18nKeys: TokenDisplayOnceModal.button.copy, TokenDisplayOnceModal.button.close,\n//           TokenDisplayOnceModal.warning.once, TokenDisplayOnceModal.copied\n\nexport const TokenDisplayOnceModalPropsSchema = z.object({\n  token: z.string().min(1),\n  title: z.string().min(1),\n  warningMessage: z.string().min(1),\n  copyLabel: z.string().min(1),\n  closeLabel: z.string().min(1),\n  locale: z.enum([\"en\", \"fr\"]).default(\"en\"),\n});\n\nexport type TokenDisplayOnceModalProps = z.infer<typeof TokenDisplayOnceModalPropsSchema> & {\n  onClose: () => void;\n};\n\nexport function validateTokenDisplayOnceModalProps(\n  raw: unknown,\n): z.infer<typeof TokenDisplayOnceModalPropsSchema> {\n  return TokenDisplayOnceModalPropsSchema.parse(raw);\n}\n","\"use client\";\n\n// i18nKeys: TokenDisplayOnceModal.button.copy, TokenDisplayOnceModal.button.close,\n//           TokenDisplayOnceModal.warning.once, TokenDisplayOnceModal.copied\n\nimport { type KeyboardEvent, type MouseEvent, useEffect, useId, useRef, useState } from \"react\";\nimport { t } from \"../../i18n/strings.js\";\nimport {\n  type TokenDisplayOnceModalProps,\n  validateTokenDisplayOnceModalProps,\n} from \"./TokenDisplayOnceModal.schema\";\n\nfunction TokenDisplayOnceModalInner({\n  token,\n  title,\n  warningMessage,\n  copyLabel,\n  closeLabel,\n  locale,\n  onClose,\n}: TokenDisplayOnceModalProps) {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const titleId = useId();\n  const warningId = useId();\n  const [copied, setCopied] = useState(false);\n  // Security: token is held only in this useState — on unmount, released by React GC.\n  // NEVER logged, NEVER stored in data-*, NEVER written to innerHTML.\n  const [secureToken] = useState<string>(token);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    /* v8 ignore next 2 */\n    if (!dialog) return;\n    dialog.showModal();\n    return () => {\n      if (dialog.open) dialog.close();\n    };\n  }, []);\n\n  async function handleCopy() {\n    try {\n      await navigator.clipboard.writeText(secureToken);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    } catch {\n      // Copy failed — do not leak token in error message\n      setCopied(false);\n    }\n  }\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDialogElement>) {\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      onClose();\n    }\n  }\n\n  function handleBackdropClick(e: MouseEvent<HTMLDialogElement>) {\n    if (e.target === dialogRef.current) {\n      onClose();\n    }\n  }\n\n  return (\n    <dialog\n      ref={dialogRef}\n      aria-modal=\"true\"\n      aria-labelledby={titleId}\n      aria-describedby={warningId}\n      onKeyDown={handleKeyDown}\n      onClick={handleBackdropClick}\n      className=\"rounded-lg shadow-xl p-0 backdrop:bg-black/40 w-full max-w-lg mx-auto\"\n    >\n      {/* Inner div stops click propagation so backdrop-click only fires on <dialog> itself */}\n      <div\n        className=\"p-6 flex flex-col gap-4\"\n        onClick={(e) => e.stopPropagation()}\n        onKeyDown={(e) => e.stopPropagation()}\n      >\n        <h2 id={titleId} className=\"text-lg font-semibold text-gray-900\">\n          {title}\n        </h2>\n        <p\n          id={warningId}\n          className=\"text-sm text-amber-700 bg-amber-50 border border-amber-200 rounded-md px-3 py-2\"\n        >\n          {warningMessage}\n        </p>\n        <div className=\"flex items-center gap-2 bg-gray-50 border border-gray-200 rounded-md px-3 py-2\">\n          <code className=\"flex-1 text-sm font-mono text-gray-800 break-all select-all\">\n            {secureToken}\n          </code>\n        </div>\n        {/* Ephemeral \"Copied\" toast — aria-live polite, no token text */}\n        <output aria-live=\"polite\" aria-atomic=\"true\" className=\"min-h-[1.25rem] block\">\n          {copied && (\n            <span className=\"text-sm text-green-700 font-medium\">\n              {t(\"TokenDisplayOnceModal.copied\", locale)}\n            </span>\n          )}\n        </output>\n        <div className=\"flex justify-end gap-3 mt-2\">\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            className=\"px-4 py-2 rounded-md text-sm font-medium bg-gray-100 text-gray-800 hover:bg-gray-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400 transition-colors\"\n          >\n            {copyLabel}\n          </button>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"px-4 py-2 rounded-md text-sm font-medium bg-gray-900 text-white hover:bg-gray-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900 transition-colors\"\n          >\n            {closeLabel}\n          </button>\n        </div>\n      </div>\n    </dialog>\n  );\n}\n\nexport function TokenDisplayOnceModal(\n  raw: Omit<TokenDisplayOnceModalProps, \"locale\"> &\n    Partial<Pick<TokenDisplayOnceModalProps, \"locale\">>,\n) {\n  try {\n    const parsed = validateTokenDisplayOnceModalProps(raw);\n    return <TokenDisplayOnceModalInner {...parsed} onClose={raw.onClose} />;\n  } catch (err) {\n    // Security: use console.warn (not console.error) and do not expose token value in log\n    console.warn(\"[TokenDisplayOnceModal] Invalid props — component will not render.\", err);\n    return null;\n  }\n}\n"]}

package/dist/display.cjs

@@ -0,0 +1,273 @@
+'use strict';
+
+var reactVirtual = require('@tanstack/react-virtual');
+var react = require('react');
+var zod = require('zod');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/display/TableView.tsx
+
+// src/i18n/strings.ts
+var EN = {
+  "ProgressBar.aria.label": "Progress",
+  "ProgressBar.error.invalidProps": "ProgressBar: invalid props",
+  "ConfirmDialog.button.confirm": "Confirm",
+  "ConfirmDialog.button.cancel": "Cancel",
+  "ConfirmDialog.aria.dialog": "Confirmation dialog",
+  "TableView.aria.table": "Data table",
+  "TableView.pagination.next": "Next page",
+  "TableView.pagination.prev": "Previous page",
+  "TableView.empty.message": "No data to display",
+  "TableView.error.invalidProps": "TableView: invalid props",
+  "MarkdownRenderer.aria.content": "Rendered Markdown content",
+  "MarkdownRenderer.error.invalidProps": "MarkdownRenderer: invalid props",
+  "MarkdownRenderer.error.tooLong": "Content exceeds maximum length",
+  "TokenDisplayOnceModal.button.copy": "Copy token",
+  "TokenDisplayOnceModal.button.close": "Close",
+  "TokenDisplayOnceModal.warning.once": "This token will only be shown once. Copy it now.",
+  "TokenDisplayOnceModal.copied": "Copied",
+  "StatusBadge.aria.status": "Status",
+  "StatusBadge.error.invalidProps": "StatusBadge: invalid props"
+};
+var FR = {
+  "ProgressBar.aria.label": "Progression",
+  "ProgressBar.error.invalidProps": "ProgressBar : propri\xE9t\xE9s invalides",
+  "ConfirmDialog.button.confirm": "Confirmer",
+  "ConfirmDialog.button.cancel": "Annuler",
+  "ConfirmDialog.aria.dialog": "Bo\xEEte de dialogue de confirmation",
+  "TableView.aria.table": "Tableau de donn\xE9es",
+  "TableView.pagination.next": "Page suivante",
+  "TableView.pagination.prev": "Page pr\xE9c\xE9dente",
+  "TableView.empty.message": "Aucune donn\xE9e \xE0 afficher",
+  "TableView.error.invalidProps": "TableView : propri\xE9t\xE9s invalides",
+  "MarkdownRenderer.aria.content": "Contenu Markdown rendu",
+  "MarkdownRenderer.error.invalidProps": "MarkdownRenderer : propri\xE9t\xE9s invalides",
+  "MarkdownRenderer.error.tooLong": "Le contenu d\xE9passe la longueur maximale",
+  "TokenDisplayOnceModal.button.copy": "Copier le jeton",
+  "TokenDisplayOnceModal.button.close": "Fermer",
+  "TokenDisplayOnceModal.warning.once": "Ce jeton ne sera affich\xE9 qu'une seule fois. Copiez-le maintenant.",
+  "TokenDisplayOnceModal.copied": "Copi\xE9",
+  "StatusBadge.aria.status": "Statut",
+  "StatusBadge.error.invalidProps": "StatusBadge : propri\xE9t\xE9s invalides"
+};
+var TABLE = {
+  en: EN,
+  fr: FR
+};
+function t(key, locale = "en") {
+  return TABLE[locale]?.[key] ?? TABLE.en[key];
+}
+var ColumnDefSchema = zod.z.object({
+  key: zod.z.string().min(1),
+  header: zod.z.string().min(1)
+  // render is a runtime function — excluded from Zod, typed separately
+});
+var TableViewPropsSchema = zod.z.object({
+  columns: zod.z.array(ColumnDefSchema).min(1, "TableView requires at least one column"),
+  virtualizeThreshold: zod.z.number().int().positive().default(100),
+  ariaLabel: zod.z.string().min(1),
+  locale: zod.z.enum(["en", "fr"]).default("en")
+});
+function validateTableViewProps(raw) {
+  return TableViewPropsSchema.parse(raw);
+}
+var OVERSCAN = 5;
+function TableView(props) {
+  let validatedThreshold = 100;
+  try {
+    const validated = validateTableViewProps({
+      columns: props.columns.map(({ key, header }) => ({ key, header })),
+      virtualizeThreshold: props.virtualizeThreshold,
+      ariaLabel: props.ariaLabel,
+      locale: props.locale
+    });
+    validatedThreshold = validated.virtualizeThreshold;
+  } catch {
+    const locale = props.locale === "fr" ? "fr" : "en";
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", children: t("TableView.error.invalidProps", locale) });
+  }
+  const isVirtual = props.rows.length > validatedThreshold;
+  const resolvedLocale = props.locale === "fr" ? "fr" : "en";
+  if (isVirtual) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      VirtualTable,
+      {
+        rows: props.rows,
+        columns: props.columns,
+        ariaLabel: props.ariaLabel,
+        locale: resolvedLocale
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    StaticTable,
+    {
+      rows: props.rows,
+      columns: props.columns,
+      ariaLabel: props.ariaLabel,
+      locale: resolvedLocale
+    }
+  );
+}
+function StreamingTableView(props) {
+  let validatedThreshold = 100;
+  try {
+    const validated = validateTableViewProps({
+      columns: props.columns.map(({ key, header }) => ({ key, header })),
+      virtualizeThreshold: props.virtualizeThreshold,
+      ariaLabel: props.ariaLabel,
+      locale: props.locale
+    });
+    validatedThreshold = validated.virtualizeThreshold;
+  } catch {
+    const locale = props.locale === "fr" ? "fr" : "en";
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", children: t("TableView.error.invalidProps", locale) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(StreamingTableViewInner, { ...props, virtualizeThreshold: validatedThreshold });
+}
+function StreamingTableViewInner({
+  columns,
+  rows$,
+  virtualizeThreshold = 100,
+  ariaLabel,
+  locale
+}) {
+  const resolvedLocale = locale === "fr" ? "fr" : "en";
+  const [rows, setRows] = react.useState([]);
+  react.useEffect(() => {
+    setRows([]);
+    const sub = rows$.subscribe((chunk) => {
+      setRows((prev) => [...prev, ...chunk]);
+    });
+    return () => {
+      sub.unsubscribe();
+    };
+  }, [rows$]);
+  const isVirtual = rows.length > virtualizeThreshold;
+  if (isVirtual) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      VirtualTable,
+      {
+        rows,
+        columns,
+        ariaLabel,
+        locale: resolvedLocale
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    StaticTable,
+    {
+      rows,
+      columns,
+      ariaLabel,
+      locale: resolvedLocale
+    }
+  );
+}
+function renderCell(col, row) {
+  if (col.render) {
+    return col.render(row);
+  }
+  return String(row[col.key] ?? "");
+}
+function StaticTable({
+  rows,
+  columns,
+  ariaLabel,
+  locale
+}) {
+  const emptyMsg = t("TableView.empty.message", locale);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "table",
+    {
+      "aria-label": ariaLabel,
+      "aria-rowcount": rows.length,
+      style: { width: "100%", borderCollapse: "collapse" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", children: col.header }, col.key)) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: columns.length, "aria-label": emptyMsg, children: emptyMsg }) }) : rows.map((row, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+          "tr",
+          {
+            "aria-rowindex": rowIndex + 2,
+            children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { children: renderCell(col, row) }, col.key))
+          },
+          row.id != null ? String(row.id) : `row-${rowIndex}`
+        )) })
+      ]
+    }
+  );
+}
+function VirtualTable({
+  rows,
+  columns,
+  ariaLabel,
+  // locale reserved for future virtual-mode empty/pagination strings
+  locale: _locale
+}) {
+  const scrollRef = react.useRef(null);
+  const rowVirtualizer = reactVirtual.useVirtualizer({
+    count: rows.length,
+    /* v8 ignore next 1 */
+    getScrollElement: () => scrollRef.current,
+    estimateSize: react.useCallback(() => 40, []),
+    overscan: OVERSCAN
+  });
+  const virtualItems = rowVirtualizer.getVirtualItems();
+  const totalSize = rowVirtualizer.getTotalSize();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-virtual": "true",
+      ref: scrollRef,
+      style: { height: 400, overflow: "auto", position: "relative" },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "table",
+        {
+          "aria-label": ariaLabel,
+          "aria-rowcount": rows.length,
+          style: { width: "100%", borderCollapse: "collapse" },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", children: col.header }, col.key)) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "tbody",
+              {
+                style: {
+                  height: `${totalSize}px`,
+                  position: "relative",
+                  display: "block"
+                },
+                children: virtualItems.map((virtualRow) => {
+                  const row = rows[virtualRow.index] ?? {};
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    "tr",
+                    {
+                      "aria-rowindex": virtualRow.index + 2,
+                      style: {
+                        position: "absolute",
+                        top: 0,
+                        left: 0,
+                        width: "100%",
+                        transform: `translateY(${virtualRow.start}px)`,
+                        display: "flex"
+                      },
+                      children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { style: { flex: 1 }, children: renderCell(col, row) }, col.key))
+                    },
+                    row.id != null ? String(row.id) : `vrow-${virtualRow.index}`
+                  );
+                })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+exports.StreamingTableView = StreamingTableView;
+exports.TableView = TableView;
+exports.TableViewPropsSchema = TableViewPropsSchema;
+exports.validateTableViewProps = validateTableViewProps;
+//# sourceMappingURL=display.cjs.map
+//# sourceMappingURL=display.cjs.map

package/dist/display.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/strings.ts","../src/components/display/TableView.schema.ts","../src/components/display/TableView.tsx"],"names":["z","jsx","useState","useEffect","jsxs","useRef","useVirtualizer","useCallback"],"mappings":"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","file":"display.cjs","sourcesContent":["/**\n * Compile-time mirror of `@vantageos/mosaic-i18n` EN/FR locales for the 6\n * v0.1.0 components. Inlined here so that `<Comp>` renderers can resolve\n * `t(key, locale)` without dragging react-i18next into the component runtime\n * (keeps bundle small and tests provider-free). Drift is gated by\n * `mosaic-registry-drift-check.mjs` which validates the canonical\n * `packages/mosaic-i18n/src/locales/{en,fr}.json` against `registry.yaml`.\n *\n * Mosaic standard §8: production JSX MUST resolve user-facing strings via\n * `t()` — no hardcoded English literals.\n */\nexport type MosaicLocale = \"en\" | \"fr\";\n\nconst EN = {\n  \"ProgressBar.aria.label\": \"Progress\",\n  \"ProgressBar.error.invalidProps\": \"ProgressBar: invalid props\",\n  \"ConfirmDialog.button.confirm\": \"Confirm\",\n  \"ConfirmDialog.button.cancel\": \"Cancel\",\n  \"ConfirmDialog.aria.dialog\": \"Confirmation dialog\",\n  \"TableView.aria.table\": \"Data table\",\n  \"TableView.pagination.next\": \"Next page\",\n  \"TableView.pagination.prev\": \"Previous page\",\n  \"TableView.empty.message\": \"No data to display\",\n  \"TableView.error.invalidProps\": \"TableView: invalid props\",\n  \"MarkdownRenderer.aria.content\": \"Rendered Markdown content\",\n  \"MarkdownRenderer.error.invalidProps\": \"MarkdownRenderer: invalid props\",\n  \"MarkdownRenderer.error.tooLong\": \"Content exceeds maximum length\",\n  \"TokenDisplayOnceModal.button.copy\": \"Copy token\",\n  \"TokenDisplayOnceModal.button.close\": \"Close\",\n  \"TokenDisplayOnceModal.warning.once\": \"This token will only be shown once. Copy it now.\",\n  \"TokenDisplayOnceModal.copied\": \"Copied\",\n  \"StatusBadge.aria.status\": \"Status\",\n  \"StatusBadge.error.invalidProps\": \"StatusBadge: invalid props\",\n} as const;\n\nconst FR: Record<keyof typeof EN, string> = {\n  \"ProgressBar.aria.label\": \"Progression\",\n  \"ProgressBar.error.invalidProps\": \"ProgressBar : propriétés invalides\",\n  \"ConfirmDialog.button.confirm\": \"Confirmer\",\n  \"ConfirmDialog.button.cancel\": \"Annuler\",\n  \"ConfirmDialog.aria.dialog\": \"Boîte de dialogue de confirmation\",\n  \"TableView.aria.table\": \"Tableau de données\",\n  \"TableView.pagination.next\": \"Page suivante\",\n  \"TableView.pagination.prev\": \"Page précédente\",\n  \"TableView.empty.message\": \"Aucune donnée à afficher\",\n  \"TableView.error.invalidProps\": \"TableView : propriétés invalides\",\n  \"MarkdownRenderer.aria.content\": \"Contenu Markdown rendu\",\n  \"MarkdownRenderer.error.invalidProps\": \"MarkdownRenderer : propriétés invalides\",\n  \"MarkdownRenderer.error.tooLong\": \"Le contenu dépasse la longueur maximale\",\n  \"TokenDisplayOnceModal.button.copy\": \"Copier le jeton\",\n  \"TokenDisplayOnceModal.button.close\": \"Fermer\",\n  \"TokenDisplayOnceModal.warning.once\":\n    \"Ce jeton ne sera affiché qu'une seule fois. Copiez-le maintenant.\",\n  \"TokenDisplayOnceModal.copied\": \"Copié\",\n  \"StatusBadge.aria.status\": \"Statut\",\n  \"StatusBadge.error.invalidProps\": \"StatusBadge : propriétés invalides\",\n};\n\nexport type MosaicI18nKey = keyof typeof EN;\n\nconst TABLE: Record<MosaicLocale, Record<MosaicI18nKey, string>> = {\n  en: EN,\n  fr: FR,\n};\n\n/** Resolves a Mosaic i18n key for the given locale, falling back to EN. */\nexport function t(key: MosaicI18nKey, locale: MosaicLocale = \"en\"): string {\n  return TABLE[locale]?.[key] ?? TABLE.en[key];\n}\n","import type { ReactNode } from \"react\";\nimport type { Observable } from \"rxjs\";\nimport { z } from \"zod\";\n\n// i18nKeys: TableView.aria.table, TableView.pagination.next, TableView.pagination.prev, TableView.empty.message, TableView.error.invalidProps\n\nexport const ColumnDefSchema = z.object({\n  key: z.string().min(1),\n  header: z.string().min(1),\n  // render is a runtime function — excluded from Zod, typed separately\n});\n\nexport type ColumnDef<TRow extends Record<string, unknown> = Record<string, unknown>> = {\n  key: string;\n  header: string;\n  render?: (row: TRow) => ReactNode;\n};\n\n/**\n * Validates the serialisable (non-function) portion of TableView props.\n * The `rows$` Observable and `render` callbacks are not Zod-parseable and\n * must be validated at the call-site type level.\n */\nexport const TableViewPropsSchema = z.object({\n  columns: z.array(ColumnDefSchema).min(1, \"TableView requires at least one column\"),\n  virtualizeThreshold: z.number().int().positive().default(100),\n  ariaLabel: z.string().min(1),\n  locale: z.enum([\"en\", \"fr\"]).default(\"en\"),\n});\n\nexport type TableViewPropsSchemaInput = z.input<typeof TableViewPropsSchema>;\nexport type TableViewPropsSchemaOutput = z.output<typeof TableViewPropsSchema>;\n\n/**\n * Props for the static TableView — accepts a plain array of rows.\n * Primary API for already-fetched data (no rxjs required).\n */\nexport type TableViewProps<TRow extends Record<string, unknown> = Record<string, unknown>> = {\n  columns: ColumnDef<TRow>[];\n  rows: Partial<TRow>[];\n  virtualizeThreshold?: number;\n  ariaLabel: string;\n  locale?: \"en\" | \"fr\";\n};\n\n/**\n * Props for StreamingTableView — accepts an RxJS Observable for incremental row appending.\n * Consumers using this variant MUST install rxjs ^7.8.0 in their project.\n */\nexport type StreamingTableViewProps<\n  TRow extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  columns: ColumnDef<TRow>[];\n  rows$: Observable<Partial<TRow>[]>;\n  virtualizeThreshold?: number;\n  ariaLabel: string;\n  locale?: \"en\" | \"fr\";\n};\n\nexport function validateTableViewProps(raw: unknown): TableViewPropsSchemaOutput {\n  return TableViewPropsSchema.parse(raw);\n}\n","// i18nKeys: TableView.aria.table, TableView.pagination.next, TableView.pagination.prev, TableView.empty.message, TableView.error.invalidProps\n\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport type React from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { type MosaicLocale, t } from \"../../i18n/strings.js\";\nimport { validateTableViewProps } from \"./TableView.schema\";\nimport type { StreamingTableViewProps, TableViewProps } from \"./TableView.schema\";\n\nconst OVERSCAN = 5;\n\n/**\n * TableView — Static rows variant (primary API).\n *\n * Accepts `rows: Row[]` for already-fetched data — no rxjs required.\n * Activates TanStack Virtual v3 windowing when rows.length > virtualizeThreshold.\n * Zod-validates serialisable props; renders role=\"alert\" fallback on failure.\n * Fully accessible: aria-rowcount, aria-label, scope=\"col\".\n */\nexport function TableView<TRow extends Record<string, unknown> = Record<string, unknown>>(\n  props: TableViewProps<TRow>,\n) {\n  // ── Zod validation (serialisable props only) ───────────────────────────────\n  let validatedThreshold = 100;\n  try {\n    const validated = validateTableViewProps({\n      columns: props.columns.map(({ key, header }) => ({ key, header })),\n      virtualizeThreshold: props.virtualizeThreshold,\n      ariaLabel: props.ariaLabel,\n      locale: props.locale,\n    });\n    validatedThreshold = validated.virtualizeThreshold;\n  } catch {\n    const locale: MosaicLocale = props.locale === \"fr\" ? \"fr\" : \"en\";\n    return <div role=\"alert\">{t(\"TableView.error.invalidProps\", locale)}</div>;\n  }\n\n  const isVirtual = props.rows.length > validatedThreshold;\n  const resolvedLocale: MosaicLocale = props.locale === \"fr\" ? \"fr\" : \"en\";\n\n  if (isVirtual) {\n    return (\n      <VirtualTable<TRow>\n        rows={props.rows}\n        columns={props.columns}\n        ariaLabel={props.ariaLabel}\n        locale={resolvedLocale}\n      />\n    );\n  }\n\n  return (\n    <StaticTable<TRow>\n      rows={props.rows}\n      columns={props.columns}\n      ariaLabel={props.ariaLabel}\n      locale={resolvedLocale}\n    />\n  );\n}\n\n/**\n * StreamingTableView — Streaming rows variant (advanced, opt-in).\n *\n * Pattern 4 Streaming Hydration reference implementation.\n * Consumes an RxJS Observable<Row[]> for incremental row appending.\n * Consumers MUST install rxjs ^7.8.0 in their project.\n * Activates TanStack Virtual v3 windowing when rows.length > virtualizeThreshold.\n * Zod-validates serialisable props; renders role=\"alert\" fallback on failure.\n * Fully accessible: aria-rowcount, aria-label, scope=\"col\".\n */\nexport function StreamingTableView<TRow extends Record<string, unknown> = Record<string, unknown>>(\n  props: StreamingTableViewProps<TRow>,\n) {\n  // ── Zod validation (serialisable props only) ───────────────────────────────\n  let validatedThreshold = 100;\n  try {\n    const validated = validateTableViewProps({\n      columns: props.columns.map(({ key, header }) => ({ key, header })),\n      virtualizeThreshold: props.virtualizeThreshold,\n      ariaLabel: props.ariaLabel,\n      locale: props.locale,\n    });\n    validatedThreshold = validated.virtualizeThreshold;\n  } catch {\n    const locale: MosaicLocale = props.locale === \"fr\" ? \"fr\" : \"en\";\n    return <div role=\"alert\">{t(\"TableView.error.invalidProps\", locale)}</div>;\n  }\n\n  return <StreamingTableViewInner<TRow> {...props} virtualizeThreshold={validatedThreshold} />;\n}\n\n// ── Inner implementation for streaming (rendered only after validation passes) ──\n\nfunction StreamingTableViewInner<TRow extends Record<string, unknown> = Record<string, unknown>>({\n  columns,\n  rows$,\n  virtualizeThreshold = 100,\n  ariaLabel,\n  locale,\n}: StreamingTableViewProps<TRow> & { virtualizeThreshold: number }) {\n  const resolvedLocale: MosaicLocale = locale === \"fr\" ? \"fr\" : \"en\";\n  const [rows, setRows] = useState<Partial<TRow>[]>([]);\n\n  // Subscribe to the Observable and accumulate chunks\n  useEffect(() => {\n    setRows([]);\n    const sub = rows$.subscribe((chunk) => {\n      setRows((prev) => [...prev, ...chunk]);\n    });\n    return () => {\n      sub.unsubscribe();\n    };\n  }, [rows$]);\n\n  const isVirtual = rows.length > virtualizeThreshold;\n\n  if (isVirtual) {\n    return (\n      <VirtualTable<TRow>\n        rows={rows}\n        columns={columns}\n        ariaLabel={ariaLabel}\n        locale={resolvedLocale}\n      />\n    );\n  }\n\n  return (\n    <StaticTable<TRow>\n      rows={rows}\n      columns={columns}\n      ariaLabel={ariaLabel}\n      locale={resolvedLocale}\n    />\n  );\n}\n\n// ── Static table (rows <= virtualizeThreshold) ────────────────────────────────\n\ntype TableContentProps<TRow extends Record<string, unknown>> = {\n  rows: Partial<TRow>[];\n  columns: TableViewProps<TRow>[\"columns\"];\n  ariaLabel: string;\n  locale: MosaicLocale;\n};\n\n/** Renders a single cell — uses col.render if provided, else converts to string */\nfunction renderCell<TRow extends Record<string, unknown>>(\n  col: TableViewProps<TRow>[\"columns\"][number],\n  row: Partial<TRow>,\n): React.ReactNode {\n  if (col.render) {\n    return col.render(row as TRow);\n  }\n  return String((row as Record<string, unknown>)[col.key] ?? \"\");\n}\n\nfunction StaticTable<TRow extends Record<string, unknown>>({\n  rows,\n  columns,\n  ariaLabel,\n  locale,\n}: TableContentProps<TRow>) {\n  const emptyMsg = t(\"TableView.empty.message\", locale);\n  return (\n    <table\n      aria-label={ariaLabel}\n      aria-rowcount={rows.length}\n      style={{ width: \"100%\", borderCollapse: \"collapse\" }}\n    >\n      <thead>\n        <tr>\n          {columns.map((col) => (\n            <th key={col.key} scope=\"col\">\n              {col.header}\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {rows.length === 0 ? (\n          <tr>\n            <td colSpan={columns.length} aria-label={emptyMsg}>\n              {emptyMsg}\n            </td>\n          </tr>\n        ) : (\n          rows.map((row, rowIndex) => (\n            <tr\n              key={\n                (row as Record<string, unknown>).id != null\n                  ? String((row as Record<string, unknown>).id)\n                  : `row-${rowIndex}`\n              }\n              aria-rowindex={rowIndex + 2}\n            >\n              {columns.map((col) => (\n                <td key={col.key}>{renderCell(col, row)}</td>\n              ))}\n            </tr>\n          ))\n        )}\n      </tbody>\n    </table>\n  );\n}\n\n// ── Virtual table (rows > virtualizeThreshold) — TanStack Virtual v3 ─────────\n\nfunction VirtualTable<TRow extends Record<string, unknown>>({\n  rows,\n  columns,\n  ariaLabel,\n  // locale reserved for future virtual-mode empty/pagination strings\n  locale: _locale,\n}: TableContentProps<TRow>) {\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    /* v8 ignore next 1 */\n    getScrollElement: () => scrollRef.current,\n    estimateSize: useCallback(() => 40, []),\n    overscan: OVERSCAN,\n  });\n\n  const virtualItems = rowVirtualizer.getVirtualItems();\n  const totalSize = rowVirtualizer.getTotalSize();\n\n  return (\n    <div\n      data-virtual=\"true\"\n      ref={scrollRef}\n      style={{ height: 400, overflow: \"auto\", position: \"relative\" }}\n    >\n      <table\n        aria-label={ariaLabel}\n        aria-rowcount={rows.length}\n        style={{ width: \"100%\", borderCollapse: \"collapse\" }}\n      >\n        <thead>\n          <tr>\n            {columns.map((col) => (\n              <th key={col.key} scope=\"col\">\n                {col.header}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody\n          style={{\n            height: `${totalSize}px`,\n            position: \"relative\",\n            display: \"block\",\n          }}\n        >\n          {virtualItems.map((virtualRow) => {\n            /* v8 ignore next */\n            const row = rows[virtualRow.index] ?? ({} as Partial<TRow>);\n            return (\n              <tr\n                key={\n                  (row as Record<string, unknown>).id != null\n                    ? String((row as Record<string, unknown>).id)\n                    : `vrow-${virtualRow.index}`\n                }\n                aria-rowindex={virtualRow.index + 2}\n                style={{\n                  position: \"absolute\",\n                  top: 0,\n                  left: 0,\n                  width: \"100%\",\n                  transform: `translateY(${virtualRow.start}px)`,\n                  display: \"flex\",\n                }}\n              >\n                {columns.map((col) => (\n                  <td key={col.key} style={{ flex: 1 }}>\n                    {renderCell(col, row)}\n                  </td>\n                ))}\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"]}

package/dist/display.d.cts

@@ -0,0 +1,94 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { Observable } from 'rxjs';
+import { z } from 'zod';
+
+type ColumnDef<TRow extends Record<string, unknown> = Record<string, unknown>> = {
+    key: string;
+    header: string;
+    render?: (row: TRow) => ReactNode;
+};
+/**
+ * Validates the serialisable (non-function) portion of TableView props.
+ * The `rows$` Observable and `render` callbacks are not Zod-parseable and
+ * must be validated at the call-site type level.
+ */
+declare const TableViewPropsSchema: z.ZodObject<{
+    columns: z.ZodArray<z.ZodObject<{
+        key: z.ZodString;
+        header: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        key: string;
+        header: string;
+    }, {
+        key: string;
+        header: string;
+    }>, "many">;
+    virtualizeThreshold: z.ZodDefault<z.ZodNumber>;
+    ariaLabel: z.ZodString;
+    locale: z.ZodDefault<z.ZodEnum<["en", "fr"]>>;
+}, "strip", z.ZodTypeAny, {
+    locale: "en" | "fr";
+    columns: {
+        key: string;
+        header: string;
+    }[];
+    virtualizeThreshold: number;
+    ariaLabel: string;
+}, {
+    columns: {
+        key: string;
+        header: string;
+    }[];
+    ariaLabel: string;
+    locale?: "en" | "fr" | undefined;
+    virtualizeThreshold?: number | undefined;
+}>;
+type TableViewPropsSchemaInput = z.input<typeof TableViewPropsSchema>;
+type TableViewPropsSchemaOutput = z.output<typeof TableViewPropsSchema>;
+/**
+ * Props for the static TableView — accepts a plain array of rows.
+ * Primary API for already-fetched data (no rxjs required).
+ */
+type TableViewProps<TRow extends Record<string, unknown> = Record<string, unknown>> = {
+    columns: ColumnDef<TRow>[];
+    rows: Partial<TRow>[];
+    virtualizeThreshold?: number;
+    ariaLabel: string;
+    locale?: "en" | "fr";
+};
+/**
+ * Props for StreamingTableView — accepts an RxJS Observable for incremental row appending.
+ * Consumers using this variant MUST install rxjs ^7.8.0 in their project.
+ */
+type StreamingTableViewProps<TRow extends Record<string, unknown> = Record<string, unknown>> = {
+    columns: ColumnDef<TRow>[];
+    rows$: Observable<Partial<TRow>[]>;
+    virtualizeThreshold?: number;
+    ariaLabel: string;
+    locale?: "en" | "fr";
+};
+declare function validateTableViewProps(raw: unknown): TableViewPropsSchemaOutput;
+
+/**
+ * TableView — Static rows variant (primary API).
+ *
+ * Accepts `rows: Row[]` for already-fetched data — no rxjs required.
+ * Activates TanStack Virtual v3 windowing when rows.length > virtualizeThreshold.
+ * Zod-validates serialisable props; renders role="alert" fallback on failure.
+ * Fully accessible: aria-rowcount, aria-label, scope="col".
+ */
+declare function TableView<TRow extends Record<string, unknown> = Record<string, unknown>>(props: TableViewProps<TRow>): react_jsx_runtime.JSX.Element;
+/**
+ * StreamingTableView — Streaming rows variant (advanced, opt-in).
+ *
+ * Pattern 4 Streaming Hydration reference implementation.
+ * Consumes an RxJS Observable<Row[]> for incremental row appending.
+ * Consumers MUST install rxjs ^7.8.0 in their project.
+ * Activates TanStack Virtual v3 windowing when rows.length > virtualizeThreshold.
+ * Zod-validates serialisable props; renders role="alert" fallback on failure.
+ * Fully accessible: aria-rowcount, aria-label, scope="col".
+ */
+declare function StreamingTableView<TRow extends Record<string, unknown> = Record<string, unknown>>(props: StreamingTableViewProps<TRow>): react_jsx_runtime.JSX.Element;
+
+export { type ColumnDef, StreamingTableView, type StreamingTableViewProps, TableView, type TableViewProps, TableViewPropsSchema, type TableViewPropsSchemaInput, type TableViewPropsSchemaOutput, validateTableViewProps };