@vantageos/mosaic 0.2.2 → 0.3.0

package/dist/react/artifacts.cjs

@@ -1,4 +1,245 @@
 'use strict';
 
+var DOMPurify = require('dompurify');
+var marked = require('marked');
+var zod = require('zod');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
+
+// src/runtimes/react/components/artifacts/MarkdownRenderer.tsx
+var MarkdownRendererPropsSchema = zod.z.object({
+  content: zod.z.string(),
+  locale: zod.z.enum(["en", "fr"]),
+  maxLength: zod.z.number().positive().default(5e4),
+  allowHtml: zod.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__ */ jsxRuntime.jsx("div", { role: "alert", lang: locale, children: t("MarkdownRenderer.error.tooLong", locale) });
+  }
+  const source = allowHtml ? content : content.replace(/<[^>]*>/g, "");
+  const rawHtml = marked.marked.parse(source, { async: false });
+  const cleanHtml = DOMPurify__default.default.sanitize(rawHtml);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "article",
+    {
+      "aria-label": t("MarkdownRenderer.aria.content", locale),
+      lang: locale,
+      dangerouslySetInnerHTML: { __html: cleanHtml }
+    }
+  );
+}
+function MarkdownRenderer(raw) {
+  try {
+    const props = validateProps(raw);
+    return /* @__PURE__ */ jsxRuntime.jsx(MarkdownRendererInner, { ...props });
+  } catch {
+    const locale = raw.locale === "fr" ? "fr" : "en";
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", children: t("MarkdownRenderer.error.invalidProps", locale) });
+  }
+}
+
+exports.MarkdownRenderer = MarkdownRenderer;
+exports.MarkdownRendererPropsSchema = MarkdownRendererPropsSchema;
+exports.validateMarkdownRendererProps = validateProps;
 //# sourceMappingURL=artifacts.cjs.map
 //# sourceMappingURL=artifacts.cjs.map

package/dist/react/artifacts.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"artifacts.cjs"}
+{"version":3,"sources":["../../src/components/artifacts/MarkdownRenderer.schema.ts","../../src/i18n/strings.ts","../../src/runtimes/react/components/artifacts/MarkdownRenderer.tsx"],"names":["z","jsx","marked","DOMPurify"],"mappings":"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","file":"artifacts.cjs","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","\"use client\";\n\n// i18nKeys: MarkdownRenderer.aria.content, MarkdownRenderer.error.invalidProps, MarkdownRenderer.error.tooLong\n\nimport DOMPurify from \"dompurify\";\nimport { marked } from \"marked\";\nimport React from \"react\";\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 (React 19 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/react/artifacts.d.cts

@@ -1,2 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+export { M as MarkdownRendererProps, a as MarkdownRendererPropsSchema, v as validateMarkdownRendererProps } from '../MarkdownRenderer.schema-Rx7kIeVA.cjs';
+import 'zod';
 
-export {  }
+/**
+ * MarkdownRenderer — cross-runtime markdown-to-HTML renderer (React 19 implementation).
+ *
+ * Accepts `Record<string, unknown>` for JSX and MCP postMessage injection alike.
+ * Internal Zod validation narrows the type — invalid data renders an accessible error fallback.
+ *
+ * WCAG-AA:
+ * - <article aria-label> — landmark with i18n label (EN/FR)
+ * - <div role="alert" lang> — tooLong + invalidProps errors announce to screen readers
+ * - DOMPurify sanitization prevents XSS; allowHtml=false (default) strips raw HTML first
+ *
+ * i18nKeys: MarkdownRenderer.aria.content, MarkdownRenderer.error.invalidProps,
+ *            MarkdownRenderer.error.tooLong
+ */
+declare function MarkdownRenderer(raw: Record<string, unknown>): react_jsx_runtime.JSX.Element;
+
+export { MarkdownRenderer };

package/dist/react/artifacts.d.ts

@@ -1,2 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+export { M as MarkdownRendererProps, a as MarkdownRendererPropsSchema, v as validateMarkdownRendererProps } from '../MarkdownRenderer.schema-Rx7kIeVA.js';
+import 'zod';
 
-export {  }
+/**
+ * MarkdownRenderer — cross-runtime markdown-to-HTML renderer (React 19 implementation).
+ *
+ * Accepts `Record<string, unknown>` for JSX and MCP postMessage injection alike.
+ * Internal Zod validation narrows the type — invalid data renders an accessible error fallback.
+ *
+ * WCAG-AA:
+ * - <article aria-label> — landmark with i18n label (EN/FR)
+ * - <div role="alert" lang> — tooLong + invalidProps errors announce to screen readers
+ * - DOMPurify sanitization prevents XSS; allowHtml=false (default) strips raw HTML first
+ *
+ * i18nKeys: MarkdownRenderer.aria.content, MarkdownRenderer.error.invalidProps,
+ *            MarkdownRenderer.error.tooLong
+ */
+declare function MarkdownRenderer(raw: Record<string, unknown>): react_jsx_runtime.JSX.Element;
+
+export { MarkdownRenderer };

package/dist/react/artifacts.js

@@ -1,3 +1,237 @@
+import DOMPurify from 'dompurify';
+import { marked } from 'marked';
+import { z } from 'zod';
+import { jsx } from 'react/jsx-runtime';
 
+// src/runtimes/react/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