bestax-mcp 0.0.0

package/data/components/Media.json

@@ -0,0 +1,345 @@
+{
+  "name": "Media",
+  "kind": "component",
+  "category": "layout",
+  "slug": "layout/media",
+  "docsUrl": "https://bestax.io/docs/api/layout/media",
+  "examples": [
+    {
+      "title": "Default Media",
+      "code": "<Media>\n  <Media.Left>\n    <Image\n      as=\"p\"\n      size=\"64x64\"\n      src=\"https://bulma.io/assets/images/placeholders/128x128.png\"\n      alt=\"\"\n    />\n  </Media.Left>\n  <Media.Content>\n    <Content>\n      <Paragraph>\n        <Strong>Alexander Hamilton</Strong> <small>@hamilton</small>{' '}\n        <small>31m</small>\n        <br />\n        If men were angels, no government would be necessary. If angels were to\n        govern men, neither external nor internal controls on government would\n        be necessary.\n      </Paragraph>\n    </Content>\n    <Level isMobile>\n      <Level.Left>\n        <Level.Item as=\"a\">\n          <Icon name=\"reply\" variant=\"solid\" size=\"small\" />\n        </Level.Item>\n        <Level.Item as=\"a\">\n          <Icon name=\"retweet\" variant=\"solid\" size=\"small\" />\n        </Level.Item>\n        <Level.Item as=\"a\">\n          <Icon name=\"heart\" variant=\"solid\" size=\"small\" />\n        </Level.Item>\n      </Level.Left>\n    </Level>\n  </Media.Content>\n  <Media.Right>\n    <Delete aria-label=\"delete\" />\n  </Media.Right>\n</Media>"
+    },
+    {
+      "title": "Media With Inputs",
+      "code": "<Media>\n  <Media.Left>\n    <Image\n      as=\"p\"\n      size=\"64x64\"\n      src=\"https://bulma.io/assets/images/placeholders/128x128.png\"\n      alt=\"\"\n    />\n  </Media.Left>\n  <Media.Content>\n    <Field>\n      <Control as=\"p\">\n        <TextArea placeholder=\"Add a comment...\" />\n      </Control>\n    </Field>\n    <Level>\n      <Level.Left>\n        <Level.Item>\n          <Button as=\"a\" color=\"info\">\n            Submit\n          </Button>\n        </Level.Item>\n      </Level.Left>\n      <Level.Right>\n        <Level.Item>\n          <Checkbox>Press enter to submit</Checkbox>\n        </Level.Item>\n      </Level.Right>\n    </Level>\n  </Media.Content>\n</Media>"
+    },
+    {
+      "title": "Nested Media",
+      "code": "<Media>\n  <Media.Left>\n    <Image\n      as=\"p\"\n      size=\"64x64\"\n      src=\"https://bulma.io/assets/images/placeholders/128x128.png\"\n      alt=\"\"\n    />\n  </Media.Left>\n  <Media.Content>\n    <Content>\n      <Paragraph>\n        <Strong>John Jay</Strong>\n        <br />\n        The people, in their collective capacity, are the ultimate authority.\n        The Union is essential to the security of the people of America against\n        foreign danger.\n        <br />\n        <small>\n          <a>Like</a> &middot; <a>Reply</a> &middot; 3 hrs\n        </small>\n      </Paragraph>\n    </Content>\n    {/* First nested media */}\n    <Media>\n      <Media.Left>\n        <Image\n          as=\"p\"\n          size=\"48x48\"\n          src=\"https://bulma.io/assets/images/placeholders/96x96.png\"\n          alt=\"\"\n        />\n      </Media.Left>\n      <Media.Content>\n        <Content>\n          <Paragraph>\n            <Strong>James Madison</Strong>\n            <br />\n            The accumulation of all powers, legislative, executive, and\n            judiciary, in the same hands, may justly be pronounced the very\n            definition of tyranny.\n            <br />\n            <small>\n              <a>Like</a> &middot; <a>Reply</a> &middot; 2 hrs\n            </small>\n          </Paragraph>\n        </Content>\n        {/* 2nd nested media (two siblings) */}\n        <Media>\n          Experience has taught mankind the necessity of auxiliary precautions.\n        </Media>\n        <Media>Ambition must be made to counteract ambition.</Media>\n      </Media.Content>\n    </Media>\n    {/* Second nested media */}\n    <Media>\n      <Media.Left>\n        <Image\n          as=\"p\"\n          size=\"48x48\"\n          src=\"https://bulma.io/assets/images/placeholders/96x96.png\"\n          alt=\"\"\n        />\n      </Media.Left>\n      <Media.Content>\n        <Content>\n          <Paragraph>\n            <Strong>Alexander Hamilton</Strong>\n            <br />\n            Safety from external danger is the most powerful director of\n            national conduct. The desire for respect and security will always\n            influence the policy of nations.\n            <br />\n            <small>\n              <a>Like</a> &middot; <a>Reply</a> &middot; 2 hrs\n            </small>\n          </Paragraph>\n        </Content>\n      </Media.Content>\n    </Media>\n  </Media.Content>\n</Media>"
+    },
+    {
+      "title": "Media With Button Below",
+      "code": "<Media>\n  <Media.Left>\n    <Image\n      as=\"p\"\n      size=\"64x64\"\n      src=\"https://bulma.io/assets/images/placeholders/128x128.png\"\n      alt=\"\"\n    />\n  </Media.Left>\n  <Media.Content>\n    <Field>\n      <Control as=\"p\">\n        <TextArea placeholder=\"Add a comment...\" />\n      </Control>\n    </Field>\n    <Field>\n      <Control as=\"p\">\n        <Button>Post comment</Button>\n      </Control>\n    </Field>\n  </Media.Content>\n</Media>"
+    },
+    {
+      "title": "Compound (dot-notation) usage",
+      "code": "<Media>\n  <Media.Left>\n    <Image\n      as=\"p\"\n      size=\"64x64\"\n      src=\"https://bulma.io/assets/images/placeholders/128x128.png\"\n      alt=\"\"\n    />\n  </Media.Left>\n  <Media.Content>\n    <Content>\n      <p>\n        <strong>John Smith</strong> <small>@johnsmith</small>\n        <br />\n        Composed entirely from the single Media import via dot notation.\n      </p>\n    </Content>\n  </Media.Content>\n  <Media.Right>\n    <Button as=\"a\" size=\"small\">\n      Reply\n    </Button>\n  </Media.Right>\n</Media>"
+    }
+  ],
+  "accessibility": "- The Media root renders as a semantic `<article>` by default. Use `as=\"div\"` for a generic container.\n- The left section is commonly used for avatars (as `<figure>`) and is screen-reader accessible.\n- Use clear and descriptive text in content and actions for best accessibility.\n\n:::note\nWhen using only icons or controls, provide `aria-label` or screen-reader-only content as appropriate.\n:::",
+  "related": [
+    "Button",
+    "Checkbox",
+    "Image",
+    "Level",
+    "TextArea",
+    "useBulmaClasses"
+  ],
+  "storybook": "https://bestax.io/storybook/?path=/story/layout-media--default",
+  "summary": "The `Media` component implements Bulma’s powerful media object layout for React.",
+  "import": "import { Media } from '@allxsmith/bestax-bulma';",
+  "sourceFile": "bulma-ui/src/layout/Media.tsx",
+  "rootClass": "media",
+  "parts": [
+    {
+      "path": "Media",
+      "summary": "The `Media` component implements Bulma’s powerful media object layout for React.",
+      "component": null,
+      "props": [
+        {
+          "name": "as",
+          "type": "'article' | 'div'",
+          "default": "'article'",
+          "description": "Element type for the root Media container.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "color",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Bulma color modifier.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "bgColor",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Bulma background color helper.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "textColor",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Bulma text color helper.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "default": null,
+          "description": "Additional CSS classes.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "default": null,
+          "description": "Content inside the media container.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        }
+      ],
+      "extraProps": [],
+      "catchAll": "All standard HTML attributes and Bulma helper props",
+      "types": []
+    },
+    {
+      "path": "Media.Left",
+      "summary": "For avatars, thumbnails, icons (renders as `figure` or `div`)",
+      "component": null,
+      "props": [
+        {
+          "name": "as",
+          "type": "'figure' | 'div'",
+          "default": "'figure'",
+          "description": "Element type to render.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "color",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Bulma color modifier.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "bgColor",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Background color.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "textColor",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Text color.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "default": null,
+          "description": "Additional CSS classes.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "default": null,
+          "description": "Content.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        }
+      ],
+      "extraProps": [],
+      "catchAll": "All standard HTML attributes and Bulma helper props",
+      "types": []
+    },
+    {
+      "path": "Media.Content",
+      "summary": "Main content (renders as `div`)",
+      "component": null,
+      "props": [
+        {
+          "name": "color",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Bulma color modifier.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "bgColor",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Background color.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "textColor",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Text color.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "default": null,
+          "description": "Additional CSS classes.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "default": null,
+          "description": "Content.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        }
+      ],
+      "extraProps": [],
+      "catchAll": "All standard <div> attributes and Bulma helper props",
+      "types": []
+    },
+    {
+      "path": "Media.Right",
+      "summary": "Actions or controls (renders as `div`)",
+      "component": null,
+      "props": [
+        {
+          "name": "color",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Bulma color modifier.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "bgColor",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Background color.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "textColor",
+          "type": "Bulma color | 'inherit' | 'current'",
+          "default": null,
+          "description": "Text color.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false,
+          "valuesRef": "helpers/valid-values"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "default": null,
+          "description": "Additional CSS classes.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "default": null,
+          "description": "Content.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        }
+      ],
+      "extraProps": [],
+      "catchAll": "All standard <div> attributes and Bulma helper props",
+      "types": []
+    }
+  ],
+  "cssVars": [
+    {
+      "css": "--bulma-media-border-color",
+      "sass": "$media-border-color",
+      "default": "hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-l), 0.5)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-media-border-size",
+      "sass": "$media-border-size",
+      "default": "1px",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-media-spacing",
+      "sass": "$media-spacing",
+      "default": "1rem",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-media-spacing-large",
+      "sass": "$media-spacing-large",
+      "default": "1.5rem",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-media-content-spacing",
+      "sass": "$media-content-spacing",
+      "default": "0.75rem",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-media-level-1-spacing",
+      "sass": "$media-level-1-spacing",
+      "default": "0.75rem",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-media-level-1-content-spacing",
+      "sass": "$media-level-1-content-spacing",
+      "default": "0.5rem",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-media-level-2-spacing",
+      "sass": "$media-level-2-spacing",
+      "default": "0.5rem",
+      "scope": "component"
+    }
+  ]
+}

package/data/components/Menu.json

@@ -0,0 +1,317 @@
+{
+  "name": "Menu",
+  "kind": "component",
+  "category": "components",
+  "slug": "components/menu",
+  "docsUrl": "https://bestax.io/docs/api/components/menu",
+  "examples": [
+    {
+      "title": "Basic Menu with Nested Lists",
+      "code": "<Menu style={{ maxWidth: 300 }}>\n  <Menu.Label>General</Menu.Label>\n  <Menu.List>\n    <Menu.Item>Dashboard</Menu.Item>\n    <Menu.Item>Customers</Menu.Item>\n  </Menu.List>\n  <Menu.Label>Administration</Menu.Label>\n  <Menu.List>\n    <Menu.Item>Team Settings</Menu.Item>\n    <Menu.Item active>\n      Manage Your Team\n      <Menu.List>\n        <Menu.Item>Members</Menu.Item>\n        <Menu.Item>Plugins</Menu.Item>\n        <Menu.Item>Add a member</Menu.Item>\n      </Menu.List>\n    </Menu.Item>\n    <Menu.Item>Invitations</Menu.Item>\n    <Menu.Item>Cloud Storage Environment Settings</Menu.Item>\n    <Menu.Item>Authentication</Menu.Item>\n  </Menu.List>\n  <Menu.Label>Transactions</Menu.Label>\n  <Menu.List>\n    <Menu.Item>Payments</Menu.Item>\n    <Menu.Item>Transfers</Menu.Item>\n    <Menu.Item>Balance</Menu.Item>\n  </Menu.List>\n</Menu>"
+    },
+    {
+      "title": "Custom Link Component",
+      "code": "// import { Link } from 'react-router-dom';\nfunction example() {\n  const Link = props => <a>{props.children}</a>;\n  return (\n    <Menu>\n      <Menu.Label>App</Menu.Label>\n      <Menu.List>\n        <Menu.Item as={Link} to=\"/dashboard\">\n          Dashboard\n        </Menu.Item>\n        <Menu.Item as={Link} to=\"/settings\">\n          Settings\n        </Menu.Item>\n      </Menu.List>\n    </Menu>\n  );\n}"
+    },
+    {
+      "title": "Active Menu Item",
+      "code": "<Menu>\n  <Menu.Label>Active Example</Menu.Label>\n  <Menu.List>\n    <Menu.Item>Overview</Menu.Item>\n    <Menu.Item active>Current Page</Menu.Item>\n    <Menu.Item>Other</Menu.Item>\n  </Menu.List>\n</Menu>"
+    },
+    {
+      "title": "Deeply Nested Menu",
+      "code": "<Menu>\n  <Menu.Label>Levels</Menu.Label>\n  <Menu.List>\n    <Menu.Item>\n      Level 1\n      <Menu.List>\n        <Menu.Item>\n          Level 2\n          <Menu.List>\n            <Menu.Item>Level 3</Menu.Item>\n          </Menu.List>\n        </Menu.Item>\n      </Menu.List>\n    </Menu.Item>\n  </Menu.List>\n</Menu>"
+    },
+    {
+      "title": "Compound (dot-notation) usage",
+      "code": "<Menu>\n  <Menu.Label>General</Menu.Label>\n  <Menu.List>\n    <Menu.Item active>Dashboard</Menu.Item>\n    <Menu.Item>Customers</Menu.Item>\n  </Menu.List>\n</Menu>"
+    }
+  ],
+  "accessibility": "- The root `Menu` renders as `<aside class=\"menu\">`.\n- Use semantic nesting (`Menu.List` inside `Menu.Item`) for submenus.\n- Ensure each item is focusable and accessible if interactive.\n\n:::note\nFor router integrations, pass the correct `as` and `to`/`href` props to `Menu.Item`.\n:::",
+  "related": ["Panel", "Sidebar", "useBulmaClasses"],
+  "storybook": "https://bestax.io/storybook/?path=/story/components-menu--basic",
+  "summary": "The `Menu` component provides Bulma's vertical navigation menu: a simple, accessible sidebar or section menu for your Bulma React UI.",
+  "import": "import { Menu } from '@allxsmith/bestax-bulma';",
+  "sourceFile": "bulma-ui/src/components/Menu.tsx",
+  "rootClass": "menu",
+  "parts": [
+    {
+      "path": "Menu",
+      "summary": "The `Menu` component provides Bulma's vertical navigation menu: a simple, accessible sidebar or section menu for your Bulma React UI.",
+      "component": null,
+      "props": [
+        {
+          "name": "className",
+          "type": "string",
+          "default": null,
+          "description": "Additional CSS classes.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "default": null,
+          "description": "Menu content (labels, lists, items, etc).",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        }
+      ],
+      "extraProps": [],
+      "catchAll": "All standard HTML attributes and Bulma helper props",
+      "types": []
+    },
+    {
+      "path": "Menu.Label",
+      "summary": "Bulma Menu label component.",
+      "component": null,
+      "props": [
+        {
+          "name": "className",
+          "type": "string",
+          "default": null,
+          "description": "Additional CSS classes.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "default": null,
+          "description": "Label content.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        }
+      ],
+      "extraProps": [],
+      "catchAll": "All standard <p> attributes and Bulma helper props",
+      "types": []
+    },
+    {
+      "path": "Menu.List",
+      "summary": "MenuList applies `menu-list` class only at the top level (not for nested lists).",
+      "component": null,
+      "props": [
+        {
+          "name": "className",
+          "type": "string",
+          "default": null,
+          "description": "Additional CSS classes.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "default": null,
+          "description": "List items.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        }
+      ],
+      "extraProps": [],
+      "catchAll": "All standard <ul> attributes and Bulma helper props",
+      "types": []
+    },
+    {
+      "path": "Menu.Item",
+      "summary": "MenuItem supports `as` prop for custom link components, e.g., react-router-dom Link.",
+      "component": null,
+      "props": [
+        {
+          "name": "className",
+          "type": "string",
+          "default": null,
+          "description": "Additional CSS classes.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "default": null,
+          "description": "Item content and optional nested MenuList.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "active",
+          "type": "boolean",
+          "default": "false",
+          "description": "Highlight item as active.",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "default": null,
+          "description": "Href for link items (if rendered as `<a>`).",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        },
+        {
+          "name": "as",
+          "type": "React.ElementType",
+          "default": "'a'",
+          "description": "Custom link component (e.g. `Link` from router).",
+          "required": false,
+          "inherited": false,
+          "deprecated": false
+        }
+      ],
+      "extraProps": [],
+      "catchAll": "All standard <li> attributes and Bulma helper props",
+      "types": []
+    }
+  ],
+  "cssVars": [
+    {
+      "css": "--bulma-menu-item-h",
+      "sass": "$menu-item-h",
+      "default": "var(--bulma-scheme-h)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-item-s",
+      "sass": "$menu-item-s",
+      "default": "var(--bulma-scheme-s)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-item-l",
+      "sass": "$menu-item-l",
+      "default": "var(--bulma-scheme-main-l)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-item-background-l",
+      "sass": "$menu-item-background-l",
+      "default": "var(--bulma-scheme-main-l)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-item-background-l-delta",
+      "sass": "$menu-item-background-l-delta",
+      "default": "0%",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-item-hover-background-l-delta",
+      "sass": "$menu-item-hover-background-l-delta",
+      "default": "var(--bulma-hover-background-l-delta)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-item-active-background-l-delta",
+      "sass": "$menu-item-active-background-l-delta",
+      "default": "var(--bulma-active-background-l-delta)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-item-color-l",
+      "sass": "$menu-item-color-l",
+      "default": "var(--bulma-text-l)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-item-radius",
+      "sass": "$menu-item-radius",
+      "default": "var(--bulma-radius-small)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-item-selected-h",
+      "sass": "$menu-item-selected-h",
+      "default": "var(--bulma-link-h)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-item-selected-s",
+      "sass": "$menu-item-selected-s",
+      "default": "var(--bulma-link-s)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-item-selected-l",
+      "sass": "$menu-item-selected-l",
+      "default": "var(--bulma-link-l)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-item-selected-background-l",
+      "sass": "$menu-item-selected-background-l",
+      "default": "var(--bulma-link-l)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-item-selected-color-l",
+      "sass": "$menu-item-selected-color-l",
+      "default": "var(--bulma-link-invert-l)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-list-border-left",
+      "sass": "$menu-list-border-left",
+      "default": "1px solid var(--bulma-border)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-list-line-height",
+      "sass": "$menu-list-line-height",
+      "default": "1.25",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-list-link-padding",
+      "sass": "$menu-list-link-padding",
+      "default": "0.5em 0.75em",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-nested-list-margin",
+      "sass": "$menu-nested-list-margin",
+      "default": "0.75em",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-nested-list-padding-left",
+      "sass": "$menu-nested-list-padding-left",
+      "default": "0.75em",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-label-color",
+      "sass": "$menu-label-color",
+      "default": "var(--bulma-text-weak)",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-label-font-size",
+      "sass": "$menu-label-font-size",
+      "default": "0.75em",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-label-letter-spacing",
+      "sass": "$menu-label-letter-spacing",
+      "default": "0.1em",
+      "scope": "component"
+    },
+    {
+      "css": "--bulma-menu-label-spacing",
+      "sass": "$menu-label-spacing",
+      "default": "1em",
+      "scope": "component"
+    }
+  ]
+}