@kdcloudjs/shoelace 1.0.25 → 1.0.26

package/dist/custom-elements.json

@@ -331,192 +331,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/animated-image/animated-image.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlAnimatedImage",
-          "cssProperties": [
-            {
-              "description": "The size of the icon box.",
-              "name": "--control-box-size"
-            },
-            {
-              "description": "The size of the play/pause icons.",
-              "name": "--icon-size"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The container that surrounds the pause/play icons and provides their background.",
-              "name": "control-box"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Optional play icon to use instead of the default. Works best with `<sl-icon>`.",
-              "name": "play-icon"
-            },
-            {
-              "description": "Optional pause icon to use instead of the default. Works best with `<sl-icon>`.",
-              "name": "pause-icon"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'sl-icon': SlIcon }"
-            },
-            {
-              "kind": "field",
-              "name": "animatedImage",
-              "type": {
-                "text": "HTMLImageElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "frozenFrame",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isLoaded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "src",
-              "type": {
-                "text": "string"
-              },
-              "description": "The path to the image to load.",
-              "attribute": "src"
-            },
-            {
-              "kind": "field",
-              "name": "alt",
-              "type": {
-                "text": "string"
-              },
-              "description": "A description of the image used by assistive devices.",
-              "attribute": "alt"
-            },
-            {
-              "kind": "field",
-              "name": "play",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Plays the animation. When this attribute is remove, the animation will pause.",
-              "attribute": "play",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleLoad",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleError",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handlePlayChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleSrcChange"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the image loads successfully.",
-              "name": "sl-load",
-              "reactName": "onSlLoad",
-              "eventName": "SlLoadEvent"
-            },
-            {
-              "description": "Emitted when the image fails to load.",
-              "name": "sl-error",
-              "reactName": "onSlError",
-              "eventName": "SlErrorEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "src",
-              "type": {
-                "text": "string"
-              },
-              "description": "The path to the image to load.",
-              "fieldName": "src"
-            },
-            {
-              "name": "alt",
-              "type": {
-                "text": "string"
-              },
-              "description": "A description of the image used by assistive devices.",
-              "fieldName": "alt"
-            },
-            {
-              "name": "play",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Plays the animation. When this attribute is remove, the animation will pause.",
-              "fieldName": "play"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "A component for displaying animated GIFs and WEBPs that play and pause on interaction.",
-          "tagNameWithoutPrefix": "animated-image",
-          "tagName": "sl-animated-image",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A component for displaying animated GIFs and WEBPs that play and pause on interaction.\n * @documentation https://shoelace.style/components/animated-image\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @event sl-load - Emitted when the image loads successfully.\n * @event sl-error - Emitted when the image fails to load.\n *\n * @slot play-icon - Optional play icon to use instead of the default. Works best with `<sl-icon>`.\n * @slot pause-icon - Optional pause icon to use instead of the default. Works best with `<sl-icon>`.\n *\n * @part control-box - The container that surrounds the pause/play icons and provides their background.\n *\n * @cssproperty --control-box-size - The size of the icon box.\n * @cssproperty --icon-size - The size of the play/pause icons.\n */",
-          "documentation": "https://shoelace.style/components/animated-image",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "sl-icon"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlAnimatedImage",
-            "module": "components/animated-image/animated-image.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/animation/animation.js",
@@ -873,40 +687,36 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/avatar/avatar.js",
+      "path": "components/animated-image/animated-image.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlAvatar",
+          "name": "SlAnimatedImage",
           "cssProperties": [
             {
-              "description": "The size of the avatar.",
-              "name": "--size"
+              "description": "The size of the icon box.",
+              "name": "--control-box-size"
+            },
+            {
+              "description": "The size of the play/pause icons.",
+              "name": "--icon-size"
             }
           ],
           "cssParts": [
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The container that wraps the avatar's icon.",
-              "name": "icon"
-            },
-            {
-              "description": "The container that wraps the avatar's initials.",
-              "name": "initials"
-            },
-            {
-              "description": "The avatar image. Only shown when the `image` attribute is set.",
-              "name": "image"
+              "description": "The container that surrounds the pause/play icons and provides their background.",
+              "name": "control-box"
             }
           ],
           "slots": [
             {
-              "description": "The default icon to use when no image or initials are present. Works best with `<sl-icon>`.",
-              "name": "icon"
+              "description": "Optional play icon to use instead of the default. Works best with `<sl-icon>`.",
+              "name": "play-icon"
+            },
+            {
+              "description": "Optional pause icon to use instead of the default. Works best with `<sl-icon>`.",
+              "name": "pause-icon"
             }
           ],
           "members": [
@@ -921,48 +731,238 @@
             },
             {
               "kind": "field",
-              "name": "hasError",
+              "name": "animatedImage",
               "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+                "text": "HTMLImageElement"
+              }
             },
             {
               "kind": "field",
-              "name": "image",
+              "name": "frozenFrame",
               "type": {
                 "text": "string"
-              },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "attribute": "image"
+              }
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "isLoaded",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "attribute": "label"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "initials",
+              "name": "src",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "attribute": "initials"
+              "description": "The path to the image to load.",
+              "attribute": "src"
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "alt",
               "type": {
-                "text": "'eager' | 'lazy'"
+                "text": "string"
+              },
+              "description": "A description of the image used by assistive devices.",
+              "attribute": "alt"
+            },
+            {
+              "kind": "field",
+              "name": "play",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Plays the animation. When this attribute is remove, the animation will pause.",
+              "attribute": "play",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleLoad",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleError",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handlePlayChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleSrcChange"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the image loads successfully.",
+              "name": "sl-load",
+              "reactName": "onSlLoad",
+              "eventName": "SlLoadEvent"
+            },
+            {
+              "description": "Emitted when the image fails to load.",
+              "name": "sl-error",
+              "reactName": "onSlError",
+              "eventName": "SlErrorEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "description": "The path to the image to load.",
+              "fieldName": "src"
+            },
+            {
+              "name": "alt",
+              "type": {
+                "text": "string"
+              },
+              "description": "A description of the image used by assistive devices.",
+              "fieldName": "alt"
+            },
+            {
+              "name": "play",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Plays the animation. When this attribute is remove, the animation will pause.",
+              "fieldName": "play"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "A component for displaying animated GIFs and WEBPs that play and pause on interaction.",
+          "tagNameWithoutPrefix": "animated-image",
+          "tagName": "sl-animated-image",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A component for displaying animated GIFs and WEBPs that play and pause on interaction.\n * @documentation https://shoelace.style/components/animated-image\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @event sl-load - Emitted when the image loads successfully.\n * @event sl-error - Emitted when the image fails to load.\n *\n * @slot play-icon - Optional play icon to use instead of the default. Works best with `<sl-icon>`.\n * @slot pause-icon - Optional pause icon to use instead of the default. Works best with `<sl-icon>`.\n *\n * @part control-box - The container that surrounds the pause/play icons and provides their background.\n *\n * @cssproperty --control-box-size - The size of the icon box.\n * @cssproperty --icon-size - The size of the play/pause icons.\n */",
+          "documentation": "https://shoelace.style/components/animated-image",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "sl-icon"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlAnimatedImage",
+            "module": "components/animated-image/animated-image.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/avatar/avatar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlAvatar",
+          "cssProperties": [
+            {
+              "description": "The size of the avatar.",
+              "name": "--size"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The container that wraps the avatar's icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The container that wraps the avatar's initials.",
+              "name": "initials"
+            },
+            {
+              "description": "The avatar image. Only shown when the `image` attribute is set.",
+              "name": "image"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default icon to use when no image or initials are present. Works best with `<sl-icon>`.",
+              "name": "icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'sl-icon': SlIcon }"
+            },
+            {
+              "kind": "field",
+              "name": "hasError",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "attribute": "image"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "initials",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "attribute": "initials"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
               },
               "default": "'eager'",
               "description": "Indicates how the browser should load the image.",
@@ -2281,12 +2281,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/calendar/calendar.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "components/card/card.js",
@@ -2387,6 +2381,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/calendar/calendar.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "components/carousel/carousel.js",
@@ -2971,6 +2971,51 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/carousel-item/carousel-item.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlCarouselItem",
+          "cssProperties": [
+            {
+              "description": "The slide's aspect ratio. Inherited from the carousel by default.",
+              "name": "--aspect-ratio"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The carousel item's content..",
+              "name": ""
+            }
+          ],
+          "members": [],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "A carousel item represent a slide within a [carousel](/components/carousel).",
+          "tagNameWithoutPrefix": "carousel-item",
+          "tagName": "sl-carousel-item",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A carousel item represent a slide within a [carousel](/components/carousel).\n *\n * @since 2.0\n * @status experimental\n *\n * @slot - The carousel item's content..\n *\n * @cssproperty --aspect-ratio - The slide's aspect ratio. Inherited from the carousel by default.\n *\n */",
+          "since": "2.0",
+          "status": "experimental"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlCarouselItem",
+            "module": "components/carousel-item/carousel-item.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/checkbox/checkbox.js",
@@ -3766,51 +3811,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/carousel-item/carousel-item.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlCarouselItem",
-          "cssProperties": [
-            {
-              "description": "The slide's aspect ratio. Inherited from the carousel by default.",
-              "name": "--aspect-ratio"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The carousel item's content..",
-              "name": ""
-            }
-          ],
-          "members": [],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "A carousel item represent a slide within a [carousel](/components/carousel).",
-          "tagNameWithoutPrefix": "carousel-item",
-          "tagName": "sl-carousel-item",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A carousel item represent a slide within a [carousel](/components/carousel).\n *\n * @since 2.0\n * @status experimental\n *\n * @slot - The carousel item's content..\n *\n * @cssproperty --aspect-ratio - The slide's aspect ratio. Inherited from the carousel by default.\n *\n */",
-          "since": "2.0",
-          "status": "experimental"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlCarouselItem",
-            "module": "components/carousel-item/carousel-item.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/color-picker/color-picker.js",
@@ -11351,6 +11351,52 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/menu-label/menu-label.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlMenuLabel",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The menu label's content.",
+              "name": ""
+            }
+          ],
+          "members": [],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "Menu labels are used to describe a group of menu items.",
+          "tagNameWithoutPrefix": "menu-label",
+          "tagName": "sl-menu-label",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Menu labels are used to describe a group of menu items.\n * @documentation https://shoelace.style/components/menu-label\n * @status stable\n * @since 2.0\n *\n * @slot - The menu label's content.\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://shoelace.style/components/menu-label",
+          "status": "stable",
+          "since": "2.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlMenuLabel",
+            "module": "components/menu-label/menu-label.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/mutation-observer/mutation-observer.js",
@@ -11554,52 +11600,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/menu-label/menu-label.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlMenuLabel",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The menu label's content.",
-              "name": ""
-            }
-          ],
-          "members": [],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "Menu labels are used to describe a group of menu items.",
-          "tagNameWithoutPrefix": "menu-label",
-          "tagName": "sl-menu-label",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Menu labels are used to describe a group of menu items.\n * @documentation https://shoelace.style/components/menu-label\n * @status stable\n * @since 2.0\n *\n * @slot - The menu label's content.\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://shoelace.style/components/menu-label",
-          "status": "stable",
-          "since": "2.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlMenuLabel",
-            "module": "components/menu-label/menu-label.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/nav/nav.js",
@@ -20345,12 +20345,36 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/table/table.js",
+      "path": "components/tag/tag.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlTable",
+          "name": "SlTag",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The tag's content.",
+              "name": "content"
+            },
+            {
+              "description": "The tag's remove button, an `<sl-icon-button>`.",
+              "name": "remove-button"
+            },
+            {
+              "description": "The remove button's exported `base` part.",
+              "name": "remove-button__base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The tag's content.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -20359,81 +20383,229 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sl-icon': SlIcon, 'sl-checkbox': SlCheckBox, 'sl-radio': SlRadio, 'sl-pagination': SlPagination }"
-            },
-            {
-              "kind": "field",
-              "name": "rowVirtualizerController",
-              "type": {
-                "text": "VirtualizerController<Element, Element>"
-              },
-              "privacy": "private"
+              "default": "{ 'sl-icon-button': SlIconButton }"
             },
             {
               "kind": "field",
-              "name": "tableController",
+              "name": "localize",
               "privacy": "private",
-              "default": "new TableController<TData>(this)"
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "rowKey",
+              "name": "variant",
               "type": {
-                "text": "TableProps<TData>['rowKey']"
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
               },
-              "default": "'key'",
-              "attribute": "rowKey"
+              "default": "'neutral'",
+              "description": "The tag's theme variant.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "columns",
+              "name": "size",
               "type": {
-                "text": "TableProps<TData>['columns']"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "[]",
-              "attribute": "columns"
+              "default": "'medium'",
+              "description": "The tag's size.",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "dataSource",
+              "name": "pill",
               "type": {
-                "text": "TableProps<TData>['dataSource']"
+                "text": "boolean"
               },
-              "default": "[]",
-              "attribute": "dataSource"
+              "default": "false",
+              "description": "Draws a pill-style tag with rounded edges.",
+              "attribute": "pill",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "removable",
               "type": {
-                "text": "TableProps<TData>['loading']"
+                "text": "boolean"
               },
               "default": "false",
-              "attribute": "loading"
+              "description": "Makes the tag removable and shows a remove button.",
+              "attribute": "removable"
             },
             {
-              "kind": "field",
-              "name": "bordered",
+              "kind": "method",
+              "name": "handleRemoveClick",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the remove button is activated.",
+              "name": "sl-remove",
+              "reactName": "onSlRemove",
+              "eventName": "SlRemoveEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
               "type": {
-                "text": "TableProps<TData>['bordered']"
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
               },
-              "default": "false",
-              "attribute": "bordered"
+              "default": "'neutral'",
+              "description": "The tag's theme variant.",
+              "fieldName": "variant"
             },
             {
-              "kind": "field",
-              "name": "direction",
+              "name": "size",
               "type": {
-                "text": "TableProps<TData>['direction']"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "'ltr'",
-              "attribute": "direction"
+              "default": "'medium'",
+              "description": "The tag's size.",
+              "fieldName": "size"
             },
             {
-              "kind": "field",
-              "name": "showHeader",
+              "name": "pill",
               "type": {
-                "text": "TableProps<TData>['showHeader']"
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style tag with rounded edges.",
+              "fieldName": "pill"
+            },
+            {
+              "name": "removable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the tag removable and shows a remove button.",
+              "fieldName": "removable"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "Tags are used as labels to organize things or to indicate a selection.",
+          "tagNameWithoutPrefix": "tag",
+          "tagName": "sl-tag",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Tags are used as labels to organize things or to indicate a selection.\n * @documentation https://shoelace.style/components/tag\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon-button\n *\n * @slot - The tag's content.\n *\n * @event sl-remove - Emitted when the remove button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart content - The tag's content.\n * @csspart remove-button - The tag's remove button, an `<sl-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n */",
+          "documentation": "https://shoelace.style/components/tag",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "sl-icon-button"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlTag",
+            "module": "components/tag/tag.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/table/table.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlTable",
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'sl-icon': SlIcon, 'sl-checkbox': SlCheckBox, 'sl-radio': SlRadio, 'sl-pagination': SlPagination }"
+            },
+            {
+              "kind": "field",
+              "name": "rowVirtualizerController",
+              "type": {
+                "text": "VirtualizerController<Element, Element>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "tableController",
+              "privacy": "private",
+              "default": "new TableController<TData>(this)"
+            },
+            {
+              "kind": "field",
+              "name": "rowKey",
+              "type": {
+                "text": "TableProps<TData>['rowKey']"
+              },
+              "default": "'key'",
+              "attribute": "rowKey"
+            },
+            {
+              "kind": "field",
+              "name": "columns",
+              "type": {
+                "text": "TableProps<TData>['columns']"
+              },
+              "default": "[]",
+              "attribute": "columns"
+            },
+            {
+              "kind": "field",
+              "name": "dataSource",
+              "type": {
+                "text": "TableProps<TData>['dataSource']"
+              },
+              "default": "[]",
+              "attribute": "dataSource"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "TableProps<TData>['loading']"
+              },
+              "default": "false",
+              "attribute": "loading"
+            },
+            {
+              "kind": "field",
+              "name": "bordered",
+              "type": {
+                "text": "TableProps<TData>['bordered']"
+              },
+              "default": "false",
+              "attribute": "bordered"
+            },
+            {
+              "kind": "field",
+              "name": "direction",
+              "type": {
+                "text": "TableProps<TData>['direction']"
+              },
+              "default": "'ltr'",
+              "attribute": "direction"
+            },
+            {
+              "kind": "field",
+              "name": "showHeader",
+              "type": {
+                "text": "TableProps<TData>['showHeader']"
               },
               "default": "true",
               "attribute": "showHeader"
@@ -20627,6 +20799,14 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "bodyResizeObserver",
+              "type": {
+                "text": "ResizeObserver | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "normalizeTree",
@@ -20684,6 +20864,12 @@
               "kind": "field",
               "name": "setScrollBarStyle"
             },
+            {
+              "kind": "field",
+              "name": "observeBodyResize",
+              "privacy": "private",
+              "description": "监听 body 容器尺寸变化，滚动条出现/消失时同步表头"
+            },
             {
               "kind": "field",
               "name": "setScrollPositionClassName"
@@ -21083,274 +21269,102 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/tag/tag.js",
+      "path": "components/textarea/textarea.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlTag",
+          "name": "SlTextarea",
           "cssParts": [
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
+              "description": "The form control that wraps the label, input, and help text.",
+              "name": "form-control"
             },
             {
-              "description": "The tag's content.",
-              "name": "content"
+              "description": "The label's wrapper.",
+              "name": "form-control-label"
             },
             {
-              "description": "The tag's remove button, an `<sl-icon-button>`.",
-              "name": "remove-button"
+              "description": "The input's wrapper.",
+              "name": "form-control-input"
             },
             {
-              "description": "The remove button's exported `base` part.",
-              "name": "remove-button__base"
+              "description": "The help text's wrapper.",
+              "name": "form-control-help-text"
+            },
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The internal `<textarea>` control.",
+              "name": "textarea"
             }
           ],
           "slots": [
             {
-              "description": "The tag's content.",
-              "name": ""
+              "description": "The textarea's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
+            },
+            {
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'sl-icon-button': SlIconButton }"
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this, { assumeInteractionOn: ['sl-blur', 'sl-input'] })"
             },
             {
               "kind": "field",
-              "name": "localize",
+              "name": "hasSlotController",
               "privacy": "private",
               "readonly": true,
-              "default": "new LocalizeController(this)"
+              "default": "new HasSlotController(this, 'help-text', 'label')"
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "resizeObserver",
               "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
+                "text": "ResizeObserver"
               },
-              "default": "'neutral'",
-              "description": "The tag's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "input",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The tag's size.",
-              "attribute": "size",
-              "reflects": true
+                "text": "HTMLTextAreaElement"
+              }
             },
             {
               "kind": "field",
-              "name": "pill",
+              "name": "sizeAdjuster",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style tag with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
+                "text": "HTMLTextAreaElement"
+              }
             },
             {
               "kind": "field",
-              "name": "removable",
+              "name": "hasFocus",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Makes the tag removable and shows a remove button.",
-              "attribute": "removable"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "kind": "method",
-              "name": "handleRemoveClick",
-              "privacy": "private"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the remove button is activated.",
-              "name": "sl-remove",
-              "reactName": "onSlRemove",
-              "eventName": "SlRemoveEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
+              "kind": "field",
+              "name": "title",
               "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
+                "text": "string"
               },
-              "default": "'neutral'",
-              "description": "The tag's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The tag's size.",
-              "fieldName": "size"
-            },
-            {
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style tag with rounded edges.",
-              "fieldName": "pill"
-            },
-            {
-              "name": "removable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the tag removable and shows a remove button.",
-              "fieldName": "removable"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "Tags are used as labels to organize things or to indicate a selection.",
-          "tagNameWithoutPrefix": "tag",
-          "tagName": "sl-tag",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Tags are used as labels to organize things or to indicate a selection.\n * @documentation https://shoelace.style/components/tag\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon-button\n *\n * @slot - The tag's content.\n *\n * @event sl-remove - Emitted when the remove button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart content - The tag's content.\n * @csspart remove-button - The tag's remove button, an `<sl-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n */",
-          "documentation": "https://shoelace.style/components/tag",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "sl-icon-button"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlTag",
-            "module": "components/tag/tag.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/textarea/textarea.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlTextarea",
-          "cssParts": [
-            {
-              "description": "The form control that wraps the label, input, and help text.",
-              "name": "form-control"
-            },
-            {
-              "description": "The label's wrapper.",
-              "name": "form-control-label"
-            },
-            {
-              "description": "The input's wrapper.",
-              "name": "form-control-input"
-            },
-            {
-              "description": "The help text's wrapper.",
-              "name": "form-control-help-text"
-            },
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The internal `<textarea>` control.",
-              "name": "textarea"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The textarea's label. Alternatively, you can use the `label` attribute.",
-              "name": "label"
-            },
-            {
-              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
-              "name": "help-text"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "formControlController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this, { assumeInteractionOn: ['sl-blur', 'sl-input'] })"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'help-text', 'label')"
-            },
-            {
-              "kind": "field",
-              "name": "resizeObserver",
-              "type": {
-                "text": "ResizeObserver"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "input",
-              "type": {
-                "text": "HTMLTextAreaElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "sizeAdjuster",
-              "type": {
-                "text": "HTMLTextAreaElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "title"
+              "default": "''",
+              "attribute": "title"
             },
             {
               "kind": "field",
@@ -23824,92 +23838,43 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/tree-item/tree-item.js",
+      "path": "components/tree/tree.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlTreeItem",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The tree item's container. This element wraps everything except slotted tree item children.",
-              "name": "item"
-            },
-            {
-              "description": "Applied when the tree item is disabled.",
-              "name": "item--disabled"
-            },
-            {
-              "description": "Applied when the tree item is expanded.",
-              "name": "item--expanded"
-            },
-            {
-              "description": "Applied when the selection is indeterminate.",
-              "name": "item--indeterminate"
-            },
-            {
-              "description": "Applied when the tree item is selected.",
-              "name": "item--selected"
-            },
-            {
-              "description": "The tree item's indentation container.",
-              "name": "indentation"
-            },
-            {
-              "description": "The container that wraps the tree item's expand button and spinner.",
-              "name": "expand-button"
-            },
-            {
-              "description": "The spinner that shows when a lazy tree item is in the loading state.",
-              "name": "spinner"
-            },
-            {
-              "description": "The spinner's base part.",
-              "name": "spinner__base"
-            },
-            {
-              "description": "The tree item's label.",
-              "name": "label"
-            },
-            {
-              "description": "The container that wraps the tree item's nested children.",
-              "name": "children"
-            },
-            {
-              "description": "The checkbox that shows when using multiselect.",
-              "name": "checkbox"
-            },
-            {
-              "description": "The checkbox's exported `base` part.",
-              "name": "checkbox__base"
-            },
+          "name": "SlTree",
+          "cssProperties": [
             {
-              "description": "The checkbox's exported `control` part.",
-              "name": "checkbox__control"
+              "description": "The size of the indentation for nested items.",
+              "name": "--indent-size",
+              "default": "var(--sl-spacing-medium)"
             },
             {
-              "description": "The checkbox's exported `control--checked` part.",
-              "name": "checkbox__control--checked"
+              "description": "The color of the indentation line.",
+              "name": "--indent-guide-color",
+              "default": "var(--sl-color-neutral-200)"
             },
             {
-              "description": "The checkbox's exported `control--indeterminate` part.",
-              "name": "checkbox__control--indeterminate"
+              "description": "The amount of vertical spacing to leave between the top and bottom of the indentation line's starting position.",
+              "name": "--indent-guide-offset",
+              "default": "0"
             },
             {
-              "description": "The checkbox's exported `checked-icon` part.",
-              "name": "checkbox__checked-icon"
+              "description": "The style of the indentation line, e.g. solid, dotted, dashed.",
+              "name": "--indent-guide-style",
+              "default": "solid"
             },
             {
-              "description": "The checkbox's exported `indeterminate-icon` part.",
-              "name": "checkbox__indeterminate-icon"
-            },
+              "description": "The width of the indentation line.",
+              "name": "--indent-guide-width",
+              "default": "0"
+            }
+          ],
+          "cssParts": [
             {
-              "description": "The checkbox's exported `label` part.",
-              "name": "checkbox__label"
+              "description": "The component's base wrapper.",
+              "name": "base"
             }
           ],
           "slots": [
@@ -23918,317 +23883,225 @@
               "name": ""
             },
             {
-              "description": "The icon to show when the tree item is expanded.",
+              "description": "The icon to show when the tree item is expanded. Works best with `<sl-icon>`.",
               "name": "expand-icon"
             },
             {
-              "description": "The icon to show when the tree item is collapsed.",
+              "description": "The icon to show when the tree item is collapsed. Works best with `<sl-icon>`.",
               "name": "collapse-icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "defaultSlot",
               "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'sl-checkbox': SlCheckbox, 'sl-icon': SlIcon, 'sl-spinner': SlSpinner }"
-            },
-            {
-              "kind": "method",
-              "name": "isTreeItem",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "node",
-                  "type": {
-                    "text": "Node"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "isLeaf",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "expandedIconSlot",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
-              "name": "selectable",
+              "name": "collapsedIconSlot",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
-              "name": "expanded",
+              "name": "selection",
               "type": {
-                "text": "boolean"
+                "text": "'single' | 'multiple' | 'leaf'"
               },
-              "default": "false",
-              "description": "Expands the tree item.",
-              "attribute": "expanded",
-              "reflects": true
+              "default": "'single'",
+              "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
+              "attribute": "selection"
             },
             {
               "kind": "field",
-              "name": "selected",
+              "name": "lastFocusedItem",
               "type": {
-                "text": "boolean"
+                "text": "SlTreeItem | null"
               },
-              "default": "false",
-              "description": "Draws the tree item in a selected state.",
-              "attribute": "selected",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "mutationObserver",
               "type": {
-                "text": "boolean"
+                "text": "MutationObserver"
               },
-              "default": "false",
-              "description": "Disables the tree item.",
-              "attribute": "disabled",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "lazy",
+              "name": "clickTarget",
               "type": {
-                "text": "boolean"
+                "text": "SlTreeItem | null"
               },
-              "default": "false",
-              "description": "Enables lazy loading behavior.",
-              "attribute": "lazy",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "defaultSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "childrenSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
-              "kind": "field",
-              "name": "itemElement",
-              "type": {
-                "text": "HTMLDivElement"
-              }
+              "kind": "method",
+              "name": "getExpandButtonIcon",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "status",
+                  "type": {
+                    "text": "'expand' | 'collapse'"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "childrenContainer",
-              "type": {
-                "text": "HTMLDivElement"
-              }
+              "name": "initTreeItem",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "expandButtonSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "animateCollapse",
+              "name": "handleTreeChanged",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "isNestedItem",
+              "name": "selectItem",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
+              "parameters": [
+                {
+                  "name": "selectedItem",
+                  "type": {
+                    "text": "SlTreeItem"
+                  }
                 }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleChildrenSlotChange",
-              "privacy": "private"
+              ]
             },
             {
               "kind": "method",
-              "name": "animateExpand",
+              "name": "getAllTreeItems",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleLoadingChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleSelectedChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleExpandedChange"
+              "name": "focusItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "optional": true,
+                  "type": {
+                    "text": "SlTreeItem | null"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleExpandAnimation"
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleLazyChange"
+              "name": "handleClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "getChildrenItems",
-              "return": {
-                "type": {
-                  "text": "SlTreeItem[]"
-                }
-              },
+              "name": "handleMouseDown",
               "parameters": [
                 {
-                  "name": "{ includeDisabled = true }",
-                  "default": "{}",
+                  "name": "event",
                   "type": {
-                    "text": "{ includeDisabled?: boolean }"
+                    "text": "MouseEvent"
                   }
                 }
-              ],
-              "description": "Gets all the nested tree items in this node."
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the tree item expands.",
-              "name": "sl-expand",
-              "reactName": "onSlExpand",
-              "eventName": "SlExpandEvent"
-            },
-            {
-              "description": "Emitted after the tree item expands and all animations are complete.",
-              "name": "sl-after-expand",
-              "reactName": "onSlAfterExpand",
-              "eventName": "SlAfterExpandEvent"
+              ]
             },
             {
-              "description": "Emitted when the tree item collapses.",
-              "name": "sl-collapse",
-              "reactName": "onSlCollapse",
-              "eventName": "SlCollapseEvent"
+              "kind": "field",
+              "name": "handleFocusOut",
+              "privacy": "private"
             },
             {
-              "description": "Emitted after the tree item collapses and all animations are complete.",
-              "name": "sl-after-collapse",
-              "reactName": "onSlAfterCollapse",
-              "eventName": "SlAfterCollapseEvent"
+              "kind": "field",
+              "name": "handleFocusIn",
+              "privacy": "private"
             },
             {
-              "description": "Emitted when the tree item's lazy state changes.",
-              "name": "sl-lazy-change",
-              "reactName": "onSlLazyChange",
-              "eventName": "SlLazyChangeEvent"
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
             },
             {
-              "description": "Emitted when a lazy item is selected. Use this event to asynchronously load data and append items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading state and update the tree.",
-              "name": "sl-lazy-load",
-              "reactName": "onSlLazyLoad",
-              "eventName": "SlLazyLoadEvent"
+              "kind": "method",
+              "name": "handleSelectionChange"
             }
           ],
-          "attributes": [
-            {
-              "name": "expanded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Expands the tree item.",
-              "fieldName": "expanded"
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws the tree item in a selected state.",
-              "fieldName": "selected"
-            },
+          "events": [
             {
-              "name": "disabled",
               "type": {
-                "text": "boolean"
+                "text": "{ selection: SlTreeItem[] }"
               },
-              "default": "false",
-              "description": "Disables the tree item.",
-              "fieldName": "disabled"
-            },
+              "description": "Emitted when a tree item is selected or deselected.",
+              "name": "sl-selection-change",
+              "reactName": "onSlSelectionChange",
+              "eventName": "SlSelectionChangeEvent"
+            }
+          ],
+          "attributes": [
             {
-              "name": "lazy",
+              "name": "selection",
               "type": {
-                "text": "boolean"
+                "text": "'single' | 'multiple' | 'leaf'"
               },
-              "default": "false",
-              "description": "Enables lazy loading behavior.",
-              "fieldName": "lazy"
+              "default": "'single'",
+              "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
+              "fieldName": "selection"
             }
           ],
           "superclass": {
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element.js"
           },
-          "summary": "A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).",
-          "tagNameWithoutPrefix": "tree-item",
-          "tagName": "sl-tree-item",
+          "summary": "Trees allow you to display a hierarchical list of selectable [tree items](/components/tree-item). Items with children can be expanded and collapsed as desired by the user.",
+          "tagNameWithoutPrefix": "tree",
+          "tagName": "sl-tree",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).\n * @documentation https://shoelace.style/components/tree-item\n * @status stable\n * @since 2.0\n *\n * @dependency sl-checkbox\n * @dependency sl-icon\n * @dependency sl-spinner\n *\n * @event sl-expand - Emitted when the tree item expands.\n * @event sl-after-expand - Emitted after the tree item expands and all animations are complete.\n * @event sl-collapse - Emitted when the tree item collapses.\n * @event sl-after-collapse - Emitted after the tree item collapses and all animations are complete.\n * @event sl-lazy-change - Emitted when the tree item's lazy state changes.\n * @event sl-lazy-load - Emitted when a lazy item is selected. Use this event to asynchronously load data and append\n *  items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading\n *  state and update the tree.\n *\n * @slot - The default slot.\n * @slot expand-icon - The icon to show when the tree item is expanded.\n * @slot collapse-icon - The icon to show when the tree item is collapsed.\n *\n * @csspart base - The component's base wrapper.\n * @csspart item - The tree item's container. This element wraps everything except slotted tree item children.\n * @csspart item--disabled - Applied when the tree item is disabled.\n * @csspart item--expanded - Applied when the tree item is expanded.\n * @csspart item--indeterminate - Applied when the selection is indeterminate.\n * @csspart item--selected - Applied when the tree item is selected.\n * @csspart indentation - The tree item's indentation container.\n * @csspart expand-button - The container that wraps the tree item's expand button and spinner.\n * @csspart spinner - The spinner that shows when a lazy tree item is in the loading state.\n * @csspart spinner__base - The spinner's base part.\n * @csspart label - The tree item's label.\n * @csspart children - The container that wraps the tree item's nested children.\n * @csspart checkbox - The checkbox that shows when using multiselect.\n * @csspart checkbox__base - The checkbox's exported `base` part.\n * @csspart checkbox__control - The checkbox's exported `control` part.\n * @csspart checkbox__control--checked - The checkbox's exported `control--checked` part.\n * @csspart checkbox__control--indeterminate - The checkbox's exported `control--indeterminate` part.\n * @csspart checkbox__checked-icon - The checkbox's exported `checked-icon` part.\n * @csspart checkbox__indeterminate-icon - The checkbox's exported `indeterminate-icon` part.\n * @csspart checkbox__label - The checkbox's exported `label` part.\n */",
-          "documentation": "https://shoelace.style/components/tree-item",
+          "jsDoc": "/**\n * @summary Trees allow you to display a hierarchical list of selectable [tree items](/components/tree-item). Items with children can be expanded and collapsed as desired by the user.\n * @documentation https://shoelace.style/components/tree\n * @status stable\n * @since 2.0\n *\n * @event {{ selection: SlTreeItem[] }} sl-selection-change - Emitted when a tree item is selected or deselected.\n *\n * @slot - The default slot.\n * @slot expand-icon - The icon to show when the tree item is expanded. Works best with `<sl-icon>`.\n * @slot collapse-icon - The icon to show when the tree item is collapsed. Works best with `<sl-icon>`.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty [--indent-size=var(--sl-spacing-medium)] - The size of the indentation for nested items.\n * @cssproperty [--indent-guide-color=var(--sl-color-neutral-200)] - The color of the indentation line.\n * @cssproperty [--indent-guide-offset=0] - The amount of vertical spacing to leave between the top and bottom of the\n *  indentation line's starting position.\n * @cssproperty [--indent-guide-style=solid] - The style of the indentation line, e.g. solid, dotted, dashed.\n * @cssproperty [--indent-guide-width=0] - The width of the indentation line.\n */",
+          "documentation": "https://shoelace.style/components/tree",
           "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "sl-checkbox",
-            "sl-icon",
-            "sl-spinner"
-          ]
+          "since": "2.0"
         }
       ],
       "exports": [
@@ -24236,51 +24109,100 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlTreeItem",
-            "module": "components/tree-item/tree-item.js"
+            "name": "SlTree",
+            "module": "components/tree/tree.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/tree/tree.js",
+      "path": "components/tree-item/tree-item.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlTree",
-          "cssProperties": [
+          "name": "SlTreeItem",
+          "cssParts": [
             {
-              "description": "The size of the indentation for nested items.",
-              "name": "--indent-size",
-              "default": "var(--sl-spacing-medium)"
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "description": "The color of the indentation line.",
-              "name": "--indent-guide-color",
-              "default": "var(--sl-color-neutral-200)"
+              "description": "The tree item's container. This element wraps everything except slotted tree item children.",
+              "name": "item"
             },
             {
-              "description": "The amount of vertical spacing to leave between the top and bottom of the indentation line's starting position.",
-              "name": "--indent-guide-offset",
-              "default": "0"
+              "description": "Applied when the tree item is disabled.",
+              "name": "item--disabled"
             },
             {
-              "description": "The style of the indentation line, e.g. solid, dotted, dashed.",
-              "name": "--indent-guide-style",
-              "default": "solid"
+              "description": "Applied when the tree item is expanded.",
+              "name": "item--expanded"
             },
             {
-              "description": "The width of the indentation line.",
-              "name": "--indent-guide-width",
-              "default": "0"
-            }
-          ],
-          "cssParts": [
+              "description": "Applied when the selection is indeterminate.",
+              "name": "item--indeterminate"
+            },
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
+              "description": "Applied when the tree item is selected.",
+              "name": "item--selected"
+            },
+            {
+              "description": "The tree item's indentation container.",
+              "name": "indentation"
+            },
+            {
+              "description": "The container that wraps the tree item's expand button and spinner.",
+              "name": "expand-button"
+            },
+            {
+              "description": "The spinner that shows when a lazy tree item is in the loading state.",
+              "name": "spinner"
+            },
+            {
+              "description": "The spinner's base part.",
+              "name": "spinner__base"
+            },
+            {
+              "description": "The tree item's label.",
+              "name": "label"
+            },
+            {
+              "description": "The container that wraps the tree item's nested children.",
+              "name": "children"
+            },
+            {
+              "description": "The checkbox that shows when using multiselect.",
+              "name": "checkbox"
+            },
+            {
+              "description": "The checkbox's exported `base` part.",
+              "name": "checkbox__base"
+            },
+            {
+              "description": "The checkbox's exported `control` part.",
+              "name": "checkbox__control"
+            },
+            {
+              "description": "The checkbox's exported `control--checked` part.",
+              "name": "checkbox__control--checked"
+            },
+            {
+              "description": "The checkbox's exported `control--indeterminate` part.",
+              "name": "checkbox__control--indeterminate"
+            },
+            {
+              "description": "The checkbox's exported `checked-icon` part.",
+              "name": "checkbox__checked-icon"
+            },
+            {
+              "description": "The checkbox's exported `indeterminate-icon` part.",
+              "name": "checkbox__indeterminate-icon"
+            },
+            {
+              "description": "The checkbox's exported `label` part.",
+              "name": "checkbox__label"
             }
           ],
           "slots": [
@@ -24289,225 +24211,317 @@
               "name": ""
             },
             {
-              "description": "The icon to show when the tree item is expanded. Works best with `<sl-icon>`.",
+              "description": "The icon to show when the tree item is expanded.",
               "name": "expand-icon"
             },
             {
-              "description": "The icon to show when the tree item is collapsed. Works best with `<sl-icon>`.",
+              "description": "The icon to show when the tree item is collapsed.",
               "name": "collapse-icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "defaultSlot",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'sl-checkbox': SlCheckbox, 'sl-icon': SlIcon, 'sl-spinner': SlSpinner }"
+            },
+            {
+              "kind": "method",
+              "name": "isTreeItem",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "node",
+                  "type": {
+                    "text": "Node"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "isLeaf",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "selectable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Expands the tree item.",
+              "attribute": "expanded",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the tree item in a selected state.",
+              "attribute": "selected",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
               "type": {
-                "text": "HTMLSlotElement"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the tree item.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "expandedIconSlot",
+              "name": "lazy",
               "type": {
-                "text": "HTMLSlotElement"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables lazy loading behavior.",
+              "attribute": "lazy",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "collapsedIconSlot",
+              "name": "defaultSlot",
               "type": {
                 "text": "HTMLSlotElement"
               }
             },
             {
               "kind": "field",
-              "name": "selection",
+              "name": "childrenSlot",
               "type": {
-                "text": "'single' | 'multiple' | 'leaf'"
-              },
-              "default": "'single'",
-              "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
-              "attribute": "selection"
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
-              "name": "lastFocusedItem",
+              "name": "itemElement",
               "type": {
-                "text": "SlTreeItem | null"
-              },
-              "privacy": "private"
+                "text": "HTMLDivElement"
+              }
             },
             {
               "kind": "field",
-              "name": "mutationObserver",
+              "name": "childrenContainer",
               "type": {
-                "text": "MutationObserver"
-              },
-              "privacy": "private"
+                "text": "HTMLDivElement"
+              }
             },
             {
               "kind": "field",
-              "name": "clickTarget",
+              "name": "expandButtonSlot",
               "type": {
-                "text": "SlTreeItem | null"
-              },
-              "privacy": "private",
-              "default": "null"
+                "text": "HTMLSlotElement"
+              }
             },
             {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "kind": "method",
+              "name": "animateCollapse",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "getExpandButtonIcon",
+              "name": "isNestedItem",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "status",
-                  "type": {
-                    "text": "'expand' | 'collapse'"
-                  }
+              "return": {
+                "type": {
+                  "text": "boolean"
                 }
-              ]
+              }
             },
             {
-              "kind": "field",
-              "name": "initTreeItem",
+              "kind": "method",
+              "name": "handleChildrenSlotChange",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "handleTreeChanged",
+              "kind": "method",
+              "name": "animateExpand",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "selectItem",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "selectedItem",
-                  "type": {
-                    "text": "SlTreeItem"
-                  }
-                }
-              ]
+              "name": "handleLoadingChange"
             },
             {
               "kind": "method",
-              "name": "getAllTreeItems",
-              "privacy": "private"
+              "name": "handleDisabledChange"
             },
             {
               "kind": "method",
-              "name": "focusItem",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "item",
-                  "optional": true,
-                  "type": {
-                    "text": "SlTreeItem | null"
-                  }
-                }
-              ]
+              "name": "handleSelectedChange"
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "name": "handleExpandedChange"
             },
             {
               "kind": "method",
-              "name": "handleClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "handleExpandAnimation"
             },
             {
               "kind": "method",
-              "name": "handleMouseDown",
+              "name": "handleLazyChange"
+            },
+            {
+              "kind": "method",
+              "name": "getChildrenItems",
+              "return": {
+                "type": {
+                  "text": "SlTreeItem[]"
+                }
+              },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "{ includeDisabled = true }",
+                  "default": "{}",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "{ includeDisabled?: boolean }"
                   }
                 }
-              ]
+              ],
+              "description": "Gets all the nested tree items in this node."
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the tree item expands.",
+              "name": "sl-expand",
+              "reactName": "onSlExpand",
+              "eventName": "SlExpandEvent"
             },
             {
-              "kind": "field",
-              "name": "handleFocusOut",
-              "privacy": "private"
+              "description": "Emitted after the tree item expands and all animations are complete.",
+              "name": "sl-after-expand",
+              "reactName": "onSlAfterExpand",
+              "eventName": "SlAfterExpandEvent"
             },
             {
-              "kind": "field",
-              "name": "handleFocusIn",
-              "privacy": "private"
+              "description": "Emitted when the tree item collapses.",
+              "name": "sl-collapse",
+              "reactName": "onSlCollapse",
+              "eventName": "SlCollapseEvent"
             },
             {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "description": "Emitted after the tree item collapses and all animations are complete.",
+              "name": "sl-after-collapse",
+              "reactName": "onSlAfterCollapse",
+              "eventName": "SlAfterCollapseEvent"
             },
             {
-              "kind": "method",
-              "name": "handleSelectionChange"
+              "description": "Emitted when the tree item's lazy state changes.",
+              "name": "sl-lazy-change",
+              "reactName": "onSlLazyChange",
+              "eventName": "SlLazyChangeEvent"
+            },
+            {
+              "description": "Emitted when a lazy item is selected. Use this event to asynchronously load data and append items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading state and update the tree.",
+              "name": "sl-lazy-load",
+              "reactName": "onSlLazyLoad",
+              "eventName": "SlLazyLoadEvent"
             }
           ],
-          "events": [
+          "attributes": [
             {
+              "name": "expanded",
               "type": {
-                "text": "{ selection: SlTreeItem[] }"
+                "text": "boolean"
               },
-              "description": "Emitted when a tree item is selected or deselected.",
-              "name": "sl-selection-change",
-              "reactName": "onSlSelectionChange",
-              "eventName": "SlSelectionChangeEvent"
-            }
-          ],
-          "attributes": [
+              "default": "false",
+              "description": "Expands the tree item.",
+              "fieldName": "expanded"
+            },
             {
-              "name": "selection",
+              "name": "selected",
               "type": {
-                "text": "'single' | 'multiple' | 'leaf'"
+                "text": "boolean"
               },
-              "default": "'single'",
-              "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
-              "fieldName": "selection"
+              "default": "false",
+              "description": "Draws the tree item in a selected state.",
+              "fieldName": "selected"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the tree item.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "lazy",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables lazy loading behavior.",
+              "fieldName": "lazy"
             }
           ],
           "superclass": {
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element.js"
           },
-          "summary": "Trees allow you to display a hierarchical list of selectable [tree items](/components/tree-item). Items with children can be expanded and collapsed as desired by the user.",
-          "tagNameWithoutPrefix": "tree",
-          "tagName": "sl-tree",
+          "summary": "A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).",
+          "tagNameWithoutPrefix": "tree-item",
+          "tagName": "sl-tree-item",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Trees allow you to display a hierarchical list of selectable [tree items](/components/tree-item). Items with children can be expanded and collapsed as desired by the user.\n * @documentation https://shoelace.style/components/tree\n * @status stable\n * @since 2.0\n *\n * @event {{ selection: SlTreeItem[] }} sl-selection-change - Emitted when a tree item is selected or deselected.\n *\n * @slot - The default slot.\n * @slot expand-icon - The icon to show when the tree item is expanded. Works best with `<sl-icon>`.\n * @slot collapse-icon - The icon to show when the tree item is collapsed. Works best with `<sl-icon>`.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty [--indent-size=var(--sl-spacing-medium)] - The size of the indentation for nested items.\n * @cssproperty [--indent-guide-color=var(--sl-color-neutral-200)] - The color of the indentation line.\n * @cssproperty [--indent-guide-offset=0] - The amount of vertical spacing to leave between the top and bottom of the\n *  indentation line's starting position.\n * @cssproperty [--indent-guide-style=solid] - The style of the indentation line, e.g. solid, dotted, dashed.\n * @cssproperty [--indent-guide-width=0] - The width of the indentation line.\n */",
-          "documentation": "https://shoelace.style/components/tree",
+          "jsDoc": "/**\n * @summary A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).\n * @documentation https://shoelace.style/components/tree-item\n * @status stable\n * @since 2.0\n *\n * @dependency sl-checkbox\n * @dependency sl-icon\n * @dependency sl-spinner\n *\n * @event sl-expand - Emitted when the tree item expands.\n * @event sl-after-expand - Emitted after the tree item expands and all animations are complete.\n * @event sl-collapse - Emitted when the tree item collapses.\n * @event sl-after-collapse - Emitted after the tree item collapses and all animations are complete.\n * @event sl-lazy-change - Emitted when the tree item's lazy state changes.\n * @event sl-lazy-load - Emitted when a lazy item is selected. Use this event to asynchronously load data and append\n *  items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading\n *  state and update the tree.\n *\n * @slot - The default slot.\n * @slot expand-icon - The icon to show when the tree item is expanded.\n * @slot collapse-icon - The icon to show when the tree item is collapsed.\n *\n * @csspart base - The component's base wrapper.\n * @csspart item - The tree item's container. This element wraps everything except slotted tree item children.\n * @csspart item--disabled - Applied when the tree item is disabled.\n * @csspart item--expanded - Applied when the tree item is expanded.\n * @csspart item--indeterminate - Applied when the selection is indeterminate.\n * @csspart item--selected - Applied when the tree item is selected.\n * @csspart indentation - The tree item's indentation container.\n * @csspart expand-button - The container that wraps the tree item's expand button and spinner.\n * @csspart spinner - The spinner that shows when a lazy tree item is in the loading state.\n * @csspart spinner__base - The spinner's base part.\n * @csspart label - The tree item's label.\n * @csspart children - The container that wraps the tree item's nested children.\n * @csspart checkbox - The checkbox that shows when using multiselect.\n * @csspart checkbox__base - The checkbox's exported `base` part.\n * @csspart checkbox__control - The checkbox's exported `control` part.\n * @csspart checkbox__control--checked - The checkbox's exported `control--checked` part.\n * @csspart checkbox__control--indeterminate - The checkbox's exported `control--indeterminate` part.\n * @csspart checkbox__checked-icon - The checkbox's exported `checked-icon` part.\n * @csspart checkbox__indeterminate-icon - The checkbox's exported `indeterminate-icon` part.\n * @csspart checkbox__label - The checkbox's exported `label` part.\n */",
+          "documentation": "https://shoelace.style/components/tree-item",
           "status": "stable",
-          "since": "2.0"
+          "since": "2.0",
+          "dependencies": [
+            "sl-checkbox",
+            "sl-icon",
+            "sl-spinner"
+          ]
         }
       ],
       "exports": [
@@ -24515,8 +24529,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlTree",
-            "module": "components/tree/tree.js"
+            "name": "SlTreeItem",
+            "module": "components/tree-item/tree-item.js"
           }
         }
       ]
@@ -24565,7 +24579,7 @@
   "package": {
     "name": "@kdcloudjs/shoelace",
     "description": "A forward-thinking library of web components.",
-    "version": "0.0.1",
+    "version": "1.0.26",
     "license": "MIT"
   }
 }