@vantageos/mosaic 0.2.2 → 0.3.0-alpha.1

package/dist/preact/confirmation.js

@@ -1,3 +1,266 @@
+import { z } from 'zod';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useId, useEffect } from 'react';
 
+// src/components/confirmation/Alert.logic.ts
+function getAlertAriaRole(variant) {
+  return variant === "error" ? "alert" : "status";
+}
+function getAlertAriaLive(variant) {
+  return variant === "error" ? "assertive" : "polite";
+}
+var alertContainerClasses = {
+  success: "bg-green-50 text-green-900 ring-1 ring-green-300 border-l-4 border-green-500",
+  error: "bg-red-50 text-red-900 ring-1 ring-red-300 border-l-4 border-red-600",
+  info: "bg-blue-50 text-blue-900 ring-1 ring-blue-300 border-l-4 border-blue-500",
+  warning: "bg-amber-50 text-amber-900 ring-1 ring-amber-300 border-l-4 border-amber-500"
+};
+var alertTitleClasses = {
+  success: "text-green-900 font-semibold",
+  error: "text-red-900 font-semibold",
+  info: "text-blue-900 font-semibold",
+  warning: "text-amber-900 font-semibold"
+};
+var alertDescriptionClasses = {
+  success: "text-green-800",
+  error: "text-red-800",
+  info: "text-blue-800",
+  warning: "text-amber-800"
+};
+var alertDismissClasses = {
+  success: "text-green-700 hover:bg-green-100 focus-visible:outline-green-600",
+  error: "text-red-700 hover:bg-red-100 focus-visible:outline-red-600",
+  info: "text-blue-700 hover:bg-blue-100 focus-visible:outline-blue-600",
+  warning: "text-amber-700 hover:bg-amber-100 focus-visible:outline-amber-600"
+};
+var AlertPropsSchema = z.object({
+  variant: z.enum(["success", "error", "info", "warning"]),
+  title: z.string().min(1),
+  description: z.string().optional(),
+  dismissible: z.boolean().default(false),
+  locale: z.enum(["en", "fr"]).default("en")
+});
+function validateAlertProps(raw) {
+  return AlertPropsSchema.parse(raw);
+}
+
+// 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",
+  "EmptyState.error.invalidProps": "EmptyState: invalid props",
+  "Toast.aria.close": "Close notification",
+  "Toast.error.invalidProps": "Toast: invalid props",
+  "Alert.aria.dismiss": "Dismiss alert",
+  "Alert.error.invalidProps": "Alert: invalid props",
+  "VirtualList.empty.message": "No items to display",
+  "VirtualList.error.invalidProps": "VirtualList: invalid props",
+  "Skeleton.aria.label": "Loading",
+  "Skeleton.error.invalidProps": "Skeleton: 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",
+  "EmptyState.error.invalidProps": "EmptyState : propri\xE9t\xE9s invalides",
+  "Toast.aria.close": "Fermer la notification",
+  "Toast.error.invalidProps": "Toast : propri\xE9t\xE9s invalides",
+  "Alert.aria.dismiss": "Fermer l'alerte",
+  "Alert.error.invalidProps": "Alert : propri\xE9t\xE9s invalides",
+  "VirtualList.empty.message": "Aucun \xE9l\xE9ment \xE0 afficher",
+  "VirtualList.error.invalidProps": "VirtualList : propri\xE9t\xE9s invalides",
+  "Skeleton.aria.label": "Chargement",
+  "Skeleton.error.invalidProps": "Skeleton : propri\xE9t\xE9s invalides"
+};
+var TABLE = {
+  en: EN,
+  fr: FR
+};
+function t(key, locale = "en") {
+  return TABLE[locale]?.[key] ?? TABLE.en[key];
+}
+function AlertInner({ variant, title, description, dismissible, locale, onDismiss }) {
+  const role = getAlertAriaRole(variant);
+  const ariaLive = getAlertAriaLive(variant);
+  const dismissLabel = t("Alert.aria.dismiss", locale);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role,
+      "aria-live": ariaLive,
+      "aria-atomic": "true",
+      className: `relative flex items-start gap-3 rounded-md px-4 py-3 w-full ${alertContainerClasses[variant]}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: `text-sm leading-snug ${alertTitleClasses[variant]}`, children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: `mt-1 text-xs leading-relaxed ${alertDescriptionClasses[variant]}`, children: description })
+        ] }),
+        dismissible && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": dismissLabel,
+            onClick: onDismiss,
+            className: `shrink-0 rounded p-0.5 transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-1 ${alertDismissClasses[variant]}`,
+            children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                "aria-hidden": "true",
+                width: "14",
+                height: "14",
+                viewBox: "0 0 14 14",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M1 1l12 12M13 1L1 13",
+                    stroke: "currentColor",
+                    strokeWidth: "1.8",
+                    strokeLinecap: "round"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function Alert(raw) {
+  try {
+    const parsed = validateAlertProps(raw);
+    return /* @__PURE__ */ jsx(AlertInner, { ...parsed, onDismiss: raw.onDismiss });
+  } catch (err) {
+    console.error("[Alert] Invalid props \u2014 component will not render.", err);
+    const locale = raw.locale === "fr" ? "fr" : "en";
+    return /* @__PURE__ */ jsx("span", { role: "alert", children: t("Alert.error.invalidProps", locale) });
+  }
+}
+var ConfirmDialogPropsSchema = z.object({
+  title: z.string().min(1),
+  message: z.string().min(1),
+  confirmLabel: z.string().min(1),
+  cancelLabel: z.string().min(1),
+  variant: z.enum(["default", "danger"]).default("default"),
+  locale: z.enum(["en", "fr"]).default("en")
+});
+function validateConfirmDialogProps(raw) {
+  return ConfirmDialogPropsSchema.parse(raw);
+}
+function ConfirmDialogInner({
+  title,
+  message,
+  confirmLabel,
+  cancelLabel,
+  variant,
+  onConfirm,
+  onCancel
+}) {
+  const dialogRef = useRef(null);
+  const titleId = useId();
+  const messageId = useId();
+  useEffect(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    dialog.showModal();
+    return () => {
+      if (dialog.open) dialog.close();
+    };
+  }, []);
+  function handleKeyDown(e) {
+    if (e.key === "Escape") {
+      e.preventDefault();
+      onCancel();
+    }
+  }
+  function handleBackdropClick(e) {
+    if (e.target === dialogRef.current) {
+      onCancel();
+    }
+  }
+  const confirmClassName = variant === "danger" ? "bg-red-600 text-white hover:bg-red-700 focus-visible:outline-red-600 px-4 py-2 rounded-md text-sm font-medium transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2" : "bg-gray-900 text-white hover:bg-gray-700 focus-visible:outline-gray-900 px-4 py-2 rounded-md text-sm font-medium transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2";
+  return /* @__PURE__ */ jsx(
+    "dialog",
+    {
+      ref: dialogRef,
+      "aria-modal": "true",
+      "aria-labelledby": titleId,
+      "aria-describedby": messageId,
+      onKeyDown: handleKeyDown,
+      onClick: handleBackdropClick,
+      className: "rounded-lg shadow-xl p-0 backdrop:bg-black/40 w-full max-w-md 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: messageId, className: "text-sm text-gray-600", children: message }),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-3 mt-2", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onCancel,
+                  className: "px-4 py-2 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400 transition-colors",
+                  children: cancelLabel
+                }
+              ),
+              /* @__PURE__ */ jsx("button", { type: "button", onClick: onConfirm, className: confirmClassName, children: confirmLabel })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function ConfirmDialog(raw) {
+  try {
+    const parsed = validateConfirmDialogProps(raw);
+    return /* @__PURE__ */ jsx(ConfirmDialogInner, { ...parsed, onConfirm: raw.onConfirm, onCancel: raw.onCancel });
+  } catch (err) {
+    console.error("[ConfirmDialog] Invalid props \u2014 component will not render.", err);
+    return null;
+  }
+}
+
+export { Alert, AlertPropsSchema, ConfirmDialog as ConfirmModal, validateAlertProps };
 //# sourceMappingURL=confirmation.js.map
 //# sourceMappingURL=confirmation.js.map

package/dist/preact/confirmation.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"confirmation.js"}
+{"version":3,"sources":["../../src/components/confirmation/Alert.logic.ts","../../src/components/confirmation/Alert.schema.ts","../../src/i18n/strings.ts","../../src/runtimes/preact/components/confirmation/Alert.tsx","../../src/components/input/ConfirmDialog.schema.ts","../../src/components/input/ConfirmDialog.tsx"],"names":["z","jsx","jsxs"],"mappings":"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","file":"confirmation.js","sourcesContent":["/**\n * Alert.logic.ts — shared pure logic (no JSX, no runtime dependency).\n *\n * Used by both React 19 and Preact 10 runtime implementations.\n */\n\nexport type AlertVariant = \"success\" | \"error\" | \"info\" | \"warning\";\n\n/**\n * WCAG-AA aria-live / role rules:\n * - \"error\" → role=\"alert\"  + aria-live=\"assertive\"  (interrupts — user must know immediately)\n * - all others → role=\"status\" + aria-live=\"polite\"   (non-intrusive)\n */\nexport function getAlertAriaRole(variant: AlertVariant): \"alert\" | \"status\" {\n  return variant === \"error\" ? \"alert\" : \"status\";\n}\n\nexport function getAlertAriaLive(variant: AlertVariant): \"assertive\" | \"polite\" {\n  return variant === \"error\" ? \"assertive\" : \"polite\";\n}\n\n/**\n * Tailwind class maps per variant.\n * Using ring-1 for a subtle border + border-l-4 accent.\n * Tinted neutrals — no pure white/black backgrounds.\n */\nexport const alertContainerClasses: Record<AlertVariant, string> = {\n  success: \"bg-green-50 text-green-900 ring-1 ring-green-300 border-l-4 border-green-500\",\n  error: \"bg-red-50 text-red-900 ring-1 ring-red-300 border-l-4 border-red-600\",\n  info: \"bg-blue-50 text-blue-900 ring-1 ring-blue-300 border-l-4 border-blue-500\",\n  warning: \"bg-amber-50 text-amber-900 ring-1 ring-amber-300 border-l-4 border-amber-500\",\n};\n\nexport const alertTitleClasses: Record<AlertVariant, string> = {\n  success: \"text-green-900 font-semibold\",\n  error: \"text-red-900 font-semibold\",\n  info: \"text-blue-900 font-semibold\",\n  warning: \"text-amber-900 font-semibold\",\n};\n\nexport const alertDescriptionClasses: Record<AlertVariant, string> = {\n  success: \"text-green-800\",\n  error: \"text-red-800\",\n  info: \"text-blue-800\",\n  warning: \"text-amber-800\",\n};\n\nexport const alertDismissClasses: Record<AlertVariant, string> = {\n  success: \"text-green-700 hover:bg-green-100 focus-visible:outline-green-600\",\n  error: \"text-red-700 hover:bg-red-100 focus-visible:outline-red-600\",\n  info: \"text-blue-700 hover:bg-blue-100 focus-visible:outline-blue-600\",\n  warning: \"text-amber-700 hover:bg-amber-100 focus-visible:outline-amber-600\",\n};\n","import { z } from \"zod\";\n\n// i18nKeys: Alert.aria.dismiss, Alert.error.invalidProps\n\n/**\n * Alert component props schema.\n *\n * Persistent inline banner (vs Toast which is ephemeral + auto-dismissing).\n *\n * variant      — controls visual style + ARIA role auto-assignment:\n *                \"error\" → role=\"alert\"  (assertive, interrupts screen reader)\n *                all others → role=\"status\" (polite, non-intrusive)\n * title        — consumer-driven; caller passes already-localized string\n * description  — optional supporting text beneath the title\n * dismissible  — when true, renders a dismiss button (default: false)\n * onDismiss    — callback fired when dismiss button is clicked\n * locale       — controls dismiss button aria-label language\n */\nexport const AlertPropsSchema = z.object({\n  variant: z.enum([\"success\", \"error\", \"info\", \"warning\"]),\n  title: z.string().min(1),\n  description: z.string().optional(),\n  dismissible: z.boolean().default(false),\n  locale: z.enum([\"en\", \"fr\"]).default(\"en\"),\n});\n\nexport type AlertProps = z.infer<typeof AlertPropsSchema> & {\n  onDismiss?: () => void;\n};\n\nexport function validateAlertProps(raw: unknown): z.infer<typeof AlertPropsSchema> {\n  return AlertPropsSchema.parse(raw);\n}\n","/**\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  \"EmptyState.error.invalidProps\": \"EmptyState: invalid props\",\n  \"Toast.aria.close\": \"Close notification\",\n  \"Toast.error.invalidProps\": \"Toast: invalid props\",\n  \"Alert.aria.dismiss\": \"Dismiss alert\",\n  \"Alert.error.invalidProps\": \"Alert: invalid props\",\n  \"VirtualList.empty.message\": \"No items to display\",\n  \"VirtualList.error.invalidProps\": \"VirtualList: invalid props\",\n  \"Skeleton.aria.label\": \"Loading\",\n  \"Skeleton.error.invalidProps\": \"Skeleton: 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  \"EmptyState.error.invalidProps\": \"EmptyState : propriétés invalides\",\n  \"Toast.aria.close\": \"Fermer la notification\",\n  \"Toast.error.invalidProps\": \"Toast : propriétés invalides\",\n  \"Alert.aria.dismiss\": \"Fermer l'alerte\",\n  \"Alert.error.invalidProps\": \"Alert : propriétés invalides\",\n  \"VirtualList.empty.message\": \"Aucun élément à afficher\",\n  \"VirtualList.error.invalidProps\": \"VirtualList : propriétés invalides\",\n  \"Skeleton.aria.label\": \"Chargement\",\n  \"Skeleton.error.invalidProps\": \"Skeleton : 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","// i18nKeys: Alert.aria.dismiss, Alert.error.invalidProps\n// Note: uses React-compat prop names (className, strokeWidth) for TSC compliance.\n// Preact/compat accepts both className and class at runtime.\n// tsup aliases react → preact/compat at build time per §18.1 architecture standard.\n\nimport {\n  alertContainerClasses,\n  alertDescriptionClasses,\n  alertDismissClasses,\n  alertTitleClasses,\n  getAlertAriaLive,\n  getAlertAriaRole,\n} from \"../../../../components/confirmation/Alert.logic.js\";\nimport {\n  type AlertProps,\n  validateAlertProps,\n} from \"../../../../components/confirmation/Alert.schema.js\";\nimport { t } from \"../../../../i18n/strings.js\";\n\nfunction AlertInner({ variant, title, description, dismissible, locale, onDismiss }: AlertProps) {\n  const role = getAlertAriaRole(variant);\n  const ariaLive = getAlertAriaLive(variant);\n  const dismissLabel = t(\"Alert.aria.dismiss\", locale);\n\n  return (\n    <div\n      role={role}\n      aria-live={ariaLive}\n      aria-atomic=\"true\"\n      className={`relative flex items-start gap-3 rounded-md px-4 py-3 w-full ${alertContainerClasses[variant]}`}\n    >\n      <div className=\"flex-1 min-w-0\">\n        <p className={`text-sm leading-snug ${alertTitleClasses[variant]}`}>{title}</p>\n        {description && (\n          <p className={`mt-1 text-xs leading-relaxed ${alertDescriptionClasses[variant]}`}>\n            {description}\n          </p>\n        )}\n      </div>\n      {dismissible && (\n        <button\n          type=\"button\"\n          aria-label={dismissLabel}\n          onClick={onDismiss}\n          className={`shrink-0 rounded p-0.5 transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-1 ${alertDismissClasses[variant]}`}\n        >\n          {/* X icon — inline SVG, no external deps */}\n          <svg\n            aria-hidden=\"true\"\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 14 14\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M1 1l12 12M13 1L1 13\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.8\"\n              strokeLinecap=\"round\"\n            />\n          </svg>\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Alert — persistent inline banner (Preact 10 implementation).\n *\n * Contrast with Toast: Alert is PERSISTENT (no auto-dismiss), inline in the\n * document flow. Toast is ephemeral + portal-mounted.\n *\n * Accepts `Record<string, unknown>` for MCP postMessage injection safety.\n * Zod validation narrows before render. Invalid props → accessible error span.\n *\n * WCAG-AA:\n * - variant=\"error\" → role=\"alert\" + aria-live=\"assertive\"\n * - all others     → role=\"status\" + aria-live=\"polite\"\n */\nexport function Alert(\n  raw: Omit<AlertProps, \"locale\" | \"dismissible\"> &\n    Partial<Pick<AlertProps, \"locale\" | \"dismissible\">>,\n) {\n  try {\n    const parsed = validateAlertProps(raw);\n    return <AlertInner {...parsed} onDismiss={raw.onDismiss} />;\n  } catch (err) {\n    console.error(\"[Alert] Invalid props — component will not render.\", err);\n    const locale = (raw as Record<string, unknown>).locale === \"fr\" ? \"fr\" : \"en\";\n    return <span role=\"alert\">{t(\"Alert.error.invalidProps\", locale)}</span>;\n  }\n}\n","import { z } from \"zod\";\n\n// i18nKeys: ConfirmDialog.button.confirm, ConfirmDialog.button.cancel, ConfirmDialog.aria.dialog\n\nexport const ConfirmDialogPropsSchema = z.object({\n  title: z.string().min(1),\n  message: z.string().min(1),\n  confirmLabel: z.string().min(1),\n  cancelLabel: z.string().min(1),\n  variant: z.enum([\"default\", \"danger\"]).default(\"default\"),\n  locale: z.enum([\"en\", \"fr\"]).default(\"en\"),\n});\n\nexport type ConfirmDialogProps = z.infer<typeof ConfirmDialogPropsSchema> & {\n  onConfirm: () => void;\n  onCancel: () => void;\n};\n\nexport function validateConfirmDialogProps(raw: unknown): z.infer<typeof ConfirmDialogPropsSchema> {\n  return ConfirmDialogPropsSchema.parse(raw);\n}\n","\"use client\";\n\n// i18nKeys: ConfirmDialog.button.confirm, ConfirmDialog.button.cancel, ConfirmDialog.aria.dialog\n\nimport { type KeyboardEvent, type MouseEvent, useEffect, useId, useRef } from \"react\";\nimport { type ConfirmDialogProps, validateConfirmDialogProps } from \"./ConfirmDialog.schema\";\n\nfunction ConfirmDialogInner({\n  title,\n  message,\n  confirmLabel,\n  cancelLabel,\n  variant,\n  onConfirm,\n  onCancel,\n}: ConfirmDialogProps) {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const titleId = useId();\n  const messageId = useId();\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  function handleKeyDown(e: KeyboardEvent<HTMLDialogElement>) {\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      onCancel();\n    }\n  }\n\n  function handleBackdropClick(e: MouseEvent<HTMLDialogElement>) {\n    if (e.target === dialogRef.current) {\n      onCancel();\n    }\n  }\n\n  const confirmClassName =\n    variant === \"danger\"\n      ? \"bg-red-600 text-white hover:bg-red-700 focus-visible:outline-red-600 px-4 py-2 rounded-md text-sm font-medium transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2\"\n      : \"bg-gray-900 text-white hover:bg-gray-700 focus-visible:outline-gray-900 px-4 py-2 rounded-md text-sm font-medium transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2\";\n\n  return (\n    <dialog\n      ref={dialogRef}\n      aria-modal=\"true\"\n      aria-labelledby={titleId}\n      aria-describedby={messageId}\n      onKeyDown={handleKeyDown}\n      onClick={handleBackdropClick}\n      className=\"rounded-lg shadow-xl p-0 backdrop:bg-black/40 w-full max-w-md 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 id={messageId} className=\"text-sm text-gray-600\">\n          {message}\n        </p>\n        <div className=\"flex justify-end gap-3 mt-2\">\n          <button\n            type=\"button\"\n            onClick={onCancel}\n            className=\"px-4 py-2 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400 transition-colors\"\n          >\n            {cancelLabel}\n          </button>\n          <button type=\"button\" onClick={onConfirm} className={confirmClassName}>\n            {confirmLabel}\n          </button>\n        </div>\n      </div>\n    </dialog>\n  );\n}\n\nexport function ConfirmDialog(\n  raw: Omit<ConfirmDialogProps, \"variant\" | \"locale\"> &\n    Partial<Pick<ConfirmDialogProps, \"variant\" | \"locale\">>,\n) {\n  try {\n    const parsed = validateConfirmDialogProps(raw);\n    return <ConfirmDialogInner {...parsed} onConfirm={raw.onConfirm} onCancel={raw.onCancel} />;\n  } catch (err) {\n    console.error(\"[ConfirmDialog] Invalid props — component will not render.\", err);\n    return null;\n  }\n}\n"]}

package/dist/preact/display.d.ts

@@ -1,2 +1,241 @@
+import * as preact from 'preact';
+import { ComponentChildren, h } from 'preact';
+import { z } from 'zod';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
 
-export {  }
+/**
+ * EmptyState component props schema.
+ *
+ * Empty-set illustration + title + description + optional CTA.
+ * Consumer-driven i18n: caller passes already-localized strings.
+ *
+ * icon        — optional ReactNode / PreactNode passed by the caller
+ * title       — required heading (h2, consumer-driven i18n)
+ * description — optional supporting text
+ * action      — optional CTA: { label, onClick, variant? }
+ */
+declare const EmptyStatePropsSchema: z.ZodObject<{
+    title: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+    action: z.ZodOptional<z.ZodObject<{
+        label: z.ZodString;
+        variant: z.ZodDefault<z.ZodEnum<["primary", "secondary"]>>;
+    }, "strip", z.ZodTypeAny, {
+        label: string;
+        variant: "primary" | "secondary";
+    }, {
+        label: string;
+        variant?: "primary" | "secondary" | undefined;
+    }>>;
+    locale: z.ZodDefault<z.ZodEnum<["en", "fr"]>>;
+}, "strip", z.ZodTypeAny, {
+    title: string;
+    locale: "en" | "fr";
+    description?: string | undefined;
+    action?: {
+        label: string;
+        variant: "primary" | "secondary";
+    } | undefined;
+}, {
+    title: string;
+    description?: string | undefined;
+    action?: {
+        label: string;
+        variant?: "primary" | "secondary" | undefined;
+    } | undefined;
+    locale?: "en" | "fr" | undefined;
+}>;
+type EmptyStatePropsSchemaOutput = z.output<typeof EmptyStatePropsSchema>;
+/**
+ * Full EmptyState props including framework-specific node types and callback.
+ * `icon` and `action.onClick` are excluded from Zod (functions/nodes are not serializable).
+ *
+ * Note: action.variant is optional for callers — Zod applies "primary" default at parse time.
+ */
+type EmptyStateProps = Omit<EmptyStatePropsSchemaOutput, "action"> & {
+    icon?: any;
+    action?: {
+        label: string;
+        variant?: "primary" | "secondary";
+        onClick: () => void;
+    };
+};
+declare function validateEmptyStateProps(raw: unknown): EmptyStatePropsSchemaOutput;
+
+/**
+ * EmptyState — cross-runtime empty-set display primitive (Preact 10 implementation).
+ *
+ * Accepts `Record<string, unknown>` for MCP postMessage injection safety.
+ * Zod validation narrows before render. Invalid props → accessible error span.
+ *
+ * WCAG-AA:
+ * - <section aria-label={title}> → role="region" landmark (no Biome lint, correct semantics)
+ * - heading hierarchy: h2 (title) — caller manages the h1 context
+ * - action button is keyboard-accessible (tab + enter/space)
+ */
+declare function EmptyState(raw: Omit<EmptyStateProps, "locale"> & Partial<Pick<EmptyStateProps, "locale">> & {
+    icon?: ComponentChildren;
+}): preact.JSX.Element;
+
+/** @jsxRuntime classic */
+/** @jsx h */
+
+/**
+ * Skeleton — cross-runtime loading placeholder (Preact 10 implementation).
+ *
+ * Structurally identical to the React runtime; JSX differences:
+ * - `class` instead of `className`
+ * - Preact h/Fragment imports
+ * - No "use client" directive (Preact runs in extension context)
+ *
+ * WCAG-AA: role="status" + aria-busy="true" + aria-label via t()
+ */
+declare function Skeleton(raw: Record<string, unknown>): h.JSX.Element;
+
+/**
+ * Skeleton component props schema.
+ *
+ * variant  — shape of the placeholder:
+ *            "rect"   → rectangular block (default)
+ *            "circle" → circular avatar / icon placeholder
+ *            "text"   → single or multi-line text placeholder
+ *
+ * width / height — CSS values (string) or pixels (number).
+ *   "rect" defaults: width="100%", height=100
+ *   "circle" defaults: width=height (equal, square rendered as circle)
+ *   "text" defaults: width="100%", height=16
+ *
+ * count  — number of text line spans (only meaningful for variant="text").
+ *          Default 1. Ignored for rect/circle.
+ *
+ * animation — shimmer style:
+ *   "pulse" → opacity pulse (default)
+ *   "wave"  → left-to-right gradient sweep
+ *   "none"  → static placeholder (auto-selected when prefers-reduced-motion)
+ */
+declare const SkeletonPropsSchema: z.ZodObject<{
+    variant: z.ZodDefault<z.ZodEnum<["rect", "circle", "text"]>>;
+    width: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+    height: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+    count: z.ZodDefault<z.ZodNumber>;
+    animation: z.ZodDefault<z.ZodEnum<["pulse", "wave", "none"]>>;
+    locale: z.ZodDefault<z.ZodEnum<["en", "fr"]>>;
+}, "strip", z.ZodTypeAny, {
+    variant: "circle" | "rect" | "text";
+    locale: "en" | "fr";
+    count: number;
+    animation: "none" | "pulse" | "wave";
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+}, {
+    variant?: "circle" | "rect" | "text" | undefined;
+    locale?: "en" | "fr" | undefined;
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    count?: number | undefined;
+    animation?: "none" | "pulse" | "wave" | undefined;
+}>;
+type SkeletonProps = z.infer<typeof SkeletonPropsSchema>;
+declare function validateSkeletonProps(raw: unknown): SkeletonProps;
+/**
+ * Resolve final width/height CSS values given the variant and raw props.
+ * Centralised here so React + Preact runtimes share identical defaults.
+ */
+declare function resolveSkeletonDimensions(variant: SkeletonProps["variant"], width: SkeletonProps["width"], height: SkeletonProps["height"]): {
+    widthCss: string;
+    heightCss: string;
+};
+
+/**
+ * VirtualList Zod props schema.
+ *
+ * Runtime functions (renderItem, estimateSize, onRowClick) are excluded from
+ * Zod per §18.5 (runtime functions not serialisable). They are typed separately
+ * in VirtualListProps<T> below.
+ *
+ * Serialisable fields validated at render time for safe MCP postMessage injection.
+ */
+declare const VirtualListPropsSchema: z.ZodObject<{
+    /** Array of items to render — required, can be empty */
+    items: z.ZodArray<z.ZodUnknown, "many">;
+    /** Fixed row height in px — mutually exclusive with estimateSize */
+    itemHeight: z.ZodOptional<z.ZodNumber>;
+    /** Variable row height estimator — mutually exclusive with itemHeight */
+    estimateSize: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodNumber], z.ZodUnknown>, z.ZodNumber>>;
+    /** Row renderer — required (runtime function, excluded from strict Zod parse but validated for presence) */
+    renderItem: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodUnknown, z.ZodNumber], z.ZodUnknown>, z.ZodUnknown>>;
+    /** Rows to render outside visible area (default: 5) */
+    overscan: z.ZodOptional<z.ZodNumber>;
+    /** CSS class applied to the scroll container */
+    className: z.ZodOptional<z.ZodString>;
+    /** Locale for built-in empty state + error messages */
+    locale: z.ZodOptional<z.ZodEnum<["en", "fr"]>>;
+    /** a11y: when provided, rows become keyboard-activable (role=button + tabIndex=0 + Enter/Space) */
+    onRowClick: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodUnknown, z.ZodNumber], z.ZodUnknown>, z.ZodVoid>>;
+}, "strip", z.ZodTypeAny, {
+    items: unknown[];
+    locale?: "en" | "fr" | undefined;
+    itemHeight?: number | undefined;
+    estimateSize?: ((args_0: number, ...args: unknown[]) => number) | undefined;
+    renderItem?: ((args_0: unknown, args_1: number, ...args: unknown[]) => unknown) | undefined;
+    overscan?: number | undefined;
+    className?: string | undefined;
+    onRowClick?: ((args_0: unknown, args_1: number, ...args: unknown[]) => void) | undefined;
+}, {
+    items: unknown[];
+    locale?: "en" | "fr" | undefined;
+    itemHeight?: number | undefined;
+    estimateSize?: ((args_0: number, ...args: unknown[]) => number) | undefined;
+    renderItem?: ((args_0: unknown, args_1: number, ...args: unknown[]) => unknown) | undefined;
+    overscan?: number | undefined;
+    className?: string | undefined;
+    onRowClick?: ((args_0: unknown, args_1: number, ...args: unknown[]) => void) | undefined;
+}>;
+type VirtualListPropsSchemaOutput = z.output<typeof VirtualListPropsSchema>;
+/**
+ * Full typed VirtualList props for JSX consumers.
+ * Generic over item type T.
+ */
+type VirtualListProps<T = unknown> = {
+    /** Array of items to render */
+    items: T[];
+    /** Fixed row height in px — use when all rows are the same height */
+    itemHeight?: number;
+    /** Variable height estimator — use when rows have different heights */
+    estimateSize?: (index: number) => number;
+    /** Required: renders one item */
+    renderItem: (item: T, index: number) => ReactNode;
+    /** Called when a row is clicked/activated — triggers a11y role=button + keyboard */
+    onRowClick?: (item: T, index: number) => void;
+    /** Rows rendered outside viewport (default: 5) */
+    overscan?: number;
+    /** CSS class applied to the scroll container */
+    className?: string;
+    /** Locale for built-in strings (default: "en") */
+    locale?: "en" | "fr";
+};
+/** Validates serialisable portion of VirtualList props — throws on failure */
+declare function validateVirtualListProps(raw: unknown): VirtualListPropsSchemaOutput;
+
+/**
+ * VirtualList — generic virtualized list component.
+ *
+ * Cross-runtime: same file used by React 19 and Preact 10 (via preact/compat alias in tsup).
+ * Virtualization: @tanstack/react-virtual v3 (already in mosaic deps via TableView).
+ * a11y: WCAG-AA — when onRowClick provided, rows get role=button + tabIndex=0 + Enter/Space.
+ * Zod-validated serialisable props; renders role="alert" fallback on failure.
+ *
+ * API:
+ *   items: T[]                                     — generic item array
+ *   itemHeight?: number                            — fixed px height (mutually exclusive with estimateSize)
+ *   estimateSize?: (index) => number              — variable height estimator
+ *   renderItem: (item, index) => ReactNode        — required row renderer
+ *   onRowClick?: (item, index) => void            — a11y click handler
+ *   overscan?: number                              — rows outside viewport (default: 5)
+ *   className?: string                             — scroll container class
+ *   locale?: "en" | "fr"                          — built-in string locale
+ */
+declare function VirtualList<T = unknown>(props: VirtualListProps<T>): react_jsx_runtime.JSX.Element;
+
+export { EmptyState, type EmptyStateProps, EmptyStatePropsSchema, Skeleton, type SkeletonProps, SkeletonPropsSchema, VirtualList, type VirtualListProps, VirtualListPropsSchema, resolveSkeletonDimensions, validateEmptyStateProps, validateSkeletonProps, validateVirtualListProps };