bestax-mcp 1.9.0 → 1.10.0

package/data/bulma-classes.json

@@ -3118,7 +3118,7 @@
       "textColor": null,
       "bgColor": null,
       "part": false,
-      "why": "bestax `Modal` renders its own background and content parts, and adds dialog attributes",
+      "why": "bestax `Modal` writes a `data-testid` of its own over the one it's given, and adds dialog attributes and focus handling, so rebuild the root with it by hand; its parts convert on their own",
       "modifiers": {},
       "omits": {},
       "wrapsChildren": null,
@@ -3130,14 +3130,14 @@
       "topLevelOnly": false
     },
     "modal-background": {
-      "status": "todo",
-      "target": null,
-      "tag": null,
+      "status": "mapped",
+      "target": "Modal.Background",
+      "tag": "div",
       "as": null,
       "sizeDrivesTag": false,
       "textColor": null,
       "bgColor": null,
-      "part": true,
+      "part": false,
       "why": null,
       "modifiers": {},
       "omits": {},
@@ -3146,18 +3146,18 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
-      "noHelpers": false,
+      "noHelpers": true,
       "topLevelOnly": false
     },
     "modal-content": {
-      "status": "todo",
-      "target": null,
-      "tag": null,
+      "status": "mapped",
+      "target": "Modal.Content",
+      "tag": "div",
       "as": null,
       "sizeDrivesTag": false,
       "textColor": null,
       "bgColor": null,
-      "part": true,
+      "part": false,
       "why": null,
       "modifiers": {},
       "omits": {},
@@ -3166,18 +3166,18 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
-      "noHelpers": false,
+      "noHelpers": true,
       "topLevelOnly": false
     },
     "modal-card": {
-      "status": "todo",
-      "target": null,
-      "tag": null,
+      "status": "mapped",
+      "target": "Modal.Card",
+      "tag": "div",
       "as": null,
       "sizeDrivesTag": false,
       "textColor": null,
       "bgColor": null,
-      "part": true,
+      "part": false,
       "why": null,
       "modifiers": {},
       "omits": {},
@@ -3186,18 +3186,18 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
-      "noHelpers": false,
+      "noHelpers": true,
       "topLevelOnly": false
     },
     "modal-card-head": {
-      "status": "todo",
-      "target": null,
-      "tag": null,
+      "status": "mapped",
+      "target": "Modal.Card.Head",
+      "tag": "header",
       "as": null,
       "sizeDrivesTag": false,
       "textColor": null,
       "bgColor": null,
-      "part": true,
+      "part": false,
       "why": null,
       "modifiers": {},
       "omits": {},
@@ -3206,18 +3206,18 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
-      "noHelpers": false,
+      "noHelpers": true,
       "topLevelOnly": false
     },
     "modal-card-title": {
-      "status": "todo",
-      "target": null,
-      "tag": null,
+      "status": "mapped",
+      "target": "Modal.Card.Title",
+      "tag": "p",
       "as": null,
       "sizeDrivesTag": false,
       "textColor": null,
       "bgColor": null,
-      "part": true,
+      "part": false,
       "why": null,
       "modifiers": {},
       "omits": {},
@@ -3226,18 +3226,18 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
-      "noHelpers": false,
+      "noHelpers": true,
       "topLevelOnly": false
     },
     "modal-card-body": {
-      "status": "todo",
-      "target": null,
-      "tag": null,
+      "status": "mapped",
+      "target": "Modal.Card.Body",
+      "tag": "section",
       "as": null,
       "sizeDrivesTag": false,
       "textColor": null,
       "bgColor": null,
-      "part": true,
+      "part": false,
       "why": null,
       "modifiers": {},
       "omits": {},
@@ -3246,18 +3246,18 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
-      "noHelpers": false,
+      "noHelpers": true,
       "topLevelOnly": false
     },
     "modal-card-foot": {
-      "status": "todo",
-      "target": null,
-      "tag": null,
+      "status": "mapped",
+      "target": "Modal.Card.Foot",
+      "tag": "footer",
       "as": null,
       "sizeDrivesTag": false,
       "textColor": null,
       "bgColor": null,
-      "part": true,
+      "part": false,
       "why": null,
       "modifiers": {},
       "omits": {},
@@ -3266,7 +3266,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
-      "noHelpers": false,
+      "noHelpers": true,
       "topLevelOnly": false
     },
     "modal-close": {

package/data/skills/bestax-migrate/references/bulma-classes/component-map.md

@@ -83,6 +83,13 @@ a `tag:<Target>` TODO instead of a conversion. A component's own `as` can take m
 | `.menu`              | `Menu`                | `<aside>` only                                                 |
 | `.menu-label`        | `Menu.Label`          | `<p>` only                                                     |
 | `.menu-list`         | `Menu.List`           | `<ul>` only                                                    |
+| `.modal-background`  | `Modal.Background`    | `<div>` only                                                   |
+| `.modal-content`     | `Modal.Content`       | `<div>` only                                                   |
+| `.modal-card`        | `Modal.Card`          | `<div>` only                                                   |
+| `.modal-card-head`   | `Modal.Card.Head`     | `<header>` only                                                |
+| `.modal-card-title`  | `Modal.Card.Title`    | `<p>` only                                                     |
+| `.modal-card-body`   | `Modal.Card.Body`     | `<section>` only                                               |
+| `.modal-card-foot`   | `Modal.Card.Foot`     | `<footer>` only                                                |
 
 An element with two of these (`<div className="column box">`) becomes the layout one
 (`Column`), and the other class stays in `className`.
@@ -200,7 +207,8 @@ inside one of them, or anything else beside them, keeps the element as markup wi
 Their markup doesn't map element by element (the bestax component renders parts of its own, or
 adds attributes), so the family's outermost class gets a `family:<class>` TODO and the markup
 stays. [unmappables.md](unmappables.md) has the recipe for each. The families are Checkbox,
-Checkboxes, Dropdown, File, Icon and IconText, the menu's items, Message, Modal, the navbar's burger
+Checkboxes, Dropdown, File, Icon and IconText, the menu's items, Message, Modal's root and close
+button, the navbar's burger
 and dropdown link, Pagination, Panel, Radio, Radios and Tabs.
 
 ## Classes left alone

package/data/skills/bestax-migrate/references/bulma-classes/prop-map.md

@@ -168,12 +168,15 @@ Colors are `primary`, `link`, `info`, `success`, `warning`, `danger`, `black`, `
 
 Where a component renders a color class through no typed prop, the class stays: `has-text-*`
 on `Breadcrumb`, `Hero`, `Navbar.DropdownMenu`, `Navbar.Divider`, `Field.Label`, `Field.Body`,
-`Control`, `InputBase`, `TextAreaBase`, `SelectBase`, `Progress`, `Skeleton`, `Tag` and `Tags`;
-`has-background-*` on `Breadcrumb`, `Navbar.Brand`, `Navbar.Menu`, `Navbar.Start`, `Navbar.End`,
-`Navbar.DropdownMenu`, `Navbar.Divider`, `Field.Label`, `Field.Body`, `Control`, `Notification`,
-`Progress`, `Skeleton`, `Table` and `Tags`. `Navbar.DropdownMenu`, `Navbar.Divider`, `Field.Label`,
-`Field.Body`, `Control` and `Skeleton` take no helper props the way the codemod needs, so every
-helper class on them stays.
+`Control`, `InputBase`, `TextAreaBase`, `SelectBase`, `Progress`, `Skeleton`, `Tag`, `Tags`,
+`Modal.Background`, `Modal.Content`, `Modal.Card`, `Modal.Card.Head`, `Modal.Card.Title`,
+`Modal.Card.Body` and `Modal.Card.Foot`; `has-background-*` on `Breadcrumb`, `Navbar.Brand`,
+`Navbar.Menu`, `Navbar.Start`, `Navbar.End`, `Navbar.DropdownMenu`, `Navbar.Divider`, `Field.Label`,
+`Field.Body`, `Control`, `Notification`, `Progress`, `Skeleton`, `Table`, `Tags`, `Modal.Background`,
+`Modal.Content`, `Modal.Card`, `Modal.Card.Head`, `Modal.Card.Title`, `Modal.Card.Body` and
+`Modal.Card.Foot`. `Navbar.DropdownMenu`, `Navbar.Divider`, `Field.Label`, `Field.Body`, `Control`,
+`Skeleton` and Modal's parts take no helper props the way the codemod needs, so every helper class
+on them stays.
 
 Some classes stay put because of how bestax renders them:
 

package/data/skills/bestax-migrate/references/bulma-classes/unmappables.md

@@ -137,6 +137,12 @@ The codemod reads one file at a time, so it can't see a component in another fil
 a bestax `Field` or form control around this markup. If the app already uses them that way, give
 its inputs ids before running the codemod, and check its forms afterwards.
 
+On a `.modal-background`, `.modal-content` or `.modal-card` it's about the `Modal` around it. A
+bestax `Modal` already in the file picks what it renders from its children: with one of those
+parts among them it renders them as given, and without one it adds its own background, wrapper
+and close button. So converting the part would change the `Modal`, and the part stays markup.
+Convert the `Modal` and its children together by hand.
+
 On a `.menu-list` it's about nesting: `Menu.List` renders `.menu-list` only on the outermost list,
 and drops it on one inside another. So a `.menu-list` inside another `.menu-list` (or a bestax
 `Menu.List`) stays markup, keeping its class, and so does one around a bestax `Menu.List`, which would
@@ -205,8 +211,11 @@ in the browser:
   lists the props for the button text, the file name and the icons.
 - **`family:checkbox`**, **`family:radio`**, **`family:checkboxes`**, **`family:radios`**:
   bestax renders its own styled checkbox and radio markup, not Bulma's.
-- **`family:modal`**: `Modal` renders its own background and content parts, and adds dialog
-  attributes. Rebuild it with `Modal` and its parts, and drive it with its open prop. When the
+- **`family:modal`**: `Modal` writes a `data-testid` of its own and adds dialog attributes and
+  focus handling, so the `.modal` root stays markup while its background, content and card parts
+  convert on their own. Rebuild the root with `Modal` around them, and drive it with its open prop.
+  A `.modal-close` stays too, since `Modal.Close` renders `.delete` unless it's floating: write
+  `<Modal.Close variant="floating" />` in its place. When the
   page has to look the same, keep `Modal` rather than `Dialog` or `Toast`: those render
   bestax's own `.dialog` and `.toast` markup, which Bulma's stylesheet doesn't style.
 - **`family:dropdown`**: `Dropdown` renders its own trigger and menu from props.

package/data/skills.json

@@ -103,17 +103,17 @@
         {
           "id": "bulma-classes-component-map",
           "file": "references/bulma-classes/component-map.md",
-          "bytes": 16084
+          "bytes": 16906
         },
         {
           "id": "bulma-classes-prop-map",
           "file": "references/bulma-classes/prop-map.md",
-          "bytes": 28378
+          "bytes": 28649
         },
         {
           "id": "bulma-classes-unmappables",
           "file": "references/bulma-classes/unmappables.md",
-          "bytes": 17279
+          "bytes": 17977
         },
         {
           "id": "css-migration",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bestax-mcp",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "MCP server for @allxsmith/bestax-bulma — component props, examples, CSS variables and agent skills, served offline from a version-pinned index",
   "type": "module",
   "bin": {