@vantageos/mosaic 0.3.0-alpha.1 → 0.3.1

package/dist/preact/artifacts.js

@@ -1,3 +1,237 @@
+import DOMPurify from 'dompurify';
+import { marked } from 'marked';
+import { z } from 'zod';
+import { jsx } from 'preact/jsx-runtime';
 
+// src/runtimes/preact/components/artifacts/MarkdownRenderer.tsx
+var MarkdownRendererPropsSchema = z.object({
+  content: z.string(),
+  locale: z.enum(["en", "fr"]),
+  maxLength: z.number().positive().default(5e4),
+  allowHtml: z.boolean().default(false)
+});
+function validateProps(raw) {
+  return MarkdownRendererPropsSchema.parse(raw);
+}
+
+// src/i18n/strings.ts
+var EN = {
+  // ─── Non-forms components ──────────────────────────────────────────────────
+  "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",
+  // ─── Forms — useMosaicForm ─────────────────────────────────────────────────
+  "useMosaicForm.error.invalidProps": "useMosaicForm: invalid options",
+  // ─── Forms — FormProvider ──────────────────────────────────────────────────
+  "FormProvider.error.invalidProps": "FormProvider: invalid props",
+  // ─── Forms — FormField ────────────────────────────────────────────────────
+  "FormField.error.invalidProps": "FormField: invalid props",
+  // ─── Forms — ErrorDisplay ─────────────────────────────────────────────────
+  "ErrorDisplay.error.required": "This field is required",
+  "ErrorDisplay.error.min": "Value is below the minimum",
+  "ErrorDisplay.error.max": "Value exceeds the maximum",
+  "ErrorDisplay.error.minLength": "Input is too short",
+  "ErrorDisplay.error.maxLength": "Input is too long",
+  "ErrorDisplay.error.pattern": "Invalid format",
+  "ErrorDisplay.error.email": "Enter a valid email address",
+  "ErrorDisplay.error.url": "Enter a valid URL",
+  "ErrorDisplay.error.generic": "Invalid value",
+  // ─── Forms — SubmitButton ─────────────────────────────────────────────────
+  "SubmitButton.aria.submit": "Submit form",
+  "SubmitButton.state.loading": "Submitting\u2026",
+  "SubmitButton.error.invalidProps": "SubmitButton: invalid props",
+  // ─── Forms — Input ────────────────────────────────────────────────────────
+  "Input.aria.label": "Input field",
+  "Input.error.required": "This field is required",
+  "Input.error.invalid": "Invalid value",
+  "Input.error.tooLong": "Input is too long",
+  "Input.error.tooShort": "Input is too short",
+  "Input.error.invalidProps": "Input: invalid props",
+  // ─── Forms — Textarea ─────────────────────────────────────────────────────
+  "Textarea.aria.label": "Text area",
+  "Textarea.error.required": "This field is required",
+  "Textarea.error.tooLong": "Text is too long",
+  "Textarea.counter.remaining": "characters remaining",
+  "Textarea.error.invalidProps": "Textarea: invalid props",
+  // ─── Forms — FieldArray ───────────────────────────────────────────────────
+  "FieldArray.aria.list": "List of items",
+  "FieldArray.aria.addItem": "Add item",
+  "FieldArray.aria.removeItem": "Remove item",
+  "FieldArray.error.invalidProps": "FieldArray: invalid props",
+  // ─── Forms — Checkbox ─────────────────────────────────────────────────────
+  "Checkbox.aria.label": "Checkbox",
+  "Checkbox.error.required": "This field must be checked",
+  "Checkbox.error.invalidProps": "Checkbox: invalid props",
+  // ─── Forms — MultiSelect ──────────────────────────────────────────────────
+  "MultiSelect.aria.label": "Multi-select field",
+  "MultiSelect.aria.removeChip": "Remove",
+  "MultiSelect.error.required": "Select at least one option",
+  "MultiSelect.error.maxItems": "Maximum number of selections reached",
+  "MultiSelect.placeholder": "Select options\u2026",
+  "MultiSelect.search.placeholder": "Search\u2026",
+  "MultiSelect.empty": "No options available",
+  "MultiSelect.error.invalidProps": "MultiSelect: invalid props",
+  // ─── Forms — RadioGroup ───────────────────────────────────────────────────
+  "RadioGroup.aria.label": "Radio group",
+  "RadioGroup.error.required": "Select one option",
+  "RadioGroup.error.invalidProps": "RadioGroup: invalid props",
+  // ─── Forms — Select ───────────────────────────────────────────────────────
+  "Select.placeholder": "Select an option\u2026",
+  "Select.search.placeholder": "Search\u2026",
+  "Select.empty": "No options available",
+  "Select.error.required": "Select an option",
+  "Select.error.invalidProps": "Select: invalid props"
+};
+var FR = {
+  // ─── Non-forms components ──────────────────────────────────────────────────
+  "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",
+  // ─── Forms — useMosaicForm ─────────────────────────────────────────────────
+  "useMosaicForm.error.invalidProps": "useMosaicForm : options invalides",
+  // ─── Forms — FormProvider ──────────────────────────────────────────────────
+  "FormProvider.error.invalidProps": "FormProvider : propri\xE9t\xE9s invalides",
+  // ─── Forms — FormField ────────────────────────────────────────────────────
+  "FormField.error.invalidProps": "FormField : propri\xE9t\xE9s invalides",
+  // ─── Forms — ErrorDisplay ─────────────────────────────────────────────────
+  "ErrorDisplay.error.required": "Ce champ est obligatoire",
+  "ErrorDisplay.error.min": "La valeur est inf\xE9rieure au minimum",
+  "ErrorDisplay.error.max": "La valeur d\xE9passe le maximum",
+  "ErrorDisplay.error.minLength": "La saisie est trop courte",
+  "ErrorDisplay.error.maxLength": "La saisie est trop longue",
+  "ErrorDisplay.error.pattern": "Format invalide",
+  "ErrorDisplay.error.email": "Saisissez une adresse e-mail valide",
+  "ErrorDisplay.error.url": "Saisissez une URL valide",
+  "ErrorDisplay.error.generic": "Valeur invalide",
+  // ─── Forms — SubmitButton ─────────────────────────────────────────────────
+  "SubmitButton.aria.submit": "Soumettre le formulaire",
+  "SubmitButton.state.loading": "Envoi en cours\u2026",
+  "SubmitButton.error.invalidProps": "SubmitButton : propri\xE9t\xE9s invalides",
+  // ─── Forms — Input ────────────────────────────────────────────────────────
+  "Input.aria.label": "Champ de saisie",
+  "Input.error.required": "Ce champ est obligatoire",
+  "Input.error.invalid": "Valeur invalide",
+  "Input.error.tooLong": "La saisie est trop longue",
+  "Input.error.tooShort": "La saisie est trop courte",
+  "Input.error.invalidProps": "Input : propri\xE9t\xE9s invalides",
+  // ─── Forms — Textarea ─────────────────────────────────────────────────────
+  "Textarea.aria.label": "Zone de texte",
+  "Textarea.error.required": "Ce champ est obligatoire",
+  "Textarea.error.tooLong": "Le texte est trop long",
+  "Textarea.counter.remaining": "caract\xE8res restants",
+  "Textarea.error.invalidProps": "Textarea : propri\xE9t\xE9s invalides",
+  // ─── Forms — FieldArray ───────────────────────────────────────────────────
+  "FieldArray.aria.list": "Liste d'\xE9l\xE9ments",
+  "FieldArray.aria.addItem": "Ajouter un \xE9l\xE9ment",
+  "FieldArray.aria.removeItem": "Supprimer l'\xE9l\xE9ment",
+  "FieldArray.error.invalidProps": "FieldArray : propri\xE9t\xE9s invalides",
+  // ─── Forms — Checkbox ─────────────────────────────────────────────────────
+  "Checkbox.aria.label": "Case \xE0 cocher",
+  "Checkbox.error.required": "Ce champ doit \xEAtre coch\xE9",
+  "Checkbox.error.invalidProps": "Checkbox : propri\xE9t\xE9s invalides",
+  // ─── Forms — MultiSelect ──────────────────────────────────────────────────
+  "MultiSelect.aria.label": "Champ de s\xE9lection multiple",
+  "MultiSelect.aria.removeChip": "Retirer",
+  "MultiSelect.error.required": "S\xE9lectionnez au moins une option",
+  "MultiSelect.error.maxItems": "Nombre maximum de s\xE9lections atteint",
+  "MultiSelect.placeholder": "S\xE9lectionner des options\u2026",
+  "MultiSelect.search.placeholder": "Rechercher\u2026",
+  "MultiSelect.empty": "Aucune option disponible",
+  "MultiSelect.error.invalidProps": "MultiSelect : propri\xE9t\xE9s invalides",
+  // ─── Forms — RadioGroup ───────────────────────────────────────────────────
+  "RadioGroup.aria.label": "Groupe de boutons radio",
+  "RadioGroup.error.required": "S\xE9lectionnez une option",
+  "RadioGroup.error.invalidProps": "RadioGroup : propri\xE9t\xE9s invalides",
+  // ─── Forms — Select ───────────────────────────────────────────────────────
+  "Select.placeholder": "S\xE9lectionner une option\u2026",
+  "Select.search.placeholder": "Rechercher\u2026",
+  "Select.empty": "Aucune option disponible",
+  "Select.error.required": "S\xE9lectionnez une option",
+  "Select.error.invalidProps": "Select : propri\xE9t\xE9s invalides"
+};
+var TABLE = {
+  en: EN,
+  fr: FR
+};
+function t(key, locale = "en") {
+  return TABLE[locale]?.[key] ?? TABLE.en[key];
+}
+function MarkdownRendererInner({ content, locale, maxLength, allowHtml }) {
+  if (content.length > maxLength) {
+    return /* @__PURE__ */ jsx("div", { role: "alert", lang: locale, children: t("MarkdownRenderer.error.tooLong", locale) });
+  }
+  const source = allowHtml ? content : content.replace(/<[^>]*>/g, "");
+  const rawHtml = marked.parse(source, { async: false });
+  const cleanHtml = DOMPurify.sanitize(rawHtml);
+  return /* @__PURE__ */ jsx(
+    "article",
+    {
+      "aria-label": t("MarkdownRenderer.aria.content", locale),
+      lang: locale,
+      dangerouslySetInnerHTML: { __html: cleanHtml }
+    }
+  );
+}
+function MarkdownRenderer(raw) {
+  try {
+    const props = validateProps(raw);
+    return /* @__PURE__ */ jsx(MarkdownRendererInner, { ...props });
+  } catch {
+    const locale = raw.locale === "fr" ? "fr" : "en";
+    return /* @__PURE__ */ jsx("div", { role: "alert", children: t("MarkdownRenderer.error.invalidProps", locale) });
+  }
+}
+
+export { MarkdownRenderer, MarkdownRendererPropsSchema, validateProps as validateMarkdownRendererProps };
 //# sourceMappingURL=artifacts.js.map
 //# sourceMappingURL=artifacts.js.map

package/dist/preact/artifacts.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"artifacts.js"}
+{"version":3,"sources":["../../src/components/artifacts/MarkdownRenderer.schema.ts","../../src/i18n/strings.ts","../../src/runtimes/preact/components/artifacts/MarkdownRenderer.tsx"],"names":[],"mappings":"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","file":"artifacts.js","sourcesContent":["import { z } from \"zod\";\n\nexport const MarkdownRendererPropsSchema = z.object({\n  content: z.string(),\n  locale: z.enum([\"en\", \"fr\"]),\n  maxLength: z.number().positive().default(50000),\n  allowHtml: z.boolean().default(false),\n});\n\nexport type MarkdownRendererProps = z.infer<typeof MarkdownRendererPropsSchema>;\n\nexport function validateProps(raw: unknown): MarkdownRendererProps {\n  return MarkdownRendererPropsSchema.parse(raw);\n}\n","/**\n * Compile-time mirror of `@vantageos/mosaic-i18n` EN/FR locales for all\n * Mosaic components (v0.3.0). Inlined here so that `<Comp>` renderers can\n * resolve `t(key, locale)` without dragging react-i18next into the component\n * runtime (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 *\n * Forms keys added — v0.3.0-C-PR1 (Axis 5/6 i18n pass).\n * Convention: Forms.<Component>.<context>.<id>\n */\nexport type MosaicLocale = \"en\" | \"fr\";\n\nconst EN = {\n  // ─── Non-forms components ──────────────────────────────────────────────────\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  // ─── Forms — useMosaicForm ─────────────────────────────────────────────────\n  \"useMosaicForm.error.invalidProps\": \"useMosaicForm: invalid options\",\n  // ─── Forms — FormProvider ──────────────────────────────────────────────────\n  \"FormProvider.error.invalidProps\": \"FormProvider: invalid props\",\n  // ─── Forms — FormField ────────────────────────────────────────────────────\n  \"FormField.error.invalidProps\": \"FormField: invalid props\",\n  // ─── Forms — ErrorDisplay ─────────────────────────────────────────────────\n  \"ErrorDisplay.error.required\": \"This field is required\",\n  \"ErrorDisplay.error.min\": \"Value is below the minimum\",\n  \"ErrorDisplay.error.max\": \"Value exceeds the maximum\",\n  \"ErrorDisplay.error.minLength\": \"Input is too short\",\n  \"ErrorDisplay.error.maxLength\": \"Input is too long\",\n  \"ErrorDisplay.error.pattern\": \"Invalid format\",\n  \"ErrorDisplay.error.email\": \"Enter a valid email address\",\n  \"ErrorDisplay.error.url\": \"Enter a valid URL\",\n  \"ErrorDisplay.error.generic\": \"Invalid value\",\n  // ─── Forms — SubmitButton ─────────────────────────────────────────────────\n  \"SubmitButton.aria.submit\": \"Submit form\",\n  \"SubmitButton.state.loading\": \"Submitting…\",\n  \"SubmitButton.error.invalidProps\": \"SubmitButton: invalid props\",\n  // ─── Forms — Input ────────────────────────────────────────────────────────\n  \"Input.aria.label\": \"Input field\",\n  \"Input.error.required\": \"This field is required\",\n  \"Input.error.invalid\": \"Invalid value\",\n  \"Input.error.tooLong\": \"Input is too long\",\n  \"Input.error.tooShort\": \"Input is too short\",\n  \"Input.error.invalidProps\": \"Input: invalid props\",\n  // ─── Forms — Textarea ─────────────────────────────────────────────────────\n  \"Textarea.aria.label\": \"Text area\",\n  \"Textarea.error.required\": \"This field is required\",\n  \"Textarea.error.tooLong\": \"Text is too long\",\n  \"Textarea.counter.remaining\": \"characters remaining\",\n  \"Textarea.error.invalidProps\": \"Textarea: invalid props\",\n  // ─── Forms — FieldArray ───────────────────────────────────────────────────\n  \"FieldArray.aria.list\": \"List of items\",\n  \"FieldArray.aria.addItem\": \"Add item\",\n  \"FieldArray.aria.removeItem\": \"Remove item\",\n  \"FieldArray.error.invalidProps\": \"FieldArray: invalid props\",\n  // ─── Forms — Checkbox ─────────────────────────────────────────────────────\n  \"Checkbox.aria.label\": \"Checkbox\",\n  \"Checkbox.error.required\": \"This field must be checked\",\n  \"Checkbox.error.invalidProps\": \"Checkbox: invalid props\",\n  // ─── Forms — MultiSelect ──────────────────────────────────────────────────\n  \"MultiSelect.aria.label\": \"Multi-select field\",\n  \"MultiSelect.aria.removeChip\": \"Remove\",\n  \"MultiSelect.error.required\": \"Select at least one option\",\n  \"MultiSelect.error.maxItems\": \"Maximum number of selections reached\",\n  \"MultiSelect.placeholder\": \"Select options…\",\n  \"MultiSelect.search.placeholder\": \"Search…\",\n  \"MultiSelect.empty\": \"No options available\",\n  \"MultiSelect.error.invalidProps\": \"MultiSelect: invalid props\",\n  // ─── Forms — RadioGroup ───────────────────────────────────────────────────\n  \"RadioGroup.aria.label\": \"Radio group\",\n  \"RadioGroup.error.required\": \"Select one option\",\n  \"RadioGroup.error.invalidProps\": \"RadioGroup: invalid props\",\n  // ─── Forms — Select ───────────────────────────────────────────────────────\n  \"Select.placeholder\": \"Select an option…\",\n  \"Select.search.placeholder\": \"Search…\",\n  \"Select.empty\": \"No options available\",\n  \"Select.error.required\": \"Select an option\",\n  \"Select.error.invalidProps\": \"Select: invalid props\",\n} as const;\n\nconst FR: Record<keyof typeof EN, string> = {\n  // ─── Non-forms components ──────────────────────────────────────────────────\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  // ─── Forms — useMosaicForm ─────────────────────────────────────────────────\n  \"useMosaicForm.error.invalidProps\": \"useMosaicForm : options invalides\",\n  // ─── Forms — FormProvider ──────────────────────────────────────────────────\n  \"FormProvider.error.invalidProps\": \"FormProvider : propriétés invalides\",\n  // ─── Forms — FormField ────────────────────────────────────────────────────\n  \"FormField.error.invalidProps\": \"FormField : propriétés invalides\",\n  // ─── Forms — ErrorDisplay ─────────────────────────────────────────────────\n  \"ErrorDisplay.error.required\": \"Ce champ est obligatoire\",\n  \"ErrorDisplay.error.min\": \"La valeur est inférieure au minimum\",\n  \"ErrorDisplay.error.max\": \"La valeur dépasse le maximum\",\n  \"ErrorDisplay.error.minLength\": \"La saisie est trop courte\",\n  \"ErrorDisplay.error.maxLength\": \"La saisie est trop longue\",\n  \"ErrorDisplay.error.pattern\": \"Format invalide\",\n  \"ErrorDisplay.error.email\": \"Saisissez une adresse e-mail valide\",\n  \"ErrorDisplay.error.url\": \"Saisissez une URL valide\",\n  \"ErrorDisplay.error.generic\": \"Valeur invalide\",\n  // ─── Forms — SubmitButton ─────────────────────────────────────────────────\n  \"SubmitButton.aria.submit\": \"Soumettre le formulaire\",\n  \"SubmitButton.state.loading\": \"Envoi en cours…\",\n  \"SubmitButton.error.invalidProps\": \"SubmitButton : propriétés invalides\",\n  // ─── Forms — Input ────────────────────────────────────────────────────────\n  \"Input.aria.label\": \"Champ de saisie\",\n  \"Input.error.required\": \"Ce champ est obligatoire\",\n  \"Input.error.invalid\": \"Valeur invalide\",\n  \"Input.error.tooLong\": \"La saisie est trop longue\",\n  \"Input.error.tooShort\": \"La saisie est trop courte\",\n  \"Input.error.invalidProps\": \"Input : propriétés invalides\",\n  // ─── Forms — Textarea ─────────────────────────────────────────────────────\n  \"Textarea.aria.label\": \"Zone de texte\",\n  \"Textarea.error.required\": \"Ce champ est obligatoire\",\n  \"Textarea.error.tooLong\": \"Le texte est trop long\",\n  \"Textarea.counter.remaining\": \"caractères restants\",\n  \"Textarea.error.invalidProps\": \"Textarea : propriétés invalides\",\n  // ─── Forms — FieldArray ───────────────────────────────────────────────────\n  \"FieldArray.aria.list\": \"Liste d'éléments\",\n  \"FieldArray.aria.addItem\": \"Ajouter un élément\",\n  \"FieldArray.aria.removeItem\": \"Supprimer l'élément\",\n  \"FieldArray.error.invalidProps\": \"FieldArray : propriétés invalides\",\n  // ─── Forms — Checkbox ─────────────────────────────────────────────────────\n  \"Checkbox.aria.label\": \"Case à cocher\",\n  \"Checkbox.error.required\": \"Ce champ doit être coché\",\n  \"Checkbox.error.invalidProps\": \"Checkbox : propriétés invalides\",\n  // ─── Forms — MultiSelect ──────────────────────────────────────────────────\n  \"MultiSelect.aria.label\": \"Champ de sélection multiple\",\n  \"MultiSelect.aria.removeChip\": \"Retirer\",\n  \"MultiSelect.error.required\": \"Sélectionnez au moins une option\",\n  \"MultiSelect.error.maxItems\": \"Nombre maximum de sélections atteint\",\n  \"MultiSelect.placeholder\": \"Sélectionner des options…\",\n  \"MultiSelect.search.placeholder\": \"Rechercher…\",\n  \"MultiSelect.empty\": \"Aucune option disponible\",\n  \"MultiSelect.error.invalidProps\": \"MultiSelect : propriétés invalides\",\n  // ─── Forms — RadioGroup ───────────────────────────────────────────────────\n  \"RadioGroup.aria.label\": \"Groupe de boutons radio\",\n  \"RadioGroup.error.required\": \"Sélectionnez une option\",\n  \"RadioGroup.error.invalidProps\": \"RadioGroup : propriétés invalides\",\n  // ─── Forms — Select ───────────────────────────────────────────────────────\n  \"Select.placeholder\": \"Sélectionner une option…\",\n  \"Select.search.placeholder\": \"Rechercher…\",\n  \"Select.empty\": \"Aucune option disponible\",\n  \"Select.error.required\": \"Sélectionnez une option\",\n  \"Select.error.invalidProps\": \"Select : 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: MarkdownRenderer.aria.content, MarkdownRenderer.error.invalidProps, MarkdownRenderer.error.tooLong\n/** @jsxImportSource preact */\n\nimport DOMPurify from \"dompurify\";\nimport { marked } from \"marked\";\nimport {\n  type MarkdownRendererProps,\n  validateProps,\n} from \"../../../../components/artifacts/MarkdownRenderer.schema.js\";\nimport { t } from \"../../../../i18n/strings.js\";\n\n// ─── Inner (validated props) ──────────────────────────────────────────────────\n\nfunction MarkdownRendererInner({ content, locale, maxLength, allowHtml }: MarkdownRendererProps) {\n  if (content.length > maxLength) {\n    return (\n      <div role=\"alert\" lang={locale}>\n        {t(\"MarkdownRenderer.error.tooLong\", locale)}\n      </div>\n    );\n  }\n\n  // When allowHtml=false, strip raw HTML tags from source before parsing,\n  // so user-supplied HTML is neutralised before marked converts markdown to HTML.\n  const source = allowHtml ? content : content.replace(/<[^>]*>/g, \"\");\n  const rawHtml = marked.parse(source, { async: false }) as string;\n  // Always sanitize the marked output to prevent XSS from markdown-injected HTML.\n  const cleanHtml = DOMPurify.sanitize(rawHtml);\n\n  return (\n    <article\n      aria-label={t(\"MarkdownRenderer.aria.content\", locale)}\n      lang={locale}\n      // biome-ignore lint/security/noDangerouslySetInnerHtml: sanitized by DOMPurify\n      dangerouslySetInnerHTML={{ __html: cleanHtml }}\n    />\n  );\n}\n\n/**\n * MarkdownRenderer — cross-runtime markdown-to-HTML renderer (Preact 10 implementation).\n *\n * Accepts `Record<string, unknown>` for JSX and MCP postMessage injection alike.\n * Internal Zod validation narrows the type — invalid data renders an accessible error fallback.\n *\n * WCAG-AA:\n * - <article aria-label> — landmark with i18n label (EN/FR)\n * - <div role=\"alert\" lang> — tooLong + invalidProps errors announce to screen readers\n * - DOMPurify sanitization prevents XSS; allowHtml=false (default) strips raw HTML first\n *\n * i18nKeys: MarkdownRenderer.aria.content, MarkdownRenderer.error.invalidProps,\n *            MarkdownRenderer.error.tooLong\n */\nexport function MarkdownRenderer(raw: Record<string, unknown>) {\n  try {\n    const props = validateProps(raw);\n    return <MarkdownRendererInner {...props} />;\n  } catch {\n    const locale = raw.locale === \"fr\" ? \"fr\" : \"en\";\n    return <div role=\"alert\">{t(\"MarkdownRenderer.error.invalidProps\", locale)}</div>;\n  }\n}\n"]}

package/dist/preact/confirmation.d.ts

@@ -80,7 +80,37 @@ type ConfirmDialogProps = z.infer<typeof ConfirmDialogPropsSchema> & {
     onConfirm: () => void;
     onCancel: () => void;
 };
+declare function validateConfirmDialogProps(raw: unknown): z.infer<typeof ConfirmDialogPropsSchema>;
 
 declare function ConfirmDialog(raw: Omit<ConfirmDialogProps, "variant" | "locale"> & Partial<Pick<ConfirmDialogProps, "variant" | "locale">>): react_jsx_runtime.JSX.Element | null;
 
-export { Alert, type AlertProps, AlertPropsSchema, ConfirmDialog as ConfirmModal, type ConfirmDialogProps as ConfirmModalProps, validateAlertProps };
+declare const TokenDisplayOnceModalPropsSchema: z.ZodObject<{
+    token: z.ZodString;
+    title: z.ZodString;
+    warningMessage: z.ZodString;
+    copyLabel: z.ZodString;
+    closeLabel: z.ZodString;
+    locale: z.ZodDefault<z.ZodEnum<["en", "fr"]>>;
+}, "strip", z.ZodTypeAny, {
+    title: string;
+    locale: "en" | "fr";
+    token: string;
+    warningMessage: string;
+    copyLabel: string;
+    closeLabel: string;
+}, {
+    title: string;
+    token: string;
+    warningMessage: string;
+    copyLabel: string;
+    closeLabel: string;
+    locale?: "en" | "fr" | undefined;
+}>;
+type TokenDisplayOnceModalProps = z.infer<typeof TokenDisplayOnceModalPropsSchema> & {
+    onClose: () => void;
+};
+declare function validateTokenDisplayOnceModalProps(raw: unknown): z.infer<typeof TokenDisplayOnceModalPropsSchema>;
+
+declare function TokenDisplayOnceModal(raw: Omit<TokenDisplayOnceModalProps, "locale"> & Partial<Pick<TokenDisplayOnceModalProps, "locale">>): react_jsx_runtime.JSX.Element | null;
+
+export { Alert, type AlertProps, AlertPropsSchema, ConfirmDialog, type ConfirmDialogProps, ConfirmDialogPropsSchema, ConfirmDialog as ConfirmModal, type ConfirmDialogProps as ConfirmModalProps, TokenDisplayOnceModal, type TokenDisplayOnceModalProps, TokenDisplayOnceModalPropsSchema, validateAlertProps, validateConfirmDialogProps, validateTokenDisplayOnceModalProps };

package/dist/preact/confirmation.js

@@ -1,6 +1,6 @@
 import { z } from 'zod';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, useId, useEffect } from 'react';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+import { useRef, useId, useEffect, useState } from 'preact/compat';
 
 // src/components/confirmation/Alert.logic.ts
 function getAlertAriaRole(variant) {
@@ -46,6 +46,7 @@ function validateAlertProps(raw) {
 
 // src/i18n/strings.ts
 var EN = {
+  // ─── Non-forms components ──────────────────────────────────────────────────
   "ProgressBar.aria.label": "Progress",
   "ProgressBar.error.invalidProps": "ProgressBar: invalid props",
   "ConfirmDialog.button.confirm": "Confirm",
@@ -73,9 +74,71 @@ var EN = {
   "VirtualList.empty.message": "No items to display",
   "VirtualList.error.invalidProps": "VirtualList: invalid props",
   "Skeleton.aria.label": "Loading",
-  "Skeleton.error.invalidProps": "Skeleton: invalid props"
+  "Skeleton.error.invalidProps": "Skeleton: invalid props",
+  // ─── Forms — useMosaicForm ─────────────────────────────────────────────────
+  "useMosaicForm.error.invalidProps": "useMosaicForm: invalid options",
+  // ─── Forms — FormProvider ──────────────────────────────────────────────────
+  "FormProvider.error.invalidProps": "FormProvider: invalid props",
+  // ─── Forms — FormField ────────────────────────────────────────────────────
+  "FormField.error.invalidProps": "FormField: invalid props",
+  // ─── Forms — ErrorDisplay ─────────────────────────────────────────────────
+  "ErrorDisplay.error.required": "This field is required",
+  "ErrorDisplay.error.min": "Value is below the minimum",
+  "ErrorDisplay.error.max": "Value exceeds the maximum",
+  "ErrorDisplay.error.minLength": "Input is too short",
+  "ErrorDisplay.error.maxLength": "Input is too long",
+  "ErrorDisplay.error.pattern": "Invalid format",
+  "ErrorDisplay.error.email": "Enter a valid email address",
+  "ErrorDisplay.error.url": "Enter a valid URL",
+  "ErrorDisplay.error.generic": "Invalid value",
+  // ─── Forms — SubmitButton ─────────────────────────────────────────────────
+  "SubmitButton.aria.submit": "Submit form",
+  "SubmitButton.state.loading": "Submitting\u2026",
+  "SubmitButton.error.invalidProps": "SubmitButton: invalid props",
+  // ─── Forms — Input ────────────────────────────────────────────────────────
+  "Input.aria.label": "Input field",
+  "Input.error.required": "This field is required",
+  "Input.error.invalid": "Invalid value",
+  "Input.error.tooLong": "Input is too long",
+  "Input.error.tooShort": "Input is too short",
+  "Input.error.invalidProps": "Input: invalid props",
+  // ─── Forms — Textarea ─────────────────────────────────────────────────────
+  "Textarea.aria.label": "Text area",
+  "Textarea.error.required": "This field is required",
+  "Textarea.error.tooLong": "Text is too long",
+  "Textarea.counter.remaining": "characters remaining",
+  "Textarea.error.invalidProps": "Textarea: invalid props",
+  // ─── Forms — FieldArray ───────────────────────────────────────────────────
+  "FieldArray.aria.list": "List of items",
+  "FieldArray.aria.addItem": "Add item",
+  "FieldArray.aria.removeItem": "Remove item",
+  "FieldArray.error.invalidProps": "FieldArray: invalid props",
+  // ─── Forms — Checkbox ─────────────────────────────────────────────────────
+  "Checkbox.aria.label": "Checkbox",
+  "Checkbox.error.required": "This field must be checked",
+  "Checkbox.error.invalidProps": "Checkbox: invalid props",
+  // ─── Forms — MultiSelect ──────────────────────────────────────────────────
+  "MultiSelect.aria.label": "Multi-select field",
+  "MultiSelect.aria.removeChip": "Remove",
+  "MultiSelect.error.required": "Select at least one option",
+  "MultiSelect.error.maxItems": "Maximum number of selections reached",
+  "MultiSelect.placeholder": "Select options\u2026",
+  "MultiSelect.search.placeholder": "Search\u2026",
+  "MultiSelect.empty": "No options available",
+  "MultiSelect.error.invalidProps": "MultiSelect: invalid props",
+  // ─── Forms — RadioGroup ───────────────────────────────────────────────────
+  "RadioGroup.aria.label": "Radio group",
+  "RadioGroup.error.required": "Select one option",
+  "RadioGroup.error.invalidProps": "RadioGroup: invalid props",
+  // ─── Forms — Select ───────────────────────────────────────────────────────
+  "Select.placeholder": "Select an option\u2026",
+  "Select.search.placeholder": "Search\u2026",
+  "Select.empty": "No options available",
+  "Select.error.required": "Select an option",
+  "Select.error.invalidProps": "Select: invalid props"
 };
 var FR = {
+  // ─── Non-forms components ──────────────────────────────────────────────────
   "ProgressBar.aria.label": "Progression",
   "ProgressBar.error.invalidProps": "ProgressBar : propri\xE9t\xE9s invalides",
   "ConfirmDialog.button.confirm": "Confirmer",
@@ -103,7 +166,68 @@ var FR = {
   "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"
+  "Skeleton.error.invalidProps": "Skeleton : propri\xE9t\xE9s invalides",
+  // ─── Forms — useMosaicForm ─────────────────────────────────────────────────
+  "useMosaicForm.error.invalidProps": "useMosaicForm : options invalides",
+  // ─── Forms — FormProvider ──────────────────────────────────────────────────
+  "FormProvider.error.invalidProps": "FormProvider : propri\xE9t\xE9s invalides",
+  // ─── Forms — FormField ────────────────────────────────────────────────────
+  "FormField.error.invalidProps": "FormField : propri\xE9t\xE9s invalides",
+  // ─── Forms — ErrorDisplay ─────────────────────────────────────────────────
+  "ErrorDisplay.error.required": "Ce champ est obligatoire",
+  "ErrorDisplay.error.min": "La valeur est inf\xE9rieure au minimum",
+  "ErrorDisplay.error.max": "La valeur d\xE9passe le maximum",
+  "ErrorDisplay.error.minLength": "La saisie est trop courte",
+  "ErrorDisplay.error.maxLength": "La saisie est trop longue",
+  "ErrorDisplay.error.pattern": "Format invalide",
+  "ErrorDisplay.error.email": "Saisissez une adresse e-mail valide",
+  "ErrorDisplay.error.url": "Saisissez une URL valide",
+  "ErrorDisplay.error.generic": "Valeur invalide",
+  // ─── Forms — SubmitButton ─────────────────────────────────────────────────
+  "SubmitButton.aria.submit": "Soumettre le formulaire",
+  "SubmitButton.state.loading": "Envoi en cours\u2026",
+  "SubmitButton.error.invalidProps": "SubmitButton : propri\xE9t\xE9s invalides",
+  // ─── Forms — Input ────────────────────────────────────────────────────────
+  "Input.aria.label": "Champ de saisie",
+  "Input.error.required": "Ce champ est obligatoire",
+  "Input.error.invalid": "Valeur invalide",
+  "Input.error.tooLong": "La saisie est trop longue",
+  "Input.error.tooShort": "La saisie est trop courte",
+  "Input.error.invalidProps": "Input : propri\xE9t\xE9s invalides",
+  // ─── Forms — Textarea ─────────────────────────────────────────────────────
+  "Textarea.aria.label": "Zone de texte",
+  "Textarea.error.required": "Ce champ est obligatoire",
+  "Textarea.error.tooLong": "Le texte est trop long",
+  "Textarea.counter.remaining": "caract\xE8res restants",
+  "Textarea.error.invalidProps": "Textarea : propri\xE9t\xE9s invalides",
+  // ─── Forms — FieldArray ───────────────────────────────────────────────────
+  "FieldArray.aria.list": "Liste d'\xE9l\xE9ments",
+  "FieldArray.aria.addItem": "Ajouter un \xE9l\xE9ment",
+  "FieldArray.aria.removeItem": "Supprimer l'\xE9l\xE9ment",
+  "FieldArray.error.invalidProps": "FieldArray : propri\xE9t\xE9s invalides",
+  // ─── Forms — Checkbox ─────────────────────────────────────────────────────
+  "Checkbox.aria.label": "Case \xE0 cocher",
+  "Checkbox.error.required": "Ce champ doit \xEAtre coch\xE9",
+  "Checkbox.error.invalidProps": "Checkbox : propri\xE9t\xE9s invalides",
+  // ─── Forms — MultiSelect ──────────────────────────────────────────────────
+  "MultiSelect.aria.label": "Champ de s\xE9lection multiple",
+  "MultiSelect.aria.removeChip": "Retirer",
+  "MultiSelect.error.required": "S\xE9lectionnez au moins une option",
+  "MultiSelect.error.maxItems": "Nombre maximum de s\xE9lections atteint",
+  "MultiSelect.placeholder": "S\xE9lectionner des options\u2026",
+  "MultiSelect.search.placeholder": "Rechercher\u2026",
+  "MultiSelect.empty": "Aucune option disponible",
+  "MultiSelect.error.invalidProps": "MultiSelect : propri\xE9t\xE9s invalides",
+  // ─── Forms — RadioGroup ───────────────────────────────────────────────────
+  "RadioGroup.aria.label": "Groupe de boutons radio",
+  "RadioGroup.error.required": "S\xE9lectionnez une option",
+  "RadioGroup.error.invalidProps": "RadioGroup : propri\xE9t\xE9s invalides",
+  // ─── Forms — Select ───────────────────────────────────────────────────────
+  "Select.placeholder": "S\xE9lectionner une option\u2026",
+  "Select.search.placeholder": "Rechercher\u2026",
+  "Select.empty": "Aucune option disponible",
+  "Select.error.required": "S\xE9lectionnez une option",
+  "Select.error.invalidProps": "Select : propri\xE9t\xE9s invalides"
 };
 var TABLE = {
   en: EN,
@@ -260,7 +384,123 @@ function ConfirmDialog(raw) {
     return null;
   }
 }
+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 { Alert, AlertPropsSchema, ConfirmDialog as ConfirmModal, validateAlertProps };
+export { Alert, AlertPropsSchema, ConfirmDialog, ConfirmDialogPropsSchema, ConfirmDialog as ConfirmModal, TokenDisplayOnceModal, TokenDisplayOnceModalPropsSchema, validateAlertProps, validateConfirmDialogProps, validateTokenDisplayOnceModalProps };
 //# sourceMappingURL=confirmation.js.map
 //# sourceMappingURL=confirmation.js.map