{
  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
  "version": 1.1,
  "tags": [
    {
      "name": "bp-accordion-content",
      "description": "Accordion Content\n---\n\n\n### **Slots:**\n - _default_ - slot for content\n\n### **CSS Properties:**\n - **--color** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--font-weight** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-accordion",
      "description": "The accordion component is used to display a large amount of content in a small space. The accordion should be used to group related content together.\n---\n\n\n### **Slots:**\n - _default_ - bp-accordion-panel\n\n### **CSS Properties:**\n - **--border-color** - undefined _(default: undefined)_\n- **--border-width** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "layer",
          "description": "Determines the visual layer style, with 'container' providing backgrounds and borders, while 'flat' removes them for nested contexts",
          "values": [{ "name": "flat" }, { "name": "container" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-accordion-header",
      "description": "Accordion Header\n---\n\n\n### **Slots:**\n - _default_ - slot for header content\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "pressed",
          "description": "turns the button into a toggle button",
          "values": []
        },
        {
          "name": "selected",
          "description": "indicate the current \"selected\" state of various widgets",
          "values": []
        },
        {
          "name": "expanded",
          "description": "indicate if a control is expanded or collapsed",
          "values": []
        },
        {
          "name": "readonly",
          "description": "makes the element not mutable, meaning the user can not interact with button",
          "values": []
        },
        {
          "name": "disabled",
          "description": "determines if element is mutable or focusable",
          "values": []
        },
        {
          "name": "type",
          "description": "default behavior of the button",
          "values": [{ "name": "button" }, { "name": "submit" }]
        },
        {
          "name": "name",
          "description": "represents the name of the current <form> element as a string.",
          "values": []
        },
        {
          "name": "value",
          "description": "determines the current value",
          "values": []
        },
        {
          "name": "popovertargetaction",
          "description": "The action to perform on the target popover element\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertargetaction",
          "values": [
            { "name": "toggle" },
            { "name": "show" },
            { "name": "hide" }
          ]
        },
        {
          "name": "popoverTargetElement",
          "description": "The target element for the popover\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "command",
          "description": "The command property of the HTMLButtonElement interface gets and sets the action to be performed on an element being controlled by this button. For this to have an effect, commandfor must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": []
        },
        {
          "name": "commandForElement",
          "description": "The commandForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "interestForElement",
          "description": "The interestForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#interest",
          "values": [{ "name": "HTMLElement" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-accordion-panel",
      "description": "Accordion Panel\n---\n\n\n### **Slots:**\n - _default_ - slot for header and content\n- **bp-accordion-header** - undefined\n- **bp-accordion-content** - undefined",
      "attributes": [
        {
          "name": "expanded",
          "description": "determine if element is expanded",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-alert",
      "description": "The alert component is used to inform users of important information or to provide feedback on an action they have taken.\n---\n\n\n### **Events:**\n - **** - close\n- **** - open\n\n### **Slots:**\n - _default_ - slot for content\n\n### **CSS Properties:**\n - **--icon-color** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "status",
          "description": "Defines the visual status type of the alert, affecting its color, icon, and semantic meaning",
          "values": [
            { "name": "accent" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" }
          ]
        },
        {
          "name": "closable",
          "description": "Controls whether the alert displays a close button, allowing users to dismiss it",
          "values": []
        },
        {
          "name": "hidden",
          "description": "Controls the visibility state of the alert, hiding it from view when set to true",
          "values": []
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for accessibility labels and screen reader announcements",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-alert-group",
      "description": "The alert group component is used to inform users of important information or to provide feedback on an action they have taken.\n---\n\n\n### **Slots:**\n - _default_ - slot for content\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "status",
          "description": "determine the visual status state",
          "values": [
            { "name": "accent" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" }
          ]
        },
        {
          "name": "type",
          "description": "determine the visual styles for top/pinned banners",
          "values": [{ "name": "banner" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-avatar",
      "description": "The avatar component is used to represent a user or entity with an image, icon, or initials\n---\n\n\n### **Slots:**\n - _default_ - Content to display - text for initials, img for image, or icon for custom icon\n\n### **CSS Properties:**\n - **--size** - Size of the avatar (default: var(--bp-size-900)) _(default: undefined)_\n- **--background** - Background color _(default: undefined)_\n- **--color** - Text/icon color _(default: undefined)_\n- **--border-radius** - Border radius (controlled by shape attribute) _(default: undefined)_\n\n### **CSS Parts:**\n - **internal** - The container wrapping the avatar content",
      "attributes": [
        {
          "name": "shape",
          "description": "determine the visual shape of the avatar",
          "values": [{ "name": "square" }, { "name": "rounded" }]
        },
        {
          "name": "status",
          "description": "optional status indicator color",
          "values": [
            { "name": "accent" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" }
          ]
        }
      ],
      "references": []
    },
    {
      "name": "bp-badge",
      "description": "The badge component is used to display a small amount of information, such as a count or status, in a compact and visually distinct way. It is often used to display notifications or unread messages.\n---\n\n\n### **Slots:**\n - _default_ - badge content\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--min-height** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "status",
          "description": "Defines the visual status type of the badge, affecting its color and semantic meaning",
          "values": [
            { "name": "accent" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" }
          ]
        }
      ],
      "references": []
    },
    {
      "name": "bp-breadcrumb",
      "description": "The breadcrumb component is used to show the user's current location, and provides an easy way to navigate back to previous sections.\n---\n\n\n### **Slots:**\n - _default_ - breadcrumb items\n- **separator** - separator\n\n### **CSS Properties:**\n - **--font-size** - undefined _(default: undefined)_\n- **--font-weight** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--gap** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **separator** - undefined",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-button-copy",
      "description": "The button copy component provides a simple way to copy text to the clipboard with visual feedback.\n---\n\n\n### **Events:**\n - **copy** - Fires when copy is initiated\n\n### **Slots:**\n - _default_ - Icon shown in default/rest state\n- **success** - content shown after successful copy\n- **error** - content shown after copy error\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_\n- **--outline** - undefined _(default: undefined)_\n- **--outline-offset** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_\n- **--text-align** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - undefined",
      "attributes": [
        {
          "name": "value",
          "description": "The text value to copy to clipboard",
          "values": []
        },
        {
          "name": "i18n",
          "description": "set default aria/i18n strings",
          "values": []
        },
        {
          "name": "shape",
          "description": "Defines the icon shape to display within the button",
          "values": []
        },
        {
          "name": "direction",
          "description": "Controls the directional orientation of the icon within the button",
          "values": [
            { "name": "up" },
            { "name": "down" },
            { "name": "left" },
            { "name": "right" }
          ]
        },
        {
          "name": "action",
          "description": "Controls the visual styling variant of the button, affecting background, border, and emphasis level",
          "values": [
            { "name": "primary" },
            { "name": "secondary" },
            { "name": "flat" },
            { "name": "inline" }
          ]
        },
        {
          "name": "status",
          "description": "Defines the visual status type of the button, affecting its color and semantic meaning",
          "values": [
            { "name": "accent" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" }
          ]
        },
        {
          "name": "pressed",
          "description": "turns the button into a toggle button",
          "values": []
        },
        {
          "name": "selected",
          "description": "indicate the current \"selected\" state of various widgets",
          "values": []
        },
        {
          "name": "expanded",
          "description": "indicate if a control is expanded or collapsed",
          "values": []
        },
        {
          "name": "readonly",
          "description": "makes the element not mutable, meaning the user can not interact with button",
          "values": []
        },
        {
          "name": "disabled",
          "description": "determines if element is mutable or focusable",
          "values": []
        },
        {
          "name": "type",
          "description": "default behavior of the button",
          "values": [{ "name": "button" }, { "name": "submit" }]
        },
        {
          "name": "name",
          "description": "represents the name of the current <form> element as a string.",
          "values": []
        },
        {
          "name": "popovertargetaction",
          "description": "The action to perform on the target popover element\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertargetaction",
          "values": [
            { "name": "toggle" },
            { "name": "show" },
            { "name": "hide" }
          ]
        },
        {
          "name": "popoverTargetElement",
          "description": "The target element for the popover\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "command",
          "description": "The command property of the HTMLButtonElement interface gets and sets the action to be performed on an element being controlled by this button. For this to have an effect, commandfor must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": []
        },
        {
          "name": "commandForElement",
          "description": "The commandForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "interestForElement",
          "description": "The interestForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#interest",
          "values": [{ "name": "HTMLElement" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-button-expand",
      "description": "The expand button component is used to reveal and hide additional content, such as a dropdown menu or a nested list.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **Slots:**\n - _default_ - slot for custom bp-icon\n\n### **CSS Properties:**\n - **--animation-duration** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "orientation",
          "description": "Controls the icon direction based on expand context, either vertical (down/right) or horizontal (left/right)",
          "values": [{ "name": "vertical" }, { "name": "horizontal" }]
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for accessibility labels and screen reader announcements",
          "values": [{ "name": "I18nStrings['actions']" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-button-group",
      "description": "The button group component is used to group together related buttons and present them as a single visual unit.\n---\n\n\n### **Slots:**\n - _default_ - button content",
      "attributes": [
        {
          "name": "action",
          "description": "Controls the visual styling variant applied to all buttons within the group",
          "values": [
            { "name": "primary" },
            { "name": "secondary" },
            { "name": "flat" }
          ]
        }
      ],
      "references": []
    },
    {
      "name": "bp-button-handle",
      "description": "The button handle component is used to act as a handle to drag and move an element, such as a slidebar or a modal window.\n---\n\n\n### **Slots:**\n - _default_ - slot for text content or bp-icon\n\n### **CSS Properties:**\n - **--cursoe** - undefined _(default: undefined)_\n- **--icon-width** - undefined _(default: undefined)_\n- **--icon-height** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "shape",
          "description": "Defines the icon shape used for the drag handle visual indicator",
          "values": []
        },
        {
          "name": "direction",
          "description": "Controls the directional orientation of the drag handle icon",
          "values": [
            { "name": "up" },
            { "name": "down" },
            { "name": "left" },
            { "name": "right" }
          ]
        },
        {
          "name": "pressed",
          "description": "turns the button into a toggle button",
          "values": []
        },
        {
          "name": "selected",
          "description": "indicate the current \"selected\" state of various widgets",
          "values": []
        },
        {
          "name": "expanded",
          "description": "indicate if a control is expanded or collapsed",
          "values": []
        },
        {
          "name": "readonly",
          "description": "makes the element not mutable, meaning the user can not interact with button",
          "values": []
        },
        {
          "name": "disabled",
          "description": "determines if element is mutable or focusable",
          "values": []
        },
        {
          "name": "type",
          "description": "default behavior of the button",
          "values": [{ "name": "button" }, { "name": "submit" }]
        },
        {
          "name": "name",
          "description": "represents the name of the current <form> element as a string.",
          "values": []
        },
        {
          "name": "value",
          "description": "determines the current value",
          "values": []
        },
        {
          "name": "popovertargetaction",
          "description": "The action to perform on the target popover element\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertargetaction",
          "values": [
            { "name": "toggle" },
            { "name": "show" },
            { "name": "hide" }
          ]
        },
        {
          "name": "popoverTargetElement",
          "description": "The target element for the popover\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "command",
          "description": "The command property of the HTMLButtonElement interface gets and sets the action to be performed on an element being controlled by this button. For this to have an effect, commandfor must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": []
        },
        {
          "name": "commandForElement",
          "description": "The commandForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "interestForElement",
          "description": "The interestForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#interest",
          "values": [{ "name": "HTMLElement" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-button-icon",
      "description": "The icon button component is used to provide a visual representation of an action.\n---\n\n\n### **Slots:**\n - _default_ - slot for text content or bp-icon\n\n### **CSS Properties:**\n - **--width** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--outline** - undefined _(default: undefined)_\n- **--outline-offset** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_\n- **--text-align** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - undefined",
      "attributes": [
        {
          "name": "shape",
          "description": "Defines the icon shape to display within the button",
          "values": []
        },
        {
          "name": "direction",
          "description": "Controls the directional orientation of the icon within the button",
          "values": [
            { "name": "up" },
            { "name": "down" },
            { "name": "left" },
            { "name": "right" }
          ]
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for accessibility labels and screen reader announcements",
          "values": []
        },
        {
          "name": "action",
          "description": "Controls the visual styling variant of the button, affecting background, border, and emphasis level",
          "values": [
            { "name": "primary" },
            { "name": "secondary" },
            { "name": "flat" },
            { "name": "inline" }
          ]
        },
        {
          "name": "status",
          "description": "Defines the visual status type of the button, affecting its color and semantic meaning",
          "values": [
            { "name": "accent" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" }
          ]
        },
        {
          "name": "pressed",
          "description": "turns the button into a toggle button",
          "values": []
        },
        {
          "name": "selected",
          "description": "indicate the current \"selected\" state of various widgets",
          "values": []
        },
        {
          "name": "expanded",
          "description": "indicate if a control is expanded or collapsed",
          "values": []
        },
        {
          "name": "readonly",
          "description": "makes the element not mutable, meaning the user can not interact with button",
          "values": []
        },
        {
          "name": "disabled",
          "description": "determines if element is mutable or focusable",
          "values": []
        },
        {
          "name": "type",
          "description": "default behavior of the button",
          "values": [{ "name": "button" }, { "name": "submit" }]
        },
        {
          "name": "name",
          "description": "represents the name of the current <form> element as a string.",
          "values": []
        },
        {
          "name": "value",
          "description": "determines the current value",
          "values": []
        },
        {
          "name": "popovertargetaction",
          "description": "The action to perform on the target popover element\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertargetaction",
          "values": [
            { "name": "toggle" },
            { "name": "show" },
            { "name": "hide" }
          ]
        },
        {
          "name": "popoverTargetElement",
          "description": "The target element for the popover\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "command",
          "description": "The command property of the HTMLButtonElement interface gets and sets the action to be performed on an element being controlled by this button. For this to have an effect, commandfor must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": []
        },
        {
          "name": "commandForElement",
          "description": "The commandForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "interestForElement",
          "description": "The interestForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#interest",
          "values": [{ "name": "HTMLElement" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-button-resize",
      "description": "The resize button component is used to act as a drag handle to resize an element. Key navigation is supported and the step value can be used to adjust the amount of change when using the arrow keys.\n---\n\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-button-sort",
      "description": "The sort button component is used to allow users to sort a list of items by a specific criteria. It is typically used in tables, lists, or other data focused components.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **CSS Properties:**\n - **--width** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--outline** - undefined _(default: undefined)_\n- **--outline-offset** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--gap** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "i18n",
          "description": "Provides internationalization strings for accessibility labels and screen reader announcements",
          "values": [{ "name": "I18nStrings['actions']" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-button",
      "description": "The button component should be used when the user needs to take an action. The text or icon used in the button should be clear and concise, communicating the action the button will take.\n---\n\n\n### **Slots:**\n - _default_ - button content\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_\n- **--text-align** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "action",
          "description": "Controls the visual styling variant of the button, affecting background, border, and emphasis level",
          "values": [
            { "name": "primary" },
            { "name": "secondary" },
            { "name": "flat" },
            { "name": "inline" }
          ]
        },
        {
          "name": "status",
          "description": "Defines the visual status type of the button, affecting its color and semantic meaning",
          "values": [
            { "name": "accent" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" }
          ]
        },
        {
          "name": "pressed",
          "description": "turns the button into a toggle button",
          "values": []
        },
        {
          "name": "selected",
          "description": "indicate the current \"selected\" state of various widgets",
          "values": []
        },
        {
          "name": "expanded",
          "description": "indicate if a control is expanded or collapsed",
          "values": []
        },
        {
          "name": "readonly",
          "description": "makes the element not mutable, meaning the user can not interact with button",
          "values": []
        },
        {
          "name": "disabled",
          "description": "determines if element is mutable or focusable",
          "values": []
        },
        {
          "name": "type",
          "description": "default behavior of the button",
          "values": [{ "name": "button" }, { "name": "submit" }]
        },
        {
          "name": "name",
          "description": "represents the name of the current <form> element as a string.",
          "values": []
        },
        {
          "name": "value",
          "description": "determines the current value",
          "values": []
        },
        {
          "name": "popovertargetaction",
          "description": "The action to perform on the target popover element\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertargetaction",
          "values": [
            { "name": "toggle" },
            { "name": "show" },
            { "name": "hide" }
          ]
        },
        {
          "name": "popoverTargetElement",
          "description": "The target element for the popover\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "command",
          "description": "The command property of the HTMLButtonElement interface gets and sets the action to be performed on an element being controlled by this button. For this to have an effect, commandfor must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": []
        },
        {
          "name": "commandForElement",
          "description": "The commandForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "interestForElement",
          "description": "The interestForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#interest",
          "values": [{ "name": "HTMLElement" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-card",
      "description": "The card component is used to group related content together in a visually organized way. The card should have a clear and consistent structure. The header should contain content that describes the content of the card.\n---\n\n\n### **Slots:**\n - _default_ - slot for card content\n- **header** - slot for card header\n- **footer** - slot for card footer\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-chat-message",
      "description": "The Chat message is a component designed to display chat messages in a conversational format. It improves readability and provides a visual context for conversations.\n---\n\n\n### **Slots:**\n - _default_ - content",
      "attributes": [
        {
          "name": "type",
          "description": "Defines the message type, determining alignment and styling for sent or received messages",
          "values": [{ "name": "sent" }, { "name": "received" }]
        },
        {
          "name": "color",
          "description": "Sets the base color variant for distinguishing different participants in multi-user chat groups",
          "values": [
            { "name": "blue" },
            { "name": "green" },
            { "name": "red" },
            { "name": "yellow" },
            { "name": "purple" }
          ]
        },
        {
          "name": "arrow",
          "description": "Controls the position of the speech bubble arrow relative to the message container",
          "values": [{ "name": "Position" }]
        },
        {
          "name": "progress",
          "description": "Controls whether to display a typing or progress spinner instead of message content",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-chat-group",
      "description": "```typescript\nimport '@blueprintui/components/include/chat.js';\n```\n\n```html\n<bp-chat-group>\n  <bp-chat-message type=\"sent\">How are you?</bp-chat-message>\n  <bp-chat-message type=\"received\">Great!</bp-chat-message>\n</bp-chat-group>\n```\n---\n\n\n### **Slots:**\n - _default_ - content",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-checkbox",
      "description": "Checkboxes are used to select one or more options from a list. They are not intended for lists where only one option can be selected. Each checkbox can be selected independently of the others.\n---\n\n\n### **Events:**\n - **change** - occurs when the value changes",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-color",
      "description": "The color input component is used to allow users to select a color from a predefined set of options or to input a specific color value.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **Slots:**\n - **prefix** - slot for prefix text or icons\n- **suffix** - slot for suffix text or icons\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--background-size** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--outline** - undefined _(default: undefined)_\n- **--outline-offset** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--transition** - undefined _(default: undefined)_\n- **--text-align** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "type",
          "description": "Defines the input type as color, enabling color picker functionality",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-date",
      "description": "The date input component is used to allow users to select a date from the native browser datepicker input type.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **Slots:**\n - **prefix** - slot for prefix text or icons\n- **suffix** - slot for suffic text or icons\n\n### **CSS Properties:**\n - **--background-size** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--outline** - undefined _(default: undefined)_\n- **--outline-offset** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--transition** - undefined _(default: undefined)_\n- **--text-align** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "type",
          "description": "Defines the input type as date, enabling native browser date picker functionality",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-dialog",
      "description": "The dialog component is used to display content in a overlay that appears on top of the current view. It is used to display information that requires the user's attention or interaction.\n---\n\n\n### **Events:**\n - **open** - dispatched when the dialog is opened\n- **close** - dispatched when the dialog is closed\n\n### **Slots:**\n - _default_ - slot for dialog content\n- **header** - slot for dialog header\n- **footer** - slot for dialog footer\n\n### **CSS Properties:**\n - **--padding** - undefined _(default: undefined)_\n- **--filter** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--min-height** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--animation-duration** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "size",
          "description": "Determines the visual size variant of the dialog, affecting width and content scaling",
          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
        },
        {
          "name": "position",
          "description": "Controls the position of the dialog relative to the viewport",
          "values": [{ "name": "Position" }]
        },
        {
          "name": "closable",
          "description": "Controls whether the dialog displays a close button, allowing users to dismiss it",
          "values": []
        },
        {
          "name": "modal",
          "description": "Controls whether the dialog is modal with a backdrop layer that prevents interaction with underlying content",
          "values": []
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for accessibility labels and screen reader announcements",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-divider",
      "description": "The divider component is used to visually separate content into distinct sections. It can be used to separate a group of related items or to indicate a change in content or context.\n---\n\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--size** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "orientation",
          "description": "Controls the layout direction of the divider, either horizontal or vertical",
          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-drawer",
      "description": "The drawer component is used to provide a hidden off-screen section that can be revealed by the user. It is commonly used to provide additional navigation or content that is not immediately necessary, but can be easily accessed when needed.\n---\n\n\n### **Events:**\n - **open** - dispatched when the drawer is opened\n- **close** - dispatched when the drawer is closed\n\n### **Slots:**\n - _default_ - slot for drawer content\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--overflow** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "closable",
          "description": "Controls whether the drawer displays a close button, allowing users to dismiss it",
          "values": []
        },
        {
          "name": "position",
          "description": "Controls the drawer position relative to the viewport, sliding in from the left or right edge",
          "values": [{ "name": "left" }, { "name": "right" }]
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for accessibility labels and screen reader announcements",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-dropdown",
      "description": "The dropdown are a is a generic popup component that can be positioned relative to an anchor element.\n---\n\n\n### **Events:**\n - **open** - dispatched when the dialog is opened\n- **close** - dispatched when the dialog is closed\n\n### **Slots:**\n - _default_ - content\n\n### **CSS Properties:**\n - **--padding** - undefined _(default: undefined)_\n- **--filter** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--min-height** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "position",
          "description": "Controls the position of the dropdown relative to its anchor element",
          "values": [{ "name": "Position" }]
        },
        {
          "name": "closable",
          "description": "Controls whether the dropdown displays a close button, allowing users to dismiss it",
          "values": []
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for accessibility labels and screen reader announcements",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-file",
      "description": "The file input component allows users to select and upload one or multiple files from their local device.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes",
      "attributes": [
        {
          "name": "i18n",
          "description": "Provides internationalization strings for accessibility labels and screen reader announcements",
          "values": []
        },
        {
          "name": "accept",
          "description": "Specifies the file types that the file input should accept, using MIME types or file extensions",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-format-bytes",
      "description": "The format-bytes component is used to display byte values in a human-readable format with automatic unit conversion (b, kb, mb, gb, tb, pb).\n---\n",
      "attributes": [
        {
          "name": "display",
          "description": "determines the base unit system: 'decimal' (1000-based) or 'binary' (1024-based)",
          "values": [{ "name": "decimal" }, { "name": "binary" }]
        },
        {
          "name": "unit",
          "description": "force a specific unit instead of auto-detection (b, kb, mb, gb, tb, pb)",
          "values": [
            { "name": "b" },
            { "name": "kb" },
            { "name": "mb" },
            { "name": "gb" },
            { "name": "tb" },
            { "name": "pb" }
          ]
        },
        {
          "name": "unit-display",
          "description": "determines how units are displayed: 'short' (kb), 'long' (kilobytes)",
          "values": [{ "name": "long" }, { "name": "short" }]
        },
        {
          "name": "locales",
          "description": "locales to use for number formatting",
          "values": [{ "name": "string[]" }]
        },
        {
          "name": "minimum-fraction-digits",
          "description": "minimum number of fraction digits to display",
          "values": []
        },
        {
          "name": "maximum-fraction-digits",
          "description": "maximum number of fraction digits to display",
          "values": []
        },
        {
          "name": "value",
          "description": "Defines the numeric byte value to be formatted and displayed",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-format-datetime",
      "description": "The format-datetime component is used to display a date and time in a human-readable format. The element API reflects the [Intl.DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat) API.\n---\n",
      "attributes": [
        {
          "name": "locale",
          "description": "Specifies the locale for date and time formatting",
          "values": []
        },
        {
          "name": "weekday",
          "description": "Controls the weekday representation in the formatted date",
          "values": [
            { "name": "long" },
            { "name": "short" },
            { "name": "narrow" }
          ]
        },
        {
          "name": "year",
          "description": "Controls the year representation in the formatted date",
          "values": [{ "name": "numeric" }, { "name": "2-digit" }]
        },
        {
          "name": "month",
          "description": "Controls the month representation in the formatted date",
          "values": [
            { "name": "numeric" },
            { "name": "2-digit" },
            { "name": "long" },
            { "name": "short" },
            { "name": "narrow" }
          ]
        },
        {
          "name": "day",
          "description": "Controls the day representation in the formatted date",
          "values": [{ "name": "numeric" }, { "name": "2-digit" }]
        },
        {
          "name": "hour",
          "description": "Controls the hour representation in the formatted time",
          "values": [{ "name": "numeric" }, { "name": "2-digit" }]
        },
        {
          "name": "minute",
          "description": "Controls the minute representation in the formatted time",
          "values": [{ "name": "numeric" }, { "name": "2-digit" }]
        },
        {
          "name": "second",
          "description": "Controls the second representation in the formatted time",
          "values": [{ "name": "numeric" }, { "name": "2-digit" }]
        },
        {
          "name": "date-style",
          "description": "Defines a preset formatting style for the date portion",
          "values": [
            { "name": "full" },
            { "name": "long" },
            { "name": "medium" },
            { "name": "short" }
          ]
        },
        {
          "name": "time-style",
          "description": "Defines a preset formatting style for the time portion",
          "values": [
            { "name": "full" },
            { "name": "long" },
            { "name": "medium" },
            { "name": "short" }
          ]
        },
        {
          "name": "time-zone-name",
          "description": "Controls how the time zone name is displayed in the formatted datetime",
          "values": [{ "name": "long" }, { "name": "short" }]
        },
        {
          "name": "time-zone",
          "description": "Specifies the time zone to use for formatting",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-format-number",
      "description": "The format-datetime component is used to display numbers in a human-readable format. The element reflects the [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) API.\n---\n",
      "attributes": [
        {
          "name": "format",
          "description": "Defines the number formatting style, such as currency, decimal, or percent",
          "values": [
            { "name": "currency" },
            { "name": "decimal" },
            { "name": "percent" }
          ]
        },
        {
          "name": "currency",
          "description": "Specifies the currency code to use for currency formatting",
          "values": []
        },
        {
          "name": "locales",
          "description": "Specifies the locales to use for number formatting",
          "values": [{ "name": "string[]" }]
        },
        {
          "name": "currency-sign",
          "description": "Controls how to display the currency sign in accounting or standard format",
          "values": [{ "name": "standard" }, { "name": "accounting" }]
        },
        {
          "name": "currency-display",
          "description": "Controls how the currency is displayed, as symbol, code, or name",
          "values": [
            { "name": "symbol" },
            { "name": "code" },
            { "name": "name" }
          ]
        },
        {
          "name": "compact-display",
          "description": "Controls how compact notation displays, using short or long forms",
          "values": [{ "name": "short" }, { "name": "long" }]
        },
        {
          "name": "unit-display",
          "description": "Controls how units are displayed in formatted numbers",
          "values": [
            { "name": "long" },
            { "name": "short" },
            { "name": "narrow" }
          ]
        },
        {
          "name": "notation",
          "description": "Defines the number notation style, such as standard, scientific, or compact",
          "values": [
            { "name": "standard" },
            { "name": "scientific" },
            { "name": "engineering" },
            { "name": "compact" }
          ]
        },
        {
          "name": "sign-display",
          "description": "Controls when to display the sign for positive and negative numbers",
          "values": [
            { "name": "" },
            { "name": "auto" },
            { "name": "never" },
            { "name": "always" },
            { "name": "exceptZero" }
          ]
        }
      ],
      "references": []
    },
    {
      "name": "bp-format-relative-time",
      "description": "The format-relative-time component displays relative time (e.g., \"2 hours ago\", \"in 3 days\") using the Intl.RelativeTimeFormat API.\n---\n",
      "attributes": [
        {
          "name": "numeric",
          "description": "determines how to format the time: 'auto' shows \"yesterday\" vs \"1 day ago\"",
          "values": [{ "name": "always" }, { "name": "auto" }]
        },
        {
          "name": "format-style",
          "description": "determines the formatting style: 'long', 'short', or 'narrow'",
          "values": [
            { "name": "long" },
            { "name": "short" },
            { "name": "narrow" }
          ]
        },
        {
          "name": "unit",
          "description": "the time unit to use, or 'auto' to automatically select the best unit",
          "values": [
            { "name": "second" },
            { "name": "minute" },
            { "name": "hour" },
            { "name": "day" },
            { "name": "week" },
            { "name": "month" },
            { "name": "year" },
            { "name": "auto" }
          ]
        },
        {
          "name": "sync",
          "description": "auto-update the displayed time at appropriate intervals",
          "values": []
        },
        {
          "name": "locale",
          "description": "locale to use for formatting",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-format-token",
      "description": "The format token component visualizes text tokenization for language models, displaying how text is split into tokens using various tokenization strategies like WordPiece, BPE, SentencePiece, and LLaMA.\n---\n\n\n### **Slots:**\n - _default_ - Provide text content to be tokenized\n\n### **CSS Properties:**\n - **--padding** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--font-family** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_\n- **--gap** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "format",
          "description": "Specifies the tokenization strategy used to split text into tokens for language model visualization",
          "values": [
            { "name": "" },
            { "name": "bpe" },
            { "name": "word-piece" },
            { "name": "sentence-piece" },
            { "name": "llama" },
            { "name": "character" },
            { "name": "whitespace" }
          ]
        }
      ],
      "references": []
    },
    {
      "name": "bp-field-message",
      "description": "Control Message\n\n```typescript\nimport '@blueprintui/components/include/forms.js';\n```\n\n```html\n<bp-field>\n  <label>Test</label>\n  <input type=\"text\" />\n  <bp-field-message>helper text</bp-field-message>\n</bp-field>\n```\n---\n\n\n### **Slots:**\n - _default_ - For projecting helper message text\n\n### **CSS Properties:**\n - **--color** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--font-weight** - undefined _(default: undefined)_\n- **--max-width** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "status",
          "description": "Set the status of field message validation",
          "values": [{ "name": "error" }, { "name": "success" }]
        },
        {
          "name": "error",
          "description": "HTML5 ValidityState https://developer.mozilla.org/en-US/docs/Web/API/ValidityState",
          "values": [{ "name": "keyof ValidityState" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-field",
      "description": "\n```typescript\nimport '@blueprintui/components/include/forms.js';\n```\n\n```html\n<bp-field>\n  <label>field</label>\n  <input type=\"text\" />\n</bp-field>\n```\n---\n\n\n### **Slots:**\n - _default_ - undefined\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_",
      "attributes": [
        { "name": "layout", "values": [{ "name": "ControlLayout" }] },
        { "name": "control-width", "values": [{ "name": "shrink" }] }
      ],
      "references": []
    },
    {
      "name": "bp-fieldset",
      "description": "Control Group\n\n```typescript\nimport '@blueprintui/components/include/forms.js';\n```\n\n```html\n<bp-fieldset>\n  <label>...</label>\n\n  <label></label>\n  <input ... />\n\n  <label></label>\n  <input ... />\n</bp-fieldset>\n```\n---\n\n\n### **Slots:**\n - _default_ - undefined",
      "attributes": [
        {
          "name": "layout",
          "description": "determine field layout",
          "values": [{ "name": "FormLayout" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-form-group",
      "description": "Form\n\n```typescript\nimport '@blueprintui/components/include/forms.js';\n```\n\n```html\n<bp-form-group layout=\"horizontal\">\n  <bp-input>\n    <label>Test</label>\n    <input type=\"text\" />\n  </bp-input>\n\n  <bp-input>\n    <label>Test</label>\n    <input type=\"text\" />\n  </bp-input>\n</bp-form-group>\n```\n---\n\n\n### **Slots:**\n - _default_ - For projecting input fields\n\n### **CSS Properties:**\n - **--label-width** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "layout",
          "description": "-inline | vertical | vertical-inline | compact}",
          "values": [{ "name": "horizontal" }, { "name": "horizontal" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-header",
      "description": "The header component is used to provide a consistent and recognizable top bar, typically containing a logo and main navigation.\n---\n\n\n### **Slots:**\n - _default_ - badge content\n\n### **CSS Properties:**\n - **--padding** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--gap** - undefined _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-header-item",
      "description": "@deprecated use \"bp-button\"\n\nHeader Item\n---\n\n\n### **Slots:**\n - _default_ - undefined",
      "attributes": [
        {
          "name": "pressed",
          "description": "turns the button into a toggle button",
          "values": []
        },
        {
          "name": "selected",
          "description": "indicate the current \"selected\" state of various widgets",
          "values": []
        },
        {
          "name": "expanded",
          "description": "indicate if a control is expanded or collapsed",
          "values": []
        },
        {
          "name": "readonly",
          "description": "makes the element not mutable, meaning the user can not interact with button",
          "values": []
        },
        {
          "name": "disabled",
          "description": "determines if element is mutable or focusable",
          "values": []
        },
        {
          "name": "type",
          "description": "default behavior of the button",
          "values": [{ "name": "button" }, { "name": "submit" }]
        },
        {
          "name": "name",
          "description": "represents the name of the current <form> element as a string.",
          "values": []
        },
        {
          "name": "value",
          "description": "determines the current value",
          "values": []
        },
        {
          "name": "popovertargetaction",
          "description": "The action to perform on the target popover element\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertargetaction",
          "values": [
            { "name": "toggle" },
            { "name": "show" },
            { "name": "hide" }
          ]
        },
        {
          "name": "popoverTargetElement",
          "description": "The target element for the popover\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "command",
          "description": "The command property of the HTMLButtonElement interface gets and sets the action to be performed on an element being controlled by this button. For this to have an effect, commandfor must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": []
        },
        {
          "name": "commandForElement",
          "description": "The commandForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "interestForElement",
          "description": "The interestForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#interest",
          "values": [{ "name": "HTMLElement" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-input",
      "description": "The text input component is used to allow users to input and edit text. The text input should have a clear, descriptive label that explains what the user should enter as well as a placeholder text that gives an example of the expected input format.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **Slots:**\n - **prefix** - slot for prefix text or icons\n- **suffix** - slot for suffix text or icons\n\n### **CSS Properties:**\n - **--background-size** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--outline** - undefined _(default: undefined)_\n- **--outline-offset** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--transition** - undefined _(default: undefined)_\n- **--text-align** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "type",
          "description": "Specifies the input type, affecting behavior and validation",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-menu",
      "description": "The menu component provides a hierarchical view of available options, allowing users to choose from a variety of actions. Each option should have clear, descriptive text that helps the user understand what the option does.\n---\n\n\n### **Slots:**\n - _default_ - content\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-menu-item",
      "description": "Menu Item\n---\n\n\n### **Slots:**\n - _default_ - content\n\n### **CSS Properties:**\n - **--bp-interaction-outline-offset** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--border-inline** - undefined _(default: undefined)_\n- **--border-inline-start** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "pressed",
          "description": "turns the button into a toggle button",
          "values": []
        },
        {
          "name": "selected",
          "description": "indicate the current \"selected\" state of various widgets",
          "values": []
        },
        {
          "name": "expanded",
          "description": "indicate if a control is expanded or collapsed",
          "values": []
        },
        {
          "name": "readonly",
          "description": "makes the element not mutable, meaning the user can not interact with button",
          "values": []
        },
        {
          "name": "disabled",
          "description": "determines if element is mutable or focusable",
          "values": []
        },
        {
          "name": "type",
          "description": "default behavior of the button",
          "values": [{ "name": "button" }, { "name": "submit" }]
        },
        {
          "name": "name",
          "description": "represents the name of the current <form> element as a string.",
          "values": []
        },
        {
          "name": "value",
          "description": "determines the current value",
          "values": []
        },
        {
          "name": "popovertargetaction",
          "description": "The action to perform on the target popover element\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertargetaction",
          "values": [
            { "name": "toggle" },
            { "name": "show" },
            { "name": "hide" }
          ]
        },
        {
          "name": "popoverTargetElement",
          "description": "The target element for the popover\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "command",
          "description": "The command property of the HTMLButtonElement interface gets and sets the action to be performed on an element being controlled by this button. For this to have an effect, commandfor must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": []
        },
        {
          "name": "commandForElement",
          "description": "The commandForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "interestForElement",
          "description": "The interestForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#interest",
          "values": [{ "name": "HTMLElement" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-month",
      "description": "The month input component is used to allow the user to select a month from a dropdown menu. It is used as a replacement for traditional text input when selecting a month.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **Slots:**\n - **prefix** - slot for prefix text or icons\n- **suffix** - slot for suffix text or icons\n\n### **CSS Properties:**\n - **--background-size** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--outline** - undefined _(default: undefined)_\n- **--outline-offset** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--transition** - undefined _(default: undefined)_\n- **--text-align** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "type",
          "description": "Specifies the input type as month for date selection",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-nav",
      "description": "The Navigation component that allows users to navigate between different sections or pages. The component should contain links to different sections or pages within the application.\n---\n\n\n### **Events:**\n - **open**\n- **close**\n\n### **Slots:**\n - _default_ - content\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--max-height** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "expanded",
          "description": "Controls whether the navigation is expanded, showing all items and content",
          "values": []
        },
        {
          "name": "expandable",
          "description": "Determines if the navigation can be expanded or collapsed by the user",
          "values": []
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for translated text content",
          "values": []
        },
        {
          "name": "interaction",
          "description": "Controls whether the component automatically manages expanded state based on user interactions",
          "values": [{ "name": "auto" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-nav-group",
      "description": "Button\n\n```typescript\nimport '@blueprintui/components/include/nav.js';\n```\n\n```html\n<bp-nav-group>submit</bp-nav-group>\n```\n---\n\n\n### **Events:**\n - **open** - when element is expanded\n- **close** - when element is collapsed\n\n### **Slots:**\n - _default_ - bp-nav-item elements",
      "attributes": [
        {
          "name": "expanded",
          "description": "determine if element is expanded",
          "values": []
        },
        {
          "name": "interaction",
          "description": "determine if element should auto manage expanded state",
          "values": [{ "name": "auto" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-nav-item",
      "description": "Nav Item\n---\n\n\n### **Slots:**\n - _default_ - content\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--border-left** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "pressed",
          "description": "turns the button into a toggle button",
          "values": []
        },
        {
          "name": "selected",
          "description": "indicate the current \"selected\" state of various widgets",
          "values": []
        },
        {
          "name": "expanded",
          "description": "indicate if a control is expanded or collapsed",
          "values": []
        },
        {
          "name": "readonly",
          "description": "makes the element not mutable, meaning the user can not interact with button",
          "values": []
        },
        {
          "name": "disabled",
          "description": "determines if element is mutable or focusable",
          "values": []
        },
        {
          "name": "type",
          "description": "default behavior of the button",
          "values": [{ "name": "button" }, { "name": "submit" }]
        },
        {
          "name": "name",
          "description": "represents the name of the current <form> element as a string.",
          "values": []
        },
        {
          "name": "value",
          "description": "determines the current value",
          "values": []
        },
        {
          "name": "popovertargetaction",
          "description": "The action to perform on the target popover element\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertargetaction",
          "values": [
            { "name": "toggle" },
            { "name": "show" },
            { "name": "hide" }
          ]
        },
        {
          "name": "popoverTargetElement",
          "description": "The target element for the popover\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "command",
          "description": "The command property of the HTMLButtonElement interface gets and sets the action to be performed on an element being controlled by this button. For this to have an effect, commandfor must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": []
        },
        {
          "name": "commandForElement",
          "description": "The commandForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "interestForElement",
          "description": "The interestForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#interest",
          "values": [{ "name": "HTMLElement" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-number-stepper",
      "description": "A number input with explicit increment/decrement buttons in a horizontal minus-input-plus layout\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes (real-time, during typing)\n- **change** - occurs when value is committed (blur, enter, or button click)\n\n### **Methods:**\n - **stepUp(number)** - Increments the value by the step amount\n- **stepDown(number)** - Decrements the value by the step amount\n\n### **CSS Properties:**\n - **--background** - Background color of input field _(default: undefined)_\n- **--color** - Text color _(default: undefined)_\n- **--border** - Border style _(default: undefined)_\n- **--border-radius** - Border radius _(default: undefined)_\n- **--outline** - Outline style (focus state) _(default: undefined)_\n- **--outline-offset** - Outline offset _(default: undefined)_\n- **--padding** - Input field padding _(default: undefined)_\n- **--font-size** - Font size _(default: undefined)_\n- **--height** - Component height _(default: undefined)_\n- **--width** - Component width _(default: undefined)_\n- **--min-width** - Minimum width _(default: undefined)_\n- **--gap** - Gap between elements _(default: undefined)_\n- **--text-align** - Text alignment in input field _(default: undefined)_",
      "attributes": [
        {
          "name": "continuous",
          "description": "enable hold-to-repeat on stepper buttons",
          "values": []
        },
        {
          "name": "continuous-delay",
          "description": "delay in ms before continuous stepping starts",
          "values": []
        },
        {
          "name": "continuous-interval",
          "description": "interval in ms for continuous stepping",
          "values": []
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for accessibility labels and screen reader announcements",
          "values": [{ "name": "I18nStrings['actions']" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-number",
      "description": "The number input component is used to allow users to input numeric values with optional min, max, and step constraints.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **Methods:**\n - **stepUp(number: _number_)** - Increments the value by the step amount\n- **stepDown(number: _number_)** - Decrements the value by the step amount\n\n### **Slots:**\n - **prefix** - slot for prefix text or icons (e.g., currency symbols)\n- **suffix** - slot for suffix text or icons (e.g., units)\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--outline** - undefined _(default: undefined)_\n- **--outline-offset** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--transition** - undefined _(default: undefined)_\n- **--text-align** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_\n- **--background-size** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "type",
          "description": "Specifies the input type as number for numeric input behavior",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-page",
      "description": "The page component is for page level layout.\n---\n\n\n### **Slots:**\n - _default_ - slot for content\n- **header** - slot for header\n- **subheader** - slot for subheader\n- **aside-start** - slot for aside start\n- **aside-end** - slot for aside end\n- **subfooter** - slot for subfooter\n- **footer** - slot for footer",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-pagination",
      "description": "The Pagination component is used to navigate through a large number of pages. It allows users to easily switch between pages by clicking on page numbers or navigating to the first, previous, next, or last page.\n---\n\n\n### **Slots:**\n - _default_ - undefined\n- **first** - undefined\n- **next** - undefined\n- **prev** - undefined\n- **last** - undefined\n\n### **CSS Properties:**\n - **--gap** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "i18n",
          "description": "set default aria/i18n strings",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-pagination-input",
      "description": "Grid Pagination\n\n```typescript\nimport '@blueprintui/components/include/pagination.js';\n```\n\n```html\n<form>\n  <bp-pagination-input name=\"pagination\" value=\"1\" max=\"500\" size=\"10\" size-options=\"[10, 50, 100]\"></bp-pagination-input>\n</form>\n```\n---\n\n\n### **Events:**\n - **input**\n- **change**",
      "attributes": [
        { "name": "size-options", "values": [{ "name": "number[]" }] },
        {
          "name": "i18n",
          "description": "set default aria/i18n strings",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-panel",
      "description": "The panel component is used to display secondary information, commonly navigation or actions.\n---\n\n\n### **Events:**\n - **** - close\n- **** - open\n\n### **Slots:**\n - _default_ - content\n- **header** - undefined\n- **footer** - undefined\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "size",
          "description": "Determines the size variant of the panel for different visual hierarchies",
          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
        },
        {
          "name": "closable",
          "description": "Determines whether a close button is displayed for dismissing the panel",
          "values": []
        },
        {
          "name": "hidden",
          "description": "Controls the visibility state of the panel",
          "values": []
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for translated text content",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-password",
      "description": "The password input component is used to accept password input from users. It is a text input field with a toggle button to show or hide the password.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **Slots:**\n - **prefix** - slot for prefix text or icons\n- **suffix** - slot for suffic text or icons\n\n### **CSS Properties:**\n - **--background-size** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--outline** - undefined _(default: undefined)_\n- **--outline-offset** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--transition** - undefined _(default: undefined)_\n- **--text-align** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "type",
          "description": "Specifies the input type as password for secure text entry",
          "values": []
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for translated text content",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-pin",
      "description": "PIN input component for entering verification codes and PINs with auto-advance and paste support\n---\n\n\n### **Events:**\n - **complete** - fires when all fields are filled\n- **input** - occurs when any field value changes\n- **change** - occurs when the complete value changes\n\n### **CSS Properties:**\n - **--gap** - space between input fields _(default: undefined)_\n- **--width** - width of each input field _(default: undefined)_\n- **--height** - height of each input field _(default: undefined)_\n- **--font-size** - font size for input text _(default: undefined)_\n- **--border** - border styling _(default: undefined)_\n- **--border-radius** - corner rounding _(default: undefined)_\n- **--background** - background color _(default: undefined)_\n- **--color** - text color _(default: undefined)_",
      "attributes": [
        {
          "name": "length",
          "description": "Number of input fields (typically 4-8)",
          "values": []
        },
        {
          "name": "type",
          "description": "Input type for each field",
          "values": [{ "name": "text" }, { "name": "number" }]
        },
        {
          "name": "mask",
          "description": "Obscure input like password fields",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-progress-bar",
      "description": "The progress bar component displays the progress of a task, usually on a scale from 0 to 100%. It can be used to show the progress of a download, upload, form completion, or any other process that can be represented as a percentage.\n---\n\n\n### **CSS Properties:**\n - **--color** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "i18n",
          "description": "Provides internationalization strings for translated text content",
          "values": []
        },
        {
          "name": "min",
          "description": "Defines the minimum value in the range of permitted values for the progress bar",
          "values": []
        },
        {
          "name": "max",
          "description": "Defines the maximum value in the range of permitted values for the progress bar",
          "values": []
        },
        {
          "name": "value",
          "description": "Defines the current progress value, or null/undefined for indeterminate state",
          "values": []
        },
        {
          "name": "status",
          "description": "Defines the visual status type affecting color and semantic meaning",
          "values": [
            { "name": "accent" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" }
          ]
        }
      ],
      "references": []
    },
    {
      "name": "bp-progress-circle",
      "description": "The progress circle component displays a visual representation of progress in the form of a circle. It is useful for showing the progress of a task in a compact, easy-to-understand manner.\n---\n\n\n### **CSS Properties:**\n - **--ring-opacity** - undefined _(default: undefined)_\n- **--ring-color** - undefined _(default: undefined)_\n- **--fill-color** - undefined _(default: undefined)_\n- **--fill-speed** - undefined _(default: undefined)_\n- **--size** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "i18n",
          "description": "Provides internationalization strings for translated text content",
          "values": []
        },
        {
          "name": "status",
          "description": "Defines the visual status type affecting color and semantic meaning",
          "values": [
            { "name": "accent" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" }
          ]
        },
        {
          "name": "value",
          "description": "Defines the current progress value from 0 to 100",
          "values": []
        },
        {
          "name": "line",
          "description": "Controls the stroke width of the progress circle ring",
          "values": []
        },
        {
          "name": "size",
          "description": "Determines the size variant of the component for different visual hierarchies",
          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-progress-dot",
      "description": "The Progress dot component is designed to indicate that a process is ongoing. It gives users feedback that the system is processing the task and that they need to wait.\n---\n\n\n### **CSS Properties:**\n - **--color** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--animation-duration** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "size",
          "description": "Determines the size variant of the component for different visual hierarchies",
          "values": [{ "name": "sm" }, { "name": "lg" }]
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for translated text content",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-radio",
      "description": "Use the radio input component when you want the user to select a single option from a list of mutually exclusive options.\n---\n\n\n### **Events:**\n - **change** - occurs when the value changes",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-range",
      "description": "The range input component is used to allow the user to select a value within a specified range of values.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **Slots:**\n - **prefix** - slot for prefix text or icons\n- **suffix** - slot for suffix text or icons\n- _default_ - slot for range input\n\n### **CSS Properties:**\n - **--accent-color** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-rating",
      "description": "The rating input component is used to allow the user to select a rating value within a specified range of values.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--selected-background** - undefined _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-search",
      "description": "The Search component is used for searching for specific content within an application.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **Slots:**\n - **prefix** - slot for prefix text or icons\n- **suffix** - slot for suffic text or icons\n\n### **CSS Properties:**\n - **--background-size** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--outline** - undefined _(default: undefined)_\n- **--outline-offset** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--transition** - undefined _(default: undefined)_\n- **--text-align** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "type",
          "description": "Specifies the input type as search for optimized search behavior",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-select",
      "description": "The select input component allows users to select an option from a dropdown list of options. The options are displayed when the user clicks on the select input.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **Slots:**\n - _default_ - For projecting select and label\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--outline** - undefined _(default: undefined)_\n- **--outline-offset** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-option",
      "description": "Option element for use within bp-select.\n---\n",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-skeleton",
      "description": "Skeleton provides a placeholder representation of content before it loads\n---\n\n\n### **CSS Properties:**\n - **--width** - Width of the skeleton (default: 100%) _(default: undefined)_\n- **--height** - Height of the skeleton (default: 1rem) _(default: undefined)_\n- **--background** - Background color of the skeleton _(default: undefined)_\n- **--border-radius** - Border radius (controlled by shape attribute) _(default: undefined)_",
      "attributes": [
        {
          "name": "effect",
          "description": "Animation effect applied to the skeleton",
          "values": [{ "name": "pulse" }, { "name": "sheen" }]
        },
        {
          "name": "shape",
          "description": "Shape of the skeleton",
          "values": [{ "name": "circle" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-stepper",
      "description": "Stepper components guide users through a multi-step process, breaking it down into manageable parts. This increases understanding, reduces cognitive load, and enhances the overall user experience.\n---\n\n\n### **Slots:**\n - _default_ - stepper items\n\n### **CSS Properties:**\n - **--font-size** - undefined _(default: undefined)_\n- **--font-weight** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--gap** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "layout",
          "description": "Controls the layout direction of the stepper, either horizontal or vertical",
          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-stepper-item",
      "description": "\n---\n\n\n### **Slots:**\n - _default_ - item content\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_\n- **--border-width** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--status-color** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - undefined\n- **badge** - undefined",
      "attributes": [
        {
          "name": "status",
          "description": "determine the visual status state",
          "values": [
            { "name": "accent" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" }
          ]
        },
        {
          "name": "selected",
          "description": "selected visual state",
          "values": []
        },
        {
          "name": "disabled",
          "description": "determines if element is mutable or focusable",
          "values": []
        },
        {
          "name": "readonly",
          "description": "makes the element not mutable, meaning the user can not interact with button",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-switch",
      "description": "Use the switch input component for boolean-like options, such as enabling/disabling notifications, or for settings that can be toggled between two states.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--anchor-background** - undefined _(default: undefined)_\n- **--anchor-border-radius** - undefined _(default: undefined)_\n- **--anchor-width** - undefined _(default: undefined)_\n- **--anchor-height** - undefined _(default: undefined)_\n- **--toggle-speed** - undefined _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-tabs",
      "description": "The tabs component is used to display a group of related content in a tabbed interface. The tabs component consists of a collection of tabs, where each tab represents a different piece of content.\n---\n\n\n### **Slots:**\n - _default_ - undefined\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "layout",
          "description": "Controls the layout direction of the tabs, either horizontal or vertical",
          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-tab-list",
      "description": "```typescript\nimport '@blueprintui/components/include/tabs.js';\n```\n\n```html\n<bp-tab-list></bp-tab-list>\n```\n---\n\n\n### **Slots:**\n - _default_ - undefined\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-tab-panel",
      "description": "```typescript\nimport '@blueprintui/components/include/tabs.js';\n```\n\n```html\n<bp-tab-panel></bp-tab-panel>\n```\n---\n\n\n### **Slots:**\n - _default_ - undefined\n\n### **CSS Properties:**\n - **--padding** - undefined _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-tab",
      "description": "```typescript\nimport '@blueprintui/components/include/tabs.js';\n```\n\n```html\n<bp-tab></bp-tab>\n```\n---\n\n\n### **Slots:**\n - _default_ - undefined\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "selected",
          "description": "selected visual state",
          "values": []
        },
        {
          "name": "pressed",
          "description": "turns the button into a toggle button",
          "values": []
        },
        {
          "name": "expanded",
          "description": "indicate if a control is expanded or collapsed",
          "values": []
        },
        {
          "name": "readonly",
          "description": "makes the element not mutable, meaning the user can not interact with button",
          "values": []
        },
        {
          "name": "disabled",
          "description": "determines if element is mutable or focusable",
          "values": []
        },
        {
          "name": "type",
          "description": "default behavior of the button",
          "values": [{ "name": "button" }, { "name": "submit" }]
        },
        {
          "name": "name",
          "description": "represents the name of the current <form> element as a string.",
          "values": []
        },
        {
          "name": "value",
          "description": "determines the current value",
          "values": []
        },
        {
          "name": "popovertargetaction",
          "description": "The action to perform on the target popover element\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertargetaction",
          "values": [
            { "name": "toggle" },
            { "name": "show" },
            { "name": "hide" }
          ]
        },
        {
          "name": "popoverTargetElement",
          "description": "The target element for the popover\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "command",
          "description": "The command property of the HTMLButtonElement interface gets and sets the action to be performed on an element being controlled by this button. For this to have an effect, commandfor must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": []
        },
        {
          "name": "commandForElement",
          "description": "The commandForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "interestForElement",
          "description": "The interestForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#interest",
          "values": [{ "name": "HTMLElement" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-tag",
      "description": "The tag component is used to display labels or categories of information. It can be used to group and categorize similar items, or to label content with a certain type or status.\n---\n\n\n### **Slots:**\n - _default_ - badge content\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "status",
          "description": "Defines the visual status type affecting color and semantic meaning",
          "values": [
            { "name": "accent" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" }
          ]
        },
        {
          "name": "pressed",
          "description": "turns the button into a toggle button",
          "values": []
        },
        {
          "name": "selected",
          "description": "indicate the current \"selected\" state of various widgets",
          "values": []
        },
        {
          "name": "expanded",
          "description": "indicate if a control is expanded or collapsed",
          "values": []
        },
        {
          "name": "readonly",
          "description": "makes the element not mutable, meaning the user can not interact with button",
          "values": []
        },
        {
          "name": "disabled",
          "description": "determines if element is mutable or focusable",
          "values": []
        },
        {
          "name": "type",
          "description": "default behavior of the button",
          "values": [{ "name": "button" }, { "name": "submit" }]
        },
        {
          "name": "name",
          "description": "represents the name of the current <form> element as a string.",
          "values": []
        },
        {
          "name": "value",
          "description": "determines the current value",
          "values": []
        },
        {
          "name": "popovertargetaction",
          "description": "The action to perform on the target popover element\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertargetaction",
          "values": [
            { "name": "toggle" },
            { "name": "show" },
            { "name": "hide" }
          ]
        },
        {
          "name": "popoverTargetElement",
          "description": "The target element for the popover\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "command",
          "description": "The command property of the HTMLButtonElement interface gets and sets the action to be performed on an element being controlled by this button. For this to have an effect, commandfor must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": []
        },
        {
          "name": "commandForElement",
          "description": "The commandForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command",
          "values": [{ "name": "HTMLElement" }]
        },
        {
          "name": "interestForElement",
          "description": "The interestForElement property of the HTMLButtonElement interface gets and sets the id of the element being controlled by this button. For this to have an effect, command must be set.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#interest",
          "values": [{ "name": "HTMLElement" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-telephone",
      "description": "The telephone input component allows users to input and edit telephone numbers. Uses native `<input type=\"tel\">` internally for proper mobile keyboard support and native validation.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **Slots:**\n - **prefix** - slot for prefix text or icons\n- **suffix** - slot for suffix text or icons\n\n### **CSS Properties:**\n - **--background-size** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--outline** - undefined _(default: undefined)_\n- **--outline-offset** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--transition** - undefined _(default: undefined)_\n- **--text-align** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "type",
          "description": "Specifies the input type, affecting behavior and validation",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-textarea",
      "description": "The textarea component is used to capture multi-line text input from the user.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--min-height** - undefined _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "bp-time",
      "description": "The time input component is used to collect a specific time value from the user. It can be used as a standalone component or as part of a form.\n---\n\n\n### **Events:**\n - **input** - occurs when the value changes\n- **change** - occurs when the value changes\n\n### **Slots:**\n - **prefix** - slot for prefix text or icons\n- **suffix** - slot for suffic text or icons\n- _default_ - slot for time input\n\n### **CSS Properties:**\n - **--background-size** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--border** - undefined _(default: undefined)_\n- **--border-radius** - undefined _(default: undefined)_\n- **--outline** - undefined _(default: undefined)_\n- **--outline-offset** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_\n- **--line-height** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--transition** - undefined _(default: undefined)_\n- **--text-align** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "type",
          "description": "Specifies the input type as time for time selection",
          "values": []
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for translated text content",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-toast",
      "description": "A Toast component is a notification that appears on the screen for a short period of time and provides feedback about an action performed by the user. A Toast should be used for short, non-interruptive notifications that are meant to supplement the current screen.\n---\n\n\n### **Events:**\n - **open** - dispatched when the toast is opened\n- **close** - dispatched when the toast is closed\n\n### **Slots:**\n - _default_ - content\n\n### **CSS Properties:**\n - **--padding** - undefined _(default: undefined)_\n- **--filter** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--min-height** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "closable",
          "description": "Determines whether a close button is displayed for dismissing the toast",
          "values": []
        },
        {
          "name": "position",
          "description": "Specifies the position of the toast relative to its anchor or viewport",
          "values": [{ "name": "Position" }]
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for translated text content",
          "values": []
        },
        {
          "name": "status",
          "description": "Defines the visual status type affecting color, icon, and semantic meaning",
          "values": [
            { "name": "accent" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" }
          ]
        }
      ],
      "references": []
    },
    {
      "name": "bp-toggletip",
      "description": "The toggletip component is used to provide explanations, definitions, or supplementary interactions for a given element. It should be used to provide additional information or actions that are not essential to the user's understanding of the content, but that may be helpful or informative.\n---\n\n\n### **Events:**\n - **open** - dispatched when the toggletip is opened\n- **close** - dispatched when the toggletip is closed\n\n### **Slots:**\n - _default_ - content\n\n### **CSS Properties:**\n - **--padding** - undefined _(default: undefined)_\n- **--filter** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--min-height** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "closable",
          "description": "Determines whether a close button is displayed for dismissing the toggletip",
          "values": []
        },
        {
          "name": "position",
          "description": "Specifies the position of the toggletip relative to its anchor element",
          "values": [{ "name": "Position" }]
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for translated text content",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-tooltip",
      "description": "The tooltip component is used to provide additional information to the user when they hover over a specific element. It can be used to provide explanations, definitions, or supplementary information that is not critical to the main content.\n---\n\n\n### **Events:**\n - **open** - dispatched when the tooltip is opened\n- **close** - dispatched when the tooltip is closed\n\n### **Slots:**\n - _default_ - content\n\n### **CSS Properties:**\n - **--padding** - undefined _(default: undefined)_\n- **--filter** - undefined _(default: undefined)_\n- **--background** - undefined _(default: undefined)_\n- **--color** - undefined _(default: undefined)_\n- **--width** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--min-width** - undefined _(default: undefined)_\n- **--min-height** - undefined _(default: undefined)_\n- **--font-size** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "closable",
          "description": "Determines whether a close button is displayed for dismissing the tooltip",
          "values": []
        },
        {
          "name": "position",
          "description": "Specifies the position of the tooltip relative to its anchor element",
          "values": [{ "name": "Position" }]
        },
        {
          "name": "i18n",
          "description": "Provides internationalization strings for translated text content",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "bp-tree",
      "description": "The tree component enables hierarchical data organization, offering a collapsible and expandable tree structure. Users can easily navigate through parent and child nodes, expanding or collapsing branches as needed. The component supports for the highlighting of selected nodes.\n---\n\n\n### **Slots:**\n - _default_ - tree items\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "interaction",
          "description": "Controls whether the component automatically manages item expansion and selection based on user interactions",
          "values": [{ "name": "auto" }]
        },
        {
          "name": "selectable",
          "description": "Determines the selection mode for tree items, allowing single or multiple selections",
          "values": [{ "name": "multi" }, { "name": "single" }]
        }
      ],
      "references": []
    },
    {
      "name": "bp-tree-item",
      "description": "\n---\n\n\n### **Slots:**\n - _default_ - content\n\n### **CSS Properties:**\n - **--background** - undefined _(default: undefined)_\n- **--padding** - undefined _(default: undefined)_\n- **--gap** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--cursor** - undefined _(default: undefined)_",
      "attributes": [
        {
          "name": "expanded",
          "description": "indicate if a control is expanded or collapsed",
          "values": []
        },
        {
          "name": "selected",
          "description": "selected visual state",
          "values": []
        },
        {
          "name": "indeterminate",
          "description": "determines if node has some selected child nodes",
          "values": []
        },
        {
          "name": "disabled",
          "description": "determines if element is mutable or focusable",
          "values": []
        },
        {
          "name": "readonly",
          "description": "makes the element not mutable, meaning the user can not interact with button",
          "values": []
        },
        {
          "name": "selectable",
          "values": [{ "name": "multi" }, { "name": "single" }]
        }
      ],
      "references": []
    }
  ]
}