bestax-mcp 0.0.0

package/data/components/Cell.json

@@ -0,0 +1,154 @@
+{
+  "name": "Cell",
+  "kind": "component",
+  "category": "grid",
+  "slug": "grid/cell",
+  "docsUrl": "https://bestax.io/docs/api/grid/cell",
+  "examples": [
+    {
+      "title": "Basic Usage",
+      "code": "<Grid>\n  <Cell>\n    <Notification color=\"primary\">Basic Cell</Notification>\n  </Cell>\n  <Cell>\n    <Notification color=\"info\">Another Cell</Notification>\n  </Cell>\n</Grid>"
+    },
+    {
+      "title": "Column Start",
+      "code": "<Grid isFixed fixedCols={4}>\n  <Cell>\n    <Notification>Cell 1</Notification>\n  </Cell>\n  <Cell colStart={3}>\n    <Notification color=\"primary\">Cell 2</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 3</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 4</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 5</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 6</Notification>\n  </Cell>\n</Grid>"
+    },
+    {
+      "title": "Column From End",
+      "code": "<Grid isFixed fixedCols={4}>\n  <Cell>\n    <Notification>Cell 1</Notification>\n  </Cell>\n  <Cell colFromEnd={2}>\n    <Notification color=\"primary\">Cell 2</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 3</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 4</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 5</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 6</Notification>\n  </Cell>\n</Grid>"
+    },
+    {
+      "title": "Column Span",
+      "code": "<Grid isFixed fixedCols={4}>\n  <Cell>\n    <Notification>Cell 1</Notification>\n  </Cell>\n  <Cell colSpan={2}>\n    <Notification color=\"primary\">Cell 2</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 3</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 4</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 5</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 6</Notification>\n  </Cell>\n</Grid>"
+    },
+    {
+      "title": "Row Start",
+      "code": "<Grid isFixed fixedCols={4}>\n  <Cell>\n    <Notification>Cell 1</Notification>\n  </Cell>\n  <Cell rowStart={3}>\n    <Notification color=\"primary\">Cell 2</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 3</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 4</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 5</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 6</Notification>\n  </Cell>\n</Grid>"
+    },
+    {
+      "title": "Row Span",
+      "code": "<Grid isFixed fixedCols={4}>\n  <Cell>\n    <Notification>Cell 1</Notification>\n  </Cell>\n  <Cell rowSpan={2}>\n    <Notification color=\"primary\" fullHeight>\n      Cell 2\n    </Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 3</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 4</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 5</Notification>\n  </Cell>\n  <Cell>\n    <Notification>Cell 6</Notification>\n  </Cell>\n</Grid>"
+    }
+  ],
+  "accessibility": null,
+  "related": [],
+  "storybook": null,
+  "summary": "The `Cell` component provides a single Bulma grid cell for use inside the [`Grid`](./grid.md) component.",
+  "import": "import { Cell } from '@allxsmith/bestax-bulma';",
+  "sourceFile": "bulma-ui/src/grid/Cell.tsx",
+  "rootClass": "cell",
+  "parts": [
+    {
+      "path": "Cell",
+      "summary": "The `Cell` component provides a single Bulma grid cell for use inside the [`Grid`](./grid.md) component.",
+      "component": null,
+      "props": [
+        {
+          "name": "colStart",
+          "type": "number",
+          "default": null,
+          "description": "Which column the cell starts at (Bulma: `is-col-start-x`).",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "colFromEnd",
+          "type": "number",
+          "default": null,
+          "description": "Which column the cell ends at, counting from the end (Bulma: `is-col-from-end-x`).",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "colSpan",
+          "type": "number",
+          "default": null,
+          "description": "How many columns the cell will span (Bulma: `is-col-span-x`).",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "rowStart",
+          "type": "number",
+          "default": null,
+          "description": "Which row the cell starts at (Bulma: `is-row-start-x`).",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "rowFromEnd",
+          "type": "number",
+          "default": null,
+          "description": "Which row the cell ends at, counting from the end (Bulma: `is-row-from-end-x`).",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "rowSpan",
+          "type": "number",
+          "default": null,
+          "description": "How many rows the cell will span (Bulma: `is-row-span-x`).",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "default": null,
+          "description": "Additional CSS class names.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "textColor",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Text color.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "color",
+          "type": "'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'",
+          "default": null,
+          "description": "Bulma color modifier for the cell.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "bgColor",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Background color.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "default": null,
+          "description": "Content to render inside the cell.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        }
+      ],
+      "extraProps": [],
+      "catchAll": "All standard <div> attributes and Bulma helper props",
+      "types": []
+    }
+  ],
+  "cssVars": []
+}

package/data/components/Checkbox.json

@@ -0,0 +1,176 @@
+{
+  "name": "Checkbox",
+  "kind": "component",
+  "category": "form",
+  "slug": "form/checkbox",
+  "docsUrl": "https://bestax.io/docs/api/form/checkbox",
+  "examples": [
+    {
+      "title": "Basic Checkbox",
+      "code": "<Checkbox> Stay Signed In </Checkbox>"
+    },
+    {
+      "title": "Checkbox With Link",
+      "code": "<Checkbox>\n  I have read and agree to the\n  <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">\n    terms and conditions\n  </a>\n  .\n</Checkbox>"
+    },
+    {
+      "title": "Disabled Checkbox",
+      "code": "<Checkbox disabled> Stay Signed In </Checkbox>"
+    },
+    {
+      "title": "Group/List of Checkboxes",
+      "code": "<Checkboxes>\n  <Checkbox> Make the bed </Checkbox>\n  <Checkbox> Brush teeth </Checkbox>\n  <Checkbox> Do homework </Checkbox>\n  <Checkbox> Feed the pet </Checkbox>\n  <Checkbox> Take out the trash </Checkbox>\n  <Checkbox> Clean your room </Checkbox>\n  <Checkbox> Set the table </Checkbox>\n  <Checkbox> Help with dishes </Checkbox>\n  <Checkbox> Water the plants </Checkbox>\n  <Checkbox> Put away toys </Checkbox>\n</Checkboxes>"
+    }
+  ],
+  "accessibility": "- Each `Checkbox` is rendered as a `<label>` wrapping an `<input type=\"checkbox\">` and the label text, for optimal accessibility.\n- The clickable area includes both box and label by default.",
+  "related": ["Checkboxes", "Field", "useBulmaClasses"],
+  "storybook": "https://bestax.io/storybook/?path=/story/form-checkbox--default",
+  "summary": "The `Checkbox` component provides a Bulma-styled checkbox input.",
+  "import": "import { Checkboxes, Checkbox } from '@allxsmith/bestax-bulma';",
+  "sourceFile": "bulma-ui/src/form/Checkbox.tsx",
+  "rootClass": "styled-checkbox",
+  "parts": [
+    {
+      "path": "Checkbox",
+      "summary": "The `Checkbox` component provides a Bulma-styled checkbox input.",
+      "component": null,
+      "props": [
+        {
+          "name": "color",
+          "type": "'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'",
+          "default": null,
+          "description": "Color of the checkbox.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "size",
+          "type": "'small' | 'normal' | 'medium' | 'large'",
+          "default": null,
+          "description": "Size of the checkbox.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "textColor",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Text color helper.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Whether the checkbox is disabled.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "default": null,
+          "description": "Additional CSS classes to apply.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "default": null,
+          "description": "The label/content for the checkbox.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "ref",
+          "type": "React.Ref<HTMLInputElement>",
+          "default": null,
+          "description": "Forwarded to the underlying element.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        }
+      ],
+      "extraProps": [],
+      "catchAll": "All standard <input> attributes and Bulma helper props",
+      "types": []
+    }
+  ],
+  "cssVars": [
+    {
+      "css": "--bulma-checkbox-size",
+      "sass": "$checkbox-size",
+      "default": "1.25em",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-checkbox-border-width",
+      "sass": "$checkbox-border-width",
+      "default": "2px",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-checkbox-radius",
+      "sass": "$checkbox-radius",
+      "default": "var(--bulma-radius-small)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-checkbox-border-color",
+      "sass": "$checkbox-border-color",
+      "default": "var(--bulma-border)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-checkbox-background",
+      "sass": "$checkbox-background",
+      "default": "transparent",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-checkbox-check-color",
+      "sass": "$checkbox-check-color",
+      "default": "var(--bulma-scheme-invert)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-checkbox-active-color",
+      "sass": "$checkbox-active-color",
+      "default": "var(--bulma-primary)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-checkbox-label-gap",
+      "sass": "$checkbox-label-gap",
+      "default": "0.5em",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-checkbox-focus-shadow-size",
+      "sass": "$checkbox-focus-shadow-size",
+      "default": "0 0 0 0.125em",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-checkbox-transition-duration",
+      "sass": "$checkbox-transition-duration",
+      "default": "var(--bulma-duration)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-checkbox-indeterminate-color",
+      "sass": "$checkbox-indeterminate-color",
+      "default": "var(--bulma-primary)",
+      "scope": "component"
+    }
+  ]
+}

package/data/components/Checkboxes.json

@@ -0,0 +1,240 @@
+{
+  "name": "Checkboxes",
+  "kind": "component",
+  "category": "form",
+  "slug": "form/checkboxes",
+  "docsUrl": "https://bestax.io/docs/api/form/checkboxes",
+  "examples": [
+    {
+      "title": "Grouped Checkboxes",
+      "code": "<Checkboxes>\n  <Checkbox> Make the bed </Checkbox>\n  <Checkbox> Brush teeth </Checkbox>\n  <Checkbox> Do homework </Checkbox>\n  <Checkbox> Feed the pet </Checkbox>\n  <Checkbox> Take out the trash </Checkbox>\n  <Checkbox> Clean your room </Checkbox>\n  <Checkbox> Set the table </Checkbox>\n  <Checkbox> Help with dishes </Checkbox>\n  <Checkbox> Water the plants </Checkbox>\n  <Checkbox> Put away toys </Checkbox>\n</Checkboxes>"
+    },
+    {
+      "title": "Context-Aware Rendering",
+      "code": "<Checkboxes label=\"Chores\">\n  <Checkbox> Make the bed </Checkbox>\n  <Checkbox> Brush teeth </Checkbox>\n  <Checkbox> Do homework </Checkbox>\n</Checkboxes>"
+    },
+    {
+      "title": "Context-Aware Rendering",
+      "code": "function example() {\n  return (\n    <Field horizontal label=\"Chores\">\n      <Field.Body>\n        <Field>\n          <Checkboxes>\n            <Checkbox> Make the bed </Checkbox>\n            <Checkbox> Brush teeth </Checkbox>\n            <Checkbox> Do homework </Checkbox>\n          </Checkboxes>\n        </Field>\n      </Field.Body>\n    </Field>\n  );\n}"
+    },
+    {
+      "title": "Context-Aware Rendering",
+      "code": "function example() {\n  return (\n    <Field horizontal label=\"Chores\">\n      <Field.Body>\n        <Field>\n          <Control>\n            <Checkboxes>\n              <Checkbox> Make the bed </Checkbox>\n              <Checkbox> Brush teeth </Checkbox>\n              <Checkbox> Do homework </Checkbox>\n            </Checkboxes>\n          </Control>\n        </Field>\n      </Field.Body>\n    </Field>\n  );\n}"
+    },
+    {
+      "title": "Compound (dot-notation) usage",
+      "code": "<Checkboxes name=\"frameworks\" label=\"Frameworks\">\n  <Checkboxes.Checkbox value=\"react\">React</Checkboxes.Checkbox>\n  <Checkboxes.Checkbox value=\"vue\">Vue</Checkboxes.Checkbox>\n</Checkboxes>"
+    }
+  ],
+  "accessibility": "- The group is rendered as a `<div class=\"checkboxes\" role=\"group\">` containing labeled checkboxes.\n- The `label` prop names the whole group: the rendered `<label>` gets an id (yours via `labelProps.id`, or a generated one) and the group points at it with `aria-labelledby`.\n- Each child should be a `Checkbox` for proper labeling and accessibility.",
+  "related": ["Checkbox", "Field"],
+  "storybook": "https://bestax.io/storybook/?path=/story/form-checkbox--listofcheckboxes",
+  "summary": "The `Checkboxes` component wraps multiple `Checkbox` components in a Bulma-styled group.",
+  "import": "import { Checkboxes, Checkbox } from '@allxsmith/bestax-bulma';",
+  "sourceFile": "bulma-ui/src/form/Checkboxes.tsx",
+  "rootClass": "checkboxes",
+  "parts": [
+    {
+      "path": "Checkboxes",
+      "summary": "The `Checkboxes` component wraps multiple `Checkbox` components in a Bulma-styled group.",
+      "component": null,
+      "props": [
+        {
+          "name": "label",
+          "type": "React.ReactNode",
+          "default": null,
+          "description": "Field label naming the whole group. Automatically associated via `aria-labelledby` on the `role=\"group\"` wrapper — uses your `labelProps.id` when provided, otherwise a generated one. Dropped inside an outer `Field` (label that `Field` yourself).",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "labelProps",
+          "type": "React.LabelHTMLAttributes<HTMLLabelElement> & { [key: string]: unknown; }",
+          "default": null,
+          "description": "Props for the label element. An explicit `id` here is used as the `aria-labelledby` target instead of a generated one; any `htmlFor` is ignored (a group label names the group, never a single control).",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "default": null,
+          "description": "Additional CSS classes to apply.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "default": null,
+          "description": "Form field name shared by every Checkbox in the group (via context).",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "value",
+          "type": "string[]",
+          "default": null,
+          "description": "Currently-selected values (controlled mode).",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "defaultValue",
+          "type": "string[]",
+          "default": null,
+          "description": "Initial selected values (uncontrolled mode).",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "onChange",
+          "type": "(values: string[]) => void",
+          "default": null,
+          "description": "Fires when the selection changes; receives the new array.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "default": null,
+          "description": "Checkbox elements to render in the group.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "labelSize",
+          "type": "'small' | 'normal' | 'medium' | 'large'",
+          "default": null,
+          "description": "Size for the label (used in horizontal layouts).",
+          "required": false,
+          "inherited": true,
+          "deprecated": false
+        },
+        {
+          "name": "horizontal",
+          "type": "boolean",
+          "default": "false",
+          "description": "Horizontal field layout.",
+          "required": false,
+          "inherited": true,
+          "deprecated": false
+        },
+        {
+          "name": "message",
+          "type": "React.ReactNode",
+          "default": null,
+          "description": "Help/validation message below the input.",
+          "required": false,
+          "inherited": true,
+          "deprecated": false
+        },
+        {
+          "name": "messageColor",
+          "type": "'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'",
+          "default": null,
+          "description": "Bulma color for the message.",
+          "required": false,
+          "inherited": true,
+          "deprecated": false
+        },
+        {
+          "name": "fieldClassName",
+          "type": "string",
+          "default": null,
+          "description": "Additional CSS classes for the Field wrapper.",
+          "required": false,
+          "inherited": true,
+          "deprecated": false
+        }
+      ],
+      "extraProps": [],
+      "catchAll": "Bulma helper props",
+      "types": []
+    },
+    {
+      "path": "Checkboxes.Checkbox",
+      "summary": "The `Checkbox` component provides a Bulma-styled checkbox input.",
+      "component": "Checkbox",
+      "props": [
+        {
+          "name": "color",
+          "type": "'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'",
+          "default": null,
+          "description": "Color of the checkbox.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "size",
+          "type": "'small' | 'normal' | 'medium' | 'large'",
+          "default": null,
+          "description": "Size of the checkbox.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "textColor",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Text color helper.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Whether the checkbox is disabled.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "default": null,
+          "description": "Additional CSS classes to apply.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "default": null,
+          "description": "The label/content for the checkbox.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "ref",
+          "type": "React.Ref<HTMLInputElement>",
+          "default": null,
+          "description": "Forwarded to the underlying element.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        }
+      ],
+      "extraProps": [],
+      "catchAll": "All standard <input> attributes and Bulma helper props",
+      "types": []
+    }
+  ],
+  "cssVars": []
+}