bestax-mcp 1.18.25 → 1.18.26

package/data/catalog.json

@@ -2,7 +2,7 @@
   "schemaVersion": 2,
   "generatedFrom": {
     "package": "@allxsmith/bestax-bulma",
-    "version": "5.57.3"
+    "version": "5.57.5"
   },
   "docsBase": "https://bestax.io/docs",
   "categories": [

package/data/components/Table.json

@@ -38,7 +38,7 @@
       "code": "<Table isStriped>\n  <Table.Thead>\n    <Table.Tr>\n      <Table.Th>Team</Table.Th>\n      <Table.Th>Points</Table.Th>\n    </Table.Tr>\n  </Table.Thead>\n  <Table.Tbody>\n    <Table.Tr>\n      <Table.Td>Maple Leafs</Table.Td>\n      <Table.Td>98</Table.Td>\n    </Table.Tr>\n  </Table.Tbody>\n</Table>"
     }
   ],
-  "accessibility": "- **Semantics:** Uses `<table>`, `<thead>`, `<tbody>`, `<tfoot>`, `<tr>`, `<th>`, and `<td>`—all proper HTML table elements.\n- **Responsive:** When using `isResponsive`, the table is wrapped in a scrollable container.\n- **Screen Readers:** Always use `<Th>` for header cells, and provide descriptive column headings.\n\n:::tip\nFor responsive tables, ensure your column headers are clear and concise for small screens.\n:::",
+  "accessibility": "- **Semantics:** Uses `<table>`, `<thead>`, `<tbody>`, `<tfoot>`, `<tr>`, `<th>`, and `<td>`—all proper HTML table elements.\n- **Responsive:** When using `isResponsive`, the table is wrapped in a scrollable container.\n- **Screen Readers:** Always use `<Th>` for header cells, and provide descriptive column headings.\n- **Right to left:** with `bestax.css` and its variants, a header cell aligns to the start of the line, as the body cells do, so on a right-to-left page both sit on the right. They build Bulma with `$table-cell-text-align: start`, where Bulma's own default, in the table below, is `left`. With `extras.css` and a Bulma of your own, set `$table-cell-text-align: start` in your Bulma build, or `--bulma-table-cell-text-align: start` on the table, to get the same. `isAligned` or an `align` attribute still sets a cell's own alignment.\n\n:::tip\nFor responsive tables, ensure your column headers are clear and concise for small screens.\n:::",
   "related": ["Block", "useBulmaClasses"],
   "storybook": "https://bestax.io/storybook/?path=/story/elements-table--default",
   "summary": "The `Table` component and its subcomponents provide a highly composable, Bulma-styled table system for React.",
@@ -292,7 +292,7 @@
           "name": "isAligned",
           "type": "'left' | 'right' | 'centered'",
           "default": null,
-          "description": "Text alignment for the header cell ('left', 'right', 'centered').",
+          "description": "Text alignment for the header cell ('left', 'right', 'centered'). Without it, `bestax.css` and its variants align a header to the start of the line, as the body cells are, so it sits on the right on a right-to-left page.",
           "required": false,
           "inherited": false,
           "deprecated": false

package/data/skills/bestax-optimize/references/modular-build.md

@@ -88,7 +88,8 @@ is **more complete** than the docs page's Option C example, which omits several)
 **Form** (`@allxsmith/bestax-bulma/scss/form/<name>`):
 `checkbox`, `checkboxcard`, `radio`, `radiocard`, `switch`, `slider`, `numberinput`, `pininput`,
 `rate`, `autocomplete`, `combobox`, `taginput`, `picker-popover`, `dateinput`, `timeinput`,
-`datetimeinput`, `daterangeinput`, `file`, `fieldset`, `dropzone`, `colorpicker`, `colorinput`
+`datetimeinput`, `daterangeinput`, `file`, `fieldset`, `field`, `dropzone`, `colorpicker`,
+`colorinput`
 
 **Elements** (`@allxsmith/bestax-bulma/scss/elements/<name>`): `colorswatch`, `delete`,
 `descriptionlist`, `kbd`, `linkbutton`, `loader`, `notification`, `progress`, `ringprogress`,
@@ -139,6 +140,16 @@ Notes:
   @use '@allxsmith/bestax-bulma/scss/form/file' as bestax-file;
   ```
 
+- The `field` partial **extends** stock Bulma's field (`bulma/sass/form/tools`): it puts the
+  `message` of a horizontal form component (`Input horizontal`, `Checkboxes horizontal`,
+  `Rate horizontal` and the rest) under its control, where Bulma's row would set it beside. An
+  app with one needs it next to `bulma/sass/form/tools`, in either order:
+
+  ```scss
+  @use 'bulma/sass/form/tools';
+  @use '@allxsmith/bestax-bulma/scss/form/field';
+  ```
+
 - `Dropzone`'s zone is Bulma's file widget, so an app using it needs `bulma/sass/form/file` and the
   `file` partial (its keyboard focus ring) next to `scss/form/dropzone`, plus
   `bulma/sass/elements/delete` and the `delete` partial for the remove buttons and
@@ -186,6 +197,17 @@ Notes:
   (`bulma/sass/components/modal`) and `Tag isDelete` (`bulma/sass/elements/tag`) with them, so
   include it (`as bestax-delete`) in any build that shows a close button. Its rules win over
   Bulma's either way, so the order of the `@use` lines does not matter.
+- `Table` is stock Bulma (`bulma/sass/elements/table`), and `DataTable` renders one. The prebuilt
+  stylesheets build it with `$table-cell-text-align: start`, so header cells line up with the
+  body cells under them on a right-to-left page, where Bulma's default, `left`, keeps them on the
+  left. A build with a table gets the same by configuring the module where it loads it:
+
+  ```scss
+  @use 'bulma/sass/elements/table' with (
+    $table-cell-text-align: start
+  );
+  ```
+
 - Stock-Bulma form controls still need their Bulma module (`bulma/sass/form/…`); the extras
   form partials above style only the bestax-specific behavior.
 - Bulma component modules pull their own internal sub-elements — e.g.

package/data/skills/bestax-theming/references/css-variables.md

@@ -67,7 +67,9 @@ If compiling Bulma's Sass yourself, set the SCSS variables before the CSS variab
 );
 ```
 
-(The library itself ships `$primary: #1e6b99` — HSL `202 / 67% / 36%` — this way.)
+(The library itself ships `$primary: #1e6b99` — HSL `202 / 67% / 36%` — this way, and
+`$table-cell-text-align: start`, so table header cells line up with the body cells under them on
+a right-to-left page, where Bulma's default is `left`.)
 
 ## Colors — override the H/S/L trio to recolor
 

package/data/skills.json

@@ -162,7 +162,7 @@
         {
           "id": "modular-build",
           "file": "references/modular-build.md",
-          "bytes": 14912
+          "bytes": 15849
         }
       ],
       "examples": []
@@ -176,7 +176,7 @@
         {
           "id": "css-variables",
           "file": "references/css-variables.md",
-          "bytes": 64350
+          "bytes": 64506
         },
         {
           "id": "themeable-components",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bestax-mcp",
-  "version": "1.18.25",
+  "version": "1.18.26",
   "mcpName": "io.github.allxsmith/bestax-mcp",
   "description": "MCP server for @allxsmith/bestax-bulma — component props, examples, CSS variables and agent skills, served offline from a version-pinned index",
   "type": "module",
@@ -42,7 +42,7 @@
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.32.2",
     "zod": "^4.6.7",
-    "@allxsmith/bestax-bulma": "^5.57.3"
+    "@allxsmith/bestax-bulma": "^5.57.5"
   },
   "devDependencies": {
     "@types/node": "^26.6.6",