@vantageos/mosaic 0.1.1 → 0.1.2

package/dist/input.cjs

@@ -0,0 +1,102 @@
+'use strict';
+
+var react = require('react');
+var zod = require('zod');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/input/ConfirmDialog.tsx
+var ConfirmDialogPropsSchema = zod.z.object({
+  title: zod.z.string().min(1),
+  message: zod.z.string().min(1),
+  confirmLabel: zod.z.string().min(1),
+  cancelLabel: zod.z.string().min(1),
+  variant: zod.z.enum(["default", "danger"]).default("default"),
+  locale: zod.z.enum(["en", "fr"]).default("en")
+});
+function validateConfirmDialogProps(raw) {
+  return ConfirmDialogPropsSchema.parse(raw);
+}
+function ConfirmDialogInner({
+  title,
+  message,
+  confirmLabel,
+  cancelLabel,
+  variant,
+  onConfirm,
+  onCancel
+}) {
+  const dialogRef = react.useRef(null);
+  const titleId = react.useId();
+  const messageId = react.useId();
+  react.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "p-6 flex flex-col gap-4",
+          onClick: (e) => e.stopPropagation(),
+          onKeyDown: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { id: titleId, className: "text-lg font-semibold text-gray-900", children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { id: messageId, className: "text-sm text-gray-600", children: message }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-3 mt-2", children: [
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("button", { type: "button", onClick: onConfirm, className: confirmClassName, children: confirmLabel })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function ConfirmDialog(raw) {
+  try {
+    const parsed = validateConfirmDialogProps(raw);
+    return /* @__PURE__ */ jsxRuntime.jsx(ConfirmDialogInner, { ...parsed, onConfirm: raw.onConfirm, onCancel: raw.onCancel });
+  } catch (err) {
+    console.error("[ConfirmDialog] Invalid props \u2014 component will not render.", err);
+    return null;
+  }
+}
+
+exports.ConfirmDialog = ConfirmDialog;
+exports.ConfirmDialogPropsSchema = ConfirmDialogPropsSchema;
+exports.validateConfirmDialogProps = validateConfirmDialogProps;
+//# sourceMappingURL=input.cjs.map
+//# sourceMappingURL=input.cjs.map

package/dist/input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input/ConfirmDialog.schema.ts","../src/components/input/ConfirmDialog.tsx"],"names":["z","useRef","useId","useEffect","jsx","jsxs"],"mappings":"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","file":"input.cjs","sourcesContent":["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/input.d.cts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { z } from 'zod';
+
+declare const ConfirmDialogPropsSchema: z.ZodObject<{
+    title: z.ZodString;
+    message: z.ZodString;
+    confirmLabel: z.ZodString;
+    cancelLabel: z.ZodString;
+    variant: z.ZodDefault<z.ZodEnum<["default", "danger"]>>;
+    locale: z.ZodDefault<z.ZodEnum<["en", "fr"]>>;
+}, "strip", z.ZodTypeAny, {
+    locale: "en" | "fr";
+    message: string;
+    title: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    variant: "default" | "danger";
+}, {
+    message: string;
+    title: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    locale?: "en" | "fr" | undefined;
+    variant?: "default" | "danger" | undefined;
+}>;
+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 { ConfirmDialog, type ConfirmDialogProps, ConfirmDialogPropsSchema, validateConfirmDialogProps };

package/dist/input.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { z } from 'zod';
+
+declare const ConfirmDialogPropsSchema: z.ZodObject<{
+    title: z.ZodString;
+    message: z.ZodString;
+    confirmLabel: z.ZodString;
+    cancelLabel: z.ZodString;
+    variant: z.ZodDefault<z.ZodEnum<["default", "danger"]>>;
+    locale: z.ZodDefault<z.ZodEnum<["en", "fr"]>>;
+}, "strip", z.ZodTypeAny, {
+    locale: "en" | "fr";
+    message: string;
+    title: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    variant: "default" | "danger";
+}, {
+    message: string;
+    title: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    locale?: "en" | "fr" | undefined;
+    variant?: "default" | "danger" | undefined;
+}>;
+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 { ConfirmDialog, type ConfirmDialogProps, ConfirmDialogPropsSchema, validateConfirmDialogProps };

package/dist/input.js

@@ -0,0 +1,98 @@
+import { useRef, useId, useEffect } from 'react';
+import { z } from 'zod';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/input/ConfirmDialog.tsx
+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 { ConfirmDialog, ConfirmDialogPropsSchema, validateConfirmDialogProps };
+//# sourceMappingURL=input.js.map
+//# sourceMappingURL=input.js.map

package/dist/input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input/ConfirmDialog.schema.ts","../src/components/input/ConfirmDialog.tsx"],"names":[],"mappings":"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","file":"input.js","sourcesContent":["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/media.cjs

@@ -0,0 +1,98 @@
+'use strict';
+
+var zod = require('zod');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/i18n/strings.ts
+var EN = {
+  "ProgressBar.aria.label": "Progress",
+  "ProgressBar.error.invalidProps": "ProgressBar: invalid props",
+  "ConfirmDialog.button.confirm": "Confirm",
+  "ConfirmDialog.button.cancel": "Cancel",
+  "ConfirmDialog.aria.dialog": "Confirmation dialog",
+  "TableView.aria.table": "Data table",
+  "TableView.pagination.next": "Next page",
+  "TableView.pagination.prev": "Previous page",
+  "TableView.empty.message": "No data to display",
+  "TableView.error.invalidProps": "TableView: invalid props",
+  "MarkdownRenderer.aria.content": "Rendered Markdown content",
+  "MarkdownRenderer.error.invalidProps": "MarkdownRenderer: invalid props",
+  "MarkdownRenderer.error.tooLong": "Content exceeds maximum length",
+  "TokenDisplayOnceModal.button.copy": "Copy token",
+  "TokenDisplayOnceModal.button.close": "Close",
+  "TokenDisplayOnceModal.warning.once": "This token will only be shown once. Copy it now.",
+  "TokenDisplayOnceModal.copied": "Copied",
+  "StatusBadge.aria.status": "Status",
+  "StatusBadge.error.invalidProps": "StatusBadge: invalid props"
+};
+var FR = {
+  "ProgressBar.aria.label": "Progression",
+  "ProgressBar.error.invalidProps": "ProgressBar : propri\xE9t\xE9s invalides",
+  "ConfirmDialog.button.confirm": "Confirmer",
+  "ConfirmDialog.button.cancel": "Annuler",
+  "ConfirmDialog.aria.dialog": "Bo\xEEte de dialogue de confirmation",
+  "TableView.aria.table": "Tableau de donn\xE9es",
+  "TableView.pagination.next": "Page suivante",
+  "TableView.pagination.prev": "Page pr\xE9c\xE9dente",
+  "TableView.empty.message": "Aucune donn\xE9e \xE0 afficher",
+  "TableView.error.invalidProps": "TableView : propri\xE9t\xE9s invalides",
+  "MarkdownRenderer.aria.content": "Contenu Markdown rendu",
+  "MarkdownRenderer.error.invalidProps": "MarkdownRenderer : propri\xE9t\xE9s invalides",
+  "MarkdownRenderer.error.tooLong": "Le contenu d\xE9passe la longueur maximale",
+  "TokenDisplayOnceModal.button.copy": "Copier le jeton",
+  "TokenDisplayOnceModal.button.close": "Fermer",
+  "TokenDisplayOnceModal.warning.once": "Ce jeton ne sera affich\xE9 qu'une seule fois. Copiez-le maintenant.",
+  "TokenDisplayOnceModal.copied": "Copi\xE9",
+  "StatusBadge.aria.status": "Statut",
+  "StatusBadge.error.invalidProps": "StatusBadge : propri\xE9t\xE9s invalides"
+};
+var TABLE = {
+  en: EN,
+  fr: FR
+};
+function t(key, locale = "en") {
+  return TABLE[locale]?.[key] ?? TABLE.en[key];
+}
+var StatusBadgePropsSchema = zod.z.object({
+  status: zod.z.string(),
+  variant: zod.z.enum(["success", "warning", "danger", "info", "neutral"]).default("neutral"),
+  label: zod.z.string().optional(),
+  locale: zod.z.enum(["en", "fr"])
+});
+function validateProps(raw) {
+  return StatusBadgePropsSchema.parse(raw);
+}
+var variantClasses = {
+  success: "bg-green-100 text-green-800 ring-1 ring-green-300",
+  warning: "bg-amber-100 text-amber-800 ring-1 ring-amber-300",
+  danger: "bg-red-100 text-red-800 ring-1 ring-red-300",
+  info: "bg-blue-100 text-blue-800 ring-1 ring-blue-300",
+  neutral: "bg-slate-100 text-slate-800 ring-1 ring-slate-300"
+};
+function StatusBadgeInner({ status, variant, label, locale }) {
+  const ariaLabel = label ?? status;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "output",
+    {
+      "aria-label": ariaLabel,
+      lang: locale,
+      className: `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${variantClasses[variant]}`,
+      children: label ?? status
+    }
+  );
+}
+function StatusBadge(raw) {
+  try {
+    const props = validateProps(raw);
+    return /* @__PURE__ */ jsxRuntime.jsx(StatusBadgeInner, { ...props });
+  } catch {
+    const locale = raw.locale === "fr" ? "fr" : "en";
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { role: "alert", children: t("StatusBadge.error.invalidProps", locale) });
+  }
+}
+
+exports.StatusBadge = StatusBadge;
+exports.StatusBadgePropsSchema = StatusBadgePropsSchema;
+exports.validateStatusBadgeProps = validateProps;
+//# sourceMappingURL=media.cjs.map
+//# sourceMappingURL=media.cjs.map

package/dist/media.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/strings.ts","../src/components/media/StatusBadge.schema.ts","../src/components/media/StatusBadge.tsx"],"names":["z","jsx"],"mappings":"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","file":"media.cjs","sourcesContent":["/**\n * Compile-time mirror of `@vantageos/mosaic-i18n` EN/FR locales for the 6\n * v0.1.0 components. Inlined here so that `<Comp>` renderers can resolve\n * `t(key, locale)` without dragging react-i18next into the component runtime\n * (keeps bundle small and tests provider-free). Drift is gated by\n * `mosaic-registry-drift-check.mjs` which validates the canonical\n * `packages/mosaic-i18n/src/locales/{en,fr}.json` against `registry.yaml`.\n *\n * Mosaic standard §8: production JSX MUST resolve user-facing strings via\n * `t()` — no hardcoded English literals.\n */\nexport type MosaicLocale = \"en\" | \"fr\";\n\nconst EN = {\n  \"ProgressBar.aria.label\": \"Progress\",\n  \"ProgressBar.error.invalidProps\": \"ProgressBar: invalid props\",\n  \"ConfirmDialog.button.confirm\": \"Confirm\",\n  \"ConfirmDialog.button.cancel\": \"Cancel\",\n  \"ConfirmDialog.aria.dialog\": \"Confirmation dialog\",\n  \"TableView.aria.table\": \"Data table\",\n  \"TableView.pagination.next\": \"Next page\",\n  \"TableView.pagination.prev\": \"Previous page\",\n  \"TableView.empty.message\": \"No data to display\",\n  \"TableView.error.invalidProps\": \"TableView: invalid props\",\n  \"MarkdownRenderer.aria.content\": \"Rendered Markdown content\",\n  \"MarkdownRenderer.error.invalidProps\": \"MarkdownRenderer: invalid props\",\n  \"MarkdownRenderer.error.tooLong\": \"Content exceeds maximum length\",\n  \"TokenDisplayOnceModal.button.copy\": \"Copy token\",\n  \"TokenDisplayOnceModal.button.close\": \"Close\",\n  \"TokenDisplayOnceModal.warning.once\": \"This token will only be shown once. Copy it now.\",\n  \"TokenDisplayOnceModal.copied\": \"Copied\",\n  \"StatusBadge.aria.status\": \"Status\",\n  \"StatusBadge.error.invalidProps\": \"StatusBadge: invalid props\",\n} as const;\n\nconst FR: Record<keyof typeof EN, string> = {\n  \"ProgressBar.aria.label\": \"Progression\",\n  \"ProgressBar.error.invalidProps\": \"ProgressBar : propriétés invalides\",\n  \"ConfirmDialog.button.confirm\": \"Confirmer\",\n  \"ConfirmDialog.button.cancel\": \"Annuler\",\n  \"ConfirmDialog.aria.dialog\": \"Boîte de dialogue de confirmation\",\n  \"TableView.aria.table\": \"Tableau de données\",\n  \"TableView.pagination.next\": \"Page suivante\",\n  \"TableView.pagination.prev\": \"Page précédente\",\n  \"TableView.empty.message\": \"Aucune donnée à afficher\",\n  \"TableView.error.invalidProps\": \"TableView : propriétés invalides\",\n  \"MarkdownRenderer.aria.content\": \"Contenu Markdown rendu\",\n  \"MarkdownRenderer.error.invalidProps\": \"MarkdownRenderer : propriétés invalides\",\n  \"MarkdownRenderer.error.tooLong\": \"Le contenu dépasse la longueur maximale\",\n  \"TokenDisplayOnceModal.button.copy\": \"Copier le jeton\",\n  \"TokenDisplayOnceModal.button.close\": \"Fermer\",\n  \"TokenDisplayOnceModal.warning.once\":\n    \"Ce jeton ne sera affiché qu'une seule fois. Copiez-le maintenant.\",\n  \"TokenDisplayOnceModal.copied\": \"Copié\",\n  \"StatusBadge.aria.status\": \"Statut\",\n  \"StatusBadge.error.invalidProps\": \"StatusBadge : propriétés invalides\",\n};\n\nexport type MosaicI18nKey = keyof typeof EN;\n\nconst TABLE: Record<MosaicLocale, Record<MosaicI18nKey, string>> = {\n  en: EN,\n  fr: FR,\n};\n\n/** Resolves a Mosaic i18n key for the given locale, falling back to EN. */\nexport function t(key: MosaicI18nKey, locale: MosaicLocale = \"en\"): string {\n  return TABLE[locale]?.[key] ?? TABLE.en[key];\n}\n","import { z } from \"zod\";\n\nexport const StatusBadgePropsSchema = z.object({\n  status: z.string(),\n  variant: z.enum([\"success\", \"warning\", \"danger\", \"info\", \"neutral\"]).default(\"neutral\"),\n  label: z.string().optional(),\n  locale: z.enum([\"en\", \"fr\"]),\n});\n\nexport type StatusBadgeProps = z.infer<typeof StatusBadgePropsSchema>;\n\nexport function validateProps(raw: unknown): StatusBadgeProps {\n  return StatusBadgePropsSchema.parse(raw);\n}\n","// i18nKeys: StatusBadge.aria.status, StatusBadge.error.invalidProps\nimport React from \"react\";\nimport { type MosaicLocale, t } from \"../../i18n/strings.js\";\nimport { type StatusBadgeProps, validateProps } from \"./StatusBadge.schema\";\n\ntype Variant = \"success\" | \"warning\" | \"danger\" | \"info\" | \"neutral\";\n\nconst variantClasses: Record<Variant, string> = {\n  success: \"bg-green-100 text-green-800 ring-1 ring-green-300\",\n  warning: \"bg-amber-100 text-amber-800 ring-1 ring-amber-300\",\n  danger: \"bg-red-100 text-red-800 ring-1 ring-red-300\",\n  info: \"bg-blue-100 text-blue-800 ring-1 ring-blue-300\",\n  neutral: \"bg-slate-100 text-slate-800 ring-1 ring-slate-300\",\n};\n\ninterface StatusBadgeInnerProps {\n  status: string;\n  variant: Variant;\n  label?: string;\n  locale: \"en\" | \"fr\";\n}\n\nfunction StatusBadgeInner({ status, variant, label, locale }: StatusBadgeInnerProps) {\n  const ariaLabel = label ?? status;\n  return (\n    <output\n      aria-label={ariaLabel}\n      lang={locale}\n      className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${variantClasses[variant]}`}\n    >\n      {label ?? status}\n    </output>\n  );\n}\n\n/**\n * StatusBadge accepts any props object for JSX and MCP postMessage injection alike.\n * Internal Zod validation narrows the type — invalid data renders an accessible error fallback.\n */\nexport function StatusBadge(raw: Record<string, unknown>) {\n  try {\n    const props = validateProps(raw);\n    return <StatusBadgeInner {...props} />;\n  } catch {\n    const locale: MosaicLocale = raw.locale === \"fr\" ? \"fr\" : \"en\";\n    return <span role=\"alert\">{t(\"StatusBadge.error.invalidProps\", locale)}</span>;\n  }\n}\n"]}

package/dist/media.d.cts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { z } from 'zod';
+
+/**
+ * StatusBadge accepts any props object for JSX and MCP postMessage injection alike.
+ * Internal Zod validation narrows the type — invalid data renders an accessible error fallback.
+ */
+declare function StatusBadge(raw: Record<string, unknown>): react_jsx_runtime.JSX.Element;
+
+declare const StatusBadgePropsSchema: z.ZodObject<{
+    status: z.ZodString;
+    variant: z.ZodDefault<z.ZodEnum<["success", "warning", "danger", "info", "neutral"]>>;
+    label: z.ZodOptional<z.ZodString>;
+    locale: z.ZodEnum<["en", "fr"]>;
+}, "strip", z.ZodTypeAny, {
+    locale: "en" | "fr";
+    status: string;
+    variant: "warning" | "danger" | "success" | "info" | "neutral";
+    label?: string | undefined;
+}, {
+    locale: "en" | "fr";
+    status: string;
+    label?: string | undefined;
+    variant?: "warning" | "danger" | "success" | "info" | "neutral" | undefined;
+}>;
+type StatusBadgeProps = z.infer<typeof StatusBadgePropsSchema>;
+declare function validateProps(raw: unknown): StatusBadgeProps;
+
+export { StatusBadge, type StatusBadgeProps, StatusBadgePropsSchema, validateProps as validateStatusBadgeProps };

package/dist/media.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { z } from 'zod';
+
+/**
+ * StatusBadge accepts any props object for JSX and MCP postMessage injection alike.
+ * Internal Zod validation narrows the type — invalid data renders an accessible error fallback.
+ */
+declare function StatusBadge(raw: Record<string, unknown>): react_jsx_runtime.JSX.Element;
+
+declare const StatusBadgePropsSchema: z.ZodObject<{
+    status: z.ZodString;
+    variant: z.ZodDefault<z.ZodEnum<["success", "warning", "danger", "info", "neutral"]>>;
+    label: z.ZodOptional<z.ZodString>;
+    locale: z.ZodEnum<["en", "fr"]>;
+}, "strip", z.ZodTypeAny, {
+    locale: "en" | "fr";
+    status: string;
+    variant: "warning" | "danger" | "success" | "info" | "neutral";
+    label?: string | undefined;
+}, {
+    locale: "en" | "fr";
+    status: string;
+    label?: string | undefined;
+    variant?: "warning" | "danger" | "success" | "info" | "neutral" | undefined;
+}>;
+type StatusBadgeProps = z.infer<typeof StatusBadgePropsSchema>;
+declare function validateProps(raw: unknown): StatusBadgeProps;
+
+export { StatusBadge, type StatusBadgeProps, StatusBadgePropsSchema, validateProps as validateStatusBadgeProps };

package/dist/media.js

@@ -0,0 +1,94 @@
+import { z } from 'zod';
+import { jsx } from 'react/jsx-runtime';
+
+// src/i18n/strings.ts
+var EN = {
+  "ProgressBar.aria.label": "Progress",
+  "ProgressBar.error.invalidProps": "ProgressBar: invalid props",
+  "ConfirmDialog.button.confirm": "Confirm",
+  "ConfirmDialog.button.cancel": "Cancel",
+  "ConfirmDialog.aria.dialog": "Confirmation dialog",
+  "TableView.aria.table": "Data table",
+  "TableView.pagination.next": "Next page",
+  "TableView.pagination.prev": "Previous page",
+  "TableView.empty.message": "No data to display",
+  "TableView.error.invalidProps": "TableView: invalid props",
+  "MarkdownRenderer.aria.content": "Rendered Markdown content",
+  "MarkdownRenderer.error.invalidProps": "MarkdownRenderer: invalid props",
+  "MarkdownRenderer.error.tooLong": "Content exceeds maximum length",
+  "TokenDisplayOnceModal.button.copy": "Copy token",
+  "TokenDisplayOnceModal.button.close": "Close",
+  "TokenDisplayOnceModal.warning.once": "This token will only be shown once. Copy it now.",
+  "TokenDisplayOnceModal.copied": "Copied",
+  "StatusBadge.aria.status": "Status",
+  "StatusBadge.error.invalidProps": "StatusBadge: invalid props"
+};
+var FR = {
+  "ProgressBar.aria.label": "Progression",
+  "ProgressBar.error.invalidProps": "ProgressBar : propri\xE9t\xE9s invalides",
+  "ConfirmDialog.button.confirm": "Confirmer",
+  "ConfirmDialog.button.cancel": "Annuler",
+  "ConfirmDialog.aria.dialog": "Bo\xEEte de dialogue de confirmation",
+  "TableView.aria.table": "Tableau de donn\xE9es",
+  "TableView.pagination.next": "Page suivante",
+  "TableView.pagination.prev": "Page pr\xE9c\xE9dente",
+  "TableView.empty.message": "Aucune donn\xE9e \xE0 afficher",
+  "TableView.error.invalidProps": "TableView : propri\xE9t\xE9s invalides",
+  "MarkdownRenderer.aria.content": "Contenu Markdown rendu",
+  "MarkdownRenderer.error.invalidProps": "MarkdownRenderer : propri\xE9t\xE9s invalides",
+  "MarkdownRenderer.error.tooLong": "Le contenu d\xE9passe la longueur maximale",
+  "TokenDisplayOnceModal.button.copy": "Copier le jeton",
+  "TokenDisplayOnceModal.button.close": "Fermer",
+  "TokenDisplayOnceModal.warning.once": "Ce jeton ne sera affich\xE9 qu'une seule fois. Copiez-le maintenant.",
+  "TokenDisplayOnceModal.copied": "Copi\xE9",
+  "StatusBadge.aria.status": "Statut",
+  "StatusBadge.error.invalidProps": "StatusBadge : propri\xE9t\xE9s invalides"
+};
+var TABLE = {
+  en: EN,
+  fr: FR
+};
+function t(key, locale = "en") {
+  return TABLE[locale]?.[key] ?? TABLE.en[key];
+}
+var StatusBadgePropsSchema = z.object({
+  status: z.string(),
+  variant: z.enum(["success", "warning", "danger", "info", "neutral"]).default("neutral"),
+  label: z.string().optional(),
+  locale: z.enum(["en", "fr"])
+});
+function validateProps(raw) {
+  return StatusBadgePropsSchema.parse(raw);
+}
+var variantClasses = {
+  success: "bg-green-100 text-green-800 ring-1 ring-green-300",
+  warning: "bg-amber-100 text-amber-800 ring-1 ring-amber-300",
+  danger: "bg-red-100 text-red-800 ring-1 ring-red-300",
+  info: "bg-blue-100 text-blue-800 ring-1 ring-blue-300",
+  neutral: "bg-slate-100 text-slate-800 ring-1 ring-slate-300"
+};
+function StatusBadgeInner({ status, variant, label, locale }) {
+  const ariaLabel = label ?? status;
+  return /* @__PURE__ */ jsx(
+    "output",
+    {
+      "aria-label": ariaLabel,
+      lang: locale,
+      className: `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${variantClasses[variant]}`,
+      children: label ?? status
+    }
+  );
+}
+function StatusBadge(raw) {
+  try {
+    const props = validateProps(raw);
+    return /* @__PURE__ */ jsx(StatusBadgeInner, { ...props });
+  } catch {
+    const locale = raw.locale === "fr" ? "fr" : "en";
+    return /* @__PURE__ */ jsx("span", { role: "alert", children: t("StatusBadge.error.invalidProps", locale) });
+  }
+}
+
+export { StatusBadge, StatusBadgePropsSchema, validateProps as validateStatusBadgeProps };
+//# sourceMappingURL=media.js.map
+//# sourceMappingURL=media.js.map

package/dist/media.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/strings.ts","../src/components/media/StatusBadge.schema.ts","../src/components/media/StatusBadge.tsx"],"names":[],"mappings":"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","file":"media.js","sourcesContent":["/**\n * Compile-time mirror of `@vantageos/mosaic-i18n` EN/FR locales for the 6\n * v0.1.0 components. Inlined here so that `<Comp>` renderers can resolve\n * `t(key, locale)` without dragging react-i18next into the component runtime\n * (keeps bundle small and tests provider-free). Drift is gated by\n * `mosaic-registry-drift-check.mjs` which validates the canonical\n * `packages/mosaic-i18n/src/locales/{en,fr}.json` against `registry.yaml`.\n *\n * Mosaic standard §8: production JSX MUST resolve user-facing strings via\n * `t()` — no hardcoded English literals.\n */\nexport type MosaicLocale = \"en\" | \"fr\";\n\nconst EN = {\n  \"ProgressBar.aria.label\": \"Progress\",\n  \"ProgressBar.error.invalidProps\": \"ProgressBar: invalid props\",\n  \"ConfirmDialog.button.confirm\": \"Confirm\",\n  \"ConfirmDialog.button.cancel\": \"Cancel\",\n  \"ConfirmDialog.aria.dialog\": \"Confirmation dialog\",\n  \"TableView.aria.table\": \"Data table\",\n  \"TableView.pagination.next\": \"Next page\",\n  \"TableView.pagination.prev\": \"Previous page\",\n  \"TableView.empty.message\": \"No data to display\",\n  \"TableView.error.invalidProps\": \"TableView: invalid props\",\n  \"MarkdownRenderer.aria.content\": \"Rendered Markdown content\",\n  \"MarkdownRenderer.error.invalidProps\": \"MarkdownRenderer: invalid props\",\n  \"MarkdownRenderer.error.tooLong\": \"Content exceeds maximum length\",\n  \"TokenDisplayOnceModal.button.copy\": \"Copy token\",\n  \"TokenDisplayOnceModal.button.close\": \"Close\",\n  \"TokenDisplayOnceModal.warning.once\": \"This token will only be shown once. Copy it now.\",\n  \"TokenDisplayOnceModal.copied\": \"Copied\",\n  \"StatusBadge.aria.status\": \"Status\",\n  \"StatusBadge.error.invalidProps\": \"StatusBadge: invalid props\",\n} as const;\n\nconst FR: Record<keyof typeof EN, string> = {\n  \"ProgressBar.aria.label\": \"Progression\",\n  \"ProgressBar.error.invalidProps\": \"ProgressBar : propriétés invalides\",\n  \"ConfirmDialog.button.confirm\": \"Confirmer\",\n  \"ConfirmDialog.button.cancel\": \"Annuler\",\n  \"ConfirmDialog.aria.dialog\": \"Boîte de dialogue de confirmation\",\n  \"TableView.aria.table\": \"Tableau de données\",\n  \"TableView.pagination.next\": \"Page suivante\",\n  \"TableView.pagination.prev\": \"Page précédente\",\n  \"TableView.empty.message\": \"Aucune donnée à afficher\",\n  \"TableView.error.invalidProps\": \"TableView : propriétés invalides\",\n  \"MarkdownRenderer.aria.content\": \"Contenu Markdown rendu\",\n  \"MarkdownRenderer.error.invalidProps\": \"MarkdownRenderer : propriétés invalides\",\n  \"MarkdownRenderer.error.tooLong\": \"Le contenu dépasse la longueur maximale\",\n  \"TokenDisplayOnceModal.button.copy\": \"Copier le jeton\",\n  \"TokenDisplayOnceModal.button.close\": \"Fermer\",\n  \"TokenDisplayOnceModal.warning.once\":\n    \"Ce jeton ne sera affiché qu'une seule fois. Copiez-le maintenant.\",\n  \"TokenDisplayOnceModal.copied\": \"Copié\",\n  \"StatusBadge.aria.status\": \"Statut\",\n  \"StatusBadge.error.invalidProps\": \"StatusBadge : propriétés invalides\",\n};\n\nexport type MosaicI18nKey = keyof typeof EN;\n\nconst TABLE: Record<MosaicLocale, Record<MosaicI18nKey, string>> = {\n  en: EN,\n  fr: FR,\n};\n\n/** Resolves a Mosaic i18n key for the given locale, falling back to EN. */\nexport function t(key: MosaicI18nKey, locale: MosaicLocale = \"en\"): string {\n  return TABLE[locale]?.[key] ?? TABLE.en[key];\n}\n","import { z } from \"zod\";\n\nexport const StatusBadgePropsSchema = z.object({\n  status: z.string(),\n  variant: z.enum([\"success\", \"warning\", \"danger\", \"info\", \"neutral\"]).default(\"neutral\"),\n  label: z.string().optional(),\n  locale: z.enum([\"en\", \"fr\"]),\n});\n\nexport type StatusBadgeProps = z.infer<typeof StatusBadgePropsSchema>;\n\nexport function validateProps(raw: unknown): StatusBadgeProps {\n  return StatusBadgePropsSchema.parse(raw);\n}\n","// i18nKeys: StatusBadge.aria.status, StatusBadge.error.invalidProps\nimport React from \"react\";\nimport { type MosaicLocale, t } from \"../../i18n/strings.js\";\nimport { type StatusBadgeProps, validateProps } from \"./StatusBadge.schema\";\n\ntype Variant = \"success\" | \"warning\" | \"danger\" | \"info\" | \"neutral\";\n\nconst variantClasses: Record<Variant, string> = {\n  success: \"bg-green-100 text-green-800 ring-1 ring-green-300\",\n  warning: \"bg-amber-100 text-amber-800 ring-1 ring-amber-300\",\n  danger: \"bg-red-100 text-red-800 ring-1 ring-red-300\",\n  info: \"bg-blue-100 text-blue-800 ring-1 ring-blue-300\",\n  neutral: \"bg-slate-100 text-slate-800 ring-1 ring-slate-300\",\n};\n\ninterface StatusBadgeInnerProps {\n  status: string;\n  variant: Variant;\n  label?: string;\n  locale: \"en\" | \"fr\";\n}\n\nfunction StatusBadgeInner({ status, variant, label, locale }: StatusBadgeInnerProps) {\n  const ariaLabel = label ?? status;\n  return (\n    <output\n      aria-label={ariaLabel}\n      lang={locale}\n      className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${variantClasses[variant]}`}\n    >\n      {label ?? status}\n    </output>\n  );\n}\n\n/**\n * StatusBadge accepts any props object for JSX and MCP postMessage injection alike.\n * Internal Zod validation narrows the type — invalid data renders an accessible error fallback.\n */\nexport function StatusBadge(raw: Record<string, unknown>) {\n  try {\n    const props = validateProps(raw);\n    return <StatusBadgeInner {...props} />;\n  } catch {\n    const locale: MosaicLocale = raw.locale === \"fr\" ? \"fr\" : \"en\";\n    return <span role=\"alert\">{t(\"StatusBadge.error.invalidProps\", locale)}</span>;\n  }\n}\n"]}