@vantageos/mosaic 0.2.2 → 0.3.0

package/dist/react/input.js

@@ -1,3 +1,197 @@
+import { useId, useRef, useState } from 'react';
+import { z } from 'zod';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
+// src/runtimes/react/components/input/Tabs.tsx
+
+// src/components/input/Tabs.logic.ts
+function getNavKeys(orientation) {
+  return orientation === "horizontal" ? { prev: "ArrowLeft", next: "ArrowRight" } : { prev: "ArrowUp", next: "ArrowDown" };
+}
+function findNextEnabledIndex(tabs, currentIndex, direction) {
+  const len = tabs.length;
+  let i = (currentIndex + direction + len) % len;
+  for (let tries = 0; tries < len; tries++) {
+    if (!tabs[i]?.disabled) return i;
+    i = (i + direction + len) % len;
+  }
+  return currentIndex;
+}
+function findFirstEnabledIndex(tabs) {
+  const idx = tabs.findIndex((t) => !t.disabled);
+  return idx === -1 ? 0 : idx;
+}
+function findLastEnabledIndex(tabs) {
+  for (let i = tabs.length - 1; i >= 0; i--) {
+    if (!tabs[i]?.disabled) return i;
+  }
+  return tabs.length - 1;
+}
+function getTabId(instanceId, tabId) {
+  return `${instanceId}-tab-${tabId}`;
+}
+function getPanelId(instanceId, tabId) {
+  return `${instanceId}-panel-${tabId}`;
+}
+function resolveInitialActive(tabs, value, defaultValue) {
+  if (value !== void 0) {
+    const found = tabs.find((t) => t.id === value && !t.disabled);
+    if (found) return found.id;
+  }
+  if (defaultValue !== void 0) {
+    const found = tabs.find((t) => t.id === defaultValue && !t.disabled);
+    if (found) return found.id;
+  }
+  const firstEnabled = tabs.find((t) => !t.disabled);
+  return firstEnabled?.id ?? tabs[0]?.id ?? "";
+}
+function getTablistClasses(orientation) {
+  return orientation === "horizontal" ? "flex flex-row border-b border-slate-200" : "flex flex-col border-r border-slate-200 self-start";
+}
+function getTabClasses(isSelected, isDisabled, orientation) {
+  const base = "relative px-4 py-2 text-sm font-medium transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 select-none";
+  const orientationCls = orientation === "horizontal" ? "border-b-2 -mb-px" : "border-r-2 -mr-px text-left";
+  const stateCls = isDisabled ? "text-slate-400 cursor-not-allowed border-transparent" : isSelected ? "border-blue-600 text-blue-700 bg-slate-50" : "border-transparent text-slate-600 hover:text-slate-900 hover:border-slate-300 hover:bg-slate-50";
+  return [base, orientationCls, stateCls].join(" ");
+}
+function getPanelClasses(orientation) {
+  return orientation === "horizontal" ? "pt-4" : "pl-4 flex-1";
+}
+function getRootClasses(orientation) {
+  return orientation === "horizontal" ? "flex flex-col" : "flex flex-row";
+}
+var TabItemSchema = z.object({
+  id: z.string().min(1),
+  label: z.string().min(1),
+  /** ReactNode / PreactNode — accepted as unknown at Zod layer (JSX not serialisable). */
+  content: z.unknown(),
+  disabled: z.boolean().optional().default(false)
+});
+var TabsPropsSchema = z.object({
+  tabs: z.array(TabItemSchema).min(1),
+  value: z.string().optional(),
+  defaultValue: z.string().optional(),
+  orientation: z.enum(["horizontal", "vertical"]).default("horizontal"),
+  locale: z.enum(["en", "fr"]).default("en")
+});
+function validateTabsProps(raw) {
+  return TabsPropsSchema.parse(raw);
+}
+function TabsInner({
+  tabs,
+  value: controlledValue,
+  defaultValue,
+  orientation,
+  onValueChange
+}) {
+  const instanceId = useId();
+  const tabButtonRefs = useRef(/* @__PURE__ */ new Map());
+  const isControlled = controlledValue !== void 0;
+  const [internalValue, setInternalValue] = useState(
+    () => resolveInitialActive(tabs, controlledValue, defaultValue)
+  );
+  const activeId = isControlled ? controlledValue ?? resolveInitialActive(tabs, void 0, defaultValue) : internalValue;
+  function handleSelect(tabId) {
+    if (!isControlled) {
+      setInternalValue(tabId);
+    }
+    onValueChange?.(tabId);
+  }
+  function focusTabByIndex(index) {
+    const tab = tabs[index];
+    if (!tab) return;
+    const btn = tabButtonRefs.current.get(tab.id);
+    btn?.focus();
+    handleSelect(tab.id);
+  }
+  function handleKeyDown(e, currentIndex) {
+    const { prev, next } = getNavKeys(orientation);
+    switch (e.key) {
+      case next: {
+        e.preventDefault();
+        focusTabByIndex(findNextEnabledIndex(tabs, currentIndex, 1));
+        break;
+      }
+      case prev: {
+        e.preventDefault();
+        focusTabByIndex(findNextEnabledIndex(tabs, currentIndex, -1));
+        break;
+      }
+      case "Home": {
+        e.preventDefault();
+        focusTabByIndex(findFirstEnabledIndex(tabs));
+        break;
+      }
+      case "End": {
+        e.preventDefault();
+        focusTabByIndex(findLastEnabledIndex(tabs));
+        break;
+      }
+    }
+  }
+  const rootCls = getRootClasses(orientation);
+  const tablistCls = getTablistClasses(orientation);
+  const panelCls = getPanelClasses(orientation);
+  return /* @__PURE__ */ jsxs("div", { className: rootCls, children: [
+    /* @__PURE__ */ jsx("div", { role: "tablist", "aria-orientation": orientation, className: tablistCls, children: tabs.map((tab, index) => {
+      const isSelected = tab.id === activeId;
+      const tabDomId = getTabId(instanceId, tab.id);
+      const panelDomId = getPanelId(instanceId, tab.id);
+      const isDisabled = tab.disabled ?? false;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref: (el) => {
+            tabButtonRefs.current.set(tab.id, el);
+          },
+          id: tabDomId,
+          type: "button",
+          role: "tab",
+          "aria-selected": isSelected,
+          "aria-controls": panelDomId,
+          "aria-disabled": isDisabled || void 0,
+          disabled: isDisabled,
+          tabIndex: isSelected ? 0 : -1,
+          className: getTabClasses(isSelected, isDisabled, orientation),
+          onClick: () => {
+            if (!isDisabled) handleSelect(tab.id);
+          },
+          onKeyDown: (e) => handleKeyDown(e, index),
+          children: tab.label
+        },
+        tab.id
+      );
+    }) }),
+    tabs.map((tab) => {
+      const isSelected = tab.id === activeId;
+      const tabDomId = getTabId(instanceId, tab.id);
+      const panelDomId = getPanelId(instanceId, tab.id);
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          id: panelDomId,
+          role: "tabpanel",
+          "aria-labelledby": tabDomId,
+          tabIndex: 0,
+          hidden: !isSelected,
+          className: panelCls,
+          children: tab.content
+        },
+        tab.id
+      );
+    })
+  ] });
+}
+function Tabs(raw) {
+  try {
+    const parsed = validateTabsProps(raw);
+    return /* @__PURE__ */ jsx(TabsInner, { ...parsed, onValueChange: raw.onValueChange });
+  } catch (err) {
+    console.error("[Tabs] Invalid props \u2014 component will not render.", err);
+    return null;
+  }
+}
+
+export { Tabs, TabsPropsSchema, validateTabsProps };
 //# sourceMappingURL=input.js.map
 //# sourceMappingURL=input.js.map

package/dist/react/input.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"input.js"}
+{"version":3,"sources":["../../src/components/input/Tabs.logic.ts","../../src/components/input/Tabs.schema.ts","../../src/runtimes/react/components/input/Tabs.tsx"],"names":[],"mappings":"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","file":"input.js","sourcesContent":["/**\n * Tabs.logic.ts — pure, framework-agnostic logic.\n * No JSX here — shared between React 19 and Preact 10 runtimes.\n *\n * WCAG-AA ARIA + roving tabindex spec:\n * - role=\"tablist\" on container\n * - role=\"tab\" + aria-selected + aria-controls on each button\n * - role=\"tabpanel\" + aria-labelledby on each panel\n * - Roving tabindex: active tab = tabIndex 0, all others = tabIndex -1\n * - ArrowLeft/Right (horizontal) or ArrowUp/Down (vertical) moves focus between tabs\n * - Home → first enabled tab, End → last enabled tab\n * - Tab key moves focus INTO the active panel content (no tabIndex manipulation needed — natural DOM order)\n * - Disabled tabs are skipped during keyboard nav\n */\n\nexport type TabOrientation = \"horizontal\" | \"vertical\";\n\n/**\n * Returns the prev/next key pair for the given orientation.\n */\nexport function getNavKeys(orientation: TabOrientation): {\n  prev: string;\n  next: string;\n} {\n  return orientation === \"horizontal\"\n    ? { prev: \"ArrowLeft\", next: \"ArrowRight\" }\n    : { prev: \"ArrowUp\", next: \"ArrowDown\" };\n}\n\n/**\n * Finds the next focusable (non-disabled) tab index in direction.\n * Wraps around at boundaries.\n */\nexport function findNextEnabledIndex(\n  tabs: Array<{ id: string; disabled?: boolean }>,\n  currentIndex: number,\n  direction: 1 | -1,\n): number {\n  const len = tabs.length;\n  let i = (currentIndex + direction + len) % len;\n  // Guard: prevent infinite loop if all tabs are disabled (shouldn't happen but defensive)\n  for (let tries = 0; tries < len; tries++) {\n    if (!tabs[i]?.disabled) return i;\n    i = (i + direction + len) % len;\n  }\n  return currentIndex;\n}\n\n/**\n * Finds the first enabled tab index.\n */\nexport function findFirstEnabledIndex(tabs: Array<{ id: string; disabled?: boolean }>): number {\n  const idx = tabs.findIndex((t) => !t.disabled);\n  return idx === -1 ? 0 : idx;\n}\n\n/**\n * Finds the last enabled tab index.\n */\nexport function findLastEnabledIndex(tabs: Array<{ id: string; disabled?: boolean }>): number {\n  for (let i = tabs.length - 1; i >= 0; i--) {\n    if (!tabs[i]?.disabled) return i;\n  }\n  return tabs.length - 1;\n}\n\n/**\n * Generates stable DOM IDs for tab + panel linking.\n */\nexport function getTabId(instanceId: string, tabId: string): string {\n  return `${instanceId}-tab-${tabId}`;\n}\n\nexport function getPanelId(instanceId: string, tabId: string): string {\n  return `${instanceId}-panel-${tabId}`;\n}\n\n/**\n * Resolves the initial active tab ID.\n * Priority: value (controlled) > defaultValue > first enabled tab.\n */\nexport function resolveInitialActive(\n  tabs: Array<{ id: string; disabled?: boolean }>,\n  value?: string,\n  defaultValue?: string,\n): string {\n  if (value !== undefined) {\n    const found = tabs.find((t) => t.id === value && !t.disabled);\n    if (found) return found.id;\n  }\n  if (defaultValue !== undefined) {\n    const found = tabs.find((t) => t.id === defaultValue && !t.disabled);\n    if (found) return found.id;\n  }\n  const firstEnabled = tabs.find((t) => !t.disabled);\n  return firstEnabled?.id ?? tabs[0]?.id ?? \"\";\n}\n\n/**\n * Tailwind class helpers for the tablist container.\n */\nexport function getTablistClasses(orientation: TabOrientation): string {\n  return orientation === \"horizontal\"\n    ? \"flex flex-row border-b border-slate-200\"\n    : \"flex flex-col border-r border-slate-200 self-start\";\n}\n\n/**\n * Tailwind class helpers for a single tab button.\n */\nexport function getTabClasses(\n  isSelected: boolean,\n  isDisabled: boolean,\n  orientation: TabOrientation,\n): string {\n  const base =\n    \"relative px-4 py-2 text-sm font-medium transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 select-none\";\n\n  const orientationCls =\n    orientation === \"horizontal\" ? \"border-b-2 -mb-px\" : \"border-r-2 -mr-px text-left\";\n\n  const stateCls = isDisabled\n    ? \"text-slate-400 cursor-not-allowed border-transparent\"\n    : isSelected\n      ? \"border-blue-600 text-blue-700 bg-slate-50\"\n      : \"border-transparent text-slate-600 hover:text-slate-900 hover:border-slate-300 hover:bg-slate-50\";\n\n  return [base, orientationCls, stateCls].join(\" \");\n}\n\n/**\n * Tailwind class helpers for the tab panel wrapper.\n */\nexport function getPanelClasses(orientation: TabOrientation): string {\n  return orientation === \"horizontal\" ? \"pt-4\" : \"pl-4 flex-1\";\n}\n\n/**\n * Tailwind class helpers for the root container.\n */\nexport function getRootClasses(orientation: TabOrientation): string {\n  return orientation === \"horizontal\" ? \"flex flex-col\" : \"flex flex-row\";\n}\n","import { z } from \"zod\";\n\n// i18nKeys: Tabs.error.invalidProps\n\n/**\n * Tabs component props schema.\n *\n * Supports controlled (value + onValueChange) and uncontrolled (defaultValue) modes.\n * orientation — \"horizontal\" (default) or \"vertical\" — affects ArrowLeft/Right vs ArrowUp/Down nav.\n * tabs — ordered list of tab descriptors (id must be unique within the instance).\n */\nexport const TabItemSchema = z.object({\n  id: z.string().min(1),\n  label: z.string().min(1),\n  /** ReactNode / PreactNode — accepted as unknown at Zod layer (JSX not serialisable). */\n  content: z.unknown(),\n  disabled: z.boolean().optional().default(false),\n});\n\nexport type TabItem = z.infer<typeof TabItemSchema>;\n\nexport const TabsPropsSchema = z.object({\n  tabs: z.array(TabItemSchema).min(1),\n  value: z.string().optional(),\n  defaultValue: z.string().optional(),\n  orientation: z.enum([\"horizontal\", \"vertical\"]).default(\"horizontal\"),\n  locale: z.enum([\"en\", \"fr\"]).default(\"en\"),\n});\n\n/** Runtime props — onValueChange is a function (not serialisable via Zod, kept outside schema). */\nexport type TabsProps = z.infer<typeof TabsPropsSchema> & {\n  onValueChange?: (id: string) => void;\n};\n\nexport function validateTabsProps(raw: unknown): z.infer<typeof TabsPropsSchema> {\n  return TabsPropsSchema.parse(raw);\n}\n","\"use client\";\n\n// i18nKeys: Tabs.error.invalidProps\n\nimport { type KeyboardEvent, useId, useRef, useState } from \"react\";\nimport {\n  findFirstEnabledIndex,\n  findLastEnabledIndex,\n  findNextEnabledIndex,\n  getNavKeys,\n  getPanelClasses,\n  getPanelId,\n  getRootClasses,\n  getTabClasses,\n  getTabId,\n  getTablistClasses,\n  resolveInitialActive,\n} from \"../../../../components/input/Tabs.logic.js\";\nimport {\n  type TabItem,\n  type TabsProps,\n  validateTabsProps,\n} from \"../../../../components/input/Tabs.schema.js\";\n\n// ─── Inner component (validated props) ────────────────────────────────────────\n\nfunction TabsInner({\n  tabs,\n  value: controlledValue,\n  defaultValue,\n  orientation,\n  onValueChange,\n}: TabsProps) {\n  const instanceId = useId();\n  const tabButtonRefs = useRef<Map<string, HTMLButtonElement | null>>(new Map());\n\n  const isControlled = controlledValue !== undefined;\n\n  const [internalValue, setInternalValue] = useState<string>(() =>\n    resolveInitialActive(tabs, controlledValue, defaultValue),\n  );\n\n  const activeId = isControlled\n    ? (controlledValue ?? resolveInitialActive(tabs, undefined, defaultValue))\n    : internalValue;\n\n  function handleSelect(tabId: string) {\n    if (!isControlled) {\n      setInternalValue(tabId);\n    }\n    onValueChange?.(tabId);\n  }\n\n  function focusTabByIndex(index: number) {\n    const tab = tabs[index];\n    if (!tab) return;\n    const btn = tabButtonRefs.current.get(tab.id);\n    btn?.focus();\n    handleSelect(tab.id);\n  }\n\n  function handleKeyDown(e: KeyboardEvent<HTMLButtonElement>, currentIndex: number) {\n    const { prev, next } = getNavKeys(orientation);\n\n    switch (e.key) {\n      case next: {\n        e.preventDefault();\n        focusTabByIndex(findNextEnabledIndex(tabs, currentIndex, 1));\n        break;\n      }\n      case prev: {\n        e.preventDefault();\n        focusTabByIndex(findNextEnabledIndex(tabs, currentIndex, -1));\n        break;\n      }\n      case \"Home\": {\n        e.preventDefault();\n        focusTabByIndex(findFirstEnabledIndex(tabs));\n        break;\n      }\n      case \"End\": {\n        e.preventDefault();\n        focusTabByIndex(findLastEnabledIndex(tabs));\n        break;\n      }\n    }\n  }\n\n  const rootCls = getRootClasses(orientation);\n  const tablistCls = getTablistClasses(orientation);\n  const panelCls = getPanelClasses(orientation);\n\n  return (\n    <div className={rootCls}>\n      {/* Tab list */}\n      <div role=\"tablist\" aria-orientation={orientation} className={tablistCls}>\n        {tabs.map((tab: TabItem, index: number) => {\n          const isSelected = tab.id === activeId;\n          const tabDomId = getTabId(instanceId, tab.id);\n          const panelDomId = getPanelId(instanceId, tab.id);\n          const isDisabled = tab.disabled ?? false;\n\n          return (\n            <button\n              key={tab.id}\n              ref={(el) => {\n                tabButtonRefs.current.set(tab.id, el);\n              }}\n              id={tabDomId}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={panelDomId}\n              aria-disabled={isDisabled || undefined}\n              disabled={isDisabled}\n              tabIndex={isSelected ? 0 : -1}\n              className={getTabClasses(isSelected, isDisabled, orientation)}\n              onClick={() => {\n                if (!isDisabled) handleSelect(tab.id);\n              }}\n              onKeyDown={(e) => handleKeyDown(e, index)}\n            >\n              {tab.label}\n            </button>\n          );\n        })}\n      </div>\n\n      {/* Tab panels — tabIndex={0} required by WAI-ARIA Tabs pattern for keyboard focus entry */}\n      {tabs.map((tab: TabItem) => {\n        const isSelected = tab.id === activeId;\n        const tabDomId = getTabId(instanceId, tab.id);\n        const panelDomId = getPanelId(instanceId, tab.id);\n\n        return (\n          <div\n            key={tab.id}\n            id={panelDomId}\n            role=\"tabpanel\"\n            aria-labelledby={tabDomId}\n            // biome-ignore lint/a11y/noNoninteractiveTabindex: WAI-ARIA Tabs pattern requires tabIndex=0 on tabpanel to allow Tab key entry into panel content\n            tabIndex={0}\n            hidden={!isSelected}\n            className={panelCls}\n          >\n            {tab.content as React.ReactNode}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// ─── Public export with Zod guard ─────────────────────────────────────────────\n\n/**\n * Tabs — cross-runtime tab navigation component.\n *\n * Supports controlled (value + onValueChange) and uncontrolled (defaultValue) modes.\n * WCAG-AA: role=tablist/tab/tabpanel, aria-selected, aria-controls, aria-labelledby,\n * roving tabindex, ArrowLeft/Right/Up/Down, Home/End keyboard navigation.\n */\nexport function Tabs(raw: Record<string, unknown>) {\n  try {\n    const parsed = validateTabsProps(raw);\n    return <TabsInner {...parsed} onValueChange={(raw as TabsProps).onValueChange} />;\n  } catch (err) {\n    console.error(\"[Tabs] Invalid props — component will not render.\", err);\n    return null;\n  }\n}\n"]}

package/dist/react/progress.cjs

@@ -1,4 +1,270 @@
 'use strict';
 
+var zod = require('zod');
+var jsxRuntime = require('react/jsx-runtime');
+
+// 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];
+}
+var ProgressBarPropsSchema = zod.z.object({
+  value: zod.z.number().min(0).max(100),
+  label: zod.z.string().min(1),
+  locale: zod.z.enum(["en", "fr"]).default("en"),
+  colorVariant: zod.z.enum(["default", "warning", "danger"]).default("default")
+});
+function validateProps(raw) {
+  return ProgressBarPropsSchema.parse(raw);
+}
+function pickLocale(raw) {
+  return raw.locale === "fr" ? "fr" : "en";
+}
+var colorVariantClasses = {
+  default: "bg-blue-600",
+  warning: "bg-amber-500",
+  danger: "bg-red-600"
+};
+var containerVariantClasses = {
+  default: "progressbar-default",
+  warning: "progressbar-warning",
+  danger: "progressbar-danger"
+};
+function ProgressBarInner(props) {
+  const { value, label, colorVariant } = props;
+  const fillClass = colorVariantClasses[colorVariant];
+  const containerClass = containerVariantClasses[colorVariant];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "progressbar",
+      "aria-valuenow": value,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-label": label,
+      tabIndex: 0,
+      className: `mosaic-progress ${containerClass}`,
+      style: { width: "100%" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-testid": "progress-fill",
+            className: `mosaic-progress-fill ${fillClass}`,
+            style: { width: `${value}%` }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mosaic-progress-label", children: [
+          label,
+          ": ",
+          value,
+          "%"
+        ] })
+      ]
+    }
+  );
+}
+function ProgressBar(raw) {
+  try {
+    const props = validateProps(raw);
+    return /* @__PURE__ */ jsxRuntime.jsx(ProgressBarInner, { ...props });
+  } catch {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", className: "mosaic-progress-error", children: t("ProgressBar.error.invalidProps", pickLocale(raw)) });
+  }
+}
+function ProgressBar2(raw) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { ...raw });
+}
+
+exports.ProgressBar = ProgressBar2;
+exports.ProgressBarPropsSchema = ProgressBarPropsSchema;
+exports.validateProps = validateProps;
 //# sourceMappingURL=progress.cjs.map
 //# sourceMappingURL=progress.cjs.map

package/dist/react/progress.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"progress.cjs"}
+{"version":3,"sources":["../../src/i18n/strings.ts","../../src/components/progress/ProgressBar.schema.ts","../../src/components/progress/ProgressBar.tsx","../../src/runtimes/react/components/progress/ProgressBar.tsx"],"names":["z","jsxs","jsx","ProgressBar"],"mappings":"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","file":"progress.cjs","sourcesContent":["/**\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","import { z } from \"zod\";\n\nexport const ProgressBarPropsSchema = z.object({\n  value: z.number().min(0).max(100),\n  label: z.string().min(1),\n  locale: z.enum([\"en\", \"fr\"]).default(\"en\"),\n  colorVariant: z.enum([\"default\", \"warning\", \"danger\"]).default(\"default\"),\n});\n\nexport type ProgressBarProps = z.infer<typeof ProgressBarPropsSchema>;\n\nexport function validateProps(raw: unknown): ProgressBarProps {\n  return ProgressBarPropsSchema.parse(raw);\n}\n","import React from \"react\";\nimport { type MosaicLocale, t } from \"../../i18n/strings.js\";\nimport { type ProgressBarProps, validateProps } from \"./ProgressBar.schema.js\";\n\nfunction pickLocale(raw: Record<string, unknown>): MosaicLocale {\n  return raw.locale === \"fr\" ? \"fr\" : \"en\";\n}\n\nconst colorVariantClasses: Record<ProgressBarProps[\"colorVariant\"], string> = {\n  default: \"bg-blue-600\",\n  warning: \"bg-amber-500\",\n  danger: \"bg-red-600\",\n};\n\nconst containerVariantClasses: Record<ProgressBarProps[\"colorVariant\"], string> = {\n  default: \"progressbar-default\",\n  warning: \"progressbar-warning\",\n  danger: \"progressbar-danger\",\n};\n\nfunction ProgressBarInner(props: ProgressBarProps) {\n  const { value, label, colorVariant } = props;\n  const fillClass = colorVariantClasses[colorVariant];\n  const containerClass = containerVariantClasses[colorVariant];\n\n  return (\n    <div\n      role=\"progressbar\"\n      aria-valuenow={value}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-label={label}\n      tabIndex={0}\n      className={`mosaic-progress ${containerClass}`}\n      style={{ width: \"100%\" }}\n    >\n      <div\n        data-testid=\"progress-fill\"\n        className={`mosaic-progress-fill ${fillClass}`}\n        style={{ width: `${value}%` }}\n      />\n      <span className=\"mosaic-progress-label\">\n        {label}: {value}%\n      </span>\n    </div>\n  );\n}\n\n/**\n * ProgressBar 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 ProgressBar(raw: Record<string, unknown>) {\n  try {\n    const props = validateProps(raw);\n    return <ProgressBarInner {...props} />;\n  } catch {\n    return (\n      <div role=\"alert\" className=\"mosaic-progress-error\">\n        {t(\"ProgressBar.error.invalidProps\", pickLocale(raw))}\n      </div>\n    );\n  }\n}\n","// i18nKeys: ProgressBar.aria.label, ProgressBar.error.invalidProps\n\nimport { ProgressBar as BareProgressBar } from \"../../../../components/progress/ProgressBar.js\";\n\n/**\n * ProgressBar — React 19 runtime wrapper.\n *\n * Delegates entirely to the BARE implementation. The BARE component already:\n * - Validates props via Zod (ProgressBarPropsSchema)\n * - Resolves EN/FR i18n strings via t()\n * - Renders role=progressbar with full WCAG-AA aria attributes\n * - Falls back to role=alert on invalid props instead of throwing\n *\n * Import: `import { ProgressBar } from \"@vantageos/mosaic/react/progress\"`\n */\nexport function ProgressBar(raw: Record<string, unknown>) {\n  return <BareProgressBar {...raw} />;\n}\n"]}

package/dist/react/progress.d.cts

@@ -1,2 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+export { P as ProgressBarProps, a as ProgressBarPropsSchema, v as validateProps } from '../ProgressBar.schema-CdVYx0Wq.cjs';
+import 'zod';
 
-export {  }
+/**
+ * ProgressBar — React 19 runtime wrapper.
+ *
+ * Delegates entirely to the BARE implementation. The BARE component already:
+ * - Validates props via Zod (ProgressBarPropsSchema)
+ * - Resolves EN/FR i18n strings via t()
+ * - Renders role=progressbar with full WCAG-AA aria attributes
+ * - Falls back to role=alert on invalid props instead of throwing
+ *
+ * Import: `import { ProgressBar } from "@vantageos/mosaic/react/progress"`
+ */
+declare function ProgressBar(raw: Record<string, unknown>): react_jsx_runtime.JSX.Element;
+
+export { ProgressBar };

package/dist/react/progress.d.ts

@@ -1,2 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+export { P as ProgressBarProps, a as ProgressBarPropsSchema, v as validateProps } from '../ProgressBar.schema-CdVYx0Wq.js';
+import 'zod';
 
-export {  }
+/**
+ * ProgressBar — React 19 runtime wrapper.
+ *
+ * Delegates entirely to the BARE implementation. The BARE component already:
+ * - Validates props via Zod (ProgressBarPropsSchema)
+ * - Resolves EN/FR i18n strings via t()
+ * - Renders role=progressbar with full WCAG-AA aria attributes
+ * - Falls back to role=alert on invalid props instead of throwing
+ *
+ * Import: `import { ProgressBar } from "@vantageos/mosaic/react/progress"`
+ */
+declare function ProgressBar(raw: Record<string, unknown>): react_jsx_runtime.JSX.Element;
+
+export { ProgressBar };