{
  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
  "version": 1.1,
  "tags": [
    {
      "name": "m3e-focus-trap",
      "description": "A non-visual element used to trap focus within nested content.\n---\n\n\n### **Slots:**\n - _default_ - Renders content for which to trap focus.",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the focus trap.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-collapsible",
      "description": "A container used to expand and collapse content.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the collapsible begins to open.\n- **opened** - Emitted when the collapsible has opened.\n- **closing** - Emitted when the collapsible begins to close.\n- **closed** - Emitted when the collapsible has closed.\n\n### **Slots:**\n - _default_ - Renders the collapsible content.\n\n### **CSS Properties:**\n - **--m3e-collapsible-animation-duration** - The duration of the expand / collapse animation. _(default: undefined)_",
      "attributes": [
        {
          "name": "open",
          "description": "Whether content is visible.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-elevation",
      "description": "Visually depicts elevation using a shadow.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **CSS Properties:**\n - **--m3e-elevation-color** - Color used to depict elevation. _(default: undefined)_\n- **--m3e-elevation-lift-duration** - Duration when lifting. _(default: undefined)_\n- **--m3e-elevation-lift-easing** - Easing curve when lifting. _(default: undefined)_\n- **--m3e-elevation-settle-duration** - Duration when settling. _(default: undefined)_\n- **--m3e-elevation-settle-easing** - Easing curve when settling. _(default: undefined)_\n- **--m3e-elevation-level** - Elevation when resting (box-shadow). _(default: undefined)_\n- **--m3e-elevation-hover-level** - Elevation on hover (box-shadow). _(default: undefined)_\n- **--m3e-elevation-focus-level** - Elevation on focus (box-shadow). _(default: undefined)_\n- **--m3e-elevation-pressed-level** - Elevation on pressed (box-shadow). _(default: undefined)_",
      "attributes": [
        {
          "name": "disabled",
          "description": "Whether hover and press events will not trigger changes in elevation, when attached to an interactive element.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        },
        {
          "name": "level",
          "description": "The level at which to visually depict elevation.",
          "values": [{ "name": "ElevationLevel" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-focus-ring",
      "description": "A focus ring used to depict a strong focus indicator.\n---\n\n\n### **Methods:**\n - **show(): _void_** - Launches a manual focus ring.\n- **hide(): _void_** - Hides the focus ring.\n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **CSS Properties:**\n - **--m3e-focus-ring-color** - The color of the focus ring. _(default: undefined)_\n- **--m3e-focus-ring-duration** - The duration of the focus ring animation. _(default: undefined)_\n- **--m3e-focus-ring-growth-factor** - The factor by which the focus ring grows. _(default: undefined)_\n- **--m3e-focus-ring-thickness** - The thickness of the focus ring. _(default: undefined)_\n- **--m3e-focus-ring-visibility** - The visibility of the focus ring. _(default: undefined)_",
      "attributes": [
        {
          "name": "disabled",
          "description": "Whether the focus events will not trigger the focus ring.\r\nFocus rings can be still controlled manually by using the `show` and `hide` methods.",
          "values": []
        },
        {
          "name": "inward",
          "description": "Whether the focus ring animates inward instead of outward.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-pseudo-checkbox",
      "description": "An element which looks like a checkbox.\n---\n\n\n### **CSS Properties:**\n - **--m3e-checkbox-icon-size** - Size of the checkbox icon. _(default: undefined)_\n- **--m3e-checkbox-container-shape** - Border radius of the checkbox container. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-thickness** - Outline thickness for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-color** - Outline color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-container-color** - Background color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-icon-color** - Icon color for selected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-color** - Outline color for unselected disabled state. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-opacity** - Outline opacity for unselected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-color** - Background color for selected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-opacity** - Background opacity for selected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-color** - Icon color for selected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-opacity** - Icon opacity for selected disabled state. _(default: undefined)_",
      "attributes": [
        {
          "name": "checked",
          "description": "A value indicating whether the element is checked.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "A value indicating whether the element is disabled.",
          "values": []
        },
        {
          "name": "indeterminate",
          "description": "A value indicating whether the element's checked state is indeterminate.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-pseudo-radio",
      "description": "An element which looks like a radio button.\n---\n\n\n### **CSS Properties:**\n - **--m3e-radio-icon-size** - Size of the radio icon. _(default: undefined)_\n- **--m3e-radio-unselected-icon-color** - Color of the unselected radio icon. _(default: undefined)_\n- **--m3e-radio-selected-icon-color** - Color of the selected radio icon. _(default: undefined)_\n- **--m3e-radio-disabled-icon-color** - Color of the disabled radio icon. _(default: undefined)_",
      "attributes": [
        {
          "name": "checked",
          "description": "A value indicating whether the element is checked.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "A value indicating whether the element is disabled.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-ripple",
      "description": "Connects user input to screen reactions using ripples.\n---\n\n\n### **Methods:**\n - **show(x: _number_, y: _number_, persistent: _boolean_): _void_** - Launches a manual ripple.\n- **hide(): _void_** - Manually hides the ripple.\n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **CSS Properties:**\n - **--m3e-ripple-color** - The color of the ripple. _(default: undefined)_\n- **--m3e-ripple-enter-duration** - The duration for the enter animation (expansion from point of contact). _(default: undefined)_\n- **--m3e-ripple-exit-duration** - The duration for the exit animation (fade-out). _(default: undefined)_\n- **--m3e-ripple-opacity** - The opacity of the ripple. _(default: undefined)_\n- **--m3e-ripple-scale-factor** - The factor by which to scale the ripple. _(default: undefined)_\n- **--m3e-ripple-shape** - The shape of the ripple. _(default: undefined)_",
      "attributes": [
        {
          "name": "centered",
          "description": "Whether the ripple always originates from the center of the element's bounds, rather\r\nthan originating from the location of the click event.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Whether click events will not trigger the ripple.\r\nRipples can be still controlled manually by using the `show` and 'hide' methods.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        },
        {
          "name": "radius",
          "description": "The radius, in pixels, of the ripple.",
          "values": []
        },
        {
          "name": "unbounded",
          "description": "Whether the ripple is visible outside the element's bounds.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-scroll-container",
      "description": "A vertically oriented content container which presents dividers above and below content when scrolled.\n---\n\n\n### **Slots:**\n - _default_ - Renders the scrollable content.\n\n### **CSS Properties:**\n - **--m3e-divider-thickness** - Thickness of the divider lines above and below content. _(default: undefined)_\n- **--m3e-divider-color** - Color of the divider lines when visible. _(default: undefined)_\n- **--m3e-focus-ring-color** - Color of the focus ring outline. _(default: undefined)_\n- **--m3e-focus-ring-thickness** - Thickness of the focus ring outline. _(default: undefined)_\n- **--m3e-focus-ring-factor** - Animation factor for focus ring thickness. _(default: undefined)_\n- **--m3e-focus-ring-duration** - Duration of the focus ring animation. _(default: undefined)_",
      "attributes": [
        {
          "name": "dividers",
          "description": "The dividers used to separate scrollable content.",
          "values": [{ "name": "ScrollDividers" }]
        },
        {
          "name": "thin",
          "description": "Whether to present thin scrollbars.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-slide",
      "description": "A carousel-like container used to horizontally cycle through slotted items.\n---\n\n\n### **CSS Properties:**\n - **--m3e-slide-animation-duration** - The duration of transitions between slotted items. _(default: undefined)_",
      "attributes": [
        {
          "name": "selected-index",
          "description": "The zero-based index of the visible item.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-state-layer",
      "description": "Provides focus and hover state layer treatment for an interactive element.\n---\n\n\n### **Methods:**\n - **show(state: _\"hover\" | \"focused\"_): _void_** - Launches a manual state layer.\n- **hide(state: _\"hover\" | \"focused\"_): _void_** - Hides the state layer.\n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **CSS Properties:**\n - **--m3e-state-layer-duration** - Duration of state layer changes. _(default: undefined)_\n- **--m3e-state-layer-easing** - Easing curve of state layer changes. _(default: undefined)_\n- **--m3e-state-layer-focus-color** - Color on hover. _(default: undefined)_\n- **--m3e-state-layer-focus-opacity** - Opacity on focus. _(default: undefined)_\n- **--m3e-state-layer-hover-color** - Color on hover. _(default: undefined)_\n- **--m3e-state-layer-hover-opacity** - Opacity on hover. _(default: undefined)_",
      "attributes": [
        {
          "name": "disabled",
          "description": "Whether hover and focus events will not trigger the state layer. State layers can still\r\nbe controlled manually using the `show` and `hide` methods.",
          "values": []
        },
        {
          "name": "disable-hover",
          "description": "Whether hover events will not trigger the state layer. State layers can still\r\nbe controlled manually using the `show` and `hide` methods.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-text-highlight",
      "description": "Highlights text which matches a given search term.\n---\n\n\n### **Events:**\n - **highlight** - Emitted when content is highlighted.\n\n### **Slots:**\n - _default_ - Renders the content to highlight.\n\n### **CSS Properties:**\n - **--m3e-text-highlight-container-color** - Background color applied to highlighted text ranges. _(default: undefined)_\n- **--m3e-text-highlight-color** - Foreground color of highlighted text content. _(default: undefined)_\n- **--m3e-text-highlight-decoration** - Optional text decoration (e.g., underline, line-through) for highlighted text. _(default: undefined)_\n- **--m3e-text-highlight-shadow** - Optional text shadow for emphasis or contrast. _(default: undefined)_",
      "attributes": [
        {
          "name": "case-sensitive",
          "description": "A value indicating whether matching is case sensitive.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "A value indicating whether text highlighting is disabled.",
          "values": []
        },
        {
          "name": "term",
          "description": "The term to highlight.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-text-overflow",
      "description": "An inline container which presents an ellipsis when content overflows.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content to truncate with an ellipsis.",
      "attributes": [],
      "references": []
    }
  ]
}