@kdcloudjs/shoelace 1.0.24 → 1.0.26

package/cdn/custom-elements.json

@@ -331,6 +331,192 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/animated-image/animated-image.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlAnimatedImage",
+          "cssProperties": [
+            {
+              "description": "The size of the icon box.",
+              "name": "--control-box-size"
+            },
+            {
+              "description": "The size of the play/pause icons.",
+              "name": "--icon-size"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The container that surrounds the pause/play icons and provides their background.",
+              "name": "control-box"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Optional play icon to use instead of the default. Works best with `<sl-icon>`.",
+              "name": "play-icon"
+            },
+            {
+              "description": "Optional pause icon to use instead of the default. Works best with `<sl-icon>`.",
+              "name": "pause-icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'sl-icon': SlIcon }"
+            },
+            {
+              "kind": "field",
+              "name": "animatedImage",
+              "type": {
+                "text": "HTMLImageElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "frozenFrame",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isLoaded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "description": "The path to the image to load.",
+              "attribute": "src"
+            },
+            {
+              "kind": "field",
+              "name": "alt",
+              "type": {
+                "text": "string"
+              },
+              "description": "A description of the image used by assistive devices.",
+              "attribute": "alt"
+            },
+            {
+              "kind": "field",
+              "name": "play",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Plays the animation. When this attribute is remove, the animation will pause.",
+              "attribute": "play",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleLoad",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleError",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handlePlayChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleSrcChange"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the image loads successfully.",
+              "name": "sl-load",
+              "reactName": "onSlLoad",
+              "eventName": "SlLoadEvent"
+            },
+            {
+              "description": "Emitted when the image fails to load.",
+              "name": "sl-error",
+              "reactName": "onSlError",
+              "eventName": "SlErrorEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "description": "The path to the image to load.",
+              "fieldName": "src"
+            },
+            {
+              "name": "alt",
+              "type": {
+                "text": "string"
+              },
+              "description": "A description of the image used by assistive devices.",
+              "fieldName": "alt"
+            },
+            {
+              "name": "play",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Plays the animation. When this attribute is remove, the animation will pause.",
+              "fieldName": "play"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "A component for displaying animated GIFs and WEBPs that play and pause on interaction.",
+          "tagNameWithoutPrefix": "animated-image",
+          "tagName": "sl-animated-image",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A component for displaying animated GIFs and WEBPs that play and pause on interaction.\n * @documentation https://shoelace.style/components/animated-image\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @event sl-load - Emitted when the image loads successfully.\n * @event sl-error - Emitted when the image fails to load.\n *\n * @slot play-icon - Optional play icon to use instead of the default. Works best with `<sl-icon>`.\n * @slot pause-icon - Optional pause icon to use instead of the default. Works best with `<sl-icon>`.\n *\n * @part control-box - The container that surrounds the pause/play icons and provides their background.\n *\n * @cssproperty --control-box-size - The size of the icon box.\n * @cssproperty --icon-size - The size of the play/pause icons.\n */",
+          "documentation": "https://shoelace.style/components/animated-image",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "sl-icon"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlAnimatedImage",
+            "module": "components/animated-image/animated-image.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/animation/animation.js",
@@ -687,189 +873,80 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/badge/badge.js",
+      "path": "components/avatar/avatar.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlBadge",
+          "name": "SlAvatar",
+          "cssProperties": [
+            {
+              "description": "The size of the avatar.",
+              "name": "--size"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
+            },
+            {
+              "description": "The container that wraps the avatar's icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The container that wraps the avatar's initials.",
+              "name": "initials"
+            },
+            {
+              "description": "The avatar image. Only shown when the `image` attribute is set.",
+              "name": "image"
             }
           ],
           "slots": [
             {
-              "description": "The badge's content.",
-              "name": ""
+              "description": "The default icon to use when no image or initials are present. Works best with `<sl-icon>`.",
+              "name": "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": "hasError",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "pulse",
+              "name": "image",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "attribute": "pulse",
-              "reflects": true
-            }
-          ],
-          "attributes": [
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "attribute": "image"
+            },
             {
-              "name": "variant",
+              "kind": "field",
+              "name": "label",
               "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+                "text": "string"
               },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "fieldName": "pill"
-            },
-            {
-              "name": "pulse",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "fieldName": "pulse"
-            }
-          ],
-          "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",
-          "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",
-          "status": "stable",
-          "since": "2.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlBadge",
-            "module": "components/badge/badge.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/avatar/avatar.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlAvatar",
-          "cssProperties": [
-            {
-              "description": "The size of the avatar.",
-              "name": "--size"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The container that wraps the avatar's icon.",
-              "name": "icon"
-            },
-            {
-              "description": "The container that wraps the avatar's initials.",
-              "name": "initials"
-            },
-            {
-              "description": "The avatar image. Only shown when the `image` attribute is set.",
-              "name": "image"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default icon to use when no image or initials are present. Works best with `<sl-icon>`.",
-              "name": "icon"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'sl-icon': SlIcon }"
-            },
-            {
-              "kind": "field",
-              "name": "hasError",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "image",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "attribute": "image"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "attribute": "label"
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "attribute": "label"
             },
             {
               "kind": "field",
@@ -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"
           }
         }
       ]
@@ -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,373 +5938,144 @@
             },
             {
               "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"
-                  }
-                }
-              ]
+              "default": "new Date()"
             },
             {
-              "kind": "method",
-              "name": "handleOpenChange"
+              "kind": "field",
+              "name": "rightDate",
+              "privacy": "private",
+              "default": "new Date(new Date().getFullYear(), new Date().getMonth() + 1, 1)"
             },
             {
-              "kind": "method",
-              "name": "show",
-              "description": "Shows the details."
+              "kind": "field",
+              "name": "startValue",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
             },
             {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the details"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the details opens.",
-              "name": "sl-show",
-              "reactName": "onSlShow",
-              "eventName": "SlShowEvent"
+              "kind": "field",
+              "name": "endValue",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
             },
             {
-              "description": "Emitted after the details opens and all animations are complete.",
-              "name": "sl-after-show",
-              "reactName": "onSlAfterShow",
-              "eventName": "SlAfterShowEvent"
+              "kind": "field",
+              "name": "calendarView",
+              "type": {
+                "text": "'days' | 'months' | 'years'"
+              },
+              "privacy": "private",
+              "default": "'days'"
             },
             {
-              "description": "Emitted when the details closes.",
-              "name": "sl-hide",
-              "reactName": "onSlHide",
-              "eventName": "SlHideEvent"
+              "kind": "field",
+              "name": "calendarViewAnchor",
+              "type": {
+                "text": "'left' | 'right'"
+              },
+              "privacy": "private",
+              "default": "'left'"
             },
             {
-              "description": "Emitted after the details closes and all animations are complete.",
-              "name": "sl-after-hide",
-              "reactName": "onSlAfterHide",
-              "eventName": "SlAfterHideEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "open",
+              "kind": "field",
+              "name": "syncingValue",
               "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"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "summary",
+              "kind": "field",
+              "name": "hoverDate",
               "type": {
-                "text": "string"
+                "text": "Date | null"
               },
-              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
-              "fieldName": "summary"
+              "privacy": "private",
+              "default": "null"
             },
             {
-              "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()"
-            },
-            {
-              "kind": "field",
-              "name": "rightDate",
-              "privacy": "private",
-              "default": "new Date(new Date().getFullYear(), new Date().getMonth() + 1, 1)"
-            },
-            {
-              "kind": "field",
-              "name": "startValue",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "endValue",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "calendarView",
-              "type": {
-                "text": "'days' | 'months' | 'years'"
-              },
-              "privacy": "private",
-              "default": "'days'"
-            },
-            {
-              "kind": "field",
-              "name": "calendarViewAnchor",
-              "type": {
-                "text": "'left' | 'right'"
-              },
-              "privacy": "private",
-              "default": "'left'"
-            },
-            {
-              "kind": "field",
-              "name": "syncingValue",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "hoverDate",
-              "type": {
-                "text": "Date | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "enableHoverRange",
+              "kind": "field",
+              "name": "enableHoverRange",
               "type": {
                 "text": "boolean"
               },
@@ -7004,6 +6749,13 @@
                   "type": {
                     "text": "Date"
                   }
+                },
+                {
+                  "name": "side",
+                  "default": "'start'",
+                  "type": {
+                    "text": "'start' | 'end'"
+                  }
                 }
               ]
             },
@@ -7127,93 +6879,357 @@
               "fieldName": "helpText"
             },
             {
-              "name": "clearable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Adds a clear button when the input is not empty.",
-              "fieldName": "clearable"
+              "name": "clearable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Adds a clear button when the input is not empty.",
+              "fieldName": "clearable"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the input.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "[string, string]"
+              },
+              "default": "['开始日期', '结束日期']",
+              "description": "Placeholder text for the two inputs. Accepts a string in the format \"startPlaceholder,endPlaceholder\"\nas an HTML attribute, or a [startPlaceholder, endPlaceholder] tuple when set via JavaScript.",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the input readonly.",
+              "fieldName": "readonly"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the input a required field.",
+              "fieldName": "required"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "'date' | 'datetime'"
+              },
+              "default": "'date'",
+              "fieldName": "type"
+            },
+            {
+              "name": "min",
+              "type": {
+                "text": "string"
+              },
+              "default": "'0001-01-01'",
+              "description": "The minimum allowed date (in YYYY-MM-DD format).",
+              "fieldName": "min"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "string"
+              },
+              "default": "'9999-12-31'",
+              "description": "The maximum allowed date (in YYYY-MM-DD format).",
+              "fieldName": "max"
+            },
+            {
+              "name": "format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'YYYY-MM-DD'",
+              "description": "The date format to use. Defaults to YYYY-MM-DD.",
+              "fieldName": "format"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "tagNameWithoutPrefix": "daterangepicker",
+          "tagName": "sl-daterangepicker",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "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"
             },
             {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the input.",
-              "fieldName": "disabled"
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the details."
             },
             {
-              "name": "placeholder",
-              "type": {
-                "text": "[string, string]"
-              },
-              "default": "['开始日期', '结束日期']",
-              "description": "Placeholder text for the two inputs. Accepts a string in the format \"startPlaceholder,endPlaceholder\"\nas an HTML attribute, or a [startPlaceholder, endPlaceholder] tuple when set via JavaScript.",
-              "fieldName": "placeholder"
-            },
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the details"
+            }
+          ],
+          "events": [
             {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the input readonly.",
-              "fieldName": "readonly"
+              "description": "Emitted when the details opens.",
+              "name": "sl-show",
+              "reactName": "onSlShow",
+              "eventName": "SlShowEvent"
             },
             {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the input a required field.",
-              "fieldName": "required"
+              "description": "Emitted after the details opens and all animations are complete.",
+              "name": "sl-after-show",
+              "reactName": "onSlAfterShow",
+              "eventName": "SlAfterShowEvent"
             },
             {
-              "name": "type",
-              "type": {
-                "text": "'date' | 'datetime'"
-              },
-              "default": "'date'",
-              "fieldName": "type"
+              "description": "Emitted when the details closes.",
+              "name": "sl-hide",
+              "reactName": "onSlHide",
+              "eventName": "SlHideEvent"
             },
             {
-              "name": "min",
+              "description": "Emitted after the details closes and all animations are complete.",
+              "name": "sl-after-hide",
+              "reactName": "onSlAfterHide",
+              "eventName": "SlAfterHideEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'0001-01-01'",
-              "description": "The minimum allowed date (in YYYY-MM-DD format).",
-              "fieldName": "min"
+              "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": "max",
+              "name": "summary",
               "type": {
                 "text": "string"
               },
-              "default": "'9999-12-31'",
-              "description": "The maximum allowed date (in YYYY-MM-DD format).",
-              "fieldName": "max"
+              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+              "fieldName": "summary"
             },
             {
-              "name": "format",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'YYYY-MM-DD'",
-              "description": "The date format to use. Defaults to YYYY-MM-DD.",
-              "fieldName": "format"
+              "default": "false",
+              "description": "Disables the details so it can't be toggled.",
+              "fieldName": "disabled"
             }
           ],
           "superclass": {
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element.js"
           },
-          "tagNameWithoutPrefix": "daterange",
-          "tagName": "sl-daterange",
-          "customElement": true
+          "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": [
@@ -7221,8 +7237,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlDaterange",
-            "module": "components/daterange/daterange.js"
+            "name": "SlDetails",
+            "module": "components/details/details.js"
           }
         }
       ]
@@ -9495,191 +9511,65 @@
               },
               "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
               "fieldName": "src"
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "fieldName": "href"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
-              },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "fieldName": "target"
-            },
-            {
-              "name": "download",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
-              "fieldName": "download"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
-              "fieldName": "label"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the button.",
-              "fieldName": "disabled"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.",
-          "tagNameWithoutPrefix": "icon-button",
-          "tagName": "sl-icon-button",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.\n * @documentation https://shoelace.style/components/icon-button\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @event sl-blur - Emitted when the icon button loses focus.\n * @event sl-focus - Emitted when the icon button gains focus.\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://shoelace.style/components/icon-button",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "sl-icon"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlIconButton",
-            "module": "components/icon-button/icon-button.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"
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "fieldName": "href"
             },
             {
+              "name": "target",
               "type": {
-                "text": "{ status: number }"
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
               },
-              "description": "Emitted when the included file fails to load due to an error.",
-              "name": "sl-error",
-              "reactName": "onSlError",
-              "eventName": "SlErrorEvent"
-            }
-          ],
-          "attributes": [
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "fieldName": "target"
+            },
             {
-              "name": "src",
+              "name": "download",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "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"
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
+              "fieldName": "download"
             },
             {
-              "name": "mode",
+              "name": "label",
               "type": {
-                "text": "'cors' | 'no-cors' | 'same-origin'"
+                "text": "string"
               },
-              "default": "'cors'",
-              "description": "The fetch mode to use.",
-              "fieldName": "mode"
+              "default": "''",
+              "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
+              "fieldName": "label"
             },
             {
-              "name": "allow-scripts",
+              "name": "disabled",
               "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"
+              "description": "Disables the button.",
+              "fieldName": "disabled"
             }
           ],
           "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",
+          "summary": "Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.",
+          "tagNameWithoutPrefix": "icon-button",
+          "tagName": "sl-icon-button",
           "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",
+          "jsDoc": "/**\n * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.\n * @documentation https://shoelace.style/components/icon-button\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @event sl-blur - Emitted when the icon button loses focus.\n * @event sl-focus - Emitted when the icon button gains focus.\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://shoelace.style/components/icon-button",
           "status": "stable",
-          "since": "2.0"
+          "since": "2.0",
+          "dependencies": [
+            "sl-icon"
+          ]
         }
       ],
       "exports": [
@@ -9687,8 +9577,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlInclude",
-            "module": "components/include/include.js"
+            "name": "SlIconButton",
+            "module": "components/icon-button/icon-button.js"
           }
         }
       ]
@@ -9867,6 +9757,132 @@
         }
       ]
     },
+    {
+      "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/input/input.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": {
@@ -20552,6 +20627,14 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "bodyResizeObserver",
+              "type": {
+                "text": "ResizeObserver | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "normalizeTree",
@@ -20609,6 +20692,12 @@
               "kind": "field",
               "name": "setScrollBarStyle"
             },
+            {
+              "kind": "field",
+              "name": "observeBodyResize",
+              "privacy": "private",
+              "description": "监听 body 容器尺寸变化，滚动条出现/消失时同步表头"
+            },
             {
               "kind": "field",
               "name": "setScrollPositionClassName"
@@ -20680,6 +20769,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",
@@ -20913,6 +21043,18 @@
           "tagName": "sl-table",
           "customElement": true
         },
+        {
+          "kind": "variable",
+          "name": "columnHelper"
+        },
+        {
+          "kind": "variable",
+          "name": "treeIndentSize"
+        },
+        {
+          "kind": "variable",
+          "name": "firstDataIndex"
+        },
         {
           "kind": "variable",
           "name": "tableInstance"
@@ -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"
   }
 }