@vantageos/mosaic 0.3.0-alpha.1 → 0.3.1

package/package.json

@@ -1,229 +1,232 @@
 {
-  "name": "@vantageos/mosaic",
-  "version": "0.3.0-alpha.1",
-  "description": "Fleet-wide MCP UI design system — 6-category taxonomy, Zod-validated, registry-gated, streaming-ready, cross-runtime (React 19 + Preact 10).",
-  "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./progress": {
-      "types": "./dist/progress.d.ts",
-      "import": "./dist/progress.js",
-      "require": "./dist/progress.cjs"
-    },
-    "./input": {
-      "types": "./dist/input.d.ts",
-      "import": "./dist/input.js",
-      "require": "./dist/input.cjs"
-    },
-    "./display": {
-      "types": "./dist/display.d.ts",
-      "import": "./dist/display.js",
-      "require": "./dist/display.cjs"
-    },
-    "./artifacts": {
-      "types": "./dist/artifacts.d.ts",
-      "import": "./dist/artifacts.js",
-      "require": "./dist/artifacts.cjs"
-    },
-    "./confirmation": {
-      "types": "./dist/confirmation.d.ts",
-      "import": "./dist/confirmation.js",
-      "require": "./dist/confirmation.cjs"
-    },
-    "./media": {
-      "types": "./dist/media.d.ts",
-      "import": "./dist/media.js",
-      "require": "./dist/media.cjs"
-    },
-    "./forms": {
-      "types": "./dist/forms.d.ts",
-      "import": "./dist/forms.js",
-      "require": "./dist/forms.cjs"
-    },
-    "./react": {
-      "types": "./dist/react/index.d.ts",
-      "import": "./dist/react/index.js",
-      "require": "./dist/react/index.cjs"
-    },
-    "./react/progress": {
-      "types": "./dist/react/progress.d.ts",
-      "import": "./dist/react/progress.js",
-      "require": "./dist/react/progress.cjs"
-    },
-    "./react/input": {
-      "types": "./dist/react/input.d.ts",
-      "import": "./dist/react/input.js",
-      "require": "./dist/react/input.cjs"
-    },
-    "./react/display": {
-      "types": "./dist/react/display.d.ts",
-      "import": "./dist/react/display.js",
-      "require": "./dist/react/display.cjs"
-    },
-    "./react/artifacts": {
-      "types": "./dist/react/artifacts.d.ts",
-      "import": "./dist/react/artifacts.js",
-      "require": "./dist/react/artifacts.cjs"
-    },
-    "./react/confirmation": {
-      "types": "./dist/react/confirmation.d.ts",
-      "import": "./dist/react/confirmation.js",
-      "require": "./dist/react/confirmation.cjs"
-    },
-    "./react/media": {
-      "types": "./dist/react/media.d.ts",
-      "import": "./dist/react/media.js",
-      "require": "./dist/react/media.cjs"
-    },
-    "./react/forms": {
-      "types": "./dist/react/forms.d.ts",
-      "import": "./dist/react/forms.js",
-      "require": "./dist/react/forms.cjs"
-    },
-    "./preact": {
-      "types": "./dist/preact/index.d.ts",
-      "import": "./dist/preact/index.js"
-    },
-    "./preact/progress": {
-      "types": "./dist/preact/progress.d.ts",
-      "import": "./dist/preact/progress.js"
-    },
-    "./preact/input": {
-      "types": "./dist/preact/input.d.ts",
-      "import": "./dist/preact/input.js"
-    },
-    "./preact/display": {
-      "types": "./dist/preact/display.d.ts",
-      "import": "./dist/preact/display.js"
-    },
-    "./preact/artifacts": {
-      "types": "./dist/preact/artifacts.d.ts",
-      "import": "./dist/preact/artifacts.js"
-    },
-    "./preact/confirmation": {
-      "types": "./dist/preact/confirmation.d.ts",
-      "import": "./dist/preact/confirmation.js"
-    },
-    "./preact/media": {
-      "types": "./dist/preact/media.d.ts",
-      "import": "./dist/preact/media.js"
-    },
-    "./preact/forms": {
-      "types": "./dist/preact/forms.d.ts",
-      "import": "./dist/preact/forms.js"
-    },
-    "./tokens": {
-      "types": "./dist/tokens.d.ts",
-      "import": "./dist/tokens.js",
-      "require": "./dist/tokens.cjs"
-    },
-    "./server": {
-      "types": "./dist/server.d.ts",
-      "import": "./dist/server.js",
-      "require": "./dist/server.cjs"
-    },
-    "./registry.yaml": "./registry.yaml"
-  },
-  "files": [
-    "dist",
-    "registry.yaml",
-    "README.md"
-  ],
-  "sideEffects": false,
-  "peerDependencies": {
-    "@hookform/resolvers": "^3.10.0",
-    "@mcp-ui/client": "7.1.1",
-    "preact": "^10.25.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-hook-form": "^7.54.0",
-    "react-i18next": "15.5.2",
-    "rxjs": "^7.8.0"
-  },
-  "peerDependenciesMeta": {
-    "@hookform/resolvers": {
-      "optional": true
-    },
-    "@mcp-ui/client": {
-      "optional": true
-    },
-    "preact": {
-      "optional": true
-    },
-    "react": {
-      "optional": true
-    },
-    "react-dom": {
-      "optional": true
-    },
-    "react-hook-form": {
-      "optional": true
-    },
-    "react-i18next": {
-      "optional": true
-    },
-    "rxjs": {
-      "optional": true
-    }
-  },
-  "dependencies": {
-    "@lit-labs/react": "1.0.6",
-    "@mcp-ui/server": "6.1.0",
-    "@tanstack/react-virtual": "3.13.6",
-    "dompurify": "3.2.4",
-    "marked": "15.0.7",
-    "zod": "3.25.28",
-    "@vantageos/mosaic-tokens": "0.2.0"
-  },
-  "devDependencies": {
-    "@axe-core/playwright": "4.10.1",
-    "@babel/parser": "7.29.7",
-    "@babel/traverse": "7.29.7",
-    "@biomejs/biome": "1.9.4",
-    "@hookform/resolvers": "^3.10.0",
-    "@playwright/test": "1.50.1",
-    "@size-limit/preset-small-lib": "11.2.0",
-    "@storybook/builder-vite": "8.6.18",
-    "@storybook/react": "8.6.18",
-    "@storybook/react-vite": "8.6.18",
-    "@storybook/test-runner": "0.21.0",
-    "@tailwindcss/vite": "4.1.8",
-    "@testing-library/react": "16.3.0",
-    "@testing-library/user-event": "14.6.1",
-    "@types/babel__traverse": "7.28.0",
-    "@types/dompurify": "3.0.5",
-    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.0",
-    "@vitejs/plugin-react": "4.3.4",
-    "@vitest/coverage-v8": "3.2.2",
-    "jsdom": "26.0.0",
-    "preact": "10.27.1",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-hook-form": "^7.54.0",
-    "size-limit": "11.2.0",
-    "storybook": "8.6.18",
-    "tailwindcss": "4.1.8",
-    "tsup": "8.4.0",
-    "typescript": "5.8.3",
-    "vite": "6.3.5",
-    "vite-plugin-singlefile": "2.1.0",
-    "vitest": "3.2.2"
-  },
-  "scripts": {
-    "prebuild": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\"",
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "test": "vitest run",
-    "lint": "biome check --error-on-warnings src",
-    "size-limit": "size-limit",
-    "build-storybook": "storybook build -o storybook-static"
-  }
-}
+	"name": "@vantageos/mosaic",
+	"version": "0.3.1",
+	"description": "Fleet-wide MCP UI design system — 6-category taxonomy, Zod-validated, registry-gated, streaming-ready, cross-runtime (React 19 + Preact 10).",
+	"type": "module",
+	"main": "./dist/index.cjs",
+	"module": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.js",
+			"require": "./dist/index.cjs"
+		},
+		"./progress": {
+			"types": "./dist/progress.d.ts",
+			"import": "./dist/progress.js",
+			"require": "./dist/progress.cjs"
+		},
+		"./input": {
+			"types": "./dist/input.d.ts",
+			"import": "./dist/input.js",
+			"require": "./dist/input.cjs"
+		},
+		"./display": {
+			"types": "./dist/display.d.ts",
+			"import": "./dist/display.js",
+			"require": "./dist/display.cjs"
+		},
+		"./artifacts": {
+			"types": "./dist/artifacts.d.ts",
+			"import": "./dist/artifacts.js",
+			"require": "./dist/artifacts.cjs"
+		},
+		"./confirmation": {
+			"types": "./dist/confirmation.d.ts",
+			"import": "./dist/confirmation.js",
+			"require": "./dist/confirmation.cjs"
+		},
+		"./media": {
+			"types": "./dist/media.d.ts",
+			"import": "./dist/media.js",
+			"require": "./dist/media.cjs"
+		},
+		"./forms": {
+			"types": "./dist/forms.d.ts",
+			"import": "./dist/forms.js",
+			"require": "./dist/forms.cjs"
+		},
+		"./react": {
+			"types": "./dist/react/index.d.ts",
+			"import": "./dist/react/index.js",
+			"require": "./dist/react/index.cjs"
+		},
+		"./react/progress": {
+			"types": "./dist/react/progress.d.ts",
+			"import": "./dist/react/progress.js",
+			"require": "./dist/react/progress.cjs"
+		},
+		"./react/input": {
+			"types": "./dist/react/input.d.ts",
+			"import": "./dist/react/input.js",
+			"require": "./dist/react/input.cjs"
+		},
+		"./react/display": {
+			"types": "./dist/react/display.d.ts",
+			"import": "./dist/react/display.js",
+			"require": "./dist/react/display.cjs"
+		},
+		"./react/artifacts": {
+			"types": "./dist/react/artifacts.d.ts",
+			"import": "./dist/react/artifacts.js",
+			"require": "./dist/react/artifacts.cjs"
+		},
+		"./react/confirmation": {
+			"types": "./dist/react/confirmation.d.ts",
+			"import": "./dist/react/confirmation.js",
+			"require": "./dist/react/confirmation.cjs"
+		},
+		"./react/media": {
+			"types": "./dist/react/media.d.ts",
+			"import": "./dist/react/media.js",
+			"require": "./dist/react/media.cjs"
+		},
+		"./react/forms": {
+			"types": "./dist/react/forms.d.ts",
+			"import": "./dist/react/forms.js",
+			"require": "./dist/react/forms.cjs"
+		},
+		"./preact": {
+			"types": "./dist/preact/index.d.ts",
+			"import": "./dist/preact/index.js"
+		},
+		"./preact/progress": {
+			"types": "./dist/preact/progress.d.ts",
+			"import": "./dist/preact/progress.js"
+		},
+		"./preact/input": {
+			"types": "./dist/preact/input.d.ts",
+			"import": "./dist/preact/input.js"
+		},
+		"./preact/display": {
+			"types": "./dist/preact/display.d.ts",
+			"import": "./dist/preact/display.js"
+		},
+		"./preact/artifacts": {
+			"types": "./dist/preact/artifacts.d.ts",
+			"import": "./dist/preact/artifacts.js"
+		},
+		"./preact/confirmation": {
+			"types": "./dist/preact/confirmation.d.ts",
+			"import": "./dist/preact/confirmation.js"
+		},
+		"./preact/media": {
+			"types": "./dist/preact/media.d.ts",
+			"import": "./dist/preact/media.js"
+		},
+		"./preact/forms": {
+			"types": "./dist/preact/forms.d.ts",
+			"import": "./dist/preact/forms.js"
+		},
+		"./tokens": {
+			"types": "./dist/tokens.d.ts",
+			"import": "./dist/tokens.js",
+			"require": "./dist/tokens.cjs"
+		},
+		"./server": {
+			"types": "./dist/server.d.ts",
+			"import": "./dist/server.js",
+			"require": "./dist/server.cjs"
+		},
+		"./registry.yaml": "./registry.yaml"
+	},
+	"files": [
+		"dist",
+		"registry.yaml",
+		"README.md",
+		"CHANGELOG.md"
+	],
+	"sideEffects": false,
+	"scripts": {
+		"prebuild": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\"",
+		"build": "NODE_OPTIONS=--max-old-space-size=8192 tsup",
+		"dev": "tsup --watch",
+		"test": "vitest run",
+		"lint": "biome check --error-on-warnings src",
+		"size-limit": "size-limit",
+		"build-storybook": "storybook build -o storybook-static",
+		"prepublishOnly": "node scripts/rewrite-workspace-deps.mjs && pnpm run build && pnpm run test && pnpm run size-limit && node scripts/check-eta-gate.js",
+		"postpublish": "git checkout HEAD -- package.json && echo '[postpublish] reverted package.json — workspace:* refs restored for monorepo dev'"
+	},
+	"peerDependencies": {
+		"@hookform/resolvers": "^3.10.0",
+		"@mcp-ui/client": "7.1.1",
+		"preact": "^10.25.0",
+		"react": "^19.1.0",
+		"react-dom": "^19.1.0",
+		"react-hook-form": "^7.54.0",
+		"react-i18next": "15.5.2",
+		"rxjs": "^7.8.0"
+	},
+	"peerDependenciesMeta": {
+		"@hookform/resolvers": {
+			"optional": true
+		},
+		"@mcp-ui/client": {
+			"optional": true
+		},
+		"preact": {
+			"optional": true
+		},
+		"react": {
+			"optional": true
+		},
+		"react-dom": {
+			"optional": true
+		},
+		"react-hook-form": {
+			"optional": true
+		},
+		"react-i18next": {
+			"optional": true
+		},
+		"rxjs": {
+			"optional": true
+		}
+	},
+	"dependencies": {
+		"@lit-labs/react": "1.0.6",
+		"@mcp-ui/server": "6.1.0",
+		"@tanstack/react-virtual": "3.13.6",
+		"@vantageos/mosaic-tokens": "^0.2.0",
+		"dompurify": "3.2.4",
+		"marked": "15.0.7",
+		"zod": "3.25.28"
+	},
+	"devDependencies": {
+		"@axe-core/playwright": "4.10.1",
+		"@babel/parser": "7.29.7",
+		"@babel/traverse": "7.29.7",
+		"@biomejs/biome": "1.9.4",
+		"@hookform/resolvers": "^3.10.0",
+		"@playwright/test": "1.50.1",
+		"@size-limit/preset-small-lib": "11.2.0",
+		"@storybook/builder-vite": "8.6.18",
+		"@storybook/react": "8.6.18",
+		"@storybook/react-vite": "8.6.18",
+		"@storybook/test-runner": "0.21.0",
+		"@tailwindcss/vite": "4.1.8",
+		"@testing-library/react": "16.3.0",
+		"@testing-library/user-event": "14.6.1",
+		"@types/babel__traverse": "7.28.0",
+		"@types/dompurify": "3.0.5",
+		"@types/react": "19.1.0",
+		"@types/react-dom": "19.1.0",
+		"@vitejs/plugin-react": "4.3.4",
+		"@vitest/coverage-v8": "3.2.2",
+		"jsdom": "26.0.0",
+		"preact": "10.27.1",
+		"react": "19.1.0",
+		"react-dom": "19.1.0",
+		"react-hook-form": "^7.54.0",
+		"size-limit": "11.2.0",
+		"storybook": "8.6.18",
+		"tailwindcss": "4.1.8",
+		"tsup": "8.4.0",
+		"typescript": "5.8.3",
+		"vite": "6.3.5",
+		"vite-plugin-singlefile": "2.1.0",
+		"vitest": "3.2.2"
+	}
+}

package/registry.yaml

@@ -50,35 +50,35 @@ components:
     category: forms
     schema: src/components/forms/useMosaicForm.schema.ts
     zodExport: UseMosaicFormOptionsSchema
-    i18nKeys: []
+    i18nKeys: ["useMosaicForm.error.invalidProps"]
     sizeLimit: "20KB"
     a11yLevel: WCAG-AA
   - name: FormProvider
     category: forms
     schema: src/components/forms/FormProvider.schema.ts
     zodExport: FormProviderPropsSchema
-    i18nKeys: []
+    i18nKeys: ["FormProvider.error.invalidProps"]
     sizeLimit: "10KB"
     a11yLevel: WCAG-AA
   - name: FormField
     category: forms
     schema: src/components/forms/FormField.schema.ts
     zodExport: FormFieldPropsSchema
-    i18nKeys: []
+    i18nKeys: ["FormField.error.invalidProps"]
     sizeLimit: "10KB"
     a11yLevel: WCAG-AA
   - name: ErrorDisplay
     category: forms
     schema: src/components/forms/ErrorDisplay.schema.ts
     zodExport: ErrorDisplayPropsSchema
-    i18nKeys: []
+    i18nKeys: ["ErrorDisplay.error.required", "ErrorDisplay.error.min", "ErrorDisplay.error.max", "ErrorDisplay.error.minLength", "ErrorDisplay.error.maxLength", "ErrorDisplay.error.pattern", "ErrorDisplay.error.email", "ErrorDisplay.error.url", "ErrorDisplay.error.generic"]
     sizeLimit: "5KB"
     a11yLevel: WCAG-AA
   - name: SubmitButton
     category: forms
     schema: src/components/forms/SubmitButton.schema.ts
     zodExport: SubmitButtonPropsSchema
-    i18nKeys: []
+    i18nKeys: ["SubmitButton.aria.submit", "SubmitButton.state.loading", "SubmitButton.error.invalidProps"]
     sizeLimit: "10KB"
     a11yLevel: WCAG-AA
     runtimes: ["react", "preact"]
@@ -92,6 +92,20 @@ components:
     a11yLevel: WCAG-AA
     runtimes: ["react", "preact"]
     convergence: ["hermes", "chi"]
+  - name: EmptyState
+    category: display
+    schema: src/components/display/EmptyState.schema.ts
+    zodExport: EmptyStatePropsSchema
+    i18nKeys: ["EmptyState.error.invalidProps"]
+    sizeLimit: "15KB"
+    a11yLevel: WCAG-AA
+  - name: Toast
+    category: confirmation
+    schema: src/components/confirmation/Toast.schema.ts
+    zodExport: ToastPropsSchema
+    i18nKeys: ["Toast.aria.close", "Toast.error.invalidProps"]
+    sizeLimit: "20KB"
+    a11yLevel: WCAG-AA
   - name: Alert
     category: confirmation
     schema: src/components/confirmation/Alert.schema.ts
@@ -149,49 +163,48 @@ components:
     category: forms
     schema: src/components/forms/Input.schema.ts
     zodExport: InputPropsSchema
+    i18nKeys: ["Input.aria.label", "Input.error.required", "Input.error.invalid", "Input.error.tooLong", "Input.error.tooShort", "Input.error.invalidProps"]
+    sizeLimit: "10KB"
+    a11yLevel: WCAG-AA
   - name: FieldArray
     category: forms
     schema: src/components/forms/FieldArray.schema.ts
     zodExport: FieldArrayPropsSchema
-    i18nKeys: []
+    i18nKeys: ["FieldArray.aria.list", "FieldArray.aria.addItem", "FieldArray.aria.removeItem", "FieldArray.error.invalidProps"]
+    sizeLimit: "10KB"
+    a11yLevel: WCAG-AA
   - name: Checkbox
     category: forms
     schema: src/components/forms/Checkbox.schema.ts
     zodExport: CheckboxPropsSchema
-    i18nKeys: []
+    i18nKeys: ["Checkbox.aria.label", "Checkbox.error.required", "Checkbox.error.invalidProps"]
     sizeLimit: "10KB"
     a11yLevel: WCAG-AA
   - name: RadioGroup
     category: forms
     schema: src/components/forms/RadioGroup.schema.ts
     zodExport: RadioGroupPropsSchema
-    i18nKeys: ["RadioGroup.error.invalidProps"]
-  # ─── Forms field primitives (Wave 2 T11-T20) ────────────────────────────────
+    i18nKeys: ["RadioGroup.aria.label", "RadioGroup.error.required", "RadioGroup.error.invalidProps"]
+    sizeLimit: "15KB"
+    a11yLevel: WCAG-AA
   - name: Select
     category: forms
     schema: src/components/forms/Select.schema.ts
     zodExport: SelectPropsSchema
-    i18nKeys:
-      - Select.placeholder
-      - Select.search.placeholder
-      - Select.empty
-
+    i18nKeys: ["Select.placeholder", "Select.search.placeholder", "Select.empty", "Select.error.required", "Select.error.invalidProps"]
     sizeLimit: "15KB"
-  # ─── Forms field primitives (Wave 2 T11-T20) ────────────────────────────────
+    a11yLevel: WCAG-AA
   - name: Textarea
     category: forms
     schema: src/components/forms/Textarea.schema.ts
     zodExport: TextareaPropsSchema
-  - name: Checkbox
-    category: forms
-    schema: src/components/forms/Checkbox.schema.ts
-    zodExport: CheckboxPropsSchema
-    i18nKeys: []
+    i18nKeys: ["Textarea.aria.label", "Textarea.error.required", "Textarea.error.tooLong", "Textarea.counter.remaining", "Textarea.error.invalidProps"]
     sizeLimit: "10KB"
+    a11yLevel: WCAG-AA
   - name: MultiSelect
     category: forms
     schema: src/components/forms/MultiSelect.schema.ts
     zodExport: MultiSelectPropsSchema
-    i18nKeys: []
+    i18nKeys: ["MultiSelect.aria.label", "MultiSelect.aria.removeChip", "MultiSelect.error.required", "MultiSelect.error.maxItems", "MultiSelect.placeholder", "MultiSelect.search.placeholder", "MultiSelect.empty", "MultiSelect.error.invalidProps"]
     sizeLimit: "20KB"
     a11yLevel: WCAG-AA