@kdcloudjs/shoelace 1.0.11 → 1.0.13

package/cdn/custom-elements.json

@@ -517,6 +517,207 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/avatar/avatar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlAvatar",
+          "cssProperties": [
+            {
+              "description": "The size of the avatar.",
+              "name": "--size"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The container that wraps the avatar's icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The container that wraps the avatar's initials.",
+              "name": "initials"
+            },
+            {
+              "description": "The avatar image. Only shown when the `image` attribute is set.",
+              "name": "image"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default icon to use when no image or initials are present. Works best with `<sl-icon>`.",
+              "name": "icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'sl-icon': SlIcon }"
+            },
+            {
+              "kind": "field",
+              "name": "hasError",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "attribute": "image"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "initials",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "attribute": "initials"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "attribute": "loading"
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'circle' | 'square' | 'rounded'"
+              },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "attribute": "shape",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleImageChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleImageLoadError",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "description": "The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.",
+              "name": "sl-error",
+              "reactName": "onSlError",
+              "eventName": "SlErrorEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "fieldName": "image"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "fieldName": "label"
+            },
+            {
+              "name": "initials",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "fieldName": "initials"
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "fieldName": "loading"
+            },
+            {
+              "name": "shape",
+              "type": {
+                "text": "'circle' | 'square' | 'rounded'"
+              },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "fieldName": "shape"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "Avatars are used to represent a person or object.",
+          "tagNameWithoutPrefix": "avatar",
+          "tagName": "sl-avatar",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Avatars are used to represent a person or object.\n * @documentation https://shoelace.style/components/avatar\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @event sl-error - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some\n * unknown cause.\n *\n * @slot icon - The default icon to use when no image or initials are present. Works best with `<sl-icon>`.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the avatar's icon.\n * @csspart initials - The container that wraps the avatar's initials.\n * @csspart image - The avatar image. Only shown when the `image` attribute is set.\n *\n * @cssproperty --size - The size of the avatar.\n */",
+          "documentation": "https://shoelace.style/components/avatar",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "sl-icon"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlAvatar",
+            "module": "components/avatar/avatar.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/animation/animation.js",
@@ -873,253 +1074,52 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/avatar/avatar.js",
+      "path": "components/badge/badge.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlAvatar",
-          "cssProperties": [
-            {
-              "description": "The size of the avatar.",
-              "name": "--size"
-            }
-          ],
+          "name": "SlBadge",
           "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"
+              "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 }"
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "hasError",
+              "name": "pill",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "attribute": "pill",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "image",
+              "name": "pulse",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "attribute": "image"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "initials",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "attribute": "initials"
-            },
-            {
-              "kind": "field",
-              "name": "loading",
-              "type": {
-                "text": "'eager' | 'lazy'"
-              },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "attribute": "loading"
-            },
-            {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "'circle' | 'square' | 'rounded'"
-              },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "attribute": "shape",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleImageChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleImageLoadError",
-              "privacy": "private"
-            }
-          ],
-          "events": [
-            {
-              "description": "The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.",
-              "name": "sl-error",
-              "reactName": "onSlError",
-              "eventName": "SlErrorEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "image",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "fieldName": "image"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "fieldName": "label"
-            },
-            {
-              "name": "initials",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "fieldName": "initials"
-            },
-            {
-              "name": "loading",
-              "type": {
-                "text": "'eager' | 'lazy'"
-              },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "fieldName": "loading"
-            },
-            {
-              "name": "shape",
-              "type": {
-                "text": "'circle' | 'square' | 'rounded'"
-              },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "fieldName": "shape"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "Avatars are used to represent a person or object.",
-          "tagNameWithoutPrefix": "avatar",
-          "tagName": "sl-avatar",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Avatars are used to represent a person or object.\n * @documentation https://shoelace.style/components/avatar\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @event sl-error - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some\n * unknown cause.\n *\n * @slot icon - The default icon to use when no image or initials are present. Works best with `<sl-icon>`.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the avatar's icon.\n * @csspart initials - The container that wraps the avatar's initials.\n * @csspart image - The avatar image. Only shown when the `image` attribute is set.\n *\n * @cssproperty --size - The size of the avatar.\n */",
-          "documentation": "https://shoelace.style/components/avatar",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "sl-icon"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlAvatar",
-            "module": "components/avatar/avatar.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/badge/badge.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlBadge",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The badge's content.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "pulse",
-              "type": {
-                "text": "boolean"
+                "text": "boolean"
               },
               "default": "false",
               "description": "Makes the badge pulsate to draw attention.",
@@ -9516,53 +9516,169 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/menu-item/menu-item.js",
+      "path": "components/menu/menu.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlMenuItem",
-          "cssProperties": [
+          "name": "SlMenu",
+          "slots": [
             {
-              "description": "The distance submenus shift to overlap the parent menu.",
-              "name": "--submenu-offset",
-              "default": "-2px"
+              "description": "The menu's content, including menu items, menu labels, and dividers.",
+              "name": ""
             }
           ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The checked icon, which is only visible when the menu item is checked.",
-              "name": "checked-icon"
-            },
+          "members": [
             {
-              "description": "The prefix container.",
-              "name": "prefix"
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
             },
             {
-              "description": "The menu item label.",
-              "name": "label"
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "description": "The suffix container.",
-              "name": "suffix"
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
-              "description": "The spinner that shows when the menu item is in the loading state.",
-              "name": "spinner"
+              "kind": "method",
+              "name": "handleMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "description": "The spinner's base part.",
-              "name": "spinner__base"
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
             },
             {
-              "description": "The submenu icon, visible only when the menu item has a submenu (not yet implemented).",
-              "name": "submenu-icon"
-            }
-          ],
+              "kind": "method",
+              "name": "isMenuItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "{ item: SlMenuItem }"
+              },
+              "description": "Emitted when a menu item is selected.",
+              "name": "sl-select",
+              "reactName": "onSlSelect",
+              "eventName": "SlSelectEvent"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "Menus provide a list of options for the user to choose from.",
+          "tagNameWithoutPrefix": "menu",
+          "tagName": "sl-menu",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Menus provide a list of options for the user to choose from.\n * @documentation https://shoelace.style/components/menu\n * @status stable\n * @since 2.0\n *\n * @slot - The menu's content, including menu items, menu labels, and dividers.\n *\n * @event {{ item: SlMenuItem }} sl-select - Emitted when a menu item is selected.\n */",
+          "documentation": "https://shoelace.style/components/menu",
+          "status": "stable",
+          "since": "2.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlMenu",
+            "module": "components/menu/menu.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/menu-item/menu-item.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlMenuItem",
+          "cssProperties": [
+            {
+              "description": "The distance submenus shift to overlap the parent menu.",
+              "name": "--submenu-offset",
+              "default": "-2px"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The checked icon, which is only visible when the menu item is checked.",
+              "name": "checked-icon"
+            },
+            {
+              "description": "The prefix container.",
+              "name": "prefix"
+            },
+            {
+              "description": "The menu item label.",
+              "name": "label"
+            },
+            {
+              "description": "The suffix container.",
+              "name": "suffix"
+            },
+            {
+              "description": "The spinner that shows when the menu item is in the loading state.",
+              "name": "spinner"
+            },
+            {
+              "description": "The spinner's base part.",
+              "name": "spinner__base"
+            },
+            {
+              "description": "The submenu icon, visible only when the menu item has a submenu (not yet implemented).",
+              "name": "submenu-icon"
+            }
+          ],
           "slots": [
             {
               "description": "The menu item's label.",
@@ -9803,122 +9919,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/menu/menu.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlMenu",
-          "slots": [
-            {
-              "description": "The menu's content, including menu items, menu labels, and dividers.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "defaultSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "isMenuItem",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "type": {
-                "text": "{ item: SlMenuItem }"
-              },
-              "description": "Emitted when a menu item is selected.",
-              "name": "sl-select",
-              "reactName": "onSlSelect",
-              "eventName": "SlSelectEvent"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "Menus provide a list of options for the user to choose from.",
-          "tagNameWithoutPrefix": "menu",
-          "tagName": "sl-menu",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Menus provide a list of options for the user to choose from.\n * @documentation https://shoelace.style/components/menu\n * @status stable\n * @since 2.0\n *\n * @slot - The menu's content, including menu items, menu labels, and dividers.\n *\n * @event {{ item: SlMenuItem }} sl-select - Emitted when a menu item is selected.\n */",
-          "documentation": "https://shoelace.style/components/menu",
-          "status": "stable",
-          "since": "2.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlMenu",
-            "module": "components/menu/menu.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/menu-label/menu-label.js",
@@ -12314,228 +12314,35 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/radio/radio.js",
+      "path": "components/qr-code/qr-code.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlRadio",
+          "name": "SlQrCode",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
-            },
-            {
-              "description": "The circular container that wraps the radio's checked state.",
-              "name": "control"
-            },
-            {
-              "description": "The radio control when the radio is checked.",
-              "name": "control--checked"
-            },
-            {
-              "description": "The checked icon, an `<sl-icon>` element.",
-              "name": "checked-icon"
-            },
-            {
-              "description": "The container that wraps the radio's label.",
-              "name": "label"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The radio's label.",
-              "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "canvas",
               "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'sl-icon': SlIcon }"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The radio's value. When selected, the radio group will receive this value.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the radio.",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "handleBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "setInitialAttributes",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleCheckedChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the control loses focus.",
-              "name": "sl-blur",
-              "reactName": "onSlBlur",
-              "eventName": "SlBlurEvent"
-            },
-            {
-              "description": "Emitted when the control gains focus.",
-              "name": "sl-focus",
-              "reactName": "onSlFocus",
-              "eventName": "SlFocusEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The radio's value. When selected, the radio group will receive this value.",
-              "fieldName": "value"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
-              "fieldName": "size"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the radio.",
-              "fieldName": "disabled"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "Radios allow the user to select a single option from a group.",
-          "tagNameWithoutPrefix": "radio",
-          "tagName": "sl-radio",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Radios allow the user to select a single option from a group.\n * @documentation https://shoelace.style/components/radio\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @slot - The radio's label.\n *\n * @event sl-blur - Emitted when the control loses focus.\n * @event sl-focus - Emitted when the control gains focus.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The circular container that wraps the radio's checked state.\n * @csspart control--checked - The radio control when the radio is checked.\n * @csspart checked-icon - The checked icon, an `<sl-icon>` element.\n * @csspart label - The container that wraps the radio's label.\n */",
-          "documentation": "https://shoelace.style/components/radio",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "sl-icon"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlRadio",
-            "module": "components/radio/radio.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/qr-code/qr-code.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlQrCode",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "canvas",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The QR code's value.",
-              "attribute": "value"
+              "default": "''",
+              "description": "The QR code's value.",
+              "attribute": "value"
             },
             {
               "kind": "field",
@@ -12694,73 +12501,57 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/radio-button/radio-button.js",
+      "path": "components/radio/radio.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlRadioButton",
+          "name": "SlRadio",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
             },
             {
-              "description": "The internal `<button>` element.",
-              "name": "button"
+              "description": "The circular container that wraps the radio's checked state.",
+              "name": "control"
             },
             {
-              "description": "The internal button element when the radio button is checked.",
-              "name": "button--checked"
+              "description": "The radio control when the radio is checked.",
+              "name": "control--checked"
             },
             {
-              "description": "The container that wraps the prefix.",
-              "name": "prefix"
+              "description": "The checked icon, an `<sl-icon>` element.",
+              "name": "checked-icon"
             },
             {
-              "description": "The container that wraps the radio button's label.",
+              "description": "The container that wraps the radio's label.",
               "name": "label"
-            },
-            {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
             }
           ],
           "slots": [
             {
-              "description": "The radio button's label.",
+              "description": "The radio's label.",
               "name": ""
-            },
-            {
-              "description": "A presentational prefix icon or similar element.",
-              "name": "prefix"
-            },
-            {
-              "description": "A presentational suffix icon or similar element.",
-              "name": "suffix"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, '[default]', 'prefix', 'suffix')"
-            },
-            {
-              "kind": "field",
-              "name": "input",
+              "name": "dependencies",
               "type": {
-                "text": "HTMLInputElement"
-              }
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'sl-icon': SlIcon }"
             },
             {
               "kind": "field",
-              "name": "hiddenInput",
+              "name": "checked",
               "type": {
-                "text": "HTMLInputElement"
-              }
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
               "kind": "field",
@@ -12780,17 +12571,6 @@
               "description": "The radio's value. When selected, the radio group will receive this value.",
               "attribute": "value"
             },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the radio button.",
-              "attribute": "disabled",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "size",
@@ -12798,37 +12578,257 @@
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
-              "description": "The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so\nthis attribute can typically be omitted.",
+              "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
               "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "pill",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws a pill-style radio button with rounded edges.",
-              "attribute": "pill",
+              "description": "Disables the radio.",
+              "attribute": "disabled",
               "reflects": true
             },
             {
-              "kind": "method",
+              "kind": "field",
               "name": "handleBlur",
               "privacy": "private"
             },
             {
-              "kind": "method",
+              "kind": "field",
               "name": "handleClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setInitialAttributes",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCheckedChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the control loses focus.",
+              "name": "sl-blur",
+              "reactName": "onSlBlur",
+              "eventName": "SlBlurEvent"
+            },
+            {
+              "description": "Emitted when the control gains focus.",
+              "name": "sl-focus",
+              "reactName": "onSlFocus",
+              "eventName": "SlFocusEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "fieldName": "value"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
+              "fieldName": "size"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the radio.",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "Radios allow the user to select a single option from a group.",
+          "tagNameWithoutPrefix": "radio",
+          "tagName": "sl-radio",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Radios allow the user to select a single option from a group.\n * @documentation https://shoelace.style/components/radio\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @slot - The radio's label.\n *\n * @event sl-blur - Emitted when the control loses focus.\n * @event sl-focus - Emitted when the control gains focus.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The circular container that wraps the radio's checked state.\n * @csspart control--checked - The radio control when the radio is checked.\n * @csspart checked-icon - The checked icon, an `<sl-icon>` element.\n * @csspart label - The container that wraps the radio's label.\n */",
+          "documentation": "https://shoelace.style/components/radio",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "sl-icon"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlRadio",
+            "module": "components/radio/radio.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/radio-button/radio-button.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlRadioButton",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The internal `<button>` element.",
+              "name": "button"
+            },
+            {
+              "description": "The internal button element when the radio button is checked.",
+              "name": "button--checked"
+            },
+            {
+              "description": "The container that wraps the prefix.",
+              "name": "prefix"
+            },
+            {
+              "description": "The container that wraps the radio button's label.",
+              "name": "label"
+            },
+            {
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The radio button's label.",
+              "name": ""
+            },
+            {
+              "description": "A presentational prefix icon or similar element.",
+              "name": "prefix"
+            },
+            {
+              "description": "A presentational suffix icon or similar element.",
+              "name": "suffix"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, '[default]', 'prefix', 'suffix')"
+            },
+            {
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hiddenInput",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the radio button.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so\nthis attribute can typically be omitted.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pill",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style radio button with rounded edges.",
+              "attribute": "pill",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
               ]
             },
             {
@@ -14560,36 +14560,146 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/screen/screen.js",
+      "path": "components/resize-observer/resize-observer.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlScreen",
-          "cssParts": [
+          "name": "SlResizeObserver",
+          "slots": [
             {
-              "description": "The grid layout content.",
-              "name": "base"
+              "description": "One or more elements to watch for resizing.",
+              "name": ""
             }
           ],
           "members": [
             {
-              "kind": "method",
-              "name": "getGridData",
-              "return": {
-                "type": {
-                  "text": ""
-                }
+              "kind": "field",
+              "name": "resizeObserver",
+              "type": {
+                "text": "ResizeObserver"
               },
-              "description": "获取 GridStack 实例的序列化数据"
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "getInstance",
-              "return": {
-                "type": {
-                  "text": ""
-                }
+              "kind": "field",
+              "name": "observedElements",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the observer.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "startObserver",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "stopObserver",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "{ entries: ResizeObserverEntry[] }"
+              },
+              "description": "Emitted when the element is resized.",
+              "name": "sl-resize",
+              "reactName": "onSlResize",
+              "eventName": "SlResizeEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the observer.",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).",
+          "tagNameWithoutPrefix": "resize-observer",
+          "tagName": "sl-resize-observer",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).\n * @documentation https://shoelace.style/components/resize-observer\n * @status stable\n * @since 2.0\n *\n * @slot - One or more elements to watch for resizing.\n *\n * @event {{ entries: ResizeObserverEntry[] }} sl-resize - Emitted when the element is resized.\n */",
+          "documentation": "https://shoelace.style/components/resize-observer",
+          "status": "stable",
+          "since": "2.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlResizeObserver",
+            "module": "components/resize-observer/resize-observer.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/screen/screen.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlScreen",
+          "cssParts": [
+            {
+              "description": "The grid layout content.",
+              "name": "base"
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "getGridData",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "description": "获取 GridStack 实例的序列化数据"
+            },
+            {
+              "kind": "method",
+              "name": "getInstance",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
               "description": "获取 GridStack 实例的序列化数据"
             },
@@ -14776,116 +14886,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/resize-observer/resize-observer.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlResizeObserver",
-          "slots": [
-            {
-              "description": "One or more elements to watch for resizing.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "resizeObserver",
-              "type": {
-                "text": "ResizeObserver"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "observedElements",
-              "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "private",
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the observer.",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "startObserver",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "stopObserver",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            }
-          ],
-          "events": [
-            {
-              "type": {
-                "text": "{ entries: ResizeObserverEntry[] }"
-              },
-              "description": "Emitted when the element is resized.",
-              "name": "sl-resize",
-              "reactName": "onSlResize",
-              "eventName": "SlResizeEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the observer.",
-              "fieldName": "disabled"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).",
-          "tagNameWithoutPrefix": "resize-observer",
-          "tagName": "sl-resize-observer",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).\n * @documentation https://shoelace.style/components/resize-observer\n * @status stable\n * @since 2.0\n *\n * @slot - One or more elements to watch for resizing.\n *\n * @event {{ entries: ResizeObserverEntry[] }} sl-resize - Emitted when the element is resized.\n */",
-          "documentation": "https://shoelace.style/components/resize-observer",
-          "status": "stable",
-          "since": "2.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlResizeObserver",
-            "module": "components/resize-observer/resize-observer.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/select/select.js",
@@ -16027,235 +16027,280 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/switch/switch.js",
+      "path": "components/split-panel/split-panel.js",
       "declarations": [
+        {
+          "kind": "function",
+          "name": "SNAP_NONE",
+          "description": "A SnapFunction which performs no snapping."
+        },
         {
           "kind": "class",
           "description": "",
-          "name": "SlSwitch",
+          "name": "SlSplitPanel",
           "cssProperties": [
             {
-              "description": "The width of the switch.",
-              "name": "--width"
+              "description": "The width of the visible divider.",
+              "name": "--divider-width",
+              "default": "4px"
             },
             {
-              "description": "The height of the switch.",
-              "name": "--height"
+              "description": "The invisible region around the divider where dragging can occur. This is usually wider than the divider to facilitate easier dragging.",
+              "name": "--divider-hit-area",
+              "default": "12px"
             },
             {
-              "description": "The size of the thumb.",
-              "name": "--thumb-size"
-            }
-          ],
-          "cssParts": [
+              "description": "The minimum allowed size of the primary panel.",
+              "name": "--min",
+              "default": "0"
+            },
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
+              "description": "The maximum allowed size of the primary panel.",
+              "name": "--max",
+              "default": "100%"
+            }
+          ],
+          "cssParts": [
             {
-              "description": "The control that houses the switch's thumb.",
-              "name": "control"
+              "description": "The start panel.",
+              "name": "start"
             },
             {
-              "description": "The switch's thumb.",
-              "name": "thumb"
+              "description": "The end panel.",
+              "name": "end"
             },
             {
-              "description": "The switch's label.",
-              "name": "label"
+              "description": "Targets both the start and end panels.",
+              "name": "panel"
             },
             {
-              "description": "The help text's wrapper.",
-              "name": "form-control-help-text"
+              "description": "The divider that separates the start and end panels.",
+              "name": "divider"
             }
           ],
           "slots": [
             {
-              "description": "The switch's label.",
-              "name": ""
+              "description": "Content to place in the start panel.",
+              "name": "start"
             },
             {
-              "description": "Text that describes how to use the switch. Alternatively, you can use the `help-text` attribute.",
-              "name": "help-text"
+              "description": "Content to place in the end panel.",
+              "name": "end"
+            },
+            {
+              "description": "The divider. Useful for slotting in a custom icon that renders as a handle.",
+              "name": "divider"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "formControlController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this, { value: (control: SlSwitch) => (control.checked ? control.value || 'on' : undefined), defaultValue: (control: SlSwitch) => control.defaultChecked, setValue: (control: SlSwitch, checked: boolean) => (control.checked = checked) })"
+              "name": "cachedPositionInPixels",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "hasSlotController",
+              "name": "isCollapsed",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'help-text')"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "input",
-              "type": {
-                "text": "HTMLInputElement"
-              }
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "hasFocus",
+              "name": "positionBeforeCollapsing",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "title",
+              "name": "resizeObserver",
               "type": {
-                "text": "string"
+                "text": "ResizeObserver"
               },
-              "default": "''",
-              "attribute": "title"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "The name of the switch, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "divider",
               "type": {
-                "text": "string"
-              },
-              "description": "The current value of the switch, submitted as a name/value pair with form data.",
-              "attribute": "value"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "position",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "number"
               },
-              "default": "'medium'",
-              "description": "The switch's size.",
-              "attribute": "size",
+              "default": "50",
+              "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
+              "attribute": "position",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "positionInPixels",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Disables the switch.",
-              "attribute": "disabled",
-              "reflects": true
+              "description": "The current position of the divider from the primary panel's edge in pixels.",
+              "attribute": "position-in-pixels"
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "vertical",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws the switch in a checked state.",
-              "attribute": "checked",
+              "description": "Draws the split panel in a vertical orientation with the start and end panels stacked.",
+              "attribute": "vertical",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "defaultChecked",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
+              "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "primary",
               "type": {
-                "text": "string"
+                "text": "'start' | 'end' | undefined"
               },
-              "default": "''",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
-              "attribute": "form",
-              "reflects": true
+              "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
+              "attribute": "primary"
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "snapValue",
               "type": {
-                "text": "boolean"
+                "text": "string | SnapFunction"
               },
-              "default": "false",
-              "description": "Makes the switch a required field.",
-              "attribute": "required",
-              "reflects": true
+              "privacy": "private",
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "helpText",
+              "name": "snapFunction",
               "type": {
-                "text": "string"
+                "text": "SnapFunction"
               },
-              "default": "''",
-              "description": "The switch's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "privacy": "private",
+              "default": "SNAP_NONE"
             },
             {
-              "kind": "field",
-              "name": "validity",
-              "description": "Gets the validity state object",
-              "readonly": true
+              "kind": "method",
+              "name": "toSnapFunction",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "snap",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "The snap string."
+                }
+              ],
+              "description": "Converts a string containing either a series of fixed/repeated snap points (e.g. \"repeat(20%)\", \"100px 200px 800px\", or \"10% 50% repeat(10px)\") into a SnapFunction. `SnapFunction`s take in a `SnapFunctionOpts` and return the position that the split panel should snap to."
             },
             {
               "kind": "field",
-              "name": "validationMessage",
-              "description": "Gets the validation message",
-              "readonly": true
+              "name": "snap",
+              "description": "Either one or more space-separated values at which the divider should snap, in pixels, percentages, or repeat expressions e.g. `'100px 50% 500px' or `repeat(50%) 10px`,\nor a function which takes in a `SnapFunctionParams`, and returns a position to snap to, e.g. `({ pos }) => Math.round(pos / 8) * 8`.",
+              "type": {
+                "text": "string | SnapFunction"
+              },
+              "attribute": "snap",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private"
+              "kind": "field",
+              "name": "snapThreshold",
+              "type": {
+                "text": "number"
+              },
+              "default": "12",
+              "description": "How close the divider must be to a snap point until snapping occurs.",
+              "attribute": "snap-threshold"
             },
             {
               "kind": "method",
-              "name": "handleInput",
+              "name": "detectSize",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleInvalid",
+              "name": "percentageToPixels",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "value",
                   "type": {
-                    "text": "Event"
+                    "text": "number"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleClick",
-              "privacy": "private"
+              "name": "pixelsToPercentage",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private"
+              "name": "handleDrag",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -16272,484 +16317,364 @@
             },
             {
               "kind": "method",
-              "name": "handleCheckedChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "click",
-              "description": "Simulates a click on the switch."
-            },
-            {
-              "kind": "method",
-              "name": "focus",
+              "name": "handleResize",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "options",
-                  "optional": true,
+                  "name": "entries",
                   "type": {
-                    "text": "FocusOptions"
+                    "text": "ResizeObserverEntry[]"
                   }
                 }
-              ],
-              "description": "Sets focus on the switch."
+              ]
             },
             {
               "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the switch."
+              "name": "handlePositionChange"
             },
             {
               "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
-            },
-            {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "description": "Gets the associated form, if one exists."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+              "name": "handlePositionInPixelsChange"
             },
             {
               "kind": "method",
-              "name": "setCustomValidity",
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+              "name": "handleVerticalChange"
             }
           ],
           "events": [
             {
-              "description": "Emitted when the control loses focus.",
-              "name": "sl-blur",
-              "reactName": "onSlBlur",
-              "eventName": "SlBlurEvent"
-            },
-            {
-              "description": "Emitted when the control's checked state changes.",
-              "name": "sl-change",
-              "reactName": "onSlChange",
-              "eventName": "SlChangeEvent"
-            },
-            {
-              "description": "Emitted when the control receives input.",
-              "name": "sl-input",
-              "reactName": "onSlInput",
-              "eventName": "SlInputEvent"
-            },
-            {
-              "description": "Emitted when the control gains focus.",
-              "name": "sl-focus",
-              "reactName": "onSlFocus",
-              "eventName": "SlFocusEvent"
-            },
-            {
-              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
-              "name": "sl-invalid",
-              "reactName": "onSlInvalid",
-              "eventName": "SlInvalidEvent"
+              "description": "Emitted when the divider's position changes.",
+              "name": "sl-reposition",
+              "reactName": "onSlReposition",
+              "eventName": "SlRepositionEvent"
             }
           ],
           "attributes": [
             {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "title"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The name of the switch, submitted as a name/value pair with form data.",
-              "fieldName": "name"
-            },
-            {
-              "name": "value",
+              "name": "position",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "The current value of the switch, submitted as a name/value pair with form data.",
-              "fieldName": "value"
+              "default": "50",
+              "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
+              "fieldName": "position"
             },
             {
-              "name": "size",
+              "name": "position-in-pixels",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "number"
               },
-              "default": "'medium'",
-              "description": "The switch's size.",
-              "fieldName": "size"
+              "description": "The current position of the divider from the primary panel's edge in pixels.",
+              "fieldName": "positionInPixels"
             },
             {
-              "name": "disabled",
+              "name": "vertical",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the switch.",
-              "fieldName": "disabled"
+              "description": "Draws the split panel in a vertical orientation with the start and end panels stacked.",
+              "fieldName": "vertical"
             },
             {
-              "name": "checked",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws the switch in a checked state.",
-              "fieldName": "checked"
+              "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
+              "fieldName": "disabled"
             },
             {
-              "name": "form",
+              "name": "primary",
               "type": {
-                "text": "string"
+                "text": "'start' | 'end' | undefined"
               },
-              "default": "''",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
-              "fieldName": "form"
+              "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
+              "fieldName": "primary"
             },
             {
-              "name": "required",
+              "name": "snap",
+              "description": "Either one or more space-separated values at which the divider should snap, in pixels, percentages, or repeat expressions e.g. `'100px 50% 500px' or `repeat(50%) 10px`,\nor a function which takes in a `SnapFunctionParams`, and returns a position to snap to, e.g. `({ pos }) => Math.round(pos / 8) * 8`.",
               "type": {
-                "text": "boolean"
+                "text": "string | SnapFunction"
               },
-              "default": "false",
-              "description": "Makes the switch a required field.",
-              "fieldName": "required"
+              "fieldName": "snap"
             },
             {
-              "name": "help-text",
+              "name": "snap-threshold",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "The switch's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "fieldName": "helpText"
+              "default": "12",
+              "description": "How close the divider must be to a snap point until snapping occurs.",
+              "fieldName": "snapThreshold"
             }
           ],
           "superclass": {
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element.js"
           },
-          "summary": "Switches allow the user to toggle an option on or off.",
-          "tagNameWithoutPrefix": "switch",
-          "tagName": "sl-switch",
+          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
+          "tagNameWithoutPrefix": "split-panel",
+          "tagName": "sl-split-panel",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Switches allow the user to toggle an option on or off.\n * @documentation https://shoelace.style/components/switch\n * @status stable\n * @since 2.0\n *\n * @slot - The switch's label.\n * @slot help-text - Text that describes how to use the switch. Alternatively, you can use the `help-text` attribute.\n *\n * @event sl-blur - Emitted when the control loses focus.\n * @event sl-change - Emitted when the control's checked state changes.\n * @event sl-input - Emitted when the control receives input.\n * @event sl-focus - Emitted when the control gains focus.\n * @event sl-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The control that houses the switch's thumb.\n * @csspart thumb - The switch's thumb.\n * @csspart label - The switch's label.\n * @csspart form-control-help-text - The help text's wrapper.\n *\n * @cssproperty --width - The width of the switch.\n * @cssproperty --height - The height of the switch.\n * @cssproperty --thumb-size - The size of the thumb.\n */",
-          "documentation": "https://shoelace.style/components/switch",
+          "jsDoc": "/**\n * @summary Split panels display two adjacent panels, allowing the user to reposition them.\n * @documentation https://shoelace.style/components/split-panel\n * @status stable\n * @since 2.0\n *\n * @event sl-reposition - Emitted when the divider's position changes.\n *\n * @slot start - Content to place in the start panel.\n * @slot end - Content to place in the end panel.\n * @slot divider - The divider. Useful for slotting in a custom icon that renders as a handle.\n *\n * @csspart start - The start panel.\n * @csspart end - The end panel.\n * @csspart panel - Targets both the start and end panels.\n * @csspart divider - The divider that separates the start and end panels.\n *\n * @cssproperty [--divider-width=4px] - The width of the visible divider.\n * @cssproperty [--divider-hit-area=12px] - The invisible region around the divider where dragging can occur. This is\n *  usually wider than the divider to facilitate easier dragging.\n * @cssproperty [--min=0] - The minimum allowed size of the primary panel.\n * @cssproperty [--max=100%] - The maximum allowed size of the primary panel.\n */",
+          "documentation": "https://shoelace.style/components/split-panel",
           "status": "stable",
           "since": "2.0"
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "SNAP_NONE",
+          "declaration": {
+            "name": "SNAP_NONE",
+            "module": "components/split-panel/split-panel.js"
+          }
+        },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlSwitch",
-            "module": "components/switch/switch.js"
+            "name": "SlSplitPanel",
+            "module": "components/split-panel/split-panel.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/split-panel/split-panel.js",
+      "path": "components/switch/switch.js",
       "declarations": [
-        {
-          "kind": "function",
-          "name": "SNAP_NONE",
-          "description": "A SnapFunction which performs no snapping."
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "SlSplitPanel",
+          "name": "SlSwitch",
           "cssProperties": [
             {
-              "description": "The width of the visible divider.",
-              "name": "--divider-width",
-              "default": "4px"
-            },
-            {
-              "description": "The invisible region around the divider where dragging can occur. This is usually wider than the divider to facilitate easier dragging.",
-              "name": "--divider-hit-area",
-              "default": "12px"
+              "description": "The width of the switch.",
+              "name": "--width"
             },
             {
-              "description": "The minimum allowed size of the primary panel.",
-              "name": "--min",
-              "default": "0"
+              "description": "The height of the switch.",
+              "name": "--height"
             },
             {
-              "description": "The maximum allowed size of the primary panel.",
-              "name": "--max",
-              "default": "100%"
+              "description": "The size of the thumb.",
+              "name": "--thumb-size"
             }
           ],
           "cssParts": [
             {
-              "description": "The start panel.",
-              "name": "start"
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "description": "The end panel.",
-              "name": "end"
+              "description": "The control that houses the switch's thumb.",
+              "name": "control"
             },
             {
-              "description": "Targets both the start and end panels.",
-              "name": "panel"
+              "description": "The switch's thumb.",
+              "name": "thumb"
             },
             {
-              "description": "The divider that separates the start and end panels.",
-              "name": "divider"
+              "description": "The switch's label.",
+              "name": "label"
+            },
+            {
+              "description": "The help text's wrapper.",
+              "name": "form-control-help-text"
             }
           ],
           "slots": [
             {
-              "description": "Content to place in the start panel.",
-              "name": "start"
-            },
-            {
-              "description": "Content to place in the end panel.",
-              "name": "end"
+              "description": "The switch's label.",
+              "name": ""
             },
             {
-              "description": "The divider. Useful for slotting in a custom icon that renders as a handle.",
-              "name": "divider"
+              "description": "Text that describes how to use the switch. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "cachedPositionInPixels",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private"
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this, { value: (control: SlSwitch) => (control.checked ? control.value || 'on' : undefined), defaultValue: (control: SlSwitch) => control.defaultChecked, setValue: (control: SlSwitch, checked: boolean) => (control.checked = checked) })"
             },
             {
               "kind": "field",
-              "name": "isCollapsed",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "hasSlotController",
               "privacy": "private",
-              "default": "false"
+              "readonly": true,
+              "default": "new HasSlotController(this, 'help-text')"
             },
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              }
             },
             {
               "kind": "field",
-              "name": "positionBeforeCollapsing",
+              "name": "hasFocus",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "0"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "resizeObserver",
+              "name": "title",
               "type": {
-                "text": "ResizeObserver"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "''",
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "name",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "''",
+              "description": "The name of the switch, submitted as a name/value pair with form data.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "divider",
+              "name": "value",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "string"
+              },
+              "description": "The current value of the switch, submitted as a name/value pair with form data.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "position",
+              "name": "size",
               "type": {
-                "text": "number"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "50",
-              "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
-              "attribute": "position",
+              "default": "'medium'",
+              "description": "The switch's size.",
+              "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "positionInPixels",
+              "name": "disabled",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "The current position of the divider from the primary panel's edge in pixels.",
-              "attribute": "position-in-pixels"
+              "default": "false",
+              "description": "Disables the switch.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "vertical",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws the split panel in a vertical orientation with the start and end panels stacked.",
-              "attribute": "vertical",
+              "description": "Draws the switch in a checked state.",
+              "attribute": "checked",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "defaultChecked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
-              "attribute": "disabled",
-              "reflects": true
+              "description": "The default value of the form control. Primarily used for resetting the form control."
             },
             {
               "kind": "field",
-              "name": "primary",
+              "name": "form",
               "type": {
-                "text": "'start' | 'end' | undefined"
+                "text": "string"
               },
-              "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
-              "attribute": "primary"
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "attribute": "form",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "snapValue",
+              "name": "required",
               "type": {
-                "text": "string | SnapFunction"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "''"
+              "default": "false",
+              "description": "Makes the switch a required field.",
+              "attribute": "required",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "snapFunction",
+              "name": "helpText",
               "type": {
-                "text": "SnapFunction"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "SNAP_NONE"
+              "default": "''",
+              "description": "The switch's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "attribute": "help-text"
             },
             {
-              "kind": "method",
-              "name": "toSnapFunction",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "snap",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The snap string."
-                }
-              ],
-              "description": "Converts a string containing either a series of fixed/repeated snap points (e.g. \"repeat(20%)\", \"100px 200px 800px\", or \"10% 50% repeat(10px)\") into a SnapFunction. `SnapFunction`s take in a `SnapFunctionOpts` and return the position that the split panel should snap to."
+              "kind": "field",
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "snap",
-              "description": "Either one or more space-separated values at which the divider should snap, in pixels, percentages, or repeat expressions e.g. `'100px 50% 500px' or `repeat(50%) 10px`,\nor a function which takes in a `SnapFunctionParams`, and returns a position to snap to, e.g. `({ pos }) => Math.round(pos / 8) * 8`.",
-              "type": {
-                "text": "string | SnapFunction"
-              },
-              "attribute": "snap",
-              "reflects": true
+              "name": "validationMessage",
+              "description": "Gets the validation message",
+              "readonly": true
             },
             {
-              "kind": "field",
-              "name": "snapThreshold",
-              "type": {
-                "text": "number"
-              },
-              "default": "12",
-              "description": "How close the divider must be to a snap point until snapping occurs.",
-              "attribute": "snap-threshold"
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "detectSize",
+              "name": "handleInput",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "percentageToPixels",
+              "name": "handleInvalid",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "event",
                   "type": {
-                    "text": "number"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "pixelsToPercentage",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
+              "name": "handleClick",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleDrag",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
+              "name": "handleFocus",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -16766,64 +16691,136 @@
             },
             {
               "kind": "method",
-              "name": "handleResize",
-              "privacy": "private",
+              "name": "handleCheckedChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            },
+            {
+              "kind": "method",
+              "name": "click",
+              "description": "Simulates a click on the switch."
+            },
+            {
+              "kind": "method",
+              "name": "focus",
               "parameters": [
                 {
-                  "name": "entries",
+                  "name": "options",
+                  "optional": true,
                   "type": {
-                    "text": "ResizeObserverEntry[]"
+                    "text": "FocusOptions"
                   }
                 }
-              ]
+              ],
+              "description": "Sets focus on the switch."
             },
             {
               "kind": "method",
-              "name": "handlePositionChange"
+              "name": "blur",
+              "description": "Removes focus from the switch."
             },
             {
               "kind": "method",
-              "name": "handlePositionInPixelsChange"
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
             },
             {
               "kind": "method",
-              "name": "handleVerticalChange"
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
+              },
+              "description": "Gets the associated form, if one exists."
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets a custom validation message. Pass an empty string to restore validity."
             }
           ],
           "events": [
             {
-              "description": "Emitted when the divider's position changes.",
-              "name": "sl-reposition",
-              "reactName": "onSlReposition",
-              "eventName": "SlRepositionEvent"
+              "description": "Emitted when the control loses focus.",
+              "name": "sl-blur",
+              "reactName": "onSlBlur",
+              "eventName": "SlBlurEvent"
+            },
+            {
+              "description": "Emitted when the control's checked state changes.",
+              "name": "sl-change",
+              "reactName": "onSlChange",
+              "eventName": "SlChangeEvent"
+            },
+            {
+              "description": "Emitted when the control receives input.",
+              "name": "sl-input",
+              "reactName": "onSlInput",
+              "eventName": "SlInputEvent"
+            },
+            {
+              "description": "Emitted when the control gains focus.",
+              "name": "sl-focus",
+              "reactName": "onSlFocus",
+              "eventName": "SlFocusEvent"
+            },
+            {
+              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
+              "name": "sl-invalid",
+              "reactName": "onSlInvalid",
+              "eventName": "SlInvalidEvent"
             }
           ],
           "attributes": [
             {
-              "name": "position",
+              "name": "title",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "50",
-              "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
-              "fieldName": "position"
+              "default": "''",
+              "fieldName": "title"
             },
             {
-              "name": "position-in-pixels",
+              "name": "name",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "description": "The current position of the divider from the primary panel's edge in pixels.",
-              "fieldName": "positionInPixels"
-            },
-            {
-              "name": "vertical",
+              "default": "''",
+              "description": "The name of the switch, submitted as a name/value pair with form data.",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Draws the split panel in a vertical orientation with the start and end panels stacked.",
-              "fieldName": "vertical"
+              "description": "The current value of the switch, submitted as a name/value pair with form data.",
+              "fieldName": "value"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The switch's size.",
+              "fieldName": "size"
             },
             {
               "name": "disabled",
@@ -16831,64 +16828,67 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
+              "description": "Disables the switch.",
               "fieldName": "disabled"
             },
             {
-              "name": "primary",
+              "name": "checked",
               "type": {
-                "text": "'start' | 'end' | undefined"
+                "text": "boolean"
               },
-              "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
-              "fieldName": "primary"
+              "default": "false",
+              "description": "Draws the switch in a checked state.",
+              "fieldName": "checked"
             },
             {
-              "name": "snap",
-              "description": "Either one or more space-separated values at which the divider should snap, in pixels, percentages, or repeat expressions e.g. `'100px 50% 500px' or `repeat(50%) 10px`,\nor a function which takes in a `SnapFunctionParams`, and returns a position to snap to, e.g. `({ pos }) => Math.round(pos / 8) * 8`.",
+              "name": "form",
               "type": {
-                "text": "string | SnapFunction"
+                "text": "string"
               },
-              "fieldName": "snap"
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "fieldName": "form"
             },
             {
-              "name": "snap-threshold",
+              "name": "required",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "12",
-              "description": "How close the divider must be to a snap point until snapping occurs.",
-              "fieldName": "snapThreshold"
+              "default": "false",
+              "description": "Makes the switch a required field.",
+              "fieldName": "required"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The switch's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
             }
           ],
           "superclass": {
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element.js"
           },
-          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
-          "tagNameWithoutPrefix": "split-panel",
-          "tagName": "sl-split-panel",
+          "summary": "Switches allow the user to toggle an option on or off.",
+          "tagNameWithoutPrefix": "switch",
+          "tagName": "sl-switch",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Split panels display two adjacent panels, allowing the user to reposition them.\n * @documentation https://shoelace.style/components/split-panel\n * @status stable\n * @since 2.0\n *\n * @event sl-reposition - Emitted when the divider's position changes.\n *\n * @slot start - Content to place in the start panel.\n * @slot end - Content to place in the end panel.\n * @slot divider - The divider. Useful for slotting in a custom icon that renders as a handle.\n *\n * @csspart start - The start panel.\n * @csspart end - The end panel.\n * @csspart panel - Targets both the start and end panels.\n * @csspart divider - The divider that separates the start and end panels.\n *\n * @cssproperty [--divider-width=4px] - The width of the visible divider.\n * @cssproperty [--divider-hit-area=12px] - The invisible region around the divider where dragging can occur. This is\n *  usually wider than the divider to facilitate easier dragging.\n * @cssproperty [--min=0] - The minimum allowed size of the primary panel.\n * @cssproperty [--max=100%] - The maximum allowed size of the primary panel.\n */",
-          "documentation": "https://shoelace.style/components/split-panel",
+          "jsDoc": "/**\n * @summary Switches allow the user to toggle an option on or off.\n * @documentation https://shoelace.style/components/switch\n * @status stable\n * @since 2.0\n *\n * @slot - The switch's label.\n * @slot help-text - Text that describes how to use the switch. Alternatively, you can use the `help-text` attribute.\n *\n * @event sl-blur - Emitted when the control loses focus.\n * @event sl-change - Emitted when the control's checked state changes.\n * @event sl-input - Emitted when the control receives input.\n * @event sl-focus - Emitted when the control gains focus.\n * @event sl-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The control that houses the switch's thumb.\n * @csspart thumb - The switch's thumb.\n * @csspart label - The switch's label.\n * @csspart form-control-help-text - The help text's wrapper.\n *\n * @cssproperty --width - The width of the switch.\n * @cssproperty --height - The height of the switch.\n * @cssproperty --thumb-size - The size of the thumb.\n */",
+          "documentation": "https://shoelace.style/components/switch",
           "status": "stable",
           "since": "2.0"
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "SNAP_NONE",
-          "declaration": {
-            "name": "SNAP_NONE",
-            "module": "components/split-panel/split-panel.js"
-          }
-        },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlSplitPanel",
-            "module": "components/split-panel/split-panel.js"
+            "name": "SlSwitch",
+            "module": "components/switch/switch.js"
           }
         }
       ]
@@ -19296,52 +19296,32 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/tooltip/tooltip.js",
+      "path": "components/timepicker/timepicker.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlTooltip",
-          "cssProperties": [
-            {
-              "description": "The maximum width of the tooltip before its content will wrap.",
-              "name": "--max-width"
-            },
-            {
-              "description": "The amount of time to wait before hiding the tooltip when hovering.",
-              "name": "--hide-delay"
-            },
-            {
-              "description": "The amount of time to wait before showing the tooltip when hovering.",
-              "name": "--show-delay"
-            }
-          ],
-          "cssParts": [
+          "name": "SlTimepicker",
+          "slots": [
             {
-              "description": "The component's base wrapper, an `<sl-popup>` element.",
-              "name": "base"
+              "description": "The input's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
             },
             {
-              "description": "The popup's exported `popup` part. Use this to target the tooltip's popup container.",
-              "name": "base__popup"
+              "description": "The input's prefix, to prepend to the input.",
+              "name": "prefix"
             },
             {
-              "description": "The popup's exported `arrow` part. Use this to target the tooltip's arrow.",
-              "name": "base__arrow"
+              "description": "The input's suffix, to append to the input.",
+              "name": "suffix"
             },
             {
-              "description": "The tooltip's body where its content is rendered.",
-              "name": "body"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The tooltip's target element. Avoid slotting in more than one element, as subsequent ones will be ignored.",
-              "name": ""
+              "description": "An icon to use in lieu of the default clear icon.",
+              "name": "clear-icon"
             },
             {
-              "description": "The content to render in the tooltip. Alternatively, you can use the `content` attribute.",
-              "name": "content"
+              "description": "Help text that describes the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
             }
           ],
           "members": [
@@ -19352,324 +19332,252 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sl-popup': SlPopup }"
+              "default": "{ 'sl-input': SlInput as unknown as typeof ShoelaceElement, 'sl-popup': SlPopup, 'sl-time-panel': SlTimePanel, 'sl-date-panel': SlDatePanel, 'sl-drawer': SlDrawer }"
             },
             {
               "kind": "field",
-              "name": "hoverTimeout",
+              "name": "timePanel",
               "type": {
-                "text": "number"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+                "text": "SlTimePanel"
+              }
             },
             {
               "kind": "field",
-              "name": "closeWatcher",
+              "name": "format",
               "type": {
-                "text": "CloseWatcher | null"
+                "text": "string"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "defaultSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
+              "default": "'HH:mm:ss'",
+              "attribute": "format"
             },
             {
-              "kind": "field",
-              "name": "body",
-              "type": {
-                "text": "HTMLElement"
-              }
+              "kind": "method",
+              "name": "handleOpenChange"
             },
             {
-              "kind": "field",
-              "name": "popup",
-              "type": {
-                "text": "SlPopup"
-              }
+              "kind": "method",
+              "name": "parseValue",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "Date | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "content",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "formatValue",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               },
-              "default": "''",
-              "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
-              "attribute": "content"
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "Date"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
+              "kind": "method",
+              "name": "isValidFormat",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "default": "'top'",
-              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
-              "attribute": "placement"
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the tooltip so it won't show when triggered.",
-              "attribute": "disabled",
-              "reflects": true
+              "kind": "method",
+              "name": "handleInputInput",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "distance",
-              "type": {
-                "text": "number"
-              },
-              "default": "8",
-              "description": "The distance in pixels from which to offset the tooltip away from its target.",
-              "attribute": "distance"
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
-              "attribute": "open",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "skidding",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the tooltip along its target.",
-              "attribute": "skidding"
-            },
-            {
-              "kind": "field",
-              "name": "trigger",
-              "type": {
-                "text": "string"
-              },
-              "default": "'hover focus'",
-              "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
-              "attribute": "trigger"
-            },
-            {
-              "kind": "field",
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "attribute": "hoist"
-            },
-            {
-              "kind": "field",
-              "name": "handleBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDocumentKeyDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseOver",
-              "privacy": "private"
+              "kind": "method",
+              "name": "handleTimeChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<{ value: Date }>"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "handleMouseOut",
-              "privacy": "private"
+              "kind": "method",
+              "name": "handleDateChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<{ date: Date }>"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "hasTrigger",
+              "name": "handleTimeSelect",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "triggerType",
+                  "name": "event",
                   "type": {
-                    "text": "string"
+                    "text": "CustomEvent<{ value: Date }>"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleOpenChange"
+              "name": "handleInputChange",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleOptionsChange"
+              "name": "handleInputKeyDown",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleDisabledChange"
+              "name": "getInputSuffixIconName",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string | undefined"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "show",
-              "description": "Shows the tooltip."
+              "name": "shouldRevertOnBlur",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "wasOpen",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "hide",
-              "description": "Hides the tooltip"
+              "name": "handleValueChange"
             }
           ],
           "events": [
             {
-              "description": "Emitted when the tooltip begins to show.",
-              "name": "sl-show",
-              "reactName": "onSlShow",
-              "eventName": "SlShowEvent"
+              "description": "Emitted when the control's value changes.",
+              "name": "sl-change",
+              "reactName": "onSlChange",
+              "eventName": "SlChangeEvent"
             },
             {
-              "description": "Emitted after the tooltip has shown and all animations are complete.",
-              "name": "sl-after-show",
-              "reactName": "onSlAfterShow",
-              "eventName": "SlAfterShowEvent"
+              "description": "Emitted when the control's value changes.",
+              "name": "sl-input",
+              "reactName": "onSlInput",
+              "eventName": "SlInputEvent"
             },
             {
-              "description": "Emitted when the tooltip begins to hide.",
-              "name": "sl-hide",
-              "reactName": "onSlHide",
-              "eventName": "SlHideEvent"
+              "description": "Emitted when the control gains focus.",
+              "name": "sl-focus",
+              "reactName": "onSlFocus",
+              "eventName": "SlFocusEvent"
             },
             {
-              "description": "Emitted after the tooltip has hidden and all animations are complete.",
-              "name": "sl-after-hide",
-              "reactName": "onSlAfterHide",
-              "eventName": "SlAfterHideEvent"
+              "description": "Emitted when the control loses focus.",
+              "name": "sl-blur",
+              "reactName": "onSlBlur",
+              "eventName": "SlBlurEvent"
+            },
+            {
+              "description": "Emitted when the clear button is activated.",
+              "name": "sl-clear",
+              "reactName": "onSlClear",
+              "eventName": "SlClearEvent"
             }
           ],
           "attributes": [
             {
-              "name": "content",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
-              "fieldName": "content"
-            },
-            {
-              "name": "placement",
-              "type": {
-                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
-              },
-              "default": "'top'",
-              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
-              "fieldName": "placement"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the tooltip so it won't show when triggered.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "distance",
-              "type": {
-                "text": "number"
-              },
-              "default": "8",
-              "description": "The distance in pixels from which to offset the tooltip away from its target.",
-              "fieldName": "distance"
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
-              "fieldName": "open"
-            },
-            {
-              "name": "skidding",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the tooltip along its target.",
-              "fieldName": "skidding"
-            },
-            {
-              "name": "trigger",
+              "name": "format",
               "type": {
                 "text": "string"
               },
-              "default": "'hover focus'",
-              "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
-              "fieldName": "trigger"
-            },
-            {
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "fieldName": "hoist"
+              "default": "'HH:mm:ss'",
+              "fieldName": "format"
             }
           ],
           "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
+            "name": "PickerBase",
+            "module": "/src/internal/picker.js"
           },
-          "summary": "Tooltips display additional information based on a specific action.",
-          "tagNameWithoutPrefix": "tooltip",
-          "tagName": "sl-tooltip",
+          "tagName": "sl-timepicker",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Tooltips display additional information based on a specific action.\n * @documentation https://shoelace.style/components/tooltip\n * @status stable\n * @since 2.0\n *\n * @dependency sl-popup\n *\n * @slot - The tooltip's target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n * @slot content - The content to render in the tooltip. Alternatively, you can use the `content` attribute.\n *\n * @event sl-show - Emitted when the tooltip begins to show.\n * @event sl-after-show - Emitted after the tooltip has shown and all animations are complete.\n * @event sl-hide - Emitted when the tooltip begins to hide.\n * @event sl-after-hide - Emitted after the tooltip has hidden and all animations are complete.\n *\n * @csspart base - The component's base wrapper, an `<sl-popup>` element.\n * @csspart base__popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n * @csspart base__arrow - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n * @csspart body - The tooltip's body where its content is rendered.\n *\n * @cssproperty --max-width - The maximum width of the tooltip before its content will wrap.\n * @cssproperty --hide-delay - The amount of time to wait before hiding the tooltip when hovering.\n * @cssproperty --show-delay - The amount of time to wait before showing the tooltip when hovering.\n *\n * @animation tooltip.show - The animation to use when showing the tooltip.\n * @animation tooltip.hide - The animation to use when hiding the tooltip.\n */",
-          "documentation": "https://shoelace.style/components/tooltip",
-          "status": "stable",
+          "summary": "A time picker component that provides a time selection interface.",
+          "tagNameWithoutPrefix": "timepicker",
+          "jsDoc": "/**\n * @summary A time picker component that provides a time selection interface.\n * @documentation https://shoelace.style/components/timepicker\n * @tag sl-timepicker\n * @since 2.0\n *\n * @dependency sl-input\n * @dependency sl-popup\n * @dependency sl-time-panel\n * @dependency sl-date-panel\n * @dependency sl-drawer\n *\n * @slot label - The input's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - The input's prefix, to prepend to the input.\n * @slot suffix - The input's suffix, to append to the input.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot help-text - Help text that describes the input. Alternatively, you can use the `help-text` attribute.\n *\n * @event sl-change - Emitted when the control's value changes.\n * @event sl-input - Emitted when the control's value changes.\n * @event sl-focus - Emitted when the control gains focus.\n * @event sl-blur - Emitted when the control loses focus.\n * @event sl-clear - Emitted when the clear button is activated.\n */",
+          "documentation": "https://shoelace.style/components/timepicker",
           "since": "2.0",
           "dependencies": [
-            "sl-popup"
-          ],
-          "animations": [
-            {
-              "name": "tooltip.show",
-              "description": "The animation to use when showing the tooltip."
-            },
-            {
-              "name": "tooltip.hide",
-              "description": "The animation to use when hiding the tooltip."
-            }
+            "sl-input",
+            "sl-popup",
+            "sl-time-panel",
+            "sl-date-panel",
+            "sl-drawer"
           ]
         }
       ],
@@ -19678,40 +19586,60 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlTooltip",
-            "module": "components/tooltip/tooltip.js"
+            "name": "SlTimepicker",
+            "module": "components/timepicker/timepicker.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/timepicker/timepicker.js",
+      "path": "components/tooltip/tooltip.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlTimepicker",
-          "slots": [
+          "name": "SlTooltip",
+          "cssProperties": [
             {
-              "description": "The input's label. Alternatively, you can use the `label` attribute.",
-              "name": "label"
+              "description": "The maximum width of the tooltip before its content will wrap.",
+              "name": "--max-width"
             },
             {
-              "description": "The input's prefix, to prepend to the input.",
-              "name": "prefix"
+              "description": "The amount of time to wait before hiding the tooltip when hovering.",
+              "name": "--hide-delay"
             },
             {
-              "description": "The input's suffix, to append to the input.",
-              "name": "suffix"
+              "description": "The amount of time to wait before showing the tooltip when hovering.",
+              "name": "--show-delay"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper, an `<sl-popup>` element.",
+              "name": "base"
             },
             {
-              "description": "An icon to use in lieu of the default clear icon.",
-              "name": "clear-icon"
+              "description": "The popup's exported `popup` part. Use this to target the tooltip's popup container.",
+              "name": "base__popup"
             },
             {
-              "description": "Help text that describes the input. Alternatively, you can use the `help-text` attribute.",
-              "name": "help-text"
+              "description": "The popup's exported `arrow` part. Use this to target the tooltip's arrow.",
+              "name": "base__arrow"
+            },
+            {
+              "description": "The tooltip's body where its content is rendered.",
+              "name": "body"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The tooltip's target element. Avoid slotting in more than one element, as subsequent ones will be ignored.",
+              "name": ""
+            },
+            {
+              "description": "The content to render in the tooltip. Alternatively, you can use the `content` attribute.",
+              "name": "content"
             }
           ],
           "members": [
@@ -19722,252 +19650,324 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sl-input': SlInput as unknown as typeof ShoelaceElement, 'sl-popup': SlPopup, 'sl-time-panel': SlTimePanel, 'sl-date-panel': SlDatePanel, 'sl-drawer': SlDrawer }"
+              "default": "{ 'sl-popup': SlPopup }"
             },
             {
               "kind": "field",
-              "name": "timePanel",
+              "name": "hoverTimeout",
               "type": {
-                "text": "SlTimePanel"
+                "text": "number"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "closeWatcher",
+              "type": {
+                "text": "CloseWatcher | null"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
               }
             },
             {
               "kind": "field",
-              "name": "format",
+              "name": "body",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "popup",
+              "type": {
+                "text": "SlPopup"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "content",
               "type": {
                 "text": "string"
               },
-              "default": "'HH:mm:ss'",
-              "attribute": "format"
+              "default": "''",
+              "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
+              "attribute": "content"
             },
             {
-              "kind": "method",
-              "name": "handleOpenChange"
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
+              },
+              "default": "'top'",
+              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+              "attribute": "placement"
             },
             {
-              "kind": "method",
-              "name": "parseValue",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "Date | null"
-                }
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "default": "false",
+              "description": "Disables the tooltip so it won't show when triggered.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "formatValue",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "kind": "field",
+              "name": "distance",
+              "type": {
+                "text": "number"
               },
-              "parameters": [
-                {
-                  "name": "date",
-                  "type": {
-                    "text": "Date"
-                  }
-                }
-              ]
+              "default": "8",
+              "description": "The distance in pixels from which to offset the tooltip away from its target.",
+              "attribute": "distance"
             },
             {
-              "kind": "method",
-              "name": "isValidFormat",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "default": "false",
+              "description": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "skidding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The distance in pixels from which to offset the tooltip along its target.",
+              "attribute": "skidding"
+            },
+            {
+              "kind": "field",
+              "name": "trigger",
+              "type": {
+                "text": "string"
+              },
+              "default": "'hover focus'",
+              "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
+              "attribute": "trigger"
+            },
+            {
+              "kind": "field",
+              "name": "hoist",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
+              "attribute": "hoist"
             },
             {
-              "kind": "method",
-              "name": "handleInputInput",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "handleBlur",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "handleTimeChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<{ value: Date }>"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "handleClick",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "handleDateChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<{ date: Date }>"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleDocumentKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleMouseOver",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleMouseOut",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleTimeSelect",
+              "name": "hasTrigger",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "triggerType",
                   "type": {
-                    "text": "CustomEvent<{ value: Date }>"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleInputChange",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
+              "name": "handleOpenChange"
             },
             {
               "kind": "method",
-              "name": "handleInputKeyDown",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "name": "handleOptionsChange"
             },
             {
               "kind": "method",
-              "name": "getInputSuffixIconName",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "string | undefined"
-                }
-              }
+              "name": "handleDisabledChange"
             },
             {
               "kind": "method",
-              "name": "shouldRevertOnBlur",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "wasOpen",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "name": "show",
+              "description": "Shows the tooltip."
             },
             {
               "kind": "method",
-              "name": "handleValueChange"
+              "name": "hide",
+              "description": "Hides the tooltip"
             }
           ],
           "events": [
             {
-              "description": "Emitted when the control's value changes.",
-              "name": "sl-change",
-              "reactName": "onSlChange",
-              "eventName": "SlChangeEvent"
-            },
-            {
-              "description": "Emitted when the control's value changes.",
-              "name": "sl-input",
-              "reactName": "onSlInput",
-              "eventName": "SlInputEvent"
+              "description": "Emitted when the tooltip begins to show.",
+              "name": "sl-show",
+              "reactName": "onSlShow",
+              "eventName": "SlShowEvent"
             },
             {
-              "description": "Emitted when the control gains focus.",
-              "name": "sl-focus",
-              "reactName": "onSlFocus",
-              "eventName": "SlFocusEvent"
+              "description": "Emitted after the tooltip has shown and all animations are complete.",
+              "name": "sl-after-show",
+              "reactName": "onSlAfterShow",
+              "eventName": "SlAfterShowEvent"
             },
             {
-              "description": "Emitted when the control loses focus.",
-              "name": "sl-blur",
-              "reactName": "onSlBlur",
-              "eventName": "SlBlurEvent"
+              "description": "Emitted when the tooltip begins to hide.",
+              "name": "sl-hide",
+              "reactName": "onSlHide",
+              "eventName": "SlHideEvent"
             },
             {
-              "description": "Emitted when the clear button is activated.",
-              "name": "sl-clear",
-              "reactName": "onSlClear",
-              "eventName": "SlClearEvent"
+              "description": "Emitted after the tooltip has hidden and all animations are complete.",
+              "name": "sl-after-hide",
+              "reactName": "onSlAfterHide",
+              "eventName": "SlAfterHideEvent"
             }
           ],
           "attributes": [
             {
-              "name": "format",
+              "name": "content",
               "type": {
                 "text": "string"
               },
-              "default": "'HH:mm:ss'",
-              "fieldName": "format"
+              "default": "''",
+              "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
+              "fieldName": "content"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
+              },
+              "default": "'top'",
+              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+              "fieldName": "placement"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the tooltip so it won't show when triggered.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "distance",
+              "type": {
+                "text": "number"
+              },
+              "default": "8",
+              "description": "The distance in pixels from which to offset the tooltip away from its target.",
+              "fieldName": "distance"
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
+              "fieldName": "open"
+            },
+            {
+              "name": "skidding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The distance in pixels from which to offset the tooltip along its target.",
+              "fieldName": "skidding"
+            },
+            {
+              "name": "trigger",
+              "type": {
+                "text": "string"
+              },
+              "default": "'hover focus'",
+              "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
+              "fieldName": "trigger"
+            },
+            {
+              "name": "hoist",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
+              "fieldName": "hoist"
             }
           ],
           "superclass": {
-            "name": "PickerBase",
-            "module": "/src/internal/picker.js"
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
           },
-          "tagName": "sl-timepicker",
+          "summary": "Tooltips display additional information based on a specific action.",
+          "tagNameWithoutPrefix": "tooltip",
+          "tagName": "sl-tooltip",
           "customElement": true,
-          "summary": "A time picker component that provides a time selection interface.",
-          "tagNameWithoutPrefix": "timepicker",
-          "jsDoc": "/**\n * @summary A time picker component that provides a time selection interface.\n * @documentation https://shoelace.style/components/timepicker\n * @tag sl-timepicker\n * @since 2.0\n *\n * @dependency sl-input\n * @dependency sl-popup\n * @dependency sl-time-panel\n * @dependency sl-date-panel\n * @dependency sl-drawer\n *\n * @slot label - The input's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - The input's prefix, to prepend to the input.\n * @slot suffix - The input's suffix, to append to the input.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot help-text - Help text that describes the input. Alternatively, you can use the `help-text` attribute.\n *\n * @event sl-change - Emitted when the control's value changes.\n * @event sl-input - Emitted when the control's value changes.\n * @event sl-focus - Emitted when the control gains focus.\n * @event sl-blur - Emitted when the control loses focus.\n * @event sl-clear - Emitted when the clear button is activated.\n */",
-          "documentation": "https://shoelace.style/components/timepicker",
+          "jsDoc": "/**\n * @summary Tooltips display additional information based on a specific action.\n * @documentation https://shoelace.style/components/tooltip\n * @status stable\n * @since 2.0\n *\n * @dependency sl-popup\n *\n * @slot - The tooltip's target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n * @slot content - The content to render in the tooltip. Alternatively, you can use the `content` attribute.\n *\n * @event sl-show - Emitted when the tooltip begins to show.\n * @event sl-after-show - Emitted after the tooltip has shown and all animations are complete.\n * @event sl-hide - Emitted when the tooltip begins to hide.\n * @event sl-after-hide - Emitted after the tooltip has hidden and all animations are complete.\n *\n * @csspart base - The component's base wrapper, an `<sl-popup>` element.\n * @csspart base__popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n * @csspart base__arrow - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n * @csspart body - The tooltip's body where its content is rendered.\n *\n * @cssproperty --max-width - The maximum width of the tooltip before its content will wrap.\n * @cssproperty --hide-delay - The amount of time to wait before hiding the tooltip when hovering.\n * @cssproperty --show-delay - The amount of time to wait before showing the tooltip when hovering.\n *\n * @animation tooltip.show - The animation to use when showing the tooltip.\n * @animation tooltip.hide - The animation to use when hiding the tooltip.\n */",
+          "documentation": "https://shoelace.style/components/tooltip",
+          "status": "stable",
           "since": "2.0",
           "dependencies": [
-            "sl-input",
-            "sl-popup",
-            "sl-time-panel",
-            "sl-date-panel",
-            "sl-drawer"
+            "sl-popup"
+          ],
+          "animations": [
+            {
+              "name": "tooltip.show",
+              "description": "The animation to use when showing the tooltip."
+            },
+            {
+              "name": "tooltip.hide",
+              "description": "The animation to use when hiding the tooltip."
+            }
           ]
         }
       ],
@@ -19976,8 +19976,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlTimepicker",
-            "module": "components/timepicker/timepicker.js"
+            "name": "SlTooltip",
+            "module": "components/tooltip/tooltip.js"
           }
         }
       ]
@@ -20725,7 +20725,7 @@
   "package": {
     "name": "@kdcloudjs/shoelace",
     "description": "A forward-thinking library of web components.",
-    "version": "0.0.1",
+    "version": "1.0.13",
     "license": "MIT"
   }
 }