@cascivo/eslint-plugin 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) cascivo contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,99 @@
+<!-- generated by scripts/readme/generate.ts — edit readme.body.md, not this file -->
+
+<div align="center">
+  <a href="https://cascivo.com"><img src="https://cascivo.com/favicon.svg" width="72" height="72" alt="cascivo logo"></a>
+  <h1>@cascivo/eslint-plugin</h1>
+  <p><strong>ESLint rule that turns cascivo's near-miss prop names into an actionable message — the wrong guess, the prop that exists, and why</strong></p>
+
+[![npm](https://img.shields.io/npm/v/%40cascivo%2Feslint-plugin?style=flat-square&color=0079bf)](https://www.npmjs.com/package/@cascivo/eslint-plugin)
+[![downloads](https://img.shields.io/npm/dm/%40cascivo%2Feslint-plugin?style=flat-square&color=0079bf)](https://www.npmjs.com/package/@cascivo/eslint-plugin)
+[![license](https://img.shields.io/npm/l/%40cascivo%2Feslint-plugin?style=flat-square&color=0079bf)](https://github.com/cascivo/cascivo/blob/main/LICENSE)
+![types](https://img.shields.io/badge/types-included-0079bf?style=flat-square&logo=typescript&logoColor=white)
+
+[npm](https://www.npmjs.com/package/@cascivo/eslint-plugin) · [cascivo.com](https://cascivo.com) · [Docs](https://cascivo.com/docs) · [Storybook](https://storybook.cascivo.com) · [GitHub](https://github.com/cascivo/cascivo)
+
+</div>
+
+---
+
+One ESLint rule: **`cascivo/prop-vocabulary`**. It reports the prop names an adopter is likely to guess wrong, and answers with the prop that exists and why.
+
+You probably do not need to install this directly — [`@cascivo/eslint-config`](../eslint-config) depends on it and enables the rule at `warn`.
+
+## Why it exists
+
+A 2026-08-21 adopter report put it precisely:
+
+> A fresh adopter's success is currently load-bearing on the docs staying this good — the API itself still has the sharp edges. **The docs are doing work the API should eventually do itself.**
+
+Most of that work moved into the type system: `label` and `ariaLabel` both compile now, `Switch` is exported, `Field` takes `hint`. What is left is the class TypeScript structurally cannot help with. `<Text tone="subtle">` is a correct type error whose message —
+
+```
+Property 'tone' does not exist on type 'TextProps'.
+```
+
+— names the mistake and teaches nothing, so you go looking for the docs anyway. That is the dependency the report flagged. TypeScript has no mechanism for a custom message on an unknown prop; a runtime warning cannot tell a typo from a legitimate DOM passthrough and arrives after the build you are fixing. A lint rule is the one layer that can carry the sentence:
+
+```
+`Text` has no `tone` prop — it is `muted`. `tone` is the catalog's SEVERITY vocabulary
+(Status, Badge, Timeline, SideNav). Text emphasis is the boolean `muted`.
+```
+
+## What it catches
+
+| You wrote                                      | It says                                                    | Autofix                     |
+| ---------------------------------------------- | ---------------------------------------------------------- | --------------------------- |
+| `<Text tone="subtle">`                         | the prop is `muted`; `tone` is the severity vocabulary     | —                           |
+| `<Flex gap="4">`                               | `gap` takes a number                                       | ✅ → `gap={4}`              |
+| `<Flex justify="between">` with no `direction` | `Flex` is vertical by default, unlike CSS/Chakra/MUI/Radix | —                           |
+| `const { theme } = useTheme()`                 | it returns a tuple                                         | —                           |
+| `import { Dialog } from '@cascivo/react'`      | `Dialog` is `Modal`                                        | ✅ (unaliased imports only) |
+| `<DataTable items={…}>`                        | it takes `rows` — the one component that does              | —                           |
+
+## Install
+
+```sh
+pnpm add -D @cascivo/eslint-config   # brings this plugin with it
+```
+
+```js
+// eslint.config.js
+import cascivo from '@cascivo/eslint-config'
+
+export default [...yourConfig, ...cascivo] // spread LAST — flat config is last-wins
+```
+
+Or wire the rule up yourself:
+
+```js
+import cascivoPlugin from '@cascivo/eslint-plugin'
+
+export default [
+  {
+    plugins: { cascivo: cascivoPlugin },
+    rules: { 'cascivo/prop-vocabulary': 'warn' },
+  },
+]
+```
+
+## `warn`, not `error`
+
+Deliberate. A lint rule that fails your build over a naming opinion gets the whole config deleted — and that takes `react-hooks/immutability` with it, which is what `@cascivo/eslint-config` exists for. Raise it to `error` yourself if you want it enforced.
+
+## Adding a case
+
+Every case lives in `near-misses.json`, from which `scripts/eslint-vocabulary/generate.ts` emits the data the rule reads. Each row is validated against `registry.json` at generation time: the prop it recommends must exist on that component, and the prop it warns about must not. A rename on either side fails `pnpm regen` rather than shipping a rule that teaches the wrong thing with the authority of a fix list.
+
+So the next friction report costs a row in a JSON file, not a paragraph in a guide.
+
+## Install
+
+```sh
+pnpm add @cascivo/eslint-plugin
+```
+
+---
+
+[cascivo.com](https://cascivo.com) · [Docs](https://cascivo.com/docs) · [Storybook](https://storybook.cascivo.com) · [GitHub](https://github.com/cascivo/cascivo) · AI agents: read [`llms.txt`](https://cascivo.com/llms.txt) (install steps + component index, plain text) or use [`@cascivo/mcp`](https://github.com/cascivo/cascivo/tree/main/packages/mcp) and [`registry.json`](https://github.com/cascivo/cascivo/blob/main/registry.json) · MIT
+
+<div align="center"><a href="https://cascivo.com"><img src="https://cascivo.com/favicon.svg" width="28" height="28" alt="cascivo"></a></div>

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@cascivo/eslint-plugin",
+  "version": "0.1.0",
+  "private": false,
+  "description": "ESLint rule that turns cascivo's near-miss prop names into an actionable message — the wrong guess, the prop that exists, and why",
+  "keywords": [
+    "cascivo",
+    "design-system",
+    "eslint",
+    "eslint-plugin",
+    "react"
+  ],
+  "homepage": "https://github.com/cascivo/cascivo/tree/main/packages/eslint-plugin#readme",
+  "bugs": "https://github.com/cascivo/cascivo/issues",
+  "license": "MIT",
+  "author": "urbanisierung",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cascivo/cascivo.git",
+    "directory": "packages/eslint-plugin"
+  },
+  "files": [
+    "src/**/*.js",
+    "src/**/*.json",
+    "src/**/*.d.ts",
+    "!src/**/*.test.js"
+  ],
+  "type": "module",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./src/index.d.ts",
+      "default": "./src/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "devDependencies": {
+    "eslint": "10.8.0"
+  },
+  "peerDependencies": {
+    "eslint": ">=9.0.0"
+  },
+  "scripts": {
+    "build": "echo 'eslint-plugin: plain ESM, no build'",
+    "test": "node --test src/*.test.js"
+  }
+}

package/readme.body.md

@@ -0,0 +1,69 @@
+One ESLint rule: **`cascivo/prop-vocabulary`**. It reports the prop names an adopter is likely to guess wrong, and answers with the prop that exists and why.
+
+You probably do not need to install this directly — [`@cascivo/eslint-config`](../eslint-config) depends on it and enables the rule at `warn`.
+
+## Why it exists
+
+A 2026-08-21 adopter report put it precisely:
+
+> A fresh adopter's success is currently load-bearing on the docs staying this good — the API itself still has the sharp edges. **The docs are doing work the API should eventually do itself.**
+
+Most of that work moved into the type system: `label` and `ariaLabel` both compile now, `Switch` is exported, `Field` takes `hint`. What is left is the class TypeScript structurally cannot help with. `<Text tone="subtle">` is a correct type error whose message —
+
+```
+Property 'tone' does not exist on type 'TextProps'.
+```
+
+— names the mistake and teaches nothing, so you go looking for the docs anyway. That is the dependency the report flagged. TypeScript has no mechanism for a custom message on an unknown prop; a runtime warning cannot tell a typo from a legitimate DOM passthrough and arrives after the build you are fixing. A lint rule is the one layer that can carry the sentence:
+
+```
+`Text` has no `tone` prop — it is `muted`. `tone` is the catalog's SEVERITY vocabulary
+(Status, Badge, Timeline, SideNav). Text emphasis is the boolean `muted`.
+```
+
+## What it catches
+
+| You wrote                                      | It says                                                    | Autofix                     |
+| ---------------------------------------------- | ---------------------------------------------------------- | --------------------------- |
+| `<Text tone="subtle">`                         | the prop is `muted`; `tone` is the severity vocabulary     | —                           |
+| `<Flex gap="4">`                               | `gap` takes a number                                       | ✅ → `gap={4}`              |
+| `<Flex justify="between">` with no `direction` | `Flex` is vertical by default, unlike CSS/Chakra/MUI/Radix | —                           |
+| `const { theme } = useTheme()`                 | it returns a tuple                                         | —                           |
+| `import { Dialog } from '@cascivo/react'`      | `Dialog` is `Modal`                                        | ✅ (unaliased imports only) |
+| `<DataTable items={…}>`                        | it takes `rows` — the one component that does              | —                           |
+
+## Install
+
+```sh
+pnpm add -D @cascivo/eslint-config   # brings this plugin with it
+```
+
+```js
+// eslint.config.js
+import cascivo from '@cascivo/eslint-config'
+
+export default [...yourConfig, ...cascivo] // spread LAST — flat config is last-wins
+```
+
+Or wire the rule up yourself:
+
+```js
+import cascivoPlugin from '@cascivo/eslint-plugin'
+
+export default [
+  {
+    plugins: { cascivo: cascivoPlugin },
+    rules: { 'cascivo/prop-vocabulary': 'warn' },
+  },
+]
+```
+
+## `warn`, not `error`
+
+Deliberate. A lint rule that fails your build over a naming opinion gets the whole config deleted — and that takes `react-hooks/immutability` with it, which is what `@cascivo/eslint-config` exists for. Raise it to `error` yourself if you want it enforced.
+
+## Adding a case
+
+Every case lives in `near-misses.json`, from which `scripts/eslint-vocabulary/generate.ts` emits the data the rule reads. Each row is validated against `registry.json` at generation time: the prop it recommends must exist on that component, and the prop it warns about must not. A rename on either side fails `pnpm regen` rather than shipping a rule that teaches the wrong thing with the authority of a fix list.
+
+So the next friction report costs a row in a JSON file, not a paragraph in a guide.

package/src/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * `@cascivo/eslint-plugin` — one rule, `cascivo/prop-vocabulary`.
+ *
+ * Typed loosely on purpose, like `@cascivo/eslint-config`: the plugin ships plain data and a
+ * visitor, and deliberately does not depend on `eslint`, so it stays installable next to any
+ * ESLint 9+ without a version handshake.
+ */
+export interface CascadeRule {
+  meta: Record<string, unknown>
+  create: (context: unknown) => Record<string, unknown>
+}
+
+declare const plugin: {
+  meta: { name: string; version: string }
+  rules: { 'prop-vocabulary': CascadeRule }
+}
+export default plugin

package/src/index.js

@@ -0,0 +1,14 @@
+/**
+ * `@cascivo/eslint-plugin` — see `prop-vocabulary.js` for why this exists.
+ *
+ * Shipped as a plugin rather than folded into `@cascivo/eslint-config` because that package
+ * deliberately contains no rules and no `eslint` dependency; it is pure flat-config data.
+ * `@cascivo/eslint-config` depends on this one and enables the rule at `warn`, so an adopter
+ * who already installed the config gets the messages without changing anything.
+ */
+import propVocabulary from './prop-vocabulary.js'
+
+export default {
+  meta: { name: '@cascivo/eslint-plugin', version: '0.1.0' },
+  rules: { 'prop-vocabulary': propVocabulary },
+}

package/src/prop-vocabulary.js

@@ -0,0 +1,176 @@
+/**
+ * `cascivo/prop-vocabulary` — say what the prop actually is.
+ *
+ * ## Why a lint rule and not more documentation
+ *
+ * The 2026-08-21 adopter report's sharpest finding was not any of its eleven defects. It was
+ * this: "a fresh adopter's success is currently load-bearing on the docs staying this good —
+ * the API itself still has the sharp edges. **The docs are doing work the API should
+ * eventually do itself.**"
+ *
+ * Most of that work moved into the type system: `label` and `ariaLabel` both compile now,
+ * `Switch` is exported, `Field` takes `hint`. What is left is the class TypeScript
+ * structurally cannot help with. `<Text tone="subtle">` is a correct type error whose message
+ * — "Property 'tone' does not exist on type 'TextProps'" — names the mistake and teaches
+ * nothing, so the adopter goes looking for the docs anyway, which is exactly the dependency
+ * the report flagged. TypeScript has no mechanism for a custom message on an unknown prop;
+ * a runtime warning cannot tell a typo from a legitimate DOM passthrough and fires after the
+ * build you are trying to fix. A lint rule is the one layer that can carry the sentence.
+ *
+ * ## Why `warn`, not `error`
+ *
+ * `@cascivo/eslint-config` enables this at `warn`. A lint rule that fails somebody's build
+ * over a naming opinion gets the whole config deleted, and then the adopter loses
+ * `react-hooks/immutability` too — which is the thing that config actually exists for.
+ *
+ * ## Why the data is generated
+ *
+ * Every case lives in `prop-vocabulary.json`, generated from
+ * `packages/eslint-plugin/near-misses.json` and validated against `registry.json` at build
+ * time (see `scripts/eslint-vocabulary/generate.ts`). The next friction report costs a row in
+ * a JSON file rather than a paragraph in a guide, and a row that stops being true fails
+ * `pnpm regen` instead of shipping a rule that lies.
+ */
+import { createRequire } from 'node:module'
+
+const require = createRequire(import.meta.url)
+/** @type {import('./types.js').Vocabulary} */
+const vocabulary = require('./prop-vocabulary.json')
+
+/** The element name as written, e.g. `Text` in `<Text>` and `Card.Header` in `<Card.Header>`. */
+function elementName(node) {
+  const name = node.name
+  if (!name) return null
+  if (name.type === 'JSXIdentifier') return name.name
+  return null
+}
+
+/** Names of the plain attributes on this element (spreads are unknowable, and skipped). */
+function attributeNames(node) {
+  return new Set(
+    node.attributes
+      .filter((a) => a.type === 'JSXAttribute' && a.name?.type === 'JSXIdentifier')
+      .map((a) => a.name.name),
+  )
+}
+
+const rule = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'Report cascivo props an adopter is likely to guess wrong, naming the prop that exists',
+      url: 'https://github.com/cascivo/cascivo/tree/main/packages/eslint-plugin#readme',
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      wrongProp: '`{{component}}` has no `{{wrote}}` prop — it is `{{is}}`. {{note}}',
+      stringSpaceStep:
+        '`{{prop}}` takes a NUMBER, not a string: write `{{prop}}={{{value}}}`. The space scale is a numeric SpaceStep, so `{{prop}}="7"` cannot type-check into a token that does not exist.',
+      foreignImport:
+        '`{{wrote}}` is `{{is}}` in cascivo. Import `{{is}}` — same component, the name this system uses.',
+      tupleHook:
+        '`{{hook}}()` returns a TUPLE — write `const [value, setValue] = {{hook}}()`. {{note}}',
+      defaultDirection: '`{{component}}` has no `direction`, so it is VERTICAL. {{note}}',
+    },
+  },
+
+  create(context) {
+    const source = context.sourceCode ?? context.getSourceCode?.()
+    const numeric = new Set(vocabulary.numericProps)
+    const byComponent = new Map()
+    for (const row of vocabulary.props) {
+      if (!byComponent.has(row.component)) byComponent.set(row.component, [])
+      byComponent.get(row.component).push(row)
+    }
+    const defaultDirection = new Map(vocabulary.defaultDirection.map((row) => [row.component, row]))
+    const tupleHooks = new Map(vocabulary.tupleHooks.map((row) => [row.hook, row]))
+
+    return {
+      JSXOpeningElement(node) {
+        const component = elementName(node)
+        if (!component) return
+        const present = attributeNames(node)
+
+        for (const row of byComponent.get(component) ?? []) {
+          if (!present.has(row.wrote)) continue
+          const attribute = node.attributes.find(
+            (a) => a.type === 'JSXAttribute' && a.name?.name === row.wrote,
+          )
+          context.report({
+            node: attribute ?? node,
+            messageId: 'wrongProp',
+            data: { component, wrote: row.wrote, is: row.is, note: row.note },
+          })
+        }
+
+        // `<Flex justify="between">` with no `direction` is a centred column, not a row.
+        const dir = defaultDirection.get(component)
+        if (
+          dir &&
+          !present.has('direction') &&
+          (present.has('justify') || present.has('align')) &&
+          // A spread may carry `direction`; do not guess about what we cannot see.
+          !node.attributes.some((a) => a.type === 'JSXSpreadAttribute')
+        ) {
+          context.report({
+            node,
+            messageId: 'defaultDirection',
+            data: { component, note: dir.note },
+          })
+        }
+      },
+
+      JSXAttribute(node) {
+        if (node.name?.type !== 'JSXIdentifier' || !numeric.has(node.name.name)) return
+        const value = node.value
+        if (value?.type !== 'Literal' || typeof value.value !== 'string') return
+        if (!/^\d+$/.test(value.value)) return
+        const prop = node.name.name
+        context.report({
+          node,
+          messageId: 'stringSpaceStep',
+          data: { prop, value: value.value },
+          fix: (fixer) => fixer.replaceText(value, `{${value.value}}`),
+        })
+      },
+
+      ImportDeclaration(node) {
+        const from = node.source?.value
+        if (from !== '@cascivo/react' && from !== '@cascivo/charts') return
+        for (const spec of node.specifiers) {
+          if (spec.type !== 'ImportSpecifier' || spec.imported?.type !== 'Identifier') continue
+          const real = vocabulary.imports[spec.imported.name]
+          if (!real) continue
+          context.report({
+            node: spec,
+            messageId: 'foreignImport',
+            data: { wrote: spec.imported.name, is: real },
+            // Only safe when the local name is not aliased — `{ Dialog as D }` would need
+            // every use site rewritten, which a fixer must not attempt.
+            fix:
+              spec.local?.name === spec.imported.name && source
+                ? (fixer) => fixer.replaceText(spec, real)
+                : null,
+          })
+        }
+      },
+
+      VariableDeclarator(node) {
+        if (node.id?.type !== 'ObjectPattern') return
+        const init = node.init
+        if (init?.type !== 'CallExpression' || init.callee?.type !== 'Identifier') return
+        const row = tupleHooks.get(init.callee.name)
+        if (!row) return
+        context.report({
+          node: node.id,
+          messageId: 'tupleHook',
+          data: { hook: row.hook, note: row.note },
+        })
+      },
+    }
+  },
+}
+
+export default rule

package/src/prop-vocabulary.json

@@ -0,0 +1,101 @@
+{
+  "_comment": "GENERATED by scripts/eslint-vocabulary/generate.ts — edit packages/eslint-plugin/near-misses.json, then `pnpm regen`.",
+  "props": [
+    {
+      "component": "Text",
+      "wrote": "tone",
+      "is": "muted",
+      "note": "`tone` is the catalog's SEVERITY vocabulary (Status, Badge, Timeline, SideNav). Text emphasis is the boolean `muted`. For coloured text that means something, use Status or Badge.",
+      "report": "2026-08-21 item 2"
+    },
+    {
+      "component": "DataTable",
+      "wrote": "items",
+      "is": "rows",
+      "note": "DataTable renders a <table>, where \"rows\" is the domain word. Every other collection prop in the catalog is `items`.",
+      "report": "2026-08-08"
+    },
+    {
+      "component": "DataList",
+      "wrote": "rows",
+      "is": "items",
+      "note": "`rows` is DataTable's word and only DataTable's.",
+      "report": "2026-08-08"
+    },
+    {
+      "component": "Badge",
+      "wrote": "shape",
+      "is": "variant",
+      "note": "A visual style enum is always `variant` — never shape/kind/type/appearance.",
+      "report": "2026-08-08"
+    }
+  ],
+  "numericProps": ["gap", "columnGap", "rowGap"],
+  "tupleHooks": [
+    {
+      "hook": "useTheme",
+      "note": "`useTheme()` returns a tuple `[name, setTheme]`, like useState. The object shape `{ theme, setTheme }` is next-themes'.",
+      "report": "2026-08-21"
+    }
+  ],
+  "defaultDirection": [
+    {
+      "component": "Flex",
+      "note": "`Flex` defaults to `direction=\"vertical\"` — unlike CSS, and unlike Chakra/MUI/Radix. With no `direction`, `justify`/`align` act on the block axis, so a row comes out as a centred column.",
+      "report": "2026-08-21"
+    }
+  ],
+  "imports": {
+    "ToggleSwitch": "Toggle",
+    "Dialog": "Modal",
+    "DialogRoot": "Modal",
+    "Chip": "Tag",
+    "Pill": "Tag",
+    "DropdownMenu": "Dropdown",
+    "Placeholder": "Skeleton",
+    "Shimmer": "Skeleton",
+    "Popper": "Popover",
+    "SegmentedButton": "SegmentedControl",
+    "Disclosure": "Collapsible",
+    "SideSheet": "Sheet",
+    "SlideOver": "Sheet",
+    "NavigationDrawer": "Drawer",
+    "ConfirmDialog": "AlertDialog",
+    "Confirm": "AlertDialog",
+    "CircularProgress": "Spinner",
+    "Loader": "Spinner",
+    "LinearProgress": "InlineLoading",
+    "LoadingIndicator": "InlineLoading",
+    "SelectNative": "NativeSelect",
+    "Table": "DataTable",
+    "DataGrid": "DataTable",
+    "Layout": "AppShell",
+    "Shell": "AppShell",
+    "AppLayout": "AppShell",
+    "Sidebar": "SideNav",
+    "NavigationRail": "SideNav",
+    "SideBar": "SideNav",
+    "CommandPalette": "CommandMenu",
+    "Cmdk": "CommandMenu",
+    "Spotlight": "CommandMenu",
+    "EmptyView": "EmptyState",
+    "NoData": "EmptyState",
+    "ZeroState": "EmptyState",
+    "MoreMenu": "OverflowMenu",
+    "KebabMenu": "OverflowMenu",
+    "ActionMenu": "OverflowMenu",
+    "AvatarStack": "AvatarGroup",
+    "AvatarPile": "AvatarGroup",
+    "NumberField": "NumberInput",
+    "SpinButton": "NumberInput",
+    "Stepper": "NumberInput",
+    "PinInput": "OtpInput",
+    "VerificationCode": "OtpInput",
+    "ChipInput": "TagsInput",
+    "TokenInput": "TagsInput",
+    "Rating": "RatingGroup",
+    "StarRating": "RatingGroup",
+    "ToggleButtonGroup": "ToggleGroup",
+    "ButtonToggleGroup": "ToggleGroup"
+  }
+}