{
  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
  "version": 1.1,
  "properties": [
    {
      "name": "--text-color",
      "description": "Controls the text color of the avatar",
      "values": []
    },
    {
      "name": "--bg-default",
      "description": "Controls the default background color",
      "values": []
    },
    {
      "name": "--button-group-gap",
      "description": "Gap between buttons in the group",
      "values": []
    },
    {
      "name": "--tag-bg-color",
      "description": "Background color for default state (inherits from --plus-color-background-neutral-default)",
      "values": []
    },
    {
      "name": "--tag-text-color",
      "description": "Text color for default state (inherits from --plus-color-text-default)",
      "values": []
    },
    {
      "name": "--icon-size",
      "description": "Custom icon size (overrides size variants)",
      "values": []
    },
    {
      "name": "--icon-color",
      "description": "Custom icon color (overrides currentColor)",
      "values": []
    },
    {
      "name": "--text-color",
      "description": "Controls the text color of the chip",
      "values": []
    },
    {
      "name": "--border-color",
      "description": "Controls the border color of the chip",
      "values": []
    },
    {
      "name": "--bg-default",
      "description": "Controls the default background color",
      "values": []
    },
    {
      "name": "--bg-hovered",
      "description": "Controls the background color when hovered",
      "values": []
    },
    {
      "name": "--bg-pressed",
      "description": "Controls the background color when pressed",
      "values": []
    },
    {
      "name": "--bg-focused",
      "description": "Controls the background color when focused",
      "values": []
    },
    {
      "name": "--active-color",
      "description": "Color of the active indicator",
      "values": []
    },
    {
      "name": "--divider-color",
      "description": "Controls the color of the divider",
      "values": []
    },
    {
      "name": "--divider-thickness",
      "description": "Controls the thickness of the divider",
      "values": []
    },
    {
      "name": "--divider-spacing",
      "description": "Controls the spacing around the divider",
      "values": []
    },
    {
      "name": "--i-bg-default",
      "description": "Controls the default background color",
      "values": []
    },
    {
      "name": "--i-bg-hovered",
      "description": "Controls the background color when hovered",
      "values": []
    },
    {
      "name": "--i-bg-pressed",
      "description": "Controls the background color when pressed",
      "values": []
    },
    {
      "name": "--i-text-color",
      "description": "Controls the text color",
      "values": []
    },
    {
      "name": "--i-selected-bg",
      "description": "Controls the background color when selected",
      "values": []
    },
    {
      "name": "--i-bg-default",
      "description": "Controls the default background color",
      "values": []
    },
    {
      "name": "--i-bg-hovered",
      "description": "Controls the background color when hovered",
      "values": []
    },
    {
      "name": "--i-bg-pressed",
      "description": "Controls the background color when pressed",
      "values": []
    },
    {
      "name": "--i-text-color",
      "description": "Controls the text color",
      "values": []
    },
    {
      "name": "--i-selected-bg",
      "description": "Controls the background color when selected",
      "values": []
    },
    {
      "name": "--i-text-color",
      "description": "Inherited text color variable.",
      "values": []
    },
    {
      "name": "--checkbox-size",
      "description": "Controls the size of the checkbox control. Typically maps to sm, md, lg tokens.",
      "values": []
    },
    {
      "name": "--checkbox-color-default",
      "description": "Default background color.",
      "values": []
    },
    {
      "name": "--checkbox-color-checked",
      "description": "Background color when checked.",
      "values": []
    },
    {
      "name": "--checkbox-color-border",
      "description": "Border color.",
      "values": []
    },
    {
      "name": "--checkbox-color-border-checked",
      "description": "Border color when checked.",
      "values": []
    },
    {
      "name": "--checkbox-color-icon",
      "description": "Color of the checkmark/indeterminate icon.",
      "values": []
    },
    {
      "name": "--checkbox-border-color-error",
      "description": "Border color in the error state.",
      "values": []
    },
    {
      "name": "--focus-ring-color",
      "description": "Color of the focus ring",
      "values": []
    },
    {
      "name": "--error-color",
      "description": "Color used for error states",
      "values": []
    },
    {
      "name": "--star-color-active",
      "description": "Color of active/selected stars.",
      "values": []
    },
    {
      "name": "--star-color-inactive",
      "description": "Color of inactive stars.",
      "values": []
    },
    {
      "name": "--star-color-hover",
      "description": "Color of stars on hover.",
      "values": []
    },
    {
      "name": "--toast-border-radius",
      "description": "Controls the border radius of the toast.",
      "values": []
    },
    {
      "name": "--toast-padding",
      "description": "Controls the padding of the toast.",
      "values": []
    },
    {
      "name": "--icon-size",
      "description": "Controls the size of the status icon.",
      "values": []
    },
    {
      "name": "--close-button-size",
      "description": "Controls the size of the close button.",
      "values": []
    },
    {
      "name": "--toast-container-gap",
      "description": "Controls the gap between toasts within the container.",
      "values": []
    },
    {
      "name": "--toast-container-z-index",
      "description": "Controls the stack order of the container.",
      "values": []
    },
    {
      "name": "--i-bg-default",
      "description": "Controls the default background color",
      "values": []
    },
    {
      "name": "--i-bg-hovered",
      "description": "Controls the background color when hovered",
      "values": []
    },
    {
      "name": "--i-bg-pressed",
      "description": "Controls the background color when pressed",
      "values": []
    },
    {
      "name": "--i-text-color",
      "description": "Controls the text color",
      "values": []
    },
    {
      "name": "--i-selected-bg",
      "description": "Controls the background color when selected",
      "values": []
    },
    {
      "name": "--text-color",
      "description": "Controls the text color",
      "values": []
    },
    {
      "name": "--border-color",
      "description": "Controls the border color of the toggle",
      "values": []
    },
    {
      "name": "--switch-bg",
      "description": "Controls the background color of the switch",
      "values": []
    },
    {
      "name": "--switch-bg-hover",
      "description": "Controls the background color when hovered",
      "values": []
    },
    {
      "name": "--switch-bg-active",
      "description": "Controls the background color when pressed",
      "values": []
    },
    {
      "name": "--dot-bg",
      "description": "Controls the background color of the dot",
      "values": []
    },
    {
      "name": "--dot-text",
      "description": "Controls the text color of the icon in the dot",
      "values": []
    },
    {
      "name": "--text-color",
      "description": "Controls the text color of the tab",
      "values": []
    },
    {
      "name": "--active-color",
      "description": "Controls the color of the active indicator",
      "values": []
    },
    {
      "name": "--bg-default",
      "description": "Controls the default background color",
      "values": []
    },
    {
      "name": "--bg-hovered",
      "description": "Controls the background color when hovered",
      "values": []
    },
    {
      "name": "--tabs-gap",
      "description": "Controls the gap between tabs",
      "values": []
    },
    {
      "name": "--tabs-indicator-color",
      "description": "Controls the color of the active tab indicator",
      "values": []
    },
    {
      "name": "--tabs-indicator-height",
      "description": "Controls the height of the animated indicator",
      "values": []
    }
  ],
  "pseudoElements": [
    { "name": "::part(base)", "description": "The component's base wrapper" },
    {
      "name": "::part(tag)",
      "description": "The container element for the tag"
    },
    { "name": "::part(base)", "description": "The component's base wrapper" },
    { "name": "::part(icon)", "description": "The SVG icon element" },
    { "name": "::part(base)", "description": "The component's base wrapper" },
    { "name": "::part(icon)", "description": "The dismiss icon wrapper" },
    { "name": "::part(base)", "description": "The component's base wrapper" },
    { "name": "::part(base)", "description": "The main container element" },
    {
      "name": "::part(status-icon)",
      "description": "The status icon container"
    },
    { "name": "::part(content)", "description": "The content container" },
    { "name": "::part(message)", "description": "The message container" },
    {
      "name": "::part(description)",
      "description": "The description container"
    },
    {
      "name": "::part(dismiss)",
      "description": "The dismiss button container"
    },
    {
      "name": "::part(radio)",
      "description": "The component's radio input element"
    },
    { "name": "::part(label)", "description": "The label element." },
    { "name": "::part(input)", "description": "The input element." },
    { "name": "::part(host)", "description": "The host element." },
    {
      "name": "::part(animation-overlay)",
      "description": "The animation overlay element."
    },
    { "name": "::part(dialog)", "description": "The native dialog element" },
    {
      "name": "::part(container)",
      "description": "The container wrapper for centering and scrolling"
    },
    { "name": "::part(modal)", "description": "The main modal box" },
    { "name": "::part(header)", "description": "The header section" },
    {
      "name": "::part(header-content)",
      "description": "The content wrapper inside header"
    },
    { "name": "::part(body)", "description": "The main content area" },
    { "name": "::part(footer)", "description": "The footer section" },
    {
      "name": "::part(close-button)",
      "description": "The close button element"
    },
    {
      "name": "::part(container)",
      "description": "The main container element"
    },
    { "name": "::part(overlay)", "description": "The overlay element" },
    { "name": "::part(drawer)", "description": "The drawer element" },
    { "name": "::part(header)", "description": "The header element" },
    { "name": "::part(body)", "description": "The body element" },
    { "name": "::part(footer)", "description": "The footer element" },
    {
      "name": "::part(close-button)",
      "description": "The close button element"
    },
    { "name": "::part(header)", "description": "The header container" },
    { "name": "::part(panel)", "description": "The panel container" },
    { "name": "::part(icon)", "description": "The expand/collapse icon" },
    { "name": "::part(helper)", "description": "The helper text container" },
    { "name": "::part(container)", "description": "The container element" },
    {
      "name": "::part(divider)",
      "description": "The component's base wrapper"
    },
    { "name": "::part(label)", "description": "The text content container" },
    {
      "name": "::part(popover)",
      "description": "The popover container element"
    },
    { "name": "::part(arrow)", "description": "The popover arrow indicator" },
    { "name": "::part(title)", "description": "The popover title" },
    { "name": "::part(close)", "description": "The close button area" },
    {
      "name": "::part(content)",
      "description": "The main content inside the popover"
    },
    { "name": "::part(base)", "description": "The component's base wrapper" },
    { "name": "::part(base)", "description": "The component's base wrapper" },
    { "name": "::part(item)", "description": "The listbox item element" },
    { "name": "::part(base)", "description": "The component's base wrapper" },
    { "name": "::part(button)", "description": "The dropdown trigger button" },
    {
      "name": "::part(dropdown-box)",
      "description": "The dropdown list container"
    },
    { "name": "::part(input)", "description": "The native input element" },
    { "name": "::part(wrapper)", "description": "The input wrapper element" },
    { "name": "::part(prefix)", "description": "The prefix container" },
    { "name": "::part(suffix)", "description": "The suffix container" },
    { "name": "::part(clear-button)", "description": "The clear button" },
    {
      "name": "::part(password-toggle)",
      "description": "The password visibility toggle button"
    },
    {
      "name": "::part(popconfirm)",
      "description": "The popconfirm container element"
    },
    {
      "name": "::part(arrow)",
      "description": "The popconfirm arrow indicator"
    },
    {
      "name": "::part(header)",
      "description": "The popconfirm header section"
    },
    { "name": "::part(title)", "description": "The popconfirm title" },
    {
      "name": "::part(content)",
      "description": "The main content inside the popconfirm"
    },
    {
      "name": "::part(footer)",
      "description": "The footer section with action buttons"
    },
    {
      "name": "::part(base)",
      "description": "The component's base wrapper element (e.g., h1, p, div)."
    },
    {
      "name": "::part(base)",
      "description": "The component's base wrapper element."
    },
    {
      "name": "::part(link)",
      "description": "The `plus-link` element (if `href` is provided)."
    },
    {
      "name": "::part(text)",
      "description": "The `span` element (if `href` is not provided)."
    },
    {
      "name": "::part(prefix)",
      "description": "The prefix container (slot or icon)."
    },
    {
      "name": "::part(suffix)",
      "description": "The suffix container (slot or icon)."
    },
    { "name": "::part(separator)", "description": "The separator element." },
    {
      "name": "::part(base)",
      "description": "The main container element (`nav`)."
    },
    {
      "name": "::part(base)",
      "description": "The component's base wrapper (label)."
    },
    {
      "name": "::part(control)",
      "description": "The container for the actual checkbox input and its visual representation."
    },
    {
      "name": "::part(checkbox)",
      "description": "The visual representation of the checkbox."
    },
    {
      "name": "::part(icon)",
      "description": "The checkmark or indeterminate icon."
    },
    { "name": "::part(label)", "description": "The text label container." },
    { "name": "::part(base)", "description": "The main container element." },
    {
      "name": "::part(textarea)",
      "description": "The native textarea element"
    },
    { "name": "::part(label)", "description": "The label element" },
    {
      "name": "::part(caption)",
      "description": "The caption/error message container"
    },
    { "name": "::part(host)", "description": "The main container element." },
    {
      "name": "::part(star-container)",
      "description": "The container for each star."
    },
    {
      "name": "::part(star-icon)",
      "description": "Each individual star icon."
    },
    {
      "name": "::part(star-partial)",
      "description": "The element used to display partial stars."
    },
    { "name": "::part(base)", "description": "The component's base wrapper." },
    {
      "name": "::part(container)",
      "description": "The main container for icon, content, and close button."
    },
    {
      "name": "::part(icon)",
      "description": "The container for the status icon."
    },
    {
      "name": "::part(content)",
      "description": "The container for header and message text."
    },
    { "name": "::part(header)", "description": "The header text element." },
    { "name": "::part(message)", "description": "The message text element." },
    {
      "name": "::part(close-button)",
      "description": "The close button container."
    },
    { "name": "::part(base)", "description": "The component's base wrapper." },
    { "name": "::part(base)", "description": "The component's base wrapper" },
    { "name": "::part(item)", "description": "The listbox item element" },
    { "name": "::part(base)", "description": "The component's base wrapper" },
    { "name": "::part(select)", "description": "The select trigger input" },
    {
      "name": "::part(select-box)",
      "description": "The select list container"
    },
    { "name": "::part(base)", "description": "The component's base wrapper" },
    { "name": "::part(label)", "description": "The label element" },
    {
      "name": "::part(control)",
      "description": "The control element containing the toggle and text"
    },
    { "name": "::part(switch)", "description": "The switch element" },
    {
      "name": "::part(dot)",
      "description": "The dot element inside the switch"
    },
    { "name": "::part(text)", "description": "The text element" },
    {
      "name": "::part(icon)",
      "description": "The icon element when an icon is used"
    },
    { "name": "::part(caption)", "description": "The caption element" },
    { "name": "::part(tab)", "description": "The component's base wrapper" },
    { "name": "::part(panel)", "description": "The component's base wrapper" },
    { "name": "::part(group)", "description": "The component's base wrapper" },
    { "name": "::part(tablist)", "description": "The tabs container" },
    { "name": "::part(panels)", "description": "The tab panels container" },
    {
      "name": "::part(indicator)",
      "description": "The animated indicator element (when animated=true)"
    }
  ]
}