bestax-mcp 1.18.30 → 1.18.32

package/data/bulma-classes.json

@@ -13125,6 +13125,7 @@
     "link-button": "LinkButton",
     "loading": "Loading",
     "numberinput": "Numberinput",
+    "password-input-container": "PasswordInput",
     "pin-input": "PinInput",
     "popover": "Popover",
     "styled-radio": "Radio",
@@ -13136,12 +13137,16 @@
     "sidebar": "Sidebar",
     "slider": "Slider",
     "splitter": "Splitter",
+    "stat": "Stat",
+    "stats": "Stats",
     "steps": "Steps",
     "switch": "Switch",
+    "table-of-contents": "TableOfContents",
     "taginput": "Taginput",
     "timeline": "Timeline",
     "toast": "Toast",
     "tooltip": "Tooltip",
+    "tree-select": "TreeSelect",
     "tree-view": "TreeView"
   },
   "byHand": {

package/data/catalog.json

@@ -2,7 +2,7 @@
   "schemaVersion": 2,
   "generatedFrom": {
     "package": "@allxsmith/bestax-bulma",
-    "version": "5.61.0"
+    "version": "5.64.0"
   },
   "docsBase": "https://bestax.io/docs",
   "categories": [
@@ -17,6 +17,7 @@
         "Code",
         "ColorSwatch",
         "Content",
+        "CopyButton",
         "Delete",
         "DescriptionList",
         "Divider",
@@ -40,6 +41,8 @@
         "RingProgress",
         "Skeleton",
         "Span",
+        "Stat",
+        "Stats",
         "Strong",
         "SubTitle",
         "Table",
@@ -83,6 +86,7 @@
         "SegmentedControl",
         "Sidebar",
         "Steps",
+        "TableOfContents",
         "Tabs",
         "Timeline",
         "Toast",
@@ -111,6 +115,7 @@
         "File",
         "Input",
         "Numberinput",
+        "PasswordInput",
         "PinInput",
         "Radio",
         "RadioCard",
@@ -121,7 +126,8 @@
         "Switch",
         "Taginput",
         "TextArea",
-        "TimeInput"
+        "TimeInput",
+        "TreeSelect"
       ]
     },
     {
@@ -160,6 +166,7 @@
         "Valid value constants",
         "classNames",
         "useBulmaClasses",
+        "useClipboard",
         "useFocusTrap",
         "usePrefixedClassNames"
       ]
@@ -284,7 +291,7 @@
       "slug": "elements/buttons",
       "import": "import { Buttons } from '@allxsmith/bestax-bulma';",
       "compound": true,
-      "propCount": 81,
+      "propCount": 104,
       "exampleCount": 8
     },
     {
@@ -540,6 +547,17 @@
       "propCount": 18,
       "exampleCount": 12
     },
+    {
+      "name": "CopyButton",
+      "kind": "component",
+      "category": "elements",
+      "purpose": "The `CopyButton` component renders a button that copies a piece of text to the clipboard, says \"Copied\" for a moment, and announces the result.",
+      "slug": "elements/copybutton",
+      "import": "import { CopyButton } from '@allxsmith/bestax-bulma';",
+      "compound": false,
+      "propCount": 23,
+      "exampleCount": 11
+    },
     {
       "name": "DataTable",
       "kind": "component",
@@ -1057,6 +1075,17 @@
       "propCount": 4,
       "exampleCount": 10
     },
+    {
+      "name": "PasswordInput",
+      "kind": "component",
+      "category": "form",
+      "purpose": "The `PasswordInput` component is a password field with a button inside it that shows what was typed.",
+      "slug": "form/passwordinput",
+      "import": "import { PasswordInput } from '@allxsmith/bestax-bulma';",
+      "compound": false,
+      "propCount": 29,
+      "exampleCount": 11
+    },
     {
       "name": "PinInput",
       "kind": "component",
@@ -1288,6 +1317,28 @@
       "propCount": 8,
       "exampleCount": 8
     },
+    {
+      "name": "Stat",
+      "kind": "component",
+      "category": "elements",
+      "purpose": "The `Stat` component shows a figure with its name, and often a change and a note, such as a dashboard's revenue or an account's storage used.",
+      "slug": "elements/stat",
+      "import": "import { Stat } from '@allxsmith/bestax-bulma';",
+      "compound": true,
+      "propCount": 31,
+      "exampleCount": 12
+    },
+    {
+      "name": "Stats",
+      "kind": "component",
+      "category": "elements",
+      "purpose": "The `Stats` component lays out a row of `Stat`s, such as the key figures at the top of a dashboard, as one description list on Bulma's smart grid.",
+      "slug": "elements/stats",
+      "import": "import { Stats, Stat } from '@allxsmith/bestax-bulma';",
+      "compound": true,
+      "propCount": 19,
+      "exampleCount": 5
+    },
     {
       "name": "Steps",
       "kind": "component",
@@ -1343,6 +1394,17 @@
       "propCount": 32,
       "exampleCount": 8
     },
+    {
+      "name": "TableOfContents",
+      "kind": "component",
+      "category": "components",
+      "purpose": "The `TableOfContents` component lists a long page's sections as links in Bulma's menu look, and marks the one being read.",
+      "slug": "components/tableofcontents",
+      "import": "import { TableOfContents, useScrollSpy } from '@allxsmith/bestax-bulma';",
+      "compound": false,
+      "propCount": 8,
+      "exampleCount": 5
+    },
     {
       "name": "Tabs",
       "kind": "component",
@@ -1475,6 +1537,17 @@
       "propCount": 14,
       "exampleCount": 11
     },
+    {
+      "name": "TreeSelect",
+      "kind": "component",
+      "category": "form",
+      "purpose": "The `TreeSelect` component is a form field whose options are a tree, such as categories, places or teams: it opens a panel holding a real `TreeView`, picks one…",
+      "slug": "form/treeselect",
+      "import": "import { TreeSelect } from '@allxsmith/bestax-bulma';",
+      "compound": false,
+      "propCount": 46,
+      "exampleCount": 13
+    },
     {
       "name": "TreeView",
       "kind": "component",
@@ -1530,6 +1603,17 @@
       "propCount": 0,
       "exampleCount": 46
     },
+    {
+      "name": "useClipboard",
+      "kind": "helper",
+      "category": "helpers",
+      "purpose": "useClipboard copies text to the clipboard through the Clipboard API, falling back to the copy command, and keeps a copied flag for a moment after.",
+      "slug": "helpers/useclipboard",
+      "import": "import { useClipboard } from '@allxsmith/bestax-bulma';",
+      "compound": false,
+      "propCount": 0,
+      "exampleCount": 2
+    },
     {
       "name": "useFocusTrap",
       "kind": "helper",
@@ -2143,6 +2227,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2153,6 +2238,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2163,6 +2249,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2173,6 +2260,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2183,6 +2271,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2193,6 +2282,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2203,6 +2293,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2213,6 +2304,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2223,6 +2315,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2233,6 +2326,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2243,6 +2337,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2253,6 +2348,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2263,6 +2359,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2273,6 +2370,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2283,6 +2381,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2293,6 +2392,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2303,6 +2403,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2313,6 +2414,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2323,6 +2425,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2333,6 +2436,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2343,6 +2447,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2353,6 +2458,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2363,6 +2469,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2373,6 +2480,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2383,6 +2491,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2393,6 +2502,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2403,6 +2513,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2413,6 +2524,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2423,6 +2535,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2433,6 +2546,7 @@
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
+      "PasswordInput",
       "Select",
       "TextArea",
       "TimeInput"
@@ -2687,61 +2801,74 @@
     "--bulma-panel-tab-border-bottom-style": ["Panel"],
     "--bulma-panel-tab-border-bottom-width": ["Panel"],
     "--bulma-panel-tabs-font-size": ["Panel"],
+    "--bulma-password-input-toggle-color": ["PasswordInput"],
+    "--bulma-password-input-toggle-disabled-opacity": ["PasswordInput"],
+    "--bulma-password-input-toggle-hover-color": ["PasswordInput"],
+    "--bulma-password-input-toggle-text-width": ["PasswordInput"],
+    "--bulma-password-input-toggle-width": ["PasswordInput"],
     "--bulma-picker-popover-animation-duration": [
       "ColorInput",
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
-      "TimeInput"
+      "TimeInput",
+      "TreeSelect"
     ],
     "--bulma-picker-popover-background": [
       "ColorInput",
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
-      "TimeInput"
+      "TimeInput",
+      "TreeSelect"
     ],
     "--bulma-picker-popover-border-color": [
       "ColorInput",
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
-      "TimeInput"
+      "TimeInput",
+      "TreeSelect"
     ],
     "--bulma-picker-popover-offset": [
       "ColorInput",
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
-      "TimeInput"
+      "TimeInput",
+      "TreeSelect"
     ],
     "--bulma-picker-popover-padding": [
       "ColorInput",
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
-      "TimeInput"
+      "TimeInput",
+      "TreeSelect"
     ],
     "--bulma-picker-popover-radius": [
       "ColorInput",
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
-      "TimeInput"
+      "TimeInput",
+      "TreeSelect"
     ],
     "--bulma-picker-popover-shadow": [
       "ColorInput",
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
-      "TimeInput"
+      "TimeInput",
+      "TreeSelect"
     ],
     "--bulma-picker-popover-z-index": [
       "ColorInput",
       "DateInput",
       "DateRangeInput",
       "DateTimeInput",
-      "TimeInput"
+      "TimeInput",
+      "TreeSelect"
     ],
     "--bulma-pin-input-box-width": ["PinInput"],
     "--bulma-pin-input-caret-blink-duration": ["PinInput"],
@@ -2914,6 +3041,17 @@
     "--bulma-splitter-line-size": ["Splitter"],
     "--bulma-stack-gap": ["Stack", "Group"],
     "--bulma-stack-horizontal-gap": ["Stack", "Group"],
+    "--bulma-stat-change-color": ["Stat"],
+    "--bulma-stat-change-gap": ["Stat"],
+    "--bulma-stat-change-size": ["Stat"],
+    "--bulma-stat-description-color": ["Stat"],
+    "--bulma-stat-description-size": ["Stat"],
+    "--bulma-stat-label-color": ["Stat"],
+    "--bulma-stat-label-size": ["Stat"],
+    "--bulma-stat-value-color": ["Stat"],
+    "--bulma-stat-value-line-height": ["Stat"],
+    "--bulma-stat-value-size": ["Stat"],
+    "--bulma-stat-value-weight": ["Stat"],
     "--bulma-steps-animation-duration": ["Steps"],
     "--bulma-steps-content-margin-top": ["Steps"],
     "--bulma-steps-default-color": ["Steps"],
@@ -2971,6 +3109,7 @@
     "--bulma-table-head-background-color": ["Table"],
     "--bulma-table-head-cell-border-width": ["Table"],
     "--bulma-table-head-cell-color": ["Table"],
+    "--bulma-table-of-contents-sticky-top": ["TableOfContents"],
     "--bulma-table-row-active-background-color": ["Table"],
     "--bulma-table-row-active-color": ["Table"],
     "--bulma-table-row-hover-background-color": ["Table"],
@@ -3096,6 +3235,17 @@
     "--bulma-tooltip-padding": ["Tooltip"],
     "--bulma-tooltip-radius": ["Tooltip"],
     "--bulma-tooltip-z-index": ["Tooltip"],
+    "--bulma-tree-select-chevron-color": ["TreeSelect"],
+    "--bulma-tree-select-chevron-focus-color": ["TreeSelect"],
+    "--bulma-tree-select-chevron-hover-color": ["TreeSelect"],
+    "--bulma-tree-select-chevron-width": ["TreeSelect"],
+    "--bulma-tree-select-chevron-z-index": ["TreeSelect"],
+    "--bulma-tree-select-clear-z-index": ["TreeSelect"],
+    "--bulma-tree-select-empty-color": ["TreeSelect"],
+    "--bulma-tree-select-empty-padding": ["TreeSelect"],
+    "--bulma-tree-select-panel-max-height": ["TreeSelect"],
+    "--bulma-tree-select-search-gap": ["TreeSelect"],
+    "--bulma-tree-select-tree-inset": ["TreeSelect"],
     "--bulma-tree-view-gap": ["TreeView"],
     "--bulma-tree-view-group-border": ["TreeView"],
     "--bulma-tree-view-group-margin": ["TreeView"],
@@ -3518,6 +3668,12 @@
       "path": "Panel.Tabs",
       "purpose": "Panel tabs (renders as `<p class=\"panel-tabs\">`)"
     },
+    "PasswordInputBase": {
+      "component": "PasswordInput",
+      "path": "PasswordInputBase",
+      "purpose": "The raw PasswordInput: a password field with a button inside it that shows what was typed, without Field/Control wrapping.",
+      "standalone": "base"
+    },
     "PopoverBody": {
       "component": "Popover",
       "path": "Popover.Body",
@@ -3549,6 +3705,26 @@
       "path": "Splitter.Pane",
       "purpose": "One pane of a Splitter, sized by the splitter around it."
     },
+    "StatChange": {
+      "component": "Stat",
+      "path": "Stat.Change",
+      "purpose": "A change written with its sign, such as \"+12%\", after an arrow that repeats the direction: a `<dd>`, green when it's up and red when it's down unless `color`…"
+    },
+    "StatDescription": {
+      "component": "Stat",
+      "path": "Stat.Description",
+      "purpose": "A note under the figure: a `<dd>`, small and in the weaker text color."
+    },
+    "StatLabel": {
+      "component": "Stat",
+      "path": "Stat.Label",
+      "purpose": "What the figure is: a `<dt>`, small and in the weaker text color."
+    },
+    "StatValue": {
+      "component": "Stat",
+      "path": "Stat.Value",
+      "purpose": "The figure: a `<dd>`, large, in the Stat's color, with digits of one width so a figure that updates doesn't shift."
+    },
     "Step": {
       "component": "Steps",
       "path": "Steps.Step",

package/data/components/Button.json

@@ -104,6 +104,7 @@
   "accessibility": "- **Labeling:** Always provide descriptive content for buttons for screen readers.\n- **Icons beside text:** Leave the `Icon` unnamed, so the text alone names the button. The icons in [With an Icon](https://bestax.io/docs/api/elements/button#with-an-icon) write out `aria-hidden=\"true\"`, and `Icon` would render it for them anyway, since they have no `ariaLabel`, `aria-label` or `aria-labelledby` to name them and no `role` or `tabIndex` of their own. A named icon joins the button's name instead, so `ariaLabel=\"Download\"` on the icon of a Download button makes a screen reader announce \"Download Download\".\n- **States:** The `isDisabled` and `disabled` props ensure correct `aria-disabled` and `disabled` attributes.\n- **Keyboard:** When rendered as `<a>`, disabled buttons are not focusable.\n- **Focus:** Use `isFocused` and `isActive` for visual feedback, but rely on browser focus for actual accessibility.\n- **Toggles:** `isActive` tells a screen reader nothing. A button that turns something on or off is a [`ToggleButton`](https://bestax.io/docs/api/elements/togglebutton), which sets `aria-pressed`.\n\n:::note\nA button that shows only an icon is an [`IconButton`](https://bestax.io/docs/api/elements/iconbutton), whose types require an\n`aria-label` or an `aria-labelledby`, and whose `isRounded` makes a circle. On a plain `Button` holding only\nan icon, name it with `aria-label` yourself.\n:::",
   "related": [
     "Buttons",
+    "CopyButton",
     "Icon",
     "IconButton",
     "ToggleButton",