@kdcloudjs/shoelace 1.0.25 → 1.0.26

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@kdcloudjs/shoelace",
-  "version": "0.0.1",
+  "version": "1.0.26",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -897,29 +897,6 @@
             "events": []
           }
         },
-        {
-          "name": "sl-card",
-          "description": "Cards can be used to group related subjects in a container.\n---\n\n\n### **Slots:**\n - _default_ - The card's main content.\n- **header** - An optional header for the card.\n- **footer** - An optional footer for the card.\n- **image** - An optional image to render at the start of the card.\n\n### **CSS Properties:**\n - **--border-color** - The card's border color, including borders that occur inside the card. _(default: undefined)_\n- **--border-radius** - The border radius for the card's edges. _(default: undefined)_\n- **--border-width** - The width of the card's borders. _(default: undefined)_\n- **--padding** - The padding to use for the card's sections. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **image** - The container that wraps the card's image.\n- **header** - The container that wraps the card's header.\n- **body** - The container that wraps the card's main content.\n- **footer** - The container that wraps the card's footer.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            { "name": "", "description": "The card's main content." },
-            {
-              "name": "header",
-              "description": "An optional header for the card."
-            },
-            {
-              "name": "footer",
-              "description": "An optional footer for the card."
-            },
-            {
-              "name": "image",
-              "description": "An optional image to render at the start of the card."
-            }
-          ],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
         {
           "name": "sl-carousel",
           "description": "Carousels display an arbitrary number of content slides along a horizontal or vertical axis.\n---\n\n\n### **Events:**\n - **sl-slide-change** - Emitted when the active slide changes.\n\n### **Methods:**\n - **previous(behavior: _ScrollBehavior_)** - Move the carousel backward by `slides-per-move` slides.\n- **next(behavior: _ScrollBehavior_)** - Move the carousel forward by `slides-per-move` slides.\n- **goToSlide(index: _number_, behavior: _ScrollBehavior_)** - Scrolls the carousel to the slide specified by `index`.\n\n### **Slots:**\n - _default_ - The carousel's main content, one or more `<sl-carousel-item>` elements.\n- **next-icon** - Optional next icon to use instead of the default. Works best with `<sl-icon>`.\n- **previous-icon** - Optional previous icon to use instead of the default. Works best with `<sl-icon>`.\n\n### **CSS Properties:**\n - **--slide-gap** - The space between each slide. _(default: undefined)_\n- **--aspect-ratio** - The aspect ratio of each slide. _(default: 16/9)_\n- **--scroll-hint** - The amount of padding to apply to the scroll area, allowing adjacent slides to become partially visible as a scroll hint. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The carousel's internal wrapper.\n- **scroll-container** - The scroll container that wraps the slides.\n- **pagination** - The pagination indicators wrapper.\n- **pagination-item** - The pagination indicator.\n- **pagination-item--active** - Applied when the item is active.\n- **navigation** - The navigation wrapper.\n- **navigation-button** - The navigation button.\n- **navigation-button--previous** - Applied to the previous button.\n- **navigation-button--next** - Applied to the next button.",
@@ -1057,6 +1034,29 @@
             ]
           }
         },
+        {
+          "name": "sl-card",
+          "description": "Cards can be used to group related subjects in a container.\n---\n\n\n### **Slots:**\n - _default_ - The card's main content.\n- **header** - An optional header for the card.\n- **footer** - An optional footer for the card.\n- **image** - An optional image to render at the start of the card.\n\n### **CSS Properties:**\n - **--border-color** - The card's border color, including borders that occur inside the card. _(default: undefined)_\n- **--border-radius** - The border radius for the card's edges. _(default: undefined)_\n- **--border-width** - The width of the card's borders. _(default: undefined)_\n- **--padding** - The padding to use for the card's sections. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **image** - The container that wraps the card's image.\n- **header** - The container that wraps the card's header.\n- **body** - The container that wraps the card's main content.\n- **footer** - The container that wraps the card's footer.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            { "name": "", "description": "The card's main content." },
+            {
+              "name": "header",
+              "description": "An optional header for the card."
+            },
+            {
+              "name": "footer",
+              "description": "An optional footer for the card."
+            },
+            {
+              "name": "image",
+              "description": "An optional image to render at the start of the card."
+            }
+          ],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
         {
           "name": "sl-carousel-item",
           "description": "A carousel item represent a slide within a [carousel](/components/carousel).\n---\n\n\n### **Slots:**\n - _default_ - The carousel item's content..\n\n### **CSS Properties:**\n - **--aspect-ratio** - The slide's aspect ratio. Inherited from the carousel by default. _(default: undefined)_",
@@ -3075,72 +3075,6 @@
             ]
           }
         },
-        {
-          "name": "sl-include",
-          "description": "Includes give you the power to embed external HTML files into the page.\n---\n\n\n### **Events:**\n - **sl-load** - Emitted when the included file is loaded.\n- **sl-error** - Emitted when the included file fails to load due to an error.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "src",
-              "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "mode",
-              "description": "The fetch mode to use.",
-              "value": {
-                "type": "'cors' | 'no-cors' | 'same-origin'",
-                "default": "'cors'"
-              }
-            },
-            {
-              "name": "allow-scripts",
-              "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "events": [
-            {
-              "name": "sl-load",
-              "description": "Emitted when the included file is loaded."
-            },
-            {
-              "name": "sl-error",
-              "type": "{ status: number }",
-              "description": "Emitted when the included file fails to load due to an error."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "src",
-                "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-                "type": "string"
-              },
-              {
-                "name": "mode",
-                "description": "The fetch mode to use.",
-                "type": "'cors' | 'no-cors' | 'same-origin'"
-              },
-              {
-                "name": "allowScripts",
-                "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-                "type": "boolean"
-              }
-            ],
-            "events": [
-              {
-                "name": "sl-load",
-                "description": "Emitted when the included file is loaded."
-              },
-              {
-                "name": "sl-error",
-                "type": "{ status: number }",
-                "description": "Emitted when the included file fails to load due to an error."
-              }
-            ]
-          }
-        },
         {
           "name": "sl-image-comparer",
           "description": "Compare visual differences between similar photos with a sliding panel.\n---\n\n\n### **Events:**\n - **sl-change** - Emitted when the position changes.\n\n### **Slots:**\n - **before** - The before image, an `<img>` or `<svg>` element.\n- **after** - The after image, an `<img>` or `<svg>` element.\n- **handle** - The icon used inside the handle.\n\n### **CSS Properties:**\n - **--divider-width** - The width of the dividing line. _(default: undefined)_\n- **--handle-size** - The size of the compare handle. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **before** - The container that wraps the before image.\n- **after** - The container that wraps the after image.\n- **divider** - The divider that separates the images.\n- **handle** - The handle that the user drags to expose the after image.",
@@ -3191,32 +3125,67 @@
           }
         },
         {
-          "name": "sl-menu",
-          "description": "Menus provide a list of options for the user to choose from.\n---\n\n\n### **Events:**\n - **sl-select** - Emitted when a menu item is selected.\n\n### **Slots:**\n - _default_ - The menu's content, including menu items, menu labels, and dividers.",
+          "name": "sl-include",
+          "description": "Includes give you the power to embed external HTML files into the page.\n---\n\n\n### **Events:**\n - **sl-load** - Emitted when the included file is loaded.\n- **sl-error** - Emitted when the included file fails to load due to an error.",
           "doc-url": "",
-          "attributes": [],
-          "slots": [
+          "attributes": [
             {
-              "name": "",
-              "description": "The menu's content, including menu items, menu labels, and dividers."
+              "name": "src",
+              "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "mode",
+              "description": "The fetch mode to use.",
+              "value": {
+                "type": "'cors' | 'no-cors' | 'same-origin'",
+                "default": "'cors'"
+              }
+            },
+            {
+              "name": "allow-scripts",
+              "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "events": [
             {
-              "name": "sl-select",
-              "type": "{ item: SlMenuItem }",
-              "description": "Emitted when a menu item is selected."
+              "name": "sl-load",
+              "description": "Emitted when the included file is loaded."
+            },
+            {
+              "name": "sl-error",
+              "type": "{ status: number }",
+              "description": "Emitted when the included file fails to load due to an error."
             }
           ],
           "js": {
             "properties": [
-              { "name": "defaultSlot", "type": "HTMLSlotElement" }
+              {
+                "name": "src",
+                "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
+                "type": "string"
+              },
+              {
+                "name": "mode",
+                "description": "The fetch mode to use.",
+                "type": "'cors' | 'no-cors' | 'same-origin'"
+              },
+              {
+                "name": "allowScripts",
+                "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
+                "type": "boolean"
+              }
             ],
             "events": [
               {
-                "name": "sl-select",
-                "type": "{ item: SlMenuItem }",
-                "description": "Emitted when a menu item is selected."
+                "name": "sl-load",
+                "description": "Emitted when the included file is loaded."
+              },
+              {
+                "name": "sl-error",
+                "type": "{ status: number }",
+                "description": "Emitted when the included file fails to load due to an error."
               }
             ]
           }
@@ -3665,6 +3634,37 @@
             ]
           }
         },
+        {
+          "name": "sl-menu",
+          "description": "Menus provide a list of options for the user to choose from.\n---\n\n\n### **Events:**\n - **sl-select** - Emitted when a menu item is selected.\n\n### **Slots:**\n - _default_ - The menu's content, including menu items, menu labels, and dividers.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            {
+              "name": "",
+              "description": "The menu's content, including menu items, menu labels, and dividers."
+            }
+          ],
+          "events": [
+            {
+              "name": "sl-select",
+              "type": "{ item: SlMenuItem }",
+              "description": "Emitted when a menu item is selected."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "defaultSlot", "type": "HTMLSlotElement" }
+            ],
+            "events": [
+              {
+                "name": "sl-select",
+                "type": "{ item: SlMenuItem }",
+                "description": "Emitted when a menu item is selected."
+              }
+            ]
+          }
+        },
         {
           "name": "sl-menu-item",
           "description": "Menu items provide options for the user to pick from in a menu.\n---\n\n\n### **Methods:**\n - **getTextLabel()** - Returns a text label based on the contents of the menu item's default slot.\n\n### **Slots:**\n - _default_ - The menu item's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n- **submenu** - Used to denote a nested menu.\n\n### **CSS Properties:**\n - **--submenu-offset** - The distance submenus shift to overlap the parent menu. _(default: -2px)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **checked-icon** - The checked icon, which is only visible when the menu item is checked.\n- **prefix** - The prefix container.\n- **label** - The menu item label.\n- **suffix** - The suffix container.\n- **spinner** - The spinner that shows when the menu item is in the loading state.\n- **spinner__base** - The spinner's base part.\n- **submenu-icon** - The submenu icon, visible only when the menu item has a submenu (not yet implemented).",
@@ -3758,50 +3758,138 @@
           "js": { "properties": [], "events": [] }
         },
         {
-          "name": "sl-nav",
-          "description": "Navs are used to create navigation menus, including top bars and sidebars.\n---\n\n\n### **Events:**\n - **sl-change** - Emitted when the selected nav item changes.\n- **sl-nav-open-change** - Emitted when the open submenu keys change.\n- **sl-nav-select** - Emitted when a nav item is selected.\n\n### **Slots:**\n - _default_ - The nav items.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "name": "sl-mutation-observer",
+          "description": "The Mutation Observer component offers a thin, declarative interface to the [`MutationObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver).\n---\n\n\n### **Events:**\n - **sl-mutation** - Emitted when a mutation occurs.\n\n### **Slots:**\n - _default_ - The content to watch for mutations.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "mode",
-              "description": "Matches Antd's `mode` API.",
-              "value": { "type": "SlNavMode", "default": "'inline'" }
+              "name": "attr",
+              "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
+              "value": { "type": "string" }
             },
             {
-              "name": "multiple",
-              "description": "Matches Antd's `multiple` API.",
+              "name": "attr-old-value",
+              "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "selectable",
-              "description": "Matches Antd's `selectable` API.",
-              "value": { "type": "boolean", "default": "true" }
-            },
-            {
-              "name": "inline-collapsed",
-              "description": "Matches Antd's `inlineCollapsed` API.",
+              "name": "char-data",
+              "description": "Watches for changes to the character data contained within the node.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "inline-indent",
-              "description": "Matches Antd's `inlineIndent` API.",
-              "value": { "type": "number", "default": "16" }
+              "name": "char-data-old-value",
+              "description": "Indicates whether or not the previous value of the node's text should be recorded.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "sub-menu-open-delay",
-              "description": "Matches Antd's `subMenuOpenDelay` API, in seconds.",
-              "value": { "type": "number", "default": "0" }
+              "name": "child-list",
+              "description": "Watches for the addition or removal of new child nodes.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "sub-menu-close-delay",
-              "description": "Matches Antd's `subMenuCloseDelay` API, in seconds.",
-              "value": { "type": "number", "default": "0.1" }
-            },
+              "name": "disabled",
+              "description": "Disables the observer.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The content to watch for mutations." }
+          ],
+          "events": [
             {
-              "name": "trigger-sub-menu-action",
-              "description": "Matches Antd's `triggerSubMenuAction` API.",
-              "value": {
-                "type": "SlNavTriggerSubMenuAction",
+              "name": "sl-mutation",
+              "type": "{ mutationList: MutationRecord[] }",
+              "description": "Emitted when a mutation occurs."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "attr",
+                "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
+                "type": "string"
+              },
+              {
+                "name": "attrOldValue",
+                "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
+                "type": "boolean"
+              },
+              {
+                "name": "charData",
+                "description": "Watches for changes to the character data contained within the node.",
+                "type": "boolean"
+              },
+              {
+                "name": "charDataOldValue",
+                "description": "Indicates whether or not the previous value of the node's text should be recorded.",
+                "type": "boolean"
+              },
+              {
+                "name": "childList",
+                "description": "Watches for the addition or removal of new child nodes.",
+                "type": "boolean"
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the observer.",
+                "type": "boolean"
+              }
+            ],
+            "events": [
+              {
+                "name": "sl-mutation",
+                "type": "{ mutationList: MutationRecord[] }",
+                "description": "Emitted when a mutation occurs."
+              }
+            ]
+          }
+        },
+        {
+          "name": "sl-nav",
+          "description": "Navs are used to create navigation menus, including top bars and sidebars.\n---\n\n\n### **Events:**\n - **sl-change** - Emitted when the selected nav item changes.\n- **sl-nav-open-change** - Emitted when the open submenu keys change.\n- **sl-nav-select** - Emitted when a nav item is selected.\n\n### **Slots:**\n - _default_ - The nav items.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "mode",
+              "description": "Matches Antd's `mode` API.",
+              "value": { "type": "SlNavMode", "default": "'inline'" }
+            },
+            {
+              "name": "multiple",
+              "description": "Matches Antd's `multiple` API.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "selectable",
+              "description": "Matches Antd's `selectable` API.",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "inline-collapsed",
+              "description": "Matches Antd's `inlineCollapsed` API.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "inline-indent",
+              "description": "Matches Antd's `inlineIndent` API.",
+              "value": { "type": "number", "default": "16" }
+            },
+            {
+              "name": "sub-menu-open-delay",
+              "description": "Matches Antd's `subMenuOpenDelay` API, in seconds.",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "sub-menu-close-delay",
+              "description": "Matches Antd's `subMenuCloseDelay` API, in seconds.",
+              "value": { "type": "number", "default": "0.1" }
+            },
+            {
+              "name": "trigger-sub-menu-action",
+              "description": "Matches Antd's `triggerSubMenuAction` API.",
+              "value": {
+                "type": "SlNavTriggerSubMenuAction",
                 "default": "'hover'"
               }
             },
@@ -3972,94 +4060,6 @@
             ]
           }
         },
-        {
-          "name": "sl-mutation-observer",
-          "description": "The Mutation Observer component offers a thin, declarative interface to the [`MutationObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver).\n---\n\n\n### **Events:**\n - **sl-mutation** - Emitted when a mutation occurs.\n\n### **Slots:**\n - _default_ - The content to watch for mutations.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "attr",
-              "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "attr-old-value",
-              "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "char-data",
-              "description": "Watches for changes to the character data contained within the node.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "char-data-old-value",
-              "description": "Indicates whether or not the previous value of the node's text should be recorded.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "child-list",
-              "description": "Watches for the addition or removal of new child nodes.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "disabled",
-              "description": "Disables the observer.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The content to watch for mutations." }
-          ],
-          "events": [
-            {
-              "name": "sl-mutation",
-              "type": "{ mutationList: MutationRecord[] }",
-              "description": "Emitted when a mutation occurs."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "attr",
-                "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
-                "type": "string"
-              },
-              {
-                "name": "attrOldValue",
-                "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
-                "type": "boolean"
-              },
-              {
-                "name": "charData",
-                "description": "Watches for changes to the character data contained within the node.",
-                "type": "boolean"
-              },
-              {
-                "name": "charDataOldValue",
-                "description": "Indicates whether or not the previous value of the node's text should be recorded.",
-                "type": "boolean"
-              },
-              {
-                "name": "childList",
-                "description": "Watches for the addition or removal of new child nodes.",
-                "type": "boolean"
-              },
-              {
-                "name": "disabled",
-                "description": "Disables the observer.",
-                "type": "boolean"
-              }
-            ],
-            "events": [
-              {
-                "name": "sl-mutation",
-                "type": "{ mutationList: MutationRecord[] }",
-                "description": "Emitted when a mutation occurs."
-              }
-            ]
-          }
-        },
         {
           "name": "sl-nav-group",
           "description": "Nav groups are used to group related nav items.\n---\n\n\n### **Slots:**\n - _default_ - The nav items within the group.\n- **title** - The nav group's title.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **title** - The nav group title.\n- **body** - The nav group body.",
@@ -4106,13 +4106,13 @@
           }
         },
         {
-          "name": "sl-nav-submenu",
-          "description": "Nav submenus are used to group related nav items in a hierarchical structure.\n---\n\n\n### **Events:**\n - **sl-show** - Emitted when the submenu opens.\n- **sl-after-show** - Emitted after the submenu opens and all animations are complete.\n- **sl-hide** - Emitted when the submenu closes.\n- **sl-after-hide** - Emitted after the submenu closes and all animations are complete.\n\n### **Methods:**\n - **show(source: _'api' | 'nav' | 'user'_)** - Shows the submenu.\n- **hide(source: _'api' | 'nav' | 'user'_)** - Hides the submenu.\n\n### **Slots:**\n - _default_ - The nav items within the submenu.\n- **title** - The nav submenu's title.\n- **prefix** - Used to prepend an icon or similar element to the nav submenu.\n- **suffix** - Used to append an icon or similar element to the nav submenu.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<sl-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<sl-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **header** - The header that wraps the title, prefix, suffix and expand/collapse icon.\n- **prefix** - The prefix container.\n- **label** - The nav submenu label.\n- **suffix** - The suffix container.\n- **expand-icon** - The container that wraps the expand/collapse icons.\n- **content** - The nav submenu content.\n- **popup** - The popup that wraps the content in horizontal mode.",
+          "name": "sl-nav-item",
+          "description": "Nav items are the individual links or buttons within a navigation menu.\n---\n\n\n### **Events:**\n - **sl-nav-select** - Emitted when a nav item is selected.\n\n### **Slots:**\n - _default_ - The nav item's label.\n- **prefix** - Used to prepend an icon or similar element to the nav item.\n- **suffix** - Used to append an icon or similar element to the nav item.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The prefix container.\n- **label** - The nav item label.\n- **suffix** - The suffix container.",
           "doc-url": "",
           "attributes": [
             {
               "name": "key",
-              "description": "A stable key used by `sl-nav` to track open state.",
+              "description": "A stable key used by `sl-nav` to track selection.",
               "value": { "type": "string", "default": "''" }
             },
             {
@@ -4121,39 +4121,44 @@
               "value": { "type": "string", "default": "''" }
             },
             {
-              "name": "open",
-              "description": "Indicates whether or not the submenu is open.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "nested",
-              "description": "Indicates if this submenu is nested within another submenu.",
+              "name": "danger",
+              "description": "Matches Antd's `danger` item flag.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "title",
-              "description": "The summary to show in the header. If you need to display HTML, use the `title` slot instead.",
+              "description": "Tooltip text, primarily used when the menu is collapsed.",
               "value": { "type": "string", "default": "''" }
             },
             {
-              "name": "theme",
-              "description": "Matches Antd's `theme` field.",
-              "value": { "type": "'light' | 'dark'", "default": "'light'" }
+              "name": "disabled",
+              "description": "Draws the nav item in a disabled state.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "popup-class-name",
-              "description": "Matches Antd's `popupClassName` field.",
+              "name": "active",
+              "description": "Draws the nav item in an active (selected) state.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "href",
+              "description": "The URL to link to. If set, the nav item will render as an anchor tag.",
               "value": { "type": "string", "default": "''" }
             },
             {
-              "name": "disabled",
-              "description": "Draws the submenu in a disabled state.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "target",
+              "description": "The target attribute for the anchor tag.",
+              "value": { "type": "'_blank' | '_parent' | '_self' | '_top'" }
             },
             {
-              "name": "active",
-              "description": "Draws the submenu in an active (selected) state.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "download",
+              "description": "The download attribute for the anchor tag.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "rel",
+              "description": "The rel attribute for the anchor tag.",
+              "value": { "type": "string", "default": "'noreferrer noopener'" }
             },
             {
               "name": "mode",
@@ -4170,51 +4175,28 @@
             }
           ],
           "slots": [
-            { "name": "", "description": "The nav items within the submenu." },
-            { "name": "title", "description": "The nav submenu's title." },
+            { "name": "", "description": "The nav item's label." },
             {
               "name": "prefix",
-              "description": "Used to prepend an icon or similar element to the nav submenu."
+              "description": "Used to prepend an icon or similar element to the nav item."
             },
             {
               "name": "suffix",
-              "description": "Used to append an icon or similar element to the nav submenu."
-            },
-            {
-              "name": "expand-icon",
-              "description": "Optional expand icon to use instead of the default. Works best with `<sl-icon>`."
-            },
-            {
-              "name": "collapse-icon",
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sl-icon>`."
+              "description": "Used to append an icon or similar element to the nav item."
             }
           ],
           "events": [
             {
-              "name": "sl-show",
-              "description": "Emitted when the submenu opens."
-            },
-            {
-              "name": "sl-after-show",
-              "description": "Emitted after the submenu opens and all animations are complete."
-            },
-            {
-              "name": "sl-hide",
-              "description": "Emitted when the submenu closes."
-            },
-            {
-              "name": "sl-after-hide",
-              "description": "Emitted after the submenu closes and all animations are complete."
+              "name": "sl-nav-select",
+              "type": "{ item: SlNavItem }",
+              "description": "Emitted when a nav item is selected."
             }
           ],
           "js": {
             "properties": [
-              { "name": "header", "type": "HTMLElement" },
-              { "name": "body", "type": "HTMLElement" },
-              { "name": "popup", "type": "SlPopup" },
               {
                 "name": "key",
-                "description": "A stable key used by `sl-nav` to track open state.",
+                "description": "A stable key used by `sl-nav` to track selection.",
                 "type": "string"
               },
               {
@@ -4222,61 +4204,61 @@
                 "description": "React-safe alias for `key`.\n\nReact reserves `key` and won't forward it to custom elements, so wrapper users can pass `itemKey` instead.",
                 "type": "string"
               },
-              {
-                "name": "open",
-                "description": "Indicates whether or not the submenu is open.",
-                "type": "boolean"
-              },
-              {
-                "name": "nested",
-                "description": "Indicates if this submenu is nested within another submenu.",
-                "type": "boolean"
-              },
-              {
-                "name": "title",
-                "description": "The summary to show in the header. If you need to display HTML, use the `title` slot instead.",
-                "type": "string"
-              },
               {
                 "name": "label",
-                "description": "Matches Antd's `label` field.",
+                "description": "Alternate label content when using Antd-style `items` configuration.",
                 "type": "unknown | undefined"
               },
               {
                 "name": "icon",
-                "description": "Matches Antd's `icon` field.",
+                "description": "Alternate icon content when using Antd-style `items` configuration.",
                 "type": "unknown | undefined"
               },
               {
-                "name": "theme",
-                "description": "Matches Antd's `theme` field.",
-                "type": "'light' | 'dark'"
-              },
-              {
-                "name": "popupClassName",
-                "description": "Matches Antd's `popupClassName` field.",
-                "type": "string"
+                "name": "extra",
+                "description": "Extra content shown at the end of the item.",
+                "type": "unknown | undefined"
               },
               {
-                "name": "popupOffset",
-                "description": "Matches Antd's `popupOffset` field.",
-                "type": "[number, number] | undefined"
+                "name": "danger",
+                "description": "Matches Antd's `danger` item flag.",
+                "type": "boolean"
               },
               {
-                "name": "onTitleClick",
-                "description": "Matches Antd's `onTitleClick` callback.",
-                "type": "(info: { key: string; domEvent: MouseEvent | KeyboardEvent }) => void | undefined"
+                "name": "title",
+                "description": "Tooltip text, primarily used when the menu is collapsed.",
+                "type": "string"
               },
               {
                 "name": "disabled",
-                "description": "Draws the submenu in a disabled state.",
+                "description": "Draws the nav item in a disabled state.",
                 "type": "boolean"
               },
               {
                 "name": "active",
-                "description": "Draws the submenu in an active (selected) state.",
+                "description": "Draws the nav item in an active (selected) state.",
                 "type": "boolean"
               },
+              {
+                "name": "href",
+                "description": "The URL to link to. If set, the nav item will render as an anchor tag.",
+                "type": "string"
+              },
+              {
+                "name": "target",
+                "description": "The target attribute for the anchor tag.",
+                "type": "'_blank' | '_parent' | '_self' | '_top'"
+              },
+              {
+                "name": "download",
+                "description": "The download attribute for the anchor tag.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "rel",
+                "description": "The rel attribute for the anchor tag.",
+                "type": "string"
+              },
               {
                 "name": "mode",
                 "description": "The mode of navigation.",
@@ -4290,32 +4272,21 @@
             ],
             "events": [
               {
-                "name": "sl-show",
-                "description": "Emitted when the submenu opens."
-              },
-              {
-                "name": "sl-after-show",
-                "description": "Emitted after the submenu opens and all animations are complete."
-              },
-              {
-                "name": "sl-hide",
-                "description": "Emitted when the submenu closes."
-              },
-              {
-                "name": "sl-after-hide",
-                "description": "Emitted after the submenu closes and all animations are complete."
+                "name": "sl-nav-select",
+                "type": "{ item: SlNavItem }",
+                "description": "Emitted when a nav item is selected."
               }
             ]
           }
         },
         {
-          "name": "sl-nav-item",
-          "description": "Nav items are the individual links or buttons within a navigation menu.\n---\n\n\n### **Events:**\n - **sl-nav-select** - Emitted when a nav item is selected.\n\n### **Slots:**\n - _default_ - The nav item's label.\n- **prefix** - Used to prepend an icon or similar element to the nav item.\n- **suffix** - Used to append an icon or similar element to the nav item.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The prefix container.\n- **label** - The nav item label.\n- **suffix** - The suffix container.",
+          "name": "sl-nav-submenu",
+          "description": "Nav submenus are used to group related nav items in a hierarchical structure.\n---\n\n\n### **Events:**\n - **sl-show** - Emitted when the submenu opens.\n- **sl-after-show** - Emitted after the submenu opens and all animations are complete.\n- **sl-hide** - Emitted when the submenu closes.\n- **sl-after-hide** - Emitted after the submenu closes and all animations are complete.\n\n### **Methods:**\n - **show(source: _'api' | 'nav' | 'user'_)** - Shows the submenu.\n- **hide(source: _'api' | 'nav' | 'user'_)** - Hides the submenu.\n\n### **Slots:**\n - _default_ - The nav items within the submenu.\n- **title** - The nav submenu's title.\n- **prefix** - Used to prepend an icon or similar element to the nav submenu.\n- **suffix** - Used to append an icon or similar element to the nav submenu.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<sl-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<sl-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **header** - The header that wraps the title, prefix, suffix and expand/collapse icon.\n- **prefix** - The prefix container.\n- **label** - The nav submenu label.\n- **suffix** - The suffix container.\n- **expand-icon** - The container that wraps the expand/collapse icons.\n- **content** - The nav submenu content.\n- **popup** - The popup that wraps the content in horizontal mode.",
           "doc-url": "",
           "attributes": [
             {
               "name": "key",
-              "description": "A stable key used by `sl-nav` to track selection.",
+              "description": "A stable key used by `sl-nav` to track open state.",
               "value": { "type": "string", "default": "''" }
             },
             {
@@ -4324,44 +4295,39 @@
               "value": { "type": "string", "default": "''" }
             },
             {
-              "name": "danger",
-              "description": "Matches Antd's `danger` item flag.",
+              "name": "open",
+              "description": "Indicates whether or not the submenu is open.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "title",
-              "description": "Tooltip text, primarily used when the menu is collapsed.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "disabled",
-              "description": "Draws the nav item in a disabled state.",
+              "name": "nested",
+              "description": "Indicates if this submenu is nested within another submenu.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "active",
-              "description": "Draws the nav item in an active (selected) state.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "title",
+              "description": "The summary to show in the header. If you need to display HTML, use the `title` slot instead.",
+              "value": { "type": "string", "default": "''" }
             },
             {
-              "name": "href",
-              "description": "The URL to link to. If set, the nav item will render as an anchor tag.",
-              "value": { "type": "string", "default": "''" }
+              "name": "theme",
+              "description": "Matches Antd's `theme` field.",
+              "value": { "type": "'light' | 'dark'", "default": "'light'" }
             },
             {
-              "name": "target",
-              "description": "The target attribute for the anchor tag.",
-              "value": { "type": "'_blank' | '_parent' | '_self' | '_top'" }
+              "name": "popup-class-name",
+              "description": "Matches Antd's `popupClassName` field.",
+              "value": { "type": "string", "default": "''" }
             },
             {
-              "name": "download",
-              "description": "The download attribute for the anchor tag.",
-              "value": { "type": "string | undefined" }
+              "name": "disabled",
+              "description": "Draws the submenu in a disabled state.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "rel",
-              "description": "The rel attribute for the anchor tag.",
-              "value": { "type": "string", "default": "'noreferrer noopener'" }
+              "name": "active",
+              "description": "Draws the submenu in an active (selected) state.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "mode",
@@ -4378,28 +4344,51 @@
             }
           ],
           "slots": [
-            { "name": "", "description": "The nav item's label." },
+            { "name": "", "description": "The nav items within the submenu." },
+            { "name": "title", "description": "The nav submenu's title." },
             {
               "name": "prefix",
-              "description": "Used to prepend an icon or similar element to the nav item."
+              "description": "Used to prepend an icon or similar element to the nav submenu."
             },
             {
               "name": "suffix",
-              "description": "Used to append an icon or similar element to the nav item."
+              "description": "Used to append an icon or similar element to the nav submenu."
+            },
+            {
+              "name": "expand-icon",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sl-icon>`."
+            },
+            {
+              "name": "collapse-icon",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sl-icon>`."
             }
           ],
           "events": [
             {
-              "name": "sl-nav-select",
-              "type": "{ item: SlNavItem }",
-              "description": "Emitted when a nav item is selected."
+              "name": "sl-show",
+              "description": "Emitted when the submenu opens."
+            },
+            {
+              "name": "sl-after-show",
+              "description": "Emitted after the submenu opens and all animations are complete."
+            },
+            {
+              "name": "sl-hide",
+              "description": "Emitted when the submenu closes."
+            },
+            {
+              "name": "sl-after-hide",
+              "description": "Emitted after the submenu closes and all animations are complete."
             }
           ],
           "js": {
             "properties": [
+              { "name": "header", "type": "HTMLElement" },
+              { "name": "body", "type": "HTMLElement" },
+              { "name": "popup", "type": "SlPopup" },
               {
                 "name": "key",
-                "description": "A stable key used by `sl-nav` to track selection.",
+                "description": "A stable key used by `sl-nav` to track open state.",
                 "type": "string"
               },
               {
@@ -4408,59 +4397,59 @@
                 "type": "string"
               },
               {
-                "name": "label",
-                "description": "Alternate label content when using Antd-style `items` configuration.",
-                "type": "unknown | undefined"
-              },
-              {
-                "name": "icon",
-                "description": "Alternate icon content when using Antd-style `items` configuration.",
-                "type": "unknown | undefined"
-              },
-              {
-                "name": "extra",
-                "description": "Extra content shown at the end of the item.",
-                "type": "unknown | undefined"
+                "name": "open",
+                "description": "Indicates whether or not the submenu is open.",
+                "type": "boolean"
               },
               {
-                "name": "danger",
-                "description": "Matches Antd's `danger` item flag.",
+                "name": "nested",
+                "description": "Indicates if this submenu is nested within another submenu.",
                 "type": "boolean"
               },
               {
                 "name": "title",
-                "description": "Tooltip text, primarily used when the menu is collapsed.",
+                "description": "The summary to show in the header. If you need to display HTML, use the `title` slot instead.",
                 "type": "string"
               },
               {
-                "name": "disabled",
-                "description": "Draws the nav item in a disabled state.",
-                "type": "boolean"
+                "name": "label",
+                "description": "Matches Antd's `label` field.",
+                "type": "unknown | undefined"
               },
               {
-                "name": "active",
-                "description": "Draws the nav item in an active (selected) state.",
-                "type": "boolean"
+                "name": "icon",
+                "description": "Matches Antd's `icon` field.",
+                "type": "unknown | undefined"
               },
               {
-                "name": "href",
-                "description": "The URL to link to. If set, the nav item will render as an anchor tag.",
+                "name": "theme",
+                "description": "Matches Antd's `theme` field.",
+                "type": "'light' | 'dark'"
+              },
+              {
+                "name": "popupClassName",
+                "description": "Matches Antd's `popupClassName` field.",
                 "type": "string"
               },
               {
-                "name": "target",
-                "description": "The target attribute for the anchor tag.",
-                "type": "'_blank' | '_parent' | '_self' | '_top'"
+                "name": "popupOffset",
+                "description": "Matches Antd's `popupOffset` field.",
+                "type": "[number, number] | undefined"
               },
               {
-                "name": "download",
-                "description": "The download attribute for the anchor tag.",
-                "type": "string | undefined"
+                "name": "onTitleClick",
+                "description": "Matches Antd's `onTitleClick` callback.",
+                "type": "(info: { key: string; domEvent: MouseEvent | KeyboardEvent }) => void | undefined"
               },
               {
-                "name": "rel",
-                "description": "The rel attribute for the anchor tag.",
-                "type": "string"
+                "name": "disabled",
+                "description": "Draws the submenu in a disabled state.",
+                "type": "boolean"
+              },
+              {
+                "name": "active",
+                "description": "Draws the submenu in an active (selected) state.",
+                "type": "boolean"
               },
               {
                 "name": "mode",
@@ -4475,17 +4464,28 @@
             ],
             "events": [
               {
-                "name": "sl-nav-select",
-                "type": "{ item: SlNavItem }",
-                "description": "Emitted when a nav item is selected."
-              }
-            ]
-          }
-        },
-        {
-          "name": "sl-option",
-          "description": "Options define the selectable items within various form controls such as [select](/components/select).\n---\n\n\n### **Methods:**\n - **getTextLabel()** - Returns a plain text label based on the option's content.\n\n### **Slots:**\n - _default_ - The option's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n\n### **CSS Parts:**\n - **checked-icon** - The checked icon, an `<sl-icon>` element.\n- **base** - The component's base wrapper.\n- **label** - The option's label.\n- **prefix** - The container that wraps the prefix.\n- **suffix** - The container that wraps the suffix.",
-          "doc-url": "",
+                "name": "sl-show",
+                "description": "Emitted when the submenu opens."
+              },
+              {
+                "name": "sl-after-show",
+                "description": "Emitted after the submenu opens and all animations are complete."
+              },
+              {
+                "name": "sl-hide",
+                "description": "Emitted when the submenu closes."
+              },
+              {
+                "name": "sl-after-hide",
+                "description": "Emitted after the submenu closes and all animations are complete."
+              }
+            ]
+          }
+        },
+        {
+          "name": "sl-option",
+          "description": "Options define the selectable items within various form controls such as [select](/components/select).\n---\n\n\n### **Methods:**\n - **getTextLabel()** - Returns a plain text label based on the option's content.\n\n### **Slots:**\n - _default_ - The option's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n\n### **CSS Parts:**\n - **checked-icon** - The checked icon, an `<sl-icon>` element.\n- **base** - The component's base wrapper.\n- **label** - The option's label.\n- **prefix** - The container that wraps the prefix.\n- **suffix** - The container that wraps the suffix.",
+          "doc-url": "",
           "attributes": [
             {
               "name": "value",
@@ -4530,6 +4530,61 @@
             "events": []
           }
         },
+        {
+          "name": "sl-pagination",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            { "name": "currentPage", "value": { "type": "number" } },
+            {
+              "name": "pageSize",
+              "value": { "type": "number", "default": "20" }
+            },
+            {
+              "name": "pageSizeOpts",
+              "value": { "type": "array", "default": "[10, 20, 50, 100]" }
+            },
+            {
+              "name": "total",
+              "value": { "type": "number", "default": "5000" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "className",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "simpleMode",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "direction",
+              "value": { "type": "'ltr' | 'rtl'", "default": "'ltr'" }
+            },
+            {
+              "name": "defaultCurrentPage",
+              "value": { "type": "number", "default": "1" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "currentPage", "type": "number" },
+              { "name": "pageSize", "type": "number" },
+              { "name": "pageSizeOpts", "type": "array" },
+              { "name": "total", "type": "number" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "className", "type": "string" },
+              { "name": "simpleMode", "type": "boolean" },
+              { "name": "direction", "type": "'ltr' | 'rtl'" },
+              { "name": "defaultCurrentPage", "type": "number" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "sl-popup",
           "description": "Popup is a utility that lets you declaratively anchor \"popup\" containers to another element.\n---\n\n\n### **Events:**\n - **sl-reposition** - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.\n\n### **Methods:**\n - **reposition()** - Forces the popup to recalculate and reposition itself.\n\n### **Slots:**\n - _default_ - The popup's content.\n- **anchor** - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.\n\n### **CSS Properties:**\n - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_\n- **--arrow-color** - The color of the arrow. _(default: var(--sl-color-neutral-0))_\n- **--auto-size-available-width** - A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n- **--auto-size-available-height** - A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n\n### **CSS Parts:**\n - **arrow** - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.\n- **popup** - The popup's container. Useful for setting a background color, box shadow, etc.\n- **hover-bridge** - The hover bridge element. Only available when the `hover-bridge` option is enabled.",
@@ -4798,56 +4853,50 @@
           }
         },
         {
-          "name": "sl-pagination",
-          "description": "\n---\n",
+          "name": "sl-progress-bar",
+          "description": "Progress bars are used to show the status of an ongoing operation.\n---\n\n\n### **Slots:**\n - _default_ - A label to show inside the progress indicator.\n\n### **CSS Properties:**\n - **--height** - The progress bar's height. _(default: undefined)_\n- **--track-color** - The color of the track. _(default: undefined)_\n- **--indicator-color** - The color of the indicator. _(default: undefined)_\n- **--label-color** - The color of the label. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **indicator** - The progress bar's indicator.\n- **label** - The progress bar's label.",
           "doc-url": "",
           "attributes": [
-            { "name": "currentPage", "value": { "type": "number" } },
-            {
-              "name": "pageSize",
-              "value": { "type": "number", "default": "20" }
-            },
-            {
-              "name": "pageSizeOpts",
-              "value": { "type": "array", "default": "[10, 20, 50, 100]" }
-            },
             {
-              "name": "total",
-              "value": { "type": "number", "default": "5000" }
+              "name": "value",
+              "description": "The current progress as a percentage, 0 to 100.",
+              "value": { "type": "number", "default": "0" }
             },
             {
-              "name": "disabled",
+              "name": "indeterminate",
+              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "className",
+              "name": "label",
+              "description": "A custom label for assistive devices.",
               "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "simpleMode",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "direction",
-              "value": { "type": "'ltr' | 'rtl'", "default": "'ltr'" }
-            },
+            }
+          ],
+          "slots": [
             {
-              "name": "defaultCurrentPage",
-              "value": { "type": "number", "default": "1" }
+              "name": "",
+              "description": "A label to show inside the progress indicator."
             }
           ],
           "events": [],
           "js": {
             "properties": [
-              { "name": "currentPage", "type": "number" },
-              { "name": "pageSize", "type": "number" },
-              { "name": "pageSizeOpts", "type": "array" },
-              { "name": "total", "type": "number" },
-              { "name": "disabled", "type": "boolean" },
-              { "name": "className", "type": "string" },
-              { "name": "simpleMode", "type": "boolean" },
-              { "name": "direction", "type": "'ltr' | 'rtl'" },
-              { "name": "defaultCurrentPage", "type": "number" }
+              {
+                "name": "value",
+                "description": "The current progress as a percentage, 0 to 100.",
+                "type": "number"
+              },
+              {
+                "name": "indeterminate",
+                "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "A custom label for assistive devices.",
+                "type": "string"
+              }
             ],
             "events": []
           }
@@ -4974,55 +5023,6 @@
             "events": []
           }
         },
-        {
-          "name": "sl-progress-bar",
-          "description": "Progress bars are used to show the status of an ongoing operation.\n---\n\n\n### **Slots:**\n - _default_ - A label to show inside the progress indicator.\n\n### **CSS Properties:**\n - **--height** - The progress bar's height. _(default: undefined)_\n- **--track-color** - The color of the track. _(default: undefined)_\n- **--indicator-color** - The color of the indicator. _(default: undefined)_\n- **--label-color** - The color of the label. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **indicator** - The progress bar's indicator.\n- **label** - The progress bar's label.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "value",
-              "description": "The current progress as a percentage, 0 to 100.",
-              "value": { "type": "number", "default": "0" }
-            },
-            {
-              "name": "indeterminate",
-              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "label",
-              "description": "A custom label for assistive devices.",
-              "value": { "type": "string", "default": "''" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "A label to show inside the progress indicator."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "value",
-                "description": "The current progress as a percentage, 0 to 100.",
-                "type": "number"
-              },
-              {
-                "name": "indeterminate",
-                "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
-                "type": "boolean"
-              },
-              {
-                "name": "label",
-                "description": "A custom label for assistive devices.",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "sl-radio",
           "description": "Radios allow the user to select a single option from a group.\n---\n\n\n### **Events:**\n - **sl-blur** - Emitted when the control loses focus.\n- **sl-focus** - Emitted when the control gains focus.\n\n### **Slots:**\n - _default_ - The radio's label.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The circular container that wraps the radio's checked state.\n- **control--checked** - The radio control when the radio is checked.\n- **checked-icon** - The checked icon, an `<sl-icon>` element.\n- **label** - The container that wraps the radio's label.",
@@ -5763,6 +5763,70 @@
             "events": []
           }
         },
+        {
+          "name": "sl-screen",
+          "description": "Screen is a grid layout component based on gridstack.js and Shoelace.\n---\n\n\n### **Methods:**\n - **getGridData(): __** - 获取 GridStack 实例的序列化数据\n- **getInstance(): __** - 获取 GridStack 实例的序列化数据\n\n### **CSS Parts:**\n - **base** - The grid layout content.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "options",
+              "description": "The options for the GridStack instance.",
+              "value": { "type": "GridStackOptions", "default": "{}" }
+            },
+            {
+              "name": "data",
+              "description": "The initial configuration for the grid.",
+              "value": { "type": "GridStackNode[]", "default": "[]" }
+            },
+            {
+              "name": "removable",
+              "description": "Whether the items in the grid can be removed.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "static",
+              "description": "Disables dragging and resizing of widgets.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "selector",
+              "description": "The selector for items that can be dragged into the grid from outside.",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "gridElement", "type": "HTMLElement" },
+              {
+                "name": "options",
+                "description": "The options for the GridStack instance.",
+                "type": "GridStackOptions"
+              },
+              {
+                "name": "data",
+                "description": "The initial configuration for the grid.",
+                "type": "GridStackNode[]"
+              },
+              {
+                "name": "removable",
+                "description": "Whether the items in the grid can be removed.",
+                "type": "boolean"
+              },
+              {
+                "name": "static",
+                "description": "Disables dragging and resizing of widgets.",
+                "type": "boolean"
+              },
+              {
+                "name": "selector",
+                "description": "The selector for items that can be dragged into the grid from outside.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "sl-select",
           "description": "Selects allow you to choose items from a menu of predefined options.\n---\n\n\n### **Events:**\n - **sl-change** - Emitted when the control's value changes.\n- **sl-clear** - Emitted when the control's value is cleared.\n- **sl-input** - Emitted when the control receives input.\n- **sl-focus** - Emitted when the control gains focus.\n- **sl-blur** - Emitted when the control loses focus.\n- **sl-show** - Emitted when the select's menu opens.\n- **sl-after-show** - Emitted after the select's menu opens and all animations are complete.\n- **sl-hide** - Emitted when the select's menu closes.\n- **sl-after-hide** - Emitted after the select's menu closes and all animations are complete.\n- **sl-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **show()** - Shows the listbox.\n- **hide()** - Hides the listbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<sl-option>` elements. You can use `<sl-divider>` to group items visually.\n- **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the combobox.\n- **suffix** - Used to append a presentational icon or similar element to the combobox.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **expand-icon** - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The select's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **combobox** - The container the wraps the prefix, suffix, combobox, clear icon, and expand button.\n- **prefix** - The container that wraps the prefix slot.\n- **suffix** - The container that wraps the suffix slot.\n- **display-input** - The element that displays the selected option's label, an `<input>` element.\n- **listbox** - The listbox container where options are slotted.\n- **tags** - The container that houses option tags when `multiselect` is used.\n- **tag** - The individual tags that represent each multiselect option.\n- **tag__base** - The tag's base part.\n- **tag__content** - The tag's content part.\n- **tag__remove-button** - The tag's remove button.\n- **tag__remove-button__base** - The tag's remove button base part.\n- **clear-button** - The clear button.\n- **expand-icon** - The container that wraps the expand icon.",
@@ -6093,70 +6157,6 @@
             ]
           }
         },
-        {
-          "name": "sl-screen",
-          "description": "Screen is a grid layout component based on gridstack.js and Shoelace.\n---\n\n\n### **Methods:**\n - **getGridData(): __** - 获取 GridStack 实例的序列化数据\n- **getInstance(): __** - 获取 GridStack 实例的序列化数据\n\n### **CSS Parts:**\n - **base** - The grid layout content.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "options",
-              "description": "The options for the GridStack instance.",
-              "value": { "type": "GridStackOptions", "default": "{}" }
-            },
-            {
-              "name": "data",
-              "description": "The initial configuration for the grid.",
-              "value": { "type": "GridStackNode[]", "default": "[]" }
-            },
-            {
-              "name": "removable",
-              "description": "Whether the items in the grid can be removed.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "static",
-              "description": "Disables dragging and resizing of widgets.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "selector",
-              "description": "The selector for items that can be dragged into the grid from outside.",
-              "value": { "type": "string", "default": "''" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "gridElement", "type": "HTMLElement" },
-              {
-                "name": "options",
-                "description": "The options for the GridStack instance.",
-                "type": "GridStackOptions"
-              },
-              {
-                "name": "data",
-                "description": "The initial configuration for the grid.",
-                "type": "GridStackNode[]"
-              },
-              {
-                "name": "removable",
-                "description": "Whether the items in the grid can be removed.",
-                "type": "boolean"
-              },
-              {
-                "name": "static",
-                "description": "Disables dragging and resizing of widgets.",
-                "type": "boolean"
-              },
-              {
-                "name": "selector",
-                "description": "The selector for items that can be dragged into the grid from outside.",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "sl-skeleton",
           "description": "Skeletons are used to provide a visual representation of where content will eventually be drawn.\n---\n\n\n### **CSS Properties:**\n - **--border-radius** - The skeleton's border radius. _(default: undefined)_\n- **--color** - The color of the skeleton. _(default: undefined)_\n- **--sheen-color** - The sheen color when the skeleton is in its loading state. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **indicator** - The skeleton's indicator which is responsible for its color and animation.",
@@ -6633,22 +6633,301 @@
               "value": { "type": "boolean", "default": "false" }
             }
           ],
-          "slots": [{ "name": "", "description": "The tab panel's content." }],
-          "events": [],
+          "slots": [{ "name": "", "description": "The tab panel's content." }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "name",
+                "description": "The tab panel's name.",
+                "type": "string"
+              },
+              {
+                "name": "active",
+                "description": "When true, the tab panel will be shown.",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "sl-table",
+          "description": "\n---\n\n\n### **Events:**\n - **change**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "rowKey",
+              "value": {
+                "type": "TableProps<TData>['rowKey']",
+                "default": "'key'"
+              }
+            },
+            {
+              "name": "columns",
+              "value": {
+                "type": "TableProps<TData>['columns']",
+                "default": "[]"
+              }
+            },
+            {
+              "name": "dataSource",
+              "value": {
+                "type": "TableProps<TData>['dataSource']",
+                "default": "[]"
+              }
+            },
+            {
+              "name": "loading",
+              "value": {
+                "type": "TableProps<TData>['loading']",
+                "default": "false"
+              }
+            },
+            {
+              "name": "bordered",
+              "value": {
+                "type": "TableProps<TData>['bordered']",
+                "default": "false"
+              }
+            },
+            {
+              "name": "direction",
+              "value": {
+                "type": "TableProps<TData>['direction']",
+                "default": "'ltr'"
+              }
+            },
+            {
+              "name": "showHeader",
+              "value": {
+                "type": "TableProps<TData>['showHeader']",
+                "default": "true"
+              }
+            },
+            {
+              "name": "rowSelection",
+              "value": { "type": "TableRowSelection<TData>" }
+            },
+            {
+              "name": "tableScroll",
+              "value": {
+                "type": "TableProps<TData>['tableScroll']",
+                "default": "{}"
+              }
+            },
+            {
+              "name": "pagination",
+              "value": { "type": "TableProps<TData>['pagination'] | undefined" }
+            },
+            {
+              "name": "expandProps",
+              "value": {
+                "type": "TableProps<TData>['expandProps'] | undefined"
+              }
+            },
+            {
+              "name": "tree",
+              "value": { "type": "TableProps<TData>['tree'] | undefined" }
+            },
+            {
+              "name": "enableColumnResizing",
+              "value": {
+                "type": "TableProps<TData>['enableColumnResizing']",
+                "default": "false"
+              }
+            },
+            {
+              "name": "slHeaderRow",
+              "value": {
+                "type": "TableProps<TData>['slHeaderRow'] | undefined"
+              }
+            },
+            {
+              "name": "slRow",
+              "value": { "type": "TableProps<TData>['slRow'] | undefined" }
+            },
+            {
+              "name": "slColumnResize",
+              "value": {
+                "type": "TableProps<TData>['slColumnResize'] | undefined"
+              }
+            },
+            {
+              "name": "virtualized",
+              "value": { "type": "TableProps<TData>['virtualized']" }
+            },
+            {
+              "name": "rowDrag",
+              "description": "是否允许拖动调整行顺序",
+              "value": {
+                "type": "TableProps<TData>['rowDrag']",
+                "default": "false"
+              }
+            },
+            {
+              "name": "slRowReorder",
+              "description": "行拖拽排序后的回调",
+              "value": {
+                "type": "TableProps<TData>['slRowReorder'] | undefined"
+              }
+            }
+          ],
+          "events": [{ "name": "change", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "rowKey", "type": "TableProps<TData>['rowKey']" },
+              { "name": "columns", "type": "TableProps<TData>['columns']" },
+              {
+                "name": "dataSource",
+                "type": "TableProps<TData>['dataSource']"
+              },
+              { "name": "loading", "type": "TableProps<TData>['loading']" },
+              { "name": "bordered", "type": "TableProps<TData>['bordered']" },
+              { "name": "direction", "type": "TableProps<TData>['direction']" },
+              {
+                "name": "showHeader",
+                "type": "TableProps<TData>['showHeader']"
+              },
+              { "name": "rowSelection", "type": "TableRowSelection<TData>" },
+              {
+                "name": "tableScroll",
+                "type": "TableProps<TData>['tableScroll']"
+              },
+              {
+                "name": "pagination",
+                "type": "TableProps<TData>['pagination'] | undefined"
+              },
+              {
+                "name": "expandProps",
+                "type": "TableProps<TData>['expandProps'] | undefined"
+              },
+              {
+                "name": "tree",
+                "type": "TableProps<TData>['tree'] | undefined"
+              },
+              {
+                "name": "enableColumnResizing",
+                "type": "TableProps<TData>['enableColumnResizing']"
+              },
+              {
+                "name": "slHeaderRow",
+                "type": "TableProps<TData>['slHeaderRow'] | undefined"
+              },
+              {
+                "name": "slRow",
+                "type": "TableProps<TData>['slRow'] | undefined"
+              },
+              {
+                "name": "slColumnResize",
+                "type": "TableProps<TData>['slColumnResize'] | undefined"
+              },
+              {
+                "name": "virtualized",
+                "type": "TableProps<TData>['virtualized']"
+              },
+              {
+                "name": "rowDrag",
+                "description": "是否允许拖动调整行顺序",
+                "type": "TableProps<TData>['rowDrag']"
+              },
+              {
+                "name": "slRowReorder",
+                "description": "行拖拽排序后的回调",
+                "type": "TableProps<TData>['slRowReorder'] | undefined"
+              },
+              { "name": "rowSelectedMap", "type": "RowSelectionState" },
+              { "name": "expandedMap", "type": "Record<string, boolean>" },
+              { "name": "sorting", "type": "SortingState" },
+              { "name": "columnFilters", "type": "ColumnFiltersState" },
+              { "name": "tableWidth", "type": "number" },
+              { "name": "columnSizing", "type": "Record<string, number>" },
+              { "name": "pageIndex", "type": "number" },
+              { "name": "columnPinning", "type": "Record<string, string[]>" },
+              { "name": "adapter", "type": "TableAdapter" },
+              { "name": "setColumnWidth" },
+              { "name": "handleBodyScroll" },
+              { "name": "handleBodyScrollLeft" },
+              { "name": "handleWindowResize" },
+              { "name": "syncTableWidth" },
+              { "name": "setScrollBarStyle" },
+              { "name": "setScrollPositionClassName" },
+              { "name": "generateCustomCellSlot" },
+              { "name": "generateCustomRowSlot" },
+              { "name": "handleFilterDropdownChange" },
+              { "name": "handlePaginationChange" }
+            ],
+            "events": [{ "name": "change", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "sl-tag",
+          "description": "Tags are used as labels to organize things or to indicate a selection.\n---\n\n\n### **Events:**\n - **sl-remove** - Emitted when the remove button is activated.\n\n### **Slots:**\n - _default_ - The tag's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - The tag's content.\n- **remove-button** - The tag's remove button, an `<sl-icon-button>`.\n- **remove-button__base** - The remove button's exported `base` part.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "The tag's theme variant.",
+              "value": {
+                "type": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'",
+                "default": "'neutral'"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The tag's size.",
+              "value": {
+                "type": "'small' | 'medium' | 'large'",
+                "default": "'medium'"
+              }
+            },
+            {
+              "name": "pill",
+              "description": "Draws a pill-style tag with rounded edges.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "removable",
+              "description": "Makes the tag removable and shows a remove button.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The tag's content." }],
+          "events": [
+            {
+              "name": "sl-remove",
+              "description": "Emitted when the remove button is activated."
+            }
+          ],
           "js": {
             "properties": [
               {
-                "name": "name",
-                "description": "The tab panel's name.",
-                "type": "string"
+                "name": "variant",
+                "description": "The tag's theme variant.",
+                "type": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
               },
               {
-                "name": "active",
-                "description": "When true, the tab panel will be shown.",
+                "name": "size",
+                "description": "The tag's size.",
+                "type": "'small' | 'medium' | 'large'"
+              },
+              {
+                "name": "pill",
+                "description": "Draws a pill-style tag with rounded edges.",
+                "type": "boolean"
+              },
+              {
+                "name": "removable",
+                "description": "Makes the tag removable and shows a remove button.",
                 "type": "boolean"
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "sl-remove",
+                "description": "Emitted when the remove button is activated."
+              }
+            ]
           }
         },
         {
@@ -6879,367 +7158,88 @@
               },
               {
                 "name": "required",
-                "description": "Makes the textarea a required field.",
-                "type": "boolean"
-              },
-              {
-                "name": "minlength",
-                "description": "The minimum length of input that will be considered valid.",
-                "type": "number"
-              },
-              {
-                "name": "maxlength",
-                "description": "The maximum length of input that will be considered valid.",
-                "type": "number"
-              },
-              {
-                "name": "autocapitalize",
-                "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-                "type": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
-              },
-              {
-                "name": "autocorrect",
-                "description": "Indicates whether the browser's autocorrect feature is on or off.",
-                "type": "string"
-              },
-              {
-                "name": "autocomplete",
-                "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-                "type": "string"
-              },
-              {
-                "name": "autofocus",
-                "description": "Indicates that the input should receive focus on page load.",
-                "type": "boolean"
-              },
-              {
-                "name": "enterkeyhint",
-                "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-                "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
-              },
-              {
-                "name": "spellcheck",
-                "description": "Enables spell checking on the textarea.",
-                "type": "boolean"
-              },
-              {
-                "name": "inputmode",
-                "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-                "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
-              },
-              {
-                "name": "defaultValue",
-                "description": "The default value of the form control. Primarily used for resetting the form control.",
-                "type": "string"
-              },
-              {
-                "name": "validity",
-                "description": "Gets the validity state object"
-              },
-              {
-                "name": "validationMessage",
-                "description": "Gets the validation message"
-              }
-            ],
-            "events": [
-              {
-                "name": "sl-blur",
-                "description": "Emitted when the control loses focus."
-              },
-              {
-                "name": "sl-change",
-                "description": "Emitted when an alteration to the control's value is committed by the user."
-              },
-              {
-                "name": "sl-focus",
-                "description": "Emitted when the control gains focus."
-              },
-              {
-                "name": "sl-input",
-                "description": "Emitted when the control receives input."
-              },
-              {
-                "name": "sl-invalid",
-                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
-              }
-            ]
-          }
-        },
-        {
-          "name": "sl-table",
-          "description": "\n---\n\n\n### **Events:**\n - **change**",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "rowKey",
-              "value": {
-                "type": "TableProps<TData>['rowKey']",
-                "default": "'key'"
-              }
-            },
-            {
-              "name": "columns",
-              "value": {
-                "type": "TableProps<TData>['columns']",
-                "default": "[]"
-              }
-            },
-            {
-              "name": "dataSource",
-              "value": {
-                "type": "TableProps<TData>['dataSource']",
-                "default": "[]"
-              }
-            },
-            {
-              "name": "loading",
-              "value": {
-                "type": "TableProps<TData>['loading']",
-                "default": "false"
-              }
-            },
-            {
-              "name": "bordered",
-              "value": {
-                "type": "TableProps<TData>['bordered']",
-                "default": "false"
-              }
-            },
-            {
-              "name": "direction",
-              "value": {
-                "type": "TableProps<TData>['direction']",
-                "default": "'ltr'"
-              }
-            },
-            {
-              "name": "showHeader",
-              "value": {
-                "type": "TableProps<TData>['showHeader']",
-                "default": "true"
-              }
-            },
-            {
-              "name": "rowSelection",
-              "value": { "type": "TableRowSelection<TData>" }
-            },
-            {
-              "name": "tableScroll",
-              "value": {
-                "type": "TableProps<TData>['tableScroll']",
-                "default": "{}"
-              }
-            },
-            {
-              "name": "pagination",
-              "value": { "type": "TableProps<TData>['pagination'] | undefined" }
-            },
-            {
-              "name": "expandProps",
-              "value": {
-                "type": "TableProps<TData>['expandProps'] | undefined"
-              }
-            },
-            {
-              "name": "tree",
-              "value": { "type": "TableProps<TData>['tree'] | undefined" }
-            },
-            {
-              "name": "enableColumnResizing",
-              "value": {
-                "type": "TableProps<TData>['enableColumnResizing']",
-                "default": "false"
-              }
-            },
-            {
-              "name": "slHeaderRow",
-              "value": {
-                "type": "TableProps<TData>['slHeaderRow'] | undefined"
-              }
-            },
-            {
-              "name": "slRow",
-              "value": { "type": "TableProps<TData>['slRow'] | undefined" }
-            },
-            {
-              "name": "slColumnResize",
-              "value": {
-                "type": "TableProps<TData>['slColumnResize'] | undefined"
-              }
-            },
-            {
-              "name": "virtualized",
-              "value": { "type": "TableProps<TData>['virtualized']" }
-            },
-            {
-              "name": "rowDrag",
-              "description": "是否允许拖动调整行顺序",
-              "value": {
-                "type": "TableProps<TData>['rowDrag']",
-                "default": "false"
-              }
-            },
-            {
-              "name": "slRowReorder",
-              "description": "行拖拽排序后的回调",
-              "value": {
-                "type": "TableProps<TData>['slRowReorder'] | undefined"
-              }
-            }
-          ],
-          "events": [{ "name": "change", "type": "CustomEvent" }],
-          "js": {
-            "properties": [
-              { "name": "rowKey", "type": "TableProps<TData>['rowKey']" },
-              { "name": "columns", "type": "TableProps<TData>['columns']" },
-              {
-                "name": "dataSource",
-                "type": "TableProps<TData>['dataSource']"
-              },
-              { "name": "loading", "type": "TableProps<TData>['loading']" },
-              { "name": "bordered", "type": "TableProps<TData>['bordered']" },
-              { "name": "direction", "type": "TableProps<TData>['direction']" },
-              {
-                "name": "showHeader",
-                "type": "TableProps<TData>['showHeader']"
+                "description": "Makes the textarea a required field.",
+                "type": "boolean"
               },
-              { "name": "rowSelection", "type": "TableRowSelection<TData>" },
               {
-                "name": "tableScroll",
-                "type": "TableProps<TData>['tableScroll']"
+                "name": "minlength",
+                "description": "The minimum length of input that will be considered valid.",
+                "type": "number"
               },
               {
-                "name": "pagination",
-                "type": "TableProps<TData>['pagination'] | undefined"
+                "name": "maxlength",
+                "description": "The maximum length of input that will be considered valid.",
+                "type": "number"
               },
               {
-                "name": "expandProps",
-                "type": "TableProps<TData>['expandProps'] | undefined"
+                "name": "autocapitalize",
+                "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
+                "type": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
               },
               {
-                "name": "tree",
-                "type": "TableProps<TData>['tree'] | undefined"
+                "name": "autocorrect",
+                "description": "Indicates whether the browser's autocorrect feature is on or off.",
+                "type": "string"
               },
               {
-                "name": "enableColumnResizing",
-                "type": "TableProps<TData>['enableColumnResizing']"
+                "name": "autocomplete",
+                "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
+                "type": "string"
               },
               {
-                "name": "slHeaderRow",
-                "type": "TableProps<TData>['slHeaderRow'] | undefined"
+                "name": "autofocus",
+                "description": "Indicates that the input should receive focus on page load.",
+                "type": "boolean"
               },
               {
-                "name": "slRow",
-                "type": "TableProps<TData>['slRow'] | undefined"
+                "name": "enterkeyhint",
+                "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
+                "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
               },
               {
-                "name": "slColumnResize",
-                "type": "TableProps<TData>['slColumnResize'] | undefined"
+                "name": "spellcheck",
+                "description": "Enables spell checking on the textarea.",
+                "type": "boolean"
               },
               {
-                "name": "virtualized",
-                "type": "TableProps<TData>['virtualized']"
+                "name": "inputmode",
+                "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
+                "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
               },
               {
-                "name": "rowDrag",
-                "description": "是否允许拖动调整行顺序",
-                "type": "TableProps<TData>['rowDrag']"
+                "name": "defaultValue",
+                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "type": "string"
               },
               {
-                "name": "slRowReorder",
-                "description": "行拖拽排序后的回调",
-                "type": "TableProps<TData>['slRowReorder'] | undefined"
+                "name": "validity",
+                "description": "Gets the validity state object"
               },
-              { "name": "rowSelectedMap", "type": "RowSelectionState" },
-              { "name": "expandedMap", "type": "Record<string, boolean>" },
-              { "name": "sorting", "type": "SortingState" },
-              { "name": "columnFilters", "type": "ColumnFiltersState" },
-              { "name": "tableWidth", "type": "number" },
-              { "name": "columnSizing", "type": "Record<string, number>" },
-              { "name": "pageIndex", "type": "number" },
-              { "name": "columnPinning", "type": "Record<string, string[]>" },
-              { "name": "adapter", "type": "TableAdapter" },
-              { "name": "setColumnWidth" },
-              { "name": "handleBodyScroll" },
-              { "name": "handleBodyScrollLeft" },
-              { "name": "handleWindowResize" },
-              { "name": "syncTableWidth" },
-              { "name": "setScrollBarStyle" },
-              { "name": "setScrollPositionClassName" },
-              { "name": "generateCustomCellSlot" },
-              { "name": "generateCustomRowSlot" },
-              { "name": "handleFilterDropdownChange" },
-              { "name": "handlePaginationChange" }
-            ],
-            "events": [{ "name": "change", "type": "CustomEvent" }]
-          }
-        },
-        {
-          "name": "sl-tag",
-          "description": "Tags are used as labels to organize things or to indicate a selection.\n---\n\n\n### **Events:**\n - **sl-remove** - Emitted when the remove button is activated.\n\n### **Slots:**\n - _default_ - The tag's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - The tag's content.\n- **remove-button** - The tag's remove button, an `<sl-icon-button>`.\n- **remove-button__base** - The remove button's exported `base` part.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "variant",
-              "description": "The tag's theme variant.",
-              "value": {
-                "type": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'",
-                "default": "'neutral'"
-              }
-            },
-            {
-              "name": "size",
-              "description": "The tag's size.",
-              "value": {
-                "type": "'small' | 'medium' | 'large'",
-                "default": "'medium'"
+              {
+                "name": "validationMessage",
+                "description": "Gets the validation message"
               }
-            },
-            {
-              "name": "pill",
-              "description": "Draws a pill-style tag with rounded edges.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "removable",
-              "description": "Makes the tag removable and shows a remove button.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The tag's content." }],
-          "events": [
-            {
-              "name": "sl-remove",
-              "description": "Emitted when the remove button is activated."
-            }
-          ],
-          "js": {
-            "properties": [
+            ],
+            "events": [
               {
-                "name": "variant",
-                "description": "The tag's theme variant.",
-                "type": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
+                "name": "sl-blur",
+                "description": "Emitted when the control loses focus."
               },
               {
-                "name": "size",
-                "description": "The tag's size.",
-                "type": "'small' | 'medium' | 'large'"
+                "name": "sl-change",
+                "description": "Emitted when an alteration to the control's value is committed by the user."
               },
               {
-                "name": "pill",
-                "description": "Draws a pill-style tag with rounded edges.",
-                "type": "boolean"
+                "name": "sl-focus",
+                "description": "Emitted when the control gains focus."
               },
               {
-                "name": "removable",
-                "description": "Makes the tag removable and shows a remove button.",
-                "type": "boolean"
-              }
-            ],
-            "events": [
+                "name": "sl-input",
+                "description": "Emitted when the control receives input."
+              },
               {
-                "name": "sl-remove",
-                "description": "Emitted when the remove button is activated."
+                "name": "sl-invalid",
+                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
               }
             ]
           }
@@ -7652,70 +7652,213 @@
               "description": "The input's label. Alternatively, you can use the `label` attribute."
             },
             {
-              "name": "prefix",
-              "description": "The input's prefix, to prepend to the input."
+              "name": "prefix",
+              "description": "The input's prefix, to prepend to the input."
+            },
+            {
+              "name": "suffix",
+              "description": "The input's suffix, to append to the input."
+            },
+            {
+              "name": "clear-icon",
+              "description": "An icon to use in lieu of the default clear icon."
+            },
+            {
+              "name": "help-text",
+              "description": "Help text that describes the input. Alternatively, you can use the `help-text` attribute."
+            }
+          ],
+          "events": [
+            {
+              "name": "sl-change",
+              "description": "Emitted when the control's value changes."
+            },
+            {
+              "name": "sl-input",
+              "description": "Emitted when the control's value changes."
+            },
+            {
+              "name": "sl-focus",
+              "description": "Emitted when the control gains focus."
+            },
+            {
+              "name": "sl-blur",
+              "description": "Emitted when the control loses focus."
+            },
+            {
+              "name": "sl-clear",
+              "description": "Emitted when the clear button is activated."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "timePanel", "type": "SlTimePanel" },
+              { "name": "format", "type": "string" },
+              { "name": "pattern", "type": "string" }
+            ],
+            "events": [
+              {
+                "name": "sl-change",
+                "description": "Emitted when the control's value changes."
+              },
+              {
+                "name": "sl-input",
+                "description": "Emitted when the control's value changes."
+              },
+              {
+                "name": "sl-focus",
+                "description": "Emitted when the control gains focus."
+              },
+              {
+                "name": "sl-blur",
+                "description": "Emitted when the control loses focus."
+              },
+              {
+                "name": "sl-clear",
+                "description": "Emitted when the clear button is activated."
+              }
+            ]
+          }
+        },
+        {
+          "name": "sl-tooltip",
+          "description": "Tooltips display additional information based on a specific action.\n---\n\n\n### **Events:**\n - **sl-show** - Emitted when the tooltip begins to show.\n- **sl-after-show** - Emitted after the tooltip has shown and all animations are complete.\n- **sl-hide** - Emitted when the tooltip begins to hide.\n- **sl-after-hide** - Emitted after the tooltip has hidden and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the tooltip.\n- **hide()** - Hides the tooltip\n\n### **Slots:**\n - _default_ - The tooltip's target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n- **content** - The content to render in the tooltip. Alternatively, you can use the `content` attribute.\n\n### **CSS Properties:**\n - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_\n- **--hide-delay** - The amount of time to wait before hiding the tooltip when hovering. _(default: undefined)_\n- **--show-delay** - The amount of time to wait before showing the tooltip when hovering. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<sl-popup>` element.\n- **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n- **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n- **body** - The tooltip's body where its content is rendered.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "content",
+              "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "placement",
+              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+              "value": {
+                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'",
+                "default": "'top'"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the tooltip so it won't show when triggered.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "distance",
+              "description": "The distance in pixels from which to offset the tooltip away from its target.",
+              "value": { "type": "number", "default": "8" }
+            },
+            {
+              "name": "open",
+              "description": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "skidding",
+              "description": "The distance in pixels from which to offset the tooltip along its target.",
+              "value": { "type": "number", "default": "0" }
             },
             {
-              "name": "suffix",
-              "description": "The input's suffix, to append to the input."
+              "name": "trigger",
+              "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
+              "value": { "type": "string", "default": "'hover focus'" }
             },
             {
-              "name": "clear-icon",
-              "description": "An icon to use in lieu of the default clear icon."
+              "name": "hoist",
+              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The tooltip's target element. Avoid slotting in more than one element, as subsequent ones will be ignored."
             },
             {
-              "name": "help-text",
-              "description": "Help text that describes the input. Alternatively, you can use the `help-text` attribute."
+              "name": "content",
+              "description": "The content to render in the tooltip. Alternatively, you can use the `content` attribute."
             }
           ],
           "events": [
             {
-              "name": "sl-change",
-              "description": "Emitted when the control's value changes."
-            },
-            {
-              "name": "sl-input",
-              "description": "Emitted when the control's value changes."
+              "name": "sl-show",
+              "description": "Emitted when the tooltip begins to show."
             },
             {
-              "name": "sl-focus",
-              "description": "Emitted when the control gains focus."
+              "name": "sl-after-show",
+              "description": "Emitted after the tooltip has shown and all animations are complete."
             },
             {
-              "name": "sl-blur",
-              "description": "Emitted when the control loses focus."
+              "name": "sl-hide",
+              "description": "Emitted when the tooltip begins to hide."
             },
             {
-              "name": "sl-clear",
-              "description": "Emitted when the clear button is activated."
+              "name": "sl-after-hide",
+              "description": "Emitted after the tooltip has hidden and all animations are complete."
             }
           ],
           "js": {
             "properties": [
-              { "name": "timePanel", "type": "SlTimePanel" },
-              { "name": "format", "type": "string" },
-              { "name": "pattern", "type": "string" }
-            ],
-            "events": [
+              { "name": "defaultSlot", "type": "HTMLSlotElement" },
+              { "name": "body", "type": "HTMLElement" },
+              { "name": "popup", "type": "SlPopup" },
               {
-                "name": "sl-change",
-                "description": "Emitted when the control's value changes."
+                "name": "content",
+                "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
+                "type": "string"
               },
               {
-                "name": "sl-input",
-                "description": "Emitted when the control's value changes."
+                "name": "placement",
+                "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
               },
               {
-                "name": "sl-focus",
-                "description": "Emitted when the control gains focus."
+                "name": "disabled",
+                "description": "Disables the tooltip so it won't show when triggered.",
+                "type": "boolean"
               },
               {
-                "name": "sl-blur",
-                "description": "Emitted when the control loses focus."
+                "name": "distance",
+                "description": "The distance in pixels from which to offset the tooltip away from its target.",
+                "type": "number"
               },
               {
-                "name": "sl-clear",
-                "description": "Emitted when the clear button is activated."
+                "name": "open",
+                "description": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
+                "type": "boolean"
+              },
+              {
+                "name": "skidding",
+                "description": "The distance in pixels from which to offset the tooltip along its target.",
+                "type": "number"
+              },
+              {
+                "name": "trigger",
+                "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
+                "type": "string"
+              },
+              {
+                "name": "hoist",
+                "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
+                "type": "boolean"
+              }
+            ],
+            "events": [
+              {
+                "name": "sl-show",
+                "description": "Emitted when the tooltip begins to show."
+              },
+              {
+                "name": "sl-after-show",
+                "description": "Emitted after the tooltip has shown and all animations are complete."
+              },
+              {
+                "name": "sl-hide",
+                "description": "Emitted when the tooltip begins to hide."
+              },
+              {
+                "name": "sl-after-hide",
+                "description": "Emitted after the tooltip has hidden and all animations are complete."
               }
             ]
           }
@@ -7895,149 +8038,6 @@
             ]
           }
         },
-        {
-          "name": "sl-tooltip",
-          "description": "Tooltips display additional information based on a specific action.\n---\n\n\n### **Events:**\n - **sl-show** - Emitted when the tooltip begins to show.\n- **sl-after-show** - Emitted after the tooltip has shown and all animations are complete.\n- **sl-hide** - Emitted when the tooltip begins to hide.\n- **sl-after-hide** - Emitted after the tooltip has hidden and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the tooltip.\n- **hide()** - Hides the tooltip\n\n### **Slots:**\n - _default_ - The tooltip's target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n- **content** - The content to render in the tooltip. Alternatively, you can use the `content` attribute.\n\n### **CSS Properties:**\n - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_\n- **--hide-delay** - The amount of time to wait before hiding the tooltip when hovering. _(default: undefined)_\n- **--show-delay** - The amount of time to wait before showing the tooltip when hovering. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<sl-popup>` element.\n- **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n- **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n- **body** - The tooltip's body where its content is rendered.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "content",
-              "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "placement",
-              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
-              "value": {
-                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'",
-                "default": "'top'"
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "Disables the tooltip so it won't show when triggered.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "distance",
-              "description": "The distance in pixels from which to offset the tooltip away from its target.",
-              "value": { "type": "number", "default": "8" }
-            },
-            {
-              "name": "open",
-              "description": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "skidding",
-              "description": "The distance in pixels from which to offset the tooltip along its target.",
-              "value": { "type": "number", "default": "0" }
-            },
-            {
-              "name": "trigger",
-              "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
-              "value": { "type": "string", "default": "'hover focus'" }
-            },
-            {
-              "name": "hoist",
-              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "The tooltip's target element. Avoid slotting in more than one element, as subsequent ones will be ignored."
-            },
-            {
-              "name": "content",
-              "description": "The content to render in the tooltip. Alternatively, you can use the `content` attribute."
-            }
-          ],
-          "events": [
-            {
-              "name": "sl-show",
-              "description": "Emitted when the tooltip begins to show."
-            },
-            {
-              "name": "sl-after-show",
-              "description": "Emitted after the tooltip has shown and all animations are complete."
-            },
-            {
-              "name": "sl-hide",
-              "description": "Emitted when the tooltip begins to hide."
-            },
-            {
-              "name": "sl-after-hide",
-              "description": "Emitted after the tooltip has hidden and all animations are complete."
-            }
-          ],
-          "js": {
-            "properties": [
-              { "name": "defaultSlot", "type": "HTMLSlotElement" },
-              { "name": "body", "type": "HTMLElement" },
-              { "name": "popup", "type": "SlPopup" },
-              {
-                "name": "content",
-                "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
-                "type": "string"
-              },
-              {
-                "name": "placement",
-                "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
-                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
-              },
-              {
-                "name": "disabled",
-                "description": "Disables the tooltip so it won't show when triggered.",
-                "type": "boolean"
-              },
-              {
-                "name": "distance",
-                "description": "The distance in pixels from which to offset the tooltip away from its target.",
-                "type": "number"
-              },
-              {
-                "name": "open",
-                "description": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
-                "type": "boolean"
-              },
-              {
-                "name": "skidding",
-                "description": "The distance in pixels from which to offset the tooltip along its target.",
-                "type": "number"
-              },
-              {
-                "name": "trigger",
-                "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
-                "type": "string"
-              },
-              {
-                "name": "hoist",
-                "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-                "type": "boolean"
-              }
-            ],
-            "events": [
-              {
-                "name": "sl-show",
-                "description": "Emitted when the tooltip begins to show."
-              },
-              {
-                "name": "sl-after-show",
-                "description": "Emitted after the tooltip has shown and all animations are complete."
-              },
-              {
-                "name": "sl-hide",
-                "description": "Emitted when the tooltip begins to hide."
-              },
-              {
-                "name": "sl-after-hide",
-                "description": "Emitted after the tooltip has hidden and all animations are complete."
-              }
-            ]
-          }
-        },
         {
           "name": "sl-visually-hidden",
           "description": "The visually hidden utility makes content accessible to assistive devices without displaying it on the screen.\n---\n\n\n### **Slots:**\n - _default_ - The content to be visually hidden.",