@kdcloudjs/shoelace 1.0.24 → 1.0.26

package/dist/custom-elements.json

@@ -687,100 +687,177 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/badge/badge.js",
+      "path": "components/animated-image/animated-image.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlBadge",
+          "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 component's base wrapper.",
-              "name": "base"
+              "description": "The container that surrounds the pause/play icons and provides their background.",
+              "name": "control-box"
             }
           ],
           "slots": [
             {
-              "description": "The badge's content.",
-              "name": ""
+              "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": "variant",
+              "name": "dependencies",
               "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+                "text": "object"
               },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+              "static": true,
+              "default": "{ 'sl-icon': SlIcon }"
             },
             {
               "kind": "field",
-              "name": "pill",
+              "name": "animatedImage",
+              "type": {
+                "text": "HTMLImageElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "frozenFrame",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isLoaded",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "pulse",
+              "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"
               },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "attribute": "pulse",
+              "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": "variant",
+              "name": "src",
               "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+                "text": "string"
               },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "fieldName": "variant"
+              "description": "The path to the image to load.",
+              "fieldName": "src"
             },
             {
-              "name": "pill",
+              "name": "alt",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "fieldName": "pill"
+              "description": "A description of the image used by assistive devices.",
+              "fieldName": "alt"
             },
             {
-              "name": "pulse",
+              "name": "play",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "fieldName": "pulse"
+              "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": "Badges are used to draw attention and display statuses or counts.",
-          "tagNameWithoutPrefix": "badge",
-          "tagName": "sl-badge",
+          "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 Badges are used to draw attention and display statuses or counts.\n * @documentation https://shoelace.style/components/badge\n * @status stable\n * @since 2.0\n *\n * @slot - The badge's content.\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://shoelace.style/components/badge",
+          "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"
+          "since": "2.0",
+          "dependencies": [
+            "sl-icon"
+          ]
         }
       ],
       "exports": [
@@ -788,8 +865,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlBadge",
-            "module": "components/badge/badge.js"
+            "name": "SlAnimatedImage",
+            "module": "components/animated-image/animated-image.js"
           }
         }
       ]
@@ -997,177 +1074,100 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/animated-image/animated-image.js",
+      "path": "components/badge/badge.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"
-            }
-          ],
+          "name": "SlBadge",
           "cssParts": [
             {
-              "description": "The container that surrounds the pause/play icons and provides their background.",
-              "name": "control-box"
+              "description": "The component's base wrapper.",
+              "name": "base"
             }
           ],
           "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"
+              "description": "The badge's content.",
+              "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "variant",
               "type": {
-                "text": "object"
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
               },
-              "static": true,
-              "default": "{ 'sl-icon': SlIcon }"
-            },
-            {
-              "kind": "field",
-              "name": "animatedImage",
-              "type": {
-                "text": "HTMLImageElement"
-              }
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "frozenFrame",
+              "name": "pill",
               "type": {
-                "text": "string"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "attribute": "pill",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "isLoaded",
+              "name": "pulse",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
-            },
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "attribute": "pulse",
+              "reflects": true
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "src",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
               },
-              "description": "The path to the image to load.",
-              "attribute": "src"
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "fieldName": "variant"
             },
             {
-              "kind": "field",
-              "name": "alt",
+              "name": "pill",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "A description of the image used by assistive devices.",
-              "attribute": "alt"
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "fieldName": "pill"
             },
             {
-              "kind": "field",
-              "name": "play",
+              "name": "pulse",
               "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"
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "fieldName": "pulse"
             }
           ],
           "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",
+          "summary": "Badges are used to draw attention and display statuses or counts.",
+          "tagNameWithoutPrefix": "badge",
+          "tagName": "sl-badge",
           "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",
+          "jsDoc": "/**\n * @summary Badges are used to draw attention and display statuses or counts.\n * @documentation https://shoelace.style/components/badge\n * @status stable\n * @since 2.0\n *\n * @slot - The badge's content.\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://shoelace.style/components/badge",
           "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "sl-icon"
-          ]
+          "since": "2.0"
         }
       ],
       "exports": [
@@ -1175,8 +1175,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlAnimatedImage",
-            "module": "components/animated-image/animated-image.js"
+            "name": "SlBadge",
+            "module": "components/badge/badge.js"
           }
         }
       ]
@@ -2281,6 +2281,106 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/card/card.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlCard",
+          "cssProperties": [
+            {
+              "description": "The card's border color, including borders that occur inside the card.",
+              "name": "--border-color"
+            },
+            {
+              "description": "The border radius for the card's edges.",
+              "name": "--border-radius"
+            },
+            {
+              "description": "The width of the card's borders.",
+              "name": "--border-width"
+            },
+            {
+              "description": "The padding to use for the card's sections.",
+              "name": "--padding"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The container that wraps the card's image.",
+              "name": "image"
+            },
+            {
+              "description": "The container that wraps the card's header.",
+              "name": "header"
+            },
+            {
+              "description": "The container that wraps the card's main content.",
+              "name": "body"
+            },
+            {
+              "description": "The container that wraps the card's footer.",
+              "name": "footer"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The card's main content.",
+              "name": ""
+            },
+            {
+              "description": "An optional header for the card.",
+              "name": "header"
+            },
+            {
+              "description": "An optional footer for the card.",
+              "name": "footer"
+            },
+            {
+              "description": "An optional image to render at the start of the card.",
+              "name": "image"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'footer', 'header', 'image')"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "Cards can be used to group related subjects in a container.",
+          "tagNameWithoutPrefix": "card",
+          "tagName": "sl-card",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Cards can be used to group related subjects in a container.\n * @documentation https://shoelace.style/components/card\n * @status stable\n * @since 2.0\n *\n * @slot - The card's main content.\n * @slot header - An optional header for the card.\n * @slot footer - An optional footer for the card.\n * @slot image - An optional image to render at the start of the card.\n *\n * @csspart base - The component's base wrapper.\n * @csspart image - The container that wraps the card's image.\n * @csspart header - The container that wraps the card's header.\n * @csspart body - The container that wraps the card's main content.\n * @csspart footer - The container that wraps the card's footer.\n *\n * @cssproperty --border-color - The card's border color, including borders that occur inside the card.\n * @cssproperty --border-radius - The border radius for the card's edges.\n * @cssproperty --border-width - The width of the card's borders.\n * @cssproperty --padding - The padding to use for the card's sections.\n */",
+          "documentation": "https://shoelace.style/components/card",
+          "status": "stable",
+          "since": "2.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlCard",
+            "module": "components/card/card.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/calendar/calendar.js",
@@ -2873,173 +2973,73 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/card/card.js",
+      "path": "components/carousel-item/carousel-item.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlCard",
+          "name": "SlCarouselItem",
           "cssProperties": [
             {
-              "description": "The card's border color, including borders that occur inside the card.",
-              "name": "--border-color"
-            },
-            {
-              "description": "The border radius for the card's edges.",
-              "name": "--border-radius"
-            },
-            {
-              "description": "The width of the card's borders.",
-              "name": "--border-width"
-            },
+              "description": "The slide's aspect ratio. Inherited from the carousel by default.",
+              "name": "--aspect-ratio"
+            }
+          ],
+          "slots": [
             {
-              "description": "The padding to use for the card's sections.",
-              "name": "--padding"
+              "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",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlCheckbox",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
             },
             {
-              "description": "The container that wraps the card's image.",
-              "name": "image"
+              "description": "The square container that wraps the checkbox's checked state.",
+              "name": "control"
             },
             {
-              "description": "The container that wraps the card's header.",
-              "name": "header"
+              "description": "Matches the control part when the checkbox is checked.",
+              "name": "control--checked"
             },
             {
-              "description": "The container that wraps the card's main content.",
-              "name": "body"
-            },
-            {
-              "description": "The container that wraps the card's footer.",
-              "name": "footer"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The card's main content.",
-              "name": ""
-            },
-            {
-              "description": "An optional header for the card.",
-              "name": "header"
-            },
-            {
-              "description": "An optional footer for the card.",
-              "name": "footer"
-            },
-            {
-              "description": "An optional image to render at the start of the card.",
-              "name": "image"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'footer', 'header', 'image')"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "Cards can be used to group related subjects in a container.",
-          "tagNameWithoutPrefix": "card",
-          "tagName": "sl-card",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Cards can be used to group related subjects in a container.\n * @documentation https://shoelace.style/components/card\n * @status stable\n * @since 2.0\n *\n * @slot - The card's main content.\n * @slot header - An optional header for the card.\n * @slot footer - An optional footer for the card.\n * @slot image - An optional image to render at the start of the card.\n *\n * @csspart base - The component's base wrapper.\n * @csspart image - The container that wraps the card's image.\n * @csspart header - The container that wraps the card's header.\n * @csspart body - The container that wraps the card's main content.\n * @csspart footer - The container that wraps the card's footer.\n *\n * @cssproperty --border-color - The card's border color, including borders that occur inside the card.\n * @cssproperty --border-radius - The border radius for the card's edges.\n * @cssproperty --border-width - The width of the card's borders.\n * @cssproperty --padding - The padding to use for the card's sections.\n */",
-          "documentation": "https://shoelace.style/components/card",
-          "status": "stable",
-          "since": "2.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlCard",
-            "module": "components/card/card.js"
-          }
-        }
-      ]
-    },
-    {
-      "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",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlCheckbox",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The square container that wraps the checkbox's checked state.",
-              "name": "control"
-            },
-            {
-              "description": "Matches the control part when the checkbox is checked.",
-              "name": "control--checked"
-            },
-            {
-              "description": "Matches the control part when the checkbox is indeterminate.",
-              "name": "control--indeterminate"
+              "description": "Matches the control part when the checkbox is indeterminate.",
+              "name": "control--indeterminate"
             },
             {
               "description": "The checked icon, an `<sl-icon>` element.",
@@ -5899,52 +5899,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/details/details.js",
+      "path": "components/daterangepicker/daterangepicker.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlDetails",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The header that wraps both the summary and the expand/collapse icon.",
-              "name": "header"
-            },
-            {
-              "description": "The container that wraps the summary.",
-              "name": "summary"
-            },
-            {
-              "description": "The container that wraps the expand/collapse icons.",
-              "name": "summary-icon"
-            },
-            {
-              "description": "The details content.",
-              "name": "content"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The details' main content.",
-              "name": ""
-            },
-            {
-              "description": "The details' summary. Alternatively, you can use the `summary` attribute.",
-              "name": "summary"
-            },
-            {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sl-icon>`.",
-              "name": "expand-icon"
-            },
-            {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sl-icon>`.",
-              "name": "collapse-icon"
-            }
-          ],
+          "name": "SlDaterangepicker",
           "members": [
             {
               "kind": "field",
@@ -5953,7 +5913,21 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sl-icon': SlIcon }"
+              "default": "{ 'sl-icon': SlIcon, 'sl-popup': SlPopup, 'sl-calendar': SlCalendar }"
+            },
+            {
+              "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",
@@ -5964,309 +5938,80 @@
             },
             {
               "kind": "field",
-              "name": "details",
+              "name": "startInput",
               "type": {
-                "text": "HTMLDetailsElement"
+                "text": "HTMLInputElement"
               }
             },
             {
               "kind": "field",
-              "name": "header",
+              "name": "endInput",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLInputElement"
               }
             },
             {
               "kind": "field",
-              "name": "body",
+              "name": "popup",
               "type": {
-                "text": "HTMLElement"
+                "text": "SlPopup"
               }
             },
             {
               "kind": "field",
-              "name": "expandIconSlot",
+              "name": "inputContainer",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "HTMLDivElement"
               }
             },
             {
               "kind": "field",
-              "name": "detailsObserver",
+              "name": "calendars",
               "type": {
-                "text": "MutationObserver"
+                "text": "NodeListOf<SlCalendar>"
               }
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "hasFocus",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
-              "attribute": "open",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "summary",
+              "name": "isHovered",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
-              "attribute": "summary"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Disables the details so it can't be toggled.",
-              "attribute": "disabled",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "kind": "method",
-              "name": "handleSummaryClick",
+              "kind": "field",
+              "name": "activeInput",
+              "type": {
+                "text": "'start' | 'end'"
+              },
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "default": "'start'"
             },
             {
-              "kind": "method",
-              "name": "handleSummaryKeyDown",
+              "kind": "field",
+              "name": "leftDate",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleOpenChange"
-            },
-            {
-              "kind": "method",
-              "name": "show",
-              "description": "Shows the details."
-            },
-            {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the details"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the details opens.",
-              "name": "sl-show",
-              "reactName": "onSlShow",
-              "eventName": "SlShowEvent"
-            },
-            {
-              "description": "Emitted after the details opens and all animations are complete.",
-              "name": "sl-after-show",
-              "reactName": "onSlAfterShow",
-              "eventName": "SlAfterShowEvent"
-            },
-            {
-              "description": "Emitted when the details closes.",
-              "name": "sl-hide",
-              "reactName": "onSlHide",
-              "eventName": "SlHideEvent"
-            },
-            {
-              "description": "Emitted after the details closes and all animations are complete.",
-              "name": "sl-after-hide",
-              "reactName": "onSlAfterHide",
-              "eventName": "SlAfterHideEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
-              "fieldName": "open"
-            },
-            {
-              "name": "summary",
-              "type": {
-                "text": "string"
-              },
-              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
-              "fieldName": "summary"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the details so it can't be toggled.",
-              "fieldName": "disabled"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "Details show a brief summary and expand to show additional content.",
-          "tagNameWithoutPrefix": "details",
-          "tagName": "sl-details",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Details show a brief summary and expand to show additional content.\n * @documentation https://shoelace.style/components/details\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @slot - The details' main content.\n * @slot summary - The details' summary. Alternatively, you can use the `summary` attribute.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<sl-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<sl-icon>`.\n *\n * @event sl-show - Emitted when the details opens.\n * @event sl-after-show - Emitted after the details opens and all animations are complete.\n * @event sl-hide - Emitted when the details closes.\n * @event sl-after-hide - Emitted after the details closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps both the summary and the expand/collapse icon.\n * @csspart summary - The container that wraps the summary.\n * @csspart summary-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The details content.\n *\n * @animation details.show - The animation to use when showing details. You can use `height: auto` with this animation.\n * @animation details.hide - The animation to use when hiding details. You can use `height: auto` with this animation.\n */",
-          "documentation": "https://shoelace.style/components/details",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "sl-icon"
-          ],
-          "animations": [
-            {
-              "name": "details.show",
-              "description": "The animation to use when showing details. You can use `height: auto` with this animation."
-            },
-            {
-              "name": "details.hide",
-              "description": "The animation to use when hiding details. You can use `height: auto` with this animation."
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlDetails",
-            "module": "components/details/details.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/daterange/daterange.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlDaterange",
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'sl-icon': SlIcon, 'sl-popup': SlPopup, 'sl-calendar': SlCalendar }"
-            },
-            {
-              "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": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "startInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "endInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "popup",
-              "type": {
-                "text": "SlPopup"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "inputContainer",
-              "type": {
-                "text": "HTMLDivElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "calendars",
-              "type": {
-                "text": "NodeListOf<SlCalendar>"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "activeInput",
-              "type": {
-                "text": "'start' | 'end'"
-              },
-              "privacy": "private",
-              "default": "'start'"
-            },
-            {
-              "kind": "field",
-              "name": "leftDate",
-              "privacy": "private",
-              "default": "new Date()"
+              "default": "new Date()"
             },
             {
               "kind": "field",
@@ -7004,6 +6749,13 @@
                   "type": {
                     "text": "Date"
                   }
+                },
+                {
+                  "name": "side",
+                  "default": "'start'",
+                  "type": {
+                    "text": "'start' | 'end'"
+                  }
                 }
               ]
             },
@@ -7211,8 +6963,8 @@
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element.js"
           },
-          "tagNameWithoutPrefix": "daterange",
-          "tagName": "sl-daterange",
+          "tagNameWithoutPrefix": "daterangepicker",
+          "tagName": "sl-daterangepicker",
           "customElement": true
         }
       ],
@@ -7221,8 +6973,272 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlDaterange",
-            "module": "components/daterange/daterange.js"
+            "name": "SlDaterangepicker",
+            "module": "components/daterangepicker/daterangepicker.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/details/details.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlDetails",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The header that wraps both the summary and the expand/collapse icon.",
+              "name": "header"
+            },
+            {
+              "description": "The container that wraps the summary.",
+              "name": "summary"
+            },
+            {
+              "description": "The container that wraps the expand/collapse icons.",
+              "name": "summary-icon"
+            },
+            {
+              "description": "The details content.",
+              "name": "content"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The details' main content.",
+              "name": ""
+            },
+            {
+              "description": "The details' summary. Alternatively, you can use the `summary` attribute.",
+              "name": "summary"
+            },
+            {
+              "description": "Optional expand icon to use instead of the default. Works best with `<sl-icon>`.",
+              "name": "expand-icon"
+            },
+            {
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sl-icon>`.",
+              "name": "collapse-icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'sl-icon': SlIcon }"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "details",
+              "type": {
+                "text": "HTMLDetailsElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "header",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "body",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expandIconSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "detailsObserver",
+              "type": {
+                "text": "MutationObserver"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "summary",
+              "type": {
+                "text": "string"
+              },
+              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+              "attribute": "summary"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the details so it can't be toggled.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleSummaryClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleSummaryKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the details."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the details"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the details opens.",
+              "name": "sl-show",
+              "reactName": "onSlShow",
+              "eventName": "SlShowEvent"
+            },
+            {
+              "description": "Emitted after the details opens and all animations are complete.",
+              "name": "sl-after-show",
+              "reactName": "onSlAfterShow",
+              "eventName": "SlAfterShowEvent"
+            },
+            {
+              "description": "Emitted when the details closes.",
+              "name": "sl-hide",
+              "reactName": "onSlHide",
+              "eventName": "SlHideEvent"
+            },
+            {
+              "description": "Emitted after the details closes and all animations are complete.",
+              "name": "sl-after-hide",
+              "reactName": "onSlAfterHide",
+              "eventName": "SlAfterHideEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
+              "fieldName": "open"
+            },
+            {
+              "name": "summary",
+              "type": {
+                "text": "string"
+              },
+              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+              "fieldName": "summary"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the details so it can't be toggled.",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "Details show a brief summary and expand to show additional content.",
+          "tagNameWithoutPrefix": "details",
+          "tagName": "sl-details",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Details show a brief summary and expand to show additional content.\n * @documentation https://shoelace.style/components/details\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @slot - The details' main content.\n * @slot summary - The details' summary. Alternatively, you can use the `summary` attribute.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<sl-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<sl-icon>`.\n *\n * @event sl-show - Emitted when the details opens.\n * @event sl-after-show - Emitted after the details opens and all animations are complete.\n * @event sl-hide - Emitted when the details closes.\n * @event sl-after-hide - Emitted after the details closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps both the summary and the expand/collapse icon.\n * @csspart summary - The container that wraps the summary.\n * @csspart summary-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The details content.\n *\n * @animation details.show - The animation to use when showing details. You can use `height: auto` with this animation.\n * @animation details.hide - The animation to use when hiding details. You can use `height: auto` with this animation.\n */",
+          "documentation": "https://shoelace.style/components/details",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "sl-icon"
+          ],
+          "animations": [
+            {
+              "name": "details.show",
+              "description": "The animation to use when showing details. You can use `height: auto` with this animation."
+            },
+            {
+              "name": "details.hide",
+              "description": "The animation to use when hiding details. You can use `height: auto` with this animation."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlDetails",
+            "module": "components/details/details.js"
           }
         }
       ]
@@ -9567,132 +9583,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/include/include.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlInclude",
-          "members": [
-            {
-              "kind": "field",
-              "name": "src",
-              "type": {
-                "text": "string"
-              },
-              "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-              "attribute": "src"
-            },
-            {
-              "kind": "field",
-              "name": "mode",
-              "type": {
-                "text": "'cors' | 'no-cors' | 'same-origin'"
-              },
-              "default": "'cors'",
-              "description": "The fetch mode to use.",
-              "attribute": "mode"
-            },
-            {
-              "kind": "field",
-              "name": "allowScripts",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-              "attribute": "allow-scripts"
-            },
-            {
-              "kind": "method",
-              "name": "executeScript",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "script",
-                  "type": {
-                    "text": "HTMLScriptElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleSrcChange"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the included file is loaded.",
-              "name": "sl-load",
-              "reactName": "onSlLoad",
-              "eventName": "SlLoadEvent"
-            },
-            {
-              "type": {
-                "text": "{ status: number }"
-              },
-              "description": "Emitted when the included file fails to load due to an error.",
-              "name": "sl-error",
-              "reactName": "onSlError",
-              "eventName": "SlErrorEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "src",
-              "type": {
-                "text": "string"
-              },
-              "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-              "fieldName": "src"
-            },
-            {
-              "name": "mode",
-              "type": {
-                "text": "'cors' | 'no-cors' | 'same-origin'"
-              },
-              "default": "'cors'",
-              "description": "The fetch mode to use.",
-              "fieldName": "mode"
-            },
-            {
-              "name": "allow-scripts",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-              "fieldName": "allowScripts"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "Includes give you the power to embed external HTML files into the page.",
-          "tagNameWithoutPrefix": "include",
-          "tagName": "sl-include",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Includes give you the power to embed external HTML files into the page.\n * @documentation https://shoelace.style/components/include\n * @status stable\n * @since 2.0\n *\n * @event sl-load - Emitted when the included file is loaded.\n * @event {{ status: number }} sl-error - Emitted when the included file fails to load due to an error.\n */",
-          "documentation": "https://shoelace.style/components/include",
-          "status": "stable",
-          "since": "2.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlInclude",
-            "module": "components/include/include.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/image-comparer/image-comparer.js",
@@ -9830,30 +9720,156 @@
           ],
           "attributes": [
             {
-              "name": "position",
+              "name": "position",
+              "type": {
+                "text": "number"
+              },
+              "default": "50",
+              "description": "The position of the divider as a percentage.",
+              "fieldName": "position"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "Compare visual differences between similar photos with a sliding panel.",
+          "tagNameWithoutPrefix": "image-comparer",
+          "tagName": "sl-image-comparer",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Compare visual differences between similar photos with a sliding panel.\n * @documentation https://shoelace.style/components/image-comparer\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @slot before - The before image, an `<img>` or `<svg>` element.\n * @slot after - The after image, an `<img>` or `<svg>` element.\n * @slot handle - The icon used inside the handle.\n *\n * @event sl-change - Emitted when the position changes.\n *\n * @csspart base - The component's base wrapper.\n * @csspart before - The container that wraps the before image.\n * @csspart after - The container that wraps the after image.\n * @csspart divider - The divider that separates the images.\n * @csspart handle - The handle that the user drags to expose the after image.\n *\n * @cssproperty --divider-width - The width of the dividing line.\n * @cssproperty --handle-size - The size of the compare handle.\n */",
+          "documentation": "https://shoelace.style/components/image-comparer",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "sl-icon"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlImageComparer",
+            "module": "components/image-comparer/image-comparer.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/include/include.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlInclude",
+          "members": [
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
+              "attribute": "src"
+            },
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "'cors' | 'no-cors' | 'same-origin'"
+              },
+              "default": "'cors'",
+              "description": "The fetch mode to use.",
+              "attribute": "mode"
+            },
+            {
+              "kind": "field",
+              "name": "allowScripts",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
+              "attribute": "allow-scripts"
+            },
+            {
+              "kind": "method",
+              "name": "executeScript",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "script",
+                  "type": {
+                    "text": "HTMLScriptElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleSrcChange"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the included file is loaded.",
+              "name": "sl-load",
+              "reactName": "onSlLoad",
+              "eventName": "SlLoadEvent"
+            },
+            {
+              "type": {
+                "text": "{ status: number }"
+              },
+              "description": "Emitted when the included file fails to load due to an error.",
+              "name": "sl-error",
+              "reactName": "onSlError",
+              "eventName": "SlErrorEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
+              "fieldName": "src"
+            },
+            {
+              "name": "mode",
+              "type": {
+                "text": "'cors' | 'no-cors' | 'same-origin'"
+              },
+              "default": "'cors'",
+              "description": "The fetch mode to use.",
+              "fieldName": "mode"
+            },
+            {
+              "name": "allow-scripts",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "50",
-              "description": "The position of the divider as a percentage.",
-              "fieldName": "position"
+              "default": "false",
+              "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
+              "fieldName": "allowScripts"
             }
           ],
           "superclass": {
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element.js"
           },
-          "summary": "Compare visual differences between similar photos with a sliding panel.",
-          "tagNameWithoutPrefix": "image-comparer",
-          "tagName": "sl-image-comparer",
+          "summary": "Includes give you the power to embed external HTML files into the page.",
+          "tagNameWithoutPrefix": "include",
+          "tagName": "sl-include",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Compare visual differences between similar photos with a sliding panel.\n * @documentation https://shoelace.style/components/image-comparer\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @slot before - The before image, an `<img>` or `<svg>` element.\n * @slot after - The after image, an `<img>` or `<svg>` element.\n * @slot handle - The icon used inside the handle.\n *\n * @event sl-change - Emitted when the position changes.\n *\n * @csspart base - The component's base wrapper.\n * @csspart before - The container that wraps the before image.\n * @csspart after - The container that wraps the after image.\n * @csspart divider - The divider that separates the images.\n * @csspart handle - The handle that the user drags to expose the after image.\n *\n * @cssproperty --divider-width - The width of the dividing line.\n * @cssproperty --handle-size - The size of the compare handle.\n */",
-          "documentation": "https://shoelace.style/components/image-comparer",
+          "jsDoc": "/**\n * @summary Includes give you the power to embed external HTML files into the page.\n * @documentation https://shoelace.style/components/include\n * @status stable\n * @since 2.0\n *\n * @event sl-load - Emitted when the included file is loaded.\n * @event {{ status: number }} sl-error - Emitted when the included file fails to load due to an error.\n */",
+          "documentation": "https://shoelace.style/components/include",
           "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "sl-icon"
-          ]
+          "since": "2.0"
         }
       ],
       "exports": [
@@ -9861,8 +9877,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlImageComparer",
-            "module": "components/image-comparer/image-comparer.js"
+            "name": "SlInclude",
+            "module": "components/include/include.js"
           }
         }
       ]
@@ -10140,7 +10156,7 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
               "description": "Hides the suffix when the clear button is visible.",
               "attribute": "clear-hides-suffix"
             },
@@ -10719,7 +10735,7 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
               "description": "Hides the suffix when the clear button is visible.",
               "fieldName": "clearHidesSuffix"
             },
@@ -12436,6 +12452,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'title')"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -12696,6 +12719,17 @@
               "attribute": "mode",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "collapsed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the parent nav is in inline-collapsed mode.",
+              "attribute": "collapsed",
+              "reflects": true
+            },
             {
               "kind": "method",
               "name": "handleClick",
@@ -12831,6 +12865,15 @@
               "default": "'inline'",
               "description": "The mode of navigation.",
               "fieldName": "mode"
+            },
+            {
+              "name": "collapsed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the parent nav is in inline-collapsed mode.",
+              "fieldName": "collapsed"
             }
           ],
           "superclass": {
@@ -13134,6 +13177,17 @@
               "attribute": "mode",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "collapsed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the parent nav is in inline-collapsed mode.",
+              "attribute": "collapsed",
+              "reflects": true
+            },
             {
               "kind": "method",
               "name": "getRootNav",
@@ -13169,11 +13223,6 @@
               "name": "isPopupMode",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "clearTimers",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "syncNestedState",
@@ -13390,6 +13439,15 @@
               "default": "'inline'",
               "description": "The mode of navigation.",
               "fieldName": "mode"
+            },
+            {
+              "name": "collapsed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the parent nav is in inline-collapsed mode.",
+              "fieldName": "collapsed"
             }
           ],
           "superclass": {
@@ -13715,6 +13773,15 @@
               "default": "false",
               "attribute": "simpleMode"
             },
+            {
+              "kind": "field",
+              "name": "direction",
+              "type": {
+                "text": "'ltr' | 'rtl'"
+              },
+              "default": "'ltr'",
+              "attribute": "direction"
+            },
             {
               "kind": "field",
               "name": "defaultCurrentPage",
@@ -13826,6 +13893,14 @@
               "default": "false",
               "fieldName": "simpleMode"
             },
+            {
+              "name": "direction",
+              "type": {
+                "text": "'ltr' | 'rtl'"
+              },
+              "default": "'ltr'",
+              "fieldName": "direction"
+            },
             {
               "name": "defaultCurrentPage",
               "type": {
@@ -20262,8 +20337,180 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlTabPanel",
-            "module": "components/tab-panel/tab-panel.js"
+            "name": "SlTabPanel",
+            "module": "components/tab-panel/tab-panel.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/tag/tag.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "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",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'sl-icon-button': SlIconButton }"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
+              },
+              "default": "'neutral'",
+              "description": "The tag's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The tag's size.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pill",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style tag with rounded edges.",
+              "attribute": "pill",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "removable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the tag removable and shows a remove button.",
+              "attribute": "removable"
+            },
+            {
+              "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": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
+              },
+              "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"
           }
         }
       ]
@@ -20552,6 +20799,14 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "bodyResizeObserver",
+              "type": {
+                "text": "ResizeObserver | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "normalizeTree",
@@ -20609,6 +20864,12 @@
               "kind": "field",
               "name": "setScrollBarStyle"
             },
+            {
+              "kind": "field",
+              "name": "observeBodyResize",
+              "privacy": "private",
+              "description": "监听 body 容器尺寸变化，滚动条出现/消失时同步表头"
+            },
             {
               "kind": "field",
               "name": "setScrollPositionClassName"
@@ -20680,6 +20941,47 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "buildColMeta",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "buildLeafColumn",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "ColumnDef<TData, any>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "opts",
+                  "type": {
+                    "text": "{\n    col: ColumnProps;\n    commonArgs: {\n      columnHelper: ReturnType<typeof createColumnHelper<TData>>;\n      firstDataIndex: string | undefined;\n      treeEnabled: boolean;\n      treeIndentSize: number;\n    };\n  }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "buildGroupColumn",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "ColumnDef<TData, any>[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "opts",
+                  "type": {
+                    "text": "{\n    cols: ColumnProps[];\n    commonArgs: {\n      columnHelper: ReturnType<typeof createColumnHelper<TData>>;\n      firstDataIndex: string | undefined;\n      treeEnabled: boolean;\n      treeIndentSize: number;\n    };\n  }"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "buildColumns",
@@ -20907,211 +21209,27 @@
           ],
           "superclass": {
             "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "tagNameWithoutPrefix": "table",
-          "tagName": "sl-table",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "tableInstance"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlTable",
-            "module": "components/table/table.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "components/table/spinner-container.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "components/table/head-table.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "components/table/body-table.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/tag/tag.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "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",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'sl-icon-button': SlIconButton }"
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
-              },
-              "default": "'neutral'",
-              "description": "The tag's theme variant.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The tag's size.",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style tag with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "removable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the tag removable and shows a remove button.",
-              "attribute": "removable"
-            },
-            {
-              "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": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
-              },
-              "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"
-          ]
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "tagNameWithoutPrefix": "table",
+          "tagName": "sl-table",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "columnHelper"
+        },
+        {
+          "kind": "variable",
+          "name": "treeIndentSize"
+        },
+        {
+          "kind": "variable",
+          "name": "firstDataIndex"
+        },
+        {
+          "kind": "variable",
+          "name": "tableInstance"
         }
       ],
       "exports": [
@@ -21119,8 +21237,32 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlTag",
-            "module": "components/tag/tag.js"
+            "name": "SlTable",
+            "module": "components/table/table.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "components/table/spinner-container.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "components/table/head-table.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "components/table/body-table.js"
           }
         }
       ]
@@ -22126,25 +22268,237 @@
               "fieldName": "defaultExpanded"
             },
             {
-              "name": "blink",
+              "name": "blink",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, applies a blinking animation to the title text to signal ongoing activity.\nMaps to React's `blink: boolean` prop.",
+              "fieldName": "blink"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "Think is used to display an AI model's thinking process with expandable/collapsible content.",
+          "tagNameWithoutPrefix": "think",
+          "tagName": "sl-think",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Think is used to display an AI model's thinking process with expandable/collapsible content.\n * @documentation https://shoelace.style/components/think\n * @status experimental\n * @since 2.0\n *\n * @slot - The thinking content body.\n * @slot title - Rich HTML content for the status bar title. Overrides the `title` attribute.\n * @slot icon - A custom icon displayed in the status bar when not loading. Defaults to the Think icon.\n * @slot loading-icon - A custom icon displayed when `loading` is true. Overrides the default spinner.\n *   This is the web-component equivalent of passing a ReactNode to the React `loading` prop.\n *\n * @event sl-expand - Emitted when the think block starts expanding (before animation). Equivalent to React's `onExpand(true)`.\n * @event sl-collapse - Emitted when the think block starts collapsing (before animation). Equivalent to React's `onExpand(false)`.\n *\n * @csspart base - The component's base wrapper (maps to React's `root` semantic DOM).\n * @csspart status - The clickable status bar: icon + title + chevron (maps to React's `status` semantic DOM).\n * @csspart status-icon - The icon container within the status bar.\n * @csspart status-text - The title text area within the status bar.\n * @csspart chevron - The expand/collapse chevron indicator.\n * @csspart body - The collapsible body container.\n * @csspart content - The content area inside the body (maps to React's `content` semantic DOM).\n *\n * @cssproperty --sl-c-think-TitleTextBlink-color-default - Base text color shown during the blink/shimmer animation.\n *   Equivalent to React's `colorTextBlinkDefault` (`colorTextDescription`) design token.\n *   Defaults to `var(--sl-color-neutral-600)`.\n * @cssproperty --sl-c-think-TitleTextBlink-color - Highlight (shine) color of the blink shimmer beam.\n *   Equivalent to React's `colorTextBlink` (`colorTextBase`) design token.\n *   Defaults to `var(--sl-color-neutral-900)`.\n */",
+          "documentation": "https://shoelace.style/components/think",
+          "status": "experimental",
+          "since": "2.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlThink",
+            "module": "components/think/think.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/thought-chain/thought-chain.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlThoughtChain",
+          "cssProperties": [
+            {
+              "description": "Gap between the icon and the node body. Defaults to `var(--sl-spacing-small)`.",
+              "name": "--sl-thought-chain-gap"
+            },
+            {
+              "description": "Color of the vertical connector line. Defaults to `var(--sl-color-neutral-300)`.",
+              "name": "--sl-thought-chain-connector-color"
+            },
+            {
+              "description": "Size of the node icon. Defaults to `var(--sl-font-size-medium)`.",
+              "name": "--sl-thought-chain-icon-size"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot for `<sl-thought-chain-node>` elements (declarative usage).",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "ThoughtChainSize"
+              },
+              "default": "'middle'",
+              "description": "Size of the thought chain nodes.\n- `'small'`: compact layout\n- `'middle'`: default size\n- `'large'`: spacious layout",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "line",
+              "type": {
+                "text": "ThoughtChainLineStyle"
+              },
+              "default": "true",
+              "description": "Line connector style between nodes.\n- `true` or `'solid'`: solid line (default)\n- `'dashed'`: dashed line\n- `'dotted'`: dotted line\n- `false`: no line\n\nNote: HTML attributes are always strings. Use `line=\"solid\"` / `line=\"dashed\"` / `line=\"dotted\"`.\nTo hide the line, use `line=\"none\"`. Programmatically, you can also set `el.line = false`.",
+              "attribute": "line",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "defaultExpandedKeys",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "description": "Keys of initially expanded collapsible nodes (uncontrolled mode).\nSet as a JSON array string attribute or via JS property.",
+              "attribute": "default-expanded-keys"
+            },
+            {
+              "kind": "field",
+              "name": "expandedKeys",
+              "type": {
+                "text": "string[] | undefined"
+              },
+              "description": "Keys of currently expanded collapsible nodes (controlled mode).\nWhen set, you must update this in response to `sl-expand` events.",
+              "attribute": "expanded-keys"
+            },
+            {
+              "kind": "field",
+              "name": "internalExpandedKeys",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "description": "Internal expanded keys state for uncontrolled mode"
+            },
+            {
+              "kind": "field",
+              "name": "hasInitialized",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "getExpandedKeys",
+              "return": {
+                "type": {
+                  "text": "string[]"
+                }
+              },
+              "description": "Get the effective expanded keys"
+            },
+            {
+              "kind": "method",
+              "name": "getLineStyleValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Normalize line value to a consistent CSS-friendly string"
+            },
+            {
+              "kind": "method",
+              "name": "updateChildNodes",
+              "privacy": "private",
+              "description": "Propagate context to child sl-thought-chain-node elements"
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private",
+              "description": "Handle slot changes to update newly added nodes"
+            },
+            {
+              "kind": "method",
+              "name": "handleItemExpand",
+              "parameters": [
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Handle expand/collapse toggle from child node"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when a collapsible node is expanded or collapsed. `event.detail` contains `{ key: string, expandedKeys: string[] }`.",
+              "name": "sl-expand",
+              "reactName": "onSlExpand",
+              "eventName": "SlExpandEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "ThoughtChainSize"
+              },
+              "default": "'middle'",
+              "description": "Size of the thought chain nodes.\n- `'small'`: compact layout\n- `'middle'`: default size\n- `'large'`: spacious layout",
+              "fieldName": "size"
+            },
+            {
+              "name": "line",
+              "type": {
+                "text": "ThoughtChainLineStyle"
+              },
+              "default": "true",
+              "description": "Line connector style between nodes.\n- `true` or `'solid'`: solid line (default)\n- `'dashed'`: dashed line\n- `'dotted'`: dotted line\n- `false`: no line\n\nNote: HTML attributes are always strings. Use `line=\"solid\"` / `line=\"dashed\"` / `line=\"dotted\"`.\nTo hide the line, use `line=\"none\"`. Programmatically, you can also set `el.line = false`.",
+              "fieldName": "line"
+            },
+            {
+              "name": "default-expanded-keys",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "description": "Keys of initially expanded collapsible nodes (uncontrolled mode).\nSet as a JSON array string attribute or via JS property.",
+              "fieldName": "defaultExpandedKeys"
+            },
+            {
+              "name": "expanded-keys",
               "type": {
-                "text": "boolean"
+                "text": "string[] | undefined"
               },
-              "default": "false",
-              "description": "When true, applies a blinking animation to the title text to signal ongoing activity.\nMaps to React's `blink: boolean` prop.",
-              "fieldName": "blink"
+              "description": "Keys of currently expanded collapsible nodes (controlled mode).\nWhen set, you must update this in response to `sl-expand` events.",
+              "fieldName": "expandedKeys"
             }
           ],
           "superclass": {
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element.js"
           },
-          "summary": "Think is used to display an AI model's thinking process with expandable/collapsible content.",
-          "tagNameWithoutPrefix": "think",
-          "tagName": "sl-think",
+          "summary": "ThoughtChain visualizes and tracks an Agent's call chain of Actions and Tools.\nIt renders a vertical list of nodes, each optionally with an icon, title, description,\ncollapsible content, footer, and status indicator. Nodes are connected by a vertical line.",
+          "tagNameWithoutPrefix": "thought-chain",
+          "tagName": "sl-thought-chain",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Think is used to display an AI model's thinking process with expandable/collapsible content.\n * @documentation https://shoelace.style/components/think\n * @status experimental\n * @since 2.0\n *\n * @slot - The thinking content body.\n * @slot title - Rich HTML content for the status bar title. Overrides the `title` attribute.\n * @slot icon - A custom icon displayed in the status bar when not loading. Defaults to the Think icon.\n * @slot loading-icon - A custom icon displayed when `loading` is true. Overrides the default spinner.\n *   This is the web-component equivalent of passing a ReactNode to the React `loading` prop.\n *\n * @event sl-expand - Emitted when the think block starts expanding (before animation). Equivalent to React's `onExpand(true)`.\n * @event sl-collapse - Emitted when the think block starts collapsing (before animation). Equivalent to React's `onExpand(false)`.\n *\n * @csspart base - The component's base wrapper (maps to React's `root` semantic DOM).\n * @csspart status - The clickable status bar: icon + title + chevron (maps to React's `status` semantic DOM).\n * @csspart status-icon - The icon container within the status bar.\n * @csspart status-text - The title text area within the status bar.\n * @csspart chevron - The expand/collapse chevron indicator.\n * @csspart body - The collapsible body container.\n * @csspart content - The content area inside the body (maps to React's `content` semantic DOM).\n *\n * @cssproperty --sl-c-think-TitleTextBlink-color-default - Base text color shown during the blink/shimmer animation.\n *   Equivalent to React's `colorTextBlinkDefault` (`colorTextDescription`) design token.\n *   Defaults to `var(--sl-color-neutral-600)`.\n * @cssproperty --sl-c-think-TitleTextBlink-color - Highlight (shine) color of the blink shimmer beam.\n *   Equivalent to React's `colorTextBlink` (`colorTextBase`) design token.\n *   Defaults to `var(--sl-color-neutral-900)`.\n */",
-          "documentation": "https://shoelace.style/components/think",
+          "jsDoc": "/**\n * @summary ThoughtChain visualizes and tracks an Agent's call chain of Actions and Tools.\n * It renders a vertical list of nodes, each optionally with an icon, title, description,\n * collapsible content, footer, and status indicator. Nodes are connected by a vertical line.\n *\n * @documentation https://shoelace.style/components/thought-chain\n * @status experimental\n * @since 2.0\n *\n * @slot - Default slot for `<sl-thought-chain-node>` elements (declarative usage).\n *\n * @event sl-expand - Emitted when a collapsible node is expanded or collapsed.\n *   `event.detail` contains `{ key: string, expandedKeys: string[] }`.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --sl-thought-chain-gap - Gap between the icon and the node body. Defaults to `var(--sl-spacing-small)`.\n * @cssproperty --sl-thought-chain-connector-color - Color of the vertical connector line. Defaults to `var(--sl-color-neutral-300)`.\n * @cssproperty --sl-thought-chain-icon-size - Size of the node icon. Defaults to `var(--sl-font-size-medium)`.\n */",
+          "documentation": "https://shoelace.style/components/thought-chain",
           "status": "experimental",
           "since": "2.0"
         }
@@ -22154,8 +22508,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlThink",
-            "module": "components/think/think.js"
+            "name": "SlThoughtChain",
+            "module": "components/thought-chain/thought-chain.js"
           }
         }
       ]
@@ -22209,6 +22563,15 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'sl-icon': SlIcon, 'sl-spinner': SlSpinner }"
+            },
             {
               "kind": "field",
               "name": "title",
@@ -22416,218 +22779,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/thought-chain/thought-chain.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlThoughtChain",
-          "cssProperties": [
-            {
-              "description": "Gap between the icon and the node body. Defaults to `var(--sl-spacing-small)`.",
-              "name": "--sl-thought-chain-gap"
-            },
-            {
-              "description": "Color of the vertical connector line. Defaults to `var(--sl-color-neutral-300)`.",
-              "name": "--sl-thought-chain-connector-color"
-            },
-            {
-              "description": "Size of the node icon. Defaults to `var(--sl-font-size-medium)`.",
-              "name": "--sl-thought-chain-icon-size"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Default slot for `<sl-thought-chain-node>` elements (declarative usage).",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "ThoughtChainSize"
-              },
-              "default": "'middle'",
-              "description": "Size of the thought chain nodes.\n- `'small'`: compact layout\n- `'middle'`: default size\n- `'large'`: spacious layout",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "line",
-              "type": {
-                "text": "ThoughtChainLineStyle"
-              },
-              "default": "true",
-              "description": "Line connector style between nodes.\n- `true` or `'solid'`: solid line (default)\n- `'dashed'`: dashed line\n- `'dotted'`: dotted line\n- `false`: no line\n\nNote: HTML attributes are always strings. Use `line=\"solid\"` / `line=\"dashed\"` / `line=\"dotted\"`.\nTo hide the line, use `line=\"none\"`. Programmatically, you can also set `el.line = false`.",
-              "attribute": "line",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "defaultExpandedKeys",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[]",
-              "description": "Keys of initially expanded collapsible nodes (uncontrolled mode).\nSet as a JSON array string attribute or via JS property.",
-              "attribute": "default-expanded-keys"
-            },
-            {
-              "kind": "field",
-              "name": "expandedKeys",
-              "type": {
-                "text": "string[] | undefined"
-              },
-              "description": "Keys of currently expanded collapsible nodes (controlled mode).\nWhen set, you must update this in response to `sl-expand` events.",
-              "attribute": "expanded-keys"
-            },
-            {
-              "kind": "field",
-              "name": "internalExpandedKeys",
-              "type": {
-                "text": "string[]"
-              },
-              "privacy": "private",
-              "default": "[]",
-              "description": "Internal expanded keys state for uncontrolled mode"
-            },
-            {
-              "kind": "field",
-              "name": "hasInitialized",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "getExpandedKeys",
-              "return": {
-                "type": {
-                  "text": "string[]"
-                }
-              },
-              "description": "Get the effective expanded keys"
-            },
-            {
-              "kind": "method",
-              "name": "getLineStyleValue",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "description": "Normalize line value to a consistent CSS-friendly string"
-            },
-            {
-              "kind": "method",
-              "name": "updateChildNodes",
-              "privacy": "private",
-              "description": "Propagate context to child sl-thought-chain-node elements"
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private",
-              "description": "Handle slot changes to update newly added nodes"
-            },
-            {
-              "kind": "method",
-              "name": "handleItemExpand",
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Handle expand/collapse toggle from child node"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when a collapsible node is expanded or collapsed. `event.detail` contains `{ key: string, expandedKeys: string[] }`.",
-              "name": "sl-expand",
-              "reactName": "onSlExpand",
-              "eventName": "SlExpandEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "size",
-              "type": {
-                "text": "ThoughtChainSize"
-              },
-              "default": "'middle'",
-              "description": "Size of the thought chain nodes.\n- `'small'`: compact layout\n- `'middle'`: default size\n- `'large'`: spacious layout",
-              "fieldName": "size"
-            },
-            {
-              "name": "line",
-              "type": {
-                "text": "ThoughtChainLineStyle"
-              },
-              "default": "true",
-              "description": "Line connector style between nodes.\n- `true` or `'solid'`: solid line (default)\n- `'dashed'`: dashed line\n- `'dotted'`: dotted line\n- `false`: no line\n\nNote: HTML attributes are always strings. Use `line=\"solid\"` / `line=\"dashed\"` / `line=\"dotted\"`.\nTo hide the line, use `line=\"none\"`. Programmatically, you can also set `el.line = false`.",
-              "fieldName": "line"
-            },
-            {
-              "name": "default-expanded-keys",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[]",
-              "description": "Keys of initially expanded collapsible nodes (uncontrolled mode).\nSet as a JSON array string attribute or via JS property.",
-              "fieldName": "defaultExpandedKeys"
-            },
-            {
-              "name": "expanded-keys",
-              "type": {
-                "text": "string[] | undefined"
-              },
-              "description": "Keys of currently expanded collapsible nodes (controlled mode).\nWhen set, you must update this in response to `sl-expand` events.",
-              "fieldName": "expandedKeys"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "ThoughtChain visualizes and tracks an Agent's call chain of Actions and Tools.\nIt renders a vertical list of nodes, each optionally with an icon, title, description,\ncollapsible content, footer, and status indicator. Nodes are connected by a vertical line.",
-          "tagNameWithoutPrefix": "thought-chain",
-          "tagName": "sl-thought-chain",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary ThoughtChain visualizes and tracks an Agent's call chain of Actions and Tools.\n * It renders a vertical list of nodes, each optionally with an icon, title, description,\n * collapsible content, footer, and status indicator. Nodes are connected by a vertical line.\n *\n * @documentation https://shoelace.style/components/thought-chain\n * @status experimental\n * @since 2.0\n *\n * @slot - Default slot for `<sl-thought-chain-node>` elements (declarative usage).\n *\n * @event sl-expand - Emitted when a collapsible node is expanded or collapsed.\n *   `event.detail` contains `{ key: string, expandedKeys: string[] }`.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --sl-thought-chain-gap - Gap between the icon and the node body. Defaults to `var(--sl-spacing-small)`.\n * @cssproperty --sl-thought-chain-connector-color - Color of the vertical connector line. Defaults to `var(--sl-color-neutral-300)`.\n * @cssproperty --sl-thought-chain-icon-size - Size of the node icon. Defaults to `var(--sl-font-size-medium)`.\n */",
-          "documentation": "https://shoelace.style/components/thought-chain",
-          "status": "experimental",
-          "since": "2.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlThoughtChain",
-            "module": "components/thought-chain/thought-chain.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/thought-chain-node/thought-chain-node.js",
@@ -22697,6 +22848,15 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'sl-icon': SlIcon, 'sl-spinner': SlSpinner }"
+            },
             {
               "kind": "field",
               "name": "contentEl",
@@ -24419,7 +24579,7 @@
   "package": {
     "name": "@kdcloudjs/shoelace",
     "description": "A forward-thinking library of web components.",
-    "version": "1.0.24",
+    "version": "1.0.26",
     "license": "MIT"
   }
 }