@kdcloudjs/shoelace 1.0.29 → 1.0.30

package/dist/custom-elements.json

@@ -2,192 +2,6 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
-    {
-      "kind": "javascript-module",
-      "path": "components/animated-image/animated-image.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlAnimatedImage",
-          "cssProperties": [
-            {
-              "description": "The size of the icon box.",
-              "name": "--control-box-size"
-            },
-            {
-              "description": "The size of the play/pause icons.",
-              "name": "--icon-size"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The container that surrounds the pause/play icons and provides their background.",
-              "name": "control-box"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Optional play icon to use instead of the default. Works best with `<sl-icon>`.",
-              "name": "play-icon"
-            },
-            {
-              "description": "Optional pause icon to use instead of the default. Works best with `<sl-icon>`.",
-              "name": "pause-icon"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'sl-icon': SlIcon }"
-            },
-            {
-              "kind": "field",
-              "name": "animatedImage",
-              "type": {
-                "text": "HTMLImageElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "frozenFrame",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isLoaded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "src",
-              "type": {
-                "text": "string"
-              },
-              "description": "The path to the image to load.",
-              "attribute": "src"
-            },
-            {
-              "kind": "field",
-              "name": "alt",
-              "type": {
-                "text": "string"
-              },
-              "description": "A description of the image used by assistive devices.",
-              "attribute": "alt"
-            },
-            {
-              "kind": "field",
-              "name": "play",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Plays the animation. When this attribute is remove, the animation will pause.",
-              "attribute": "play",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleLoad",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleError",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handlePlayChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleSrcChange"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the image loads successfully.",
-              "name": "sl-load",
-              "reactName": "onSlLoad",
-              "eventName": "SlLoadEvent"
-            },
-            {
-              "description": "Emitted when the image fails to load.",
-              "name": "sl-error",
-              "reactName": "onSlError",
-              "eventName": "SlErrorEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "src",
-              "type": {
-                "text": "string"
-              },
-              "description": "The path to the image to load.",
-              "fieldName": "src"
-            },
-            {
-              "name": "alt",
-              "type": {
-                "text": "string"
-              },
-              "description": "A description of the image used by assistive devices.",
-              "fieldName": "alt"
-            },
-            {
-              "name": "play",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Plays the animation. When this attribute is remove, the animation will pause.",
-              "fieldName": "play"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "A component for displaying animated GIFs and WEBPs that play and pause on interaction.",
-          "tagNameWithoutPrefix": "animated-image",
-          "tagName": "sl-animated-image",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A component for displaying animated GIFs and WEBPs that play and pause on interaction.\n * @documentation https://shoelace.style/components/animated-image\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @event sl-load - Emitted when the image loads successfully.\n * @event sl-error - Emitted when the image fails to load.\n *\n * @slot play-icon - Optional play icon to use instead of the default. Works best with `<sl-icon>`.\n * @slot pause-icon - Optional pause icon to use instead of the default. Works best with `<sl-icon>`.\n *\n * @part control-box - The container that surrounds the pause/play icons and provides their background.\n *\n * @cssproperty --control-box-size - The size of the icon box.\n * @cssproperty --icon-size - The size of the play/pause icons.\n */",
-          "documentation": "https://shoelace.style/components/animated-image",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "sl-icon"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlAnimatedImage",
-            "module": "components/animated-image/animated-image.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/alert/alert.js",
@@ -519,52 +333,87 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/animation/animation.js",
+      "path": "components/animated-image/animated-image.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlAnimation",
+          "name": "SlAnimatedImage",
+          "cssProperties": [
+            {
+              "description": "The size of the icon box.",
+              "name": "--control-box-size"
+            },
+            {
+              "description": "The size of the play/pause icons.",
+              "name": "--icon-size"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The container that surrounds the pause/play icons and provides their background.",
+              "name": "control-box"
+            }
+          ],
           "slots": [
             {
-              "description": "The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<sl-animation>` elements.",
-              "name": ""
+              "description": "Optional play icon to use instead of the default. Works best with `<sl-icon>`.",
+              "name": "play-icon"
+            },
+            {
+              "description": "Optional pause icon to use instead of the default. Works best with `<sl-icon>`.",
+              "name": "pause-icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "animation",
+              "name": "dependencies",
               "type": {
-                "text": "Animation | undefined"
+                "text": "object"
               },
-              "privacy": "private"
+              "static": true,
+              "default": "{ 'sl-icon': SlIcon }"
             },
             {
               "kind": "field",
-              "name": "hasStarted",
+              "name": "animatedImage",
+              "type": {
+                "text": "HTMLImageElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "frozenFrame",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isLoaded",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
               "default": "false"
             },
             {
               "kind": "field",
-              "name": "defaultSlot",
+              "name": "src",
               "type": {
-                "text": "Promise<HTMLSlotElement>"
-              }
+                "text": "string"
+              },
+              "description": "The path to the image to load.",
+              "attribute": "src"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "alt",
               "type": {
                 "text": "string"
               },
-              "default": "'none'",
-              "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
-              "attribute": "name"
+              "description": "A description of the image used by assistive devices.",
+              "attribute": "alt"
             },
             {
               "kind": "field",
@@ -572,8 +421,360 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
+              "description": "Plays the animation. When this attribute is remove, the animation will pause.",
+              "attribute": "play",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleLoad",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleError",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handlePlayChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleSrcChange"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the image loads successfully.",
+              "name": "sl-load",
+              "reactName": "onSlLoad",
+              "eventName": "SlLoadEvent"
+            },
+            {
+              "description": "Emitted when the image fails to load.",
+              "name": "sl-error",
+              "reactName": "onSlError",
+              "eventName": "SlErrorEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "description": "The path to the image to load.",
+              "fieldName": "src"
+            },
+            {
+              "name": "alt",
+              "type": {
+                "text": "string"
+              },
+              "description": "A description of the image used by assistive devices.",
+              "fieldName": "alt"
+            },
+            {
+              "name": "play",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Plays the animation. When this attribute is remove, the animation will pause.",
+              "fieldName": "play"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "A component for displaying animated GIFs and WEBPs that play and pause on interaction.",
+          "tagNameWithoutPrefix": "animated-image",
+          "tagName": "sl-animated-image",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A component for displaying animated GIFs and WEBPs that play and pause on interaction.\n * @documentation https://shoelace.style/components/animated-image\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon\n *\n * @event sl-load - Emitted when the image loads successfully.\n * @event sl-error - Emitted when the image fails to load.\n *\n * @slot play-icon - Optional play icon to use instead of the default. Works best with `<sl-icon>`.\n * @slot pause-icon - Optional pause icon to use instead of the default. Works best with `<sl-icon>`.\n *\n * @part control-box - The container that surrounds the pause/play icons and provides their background.\n *\n * @cssproperty --control-box-size - The size of the icon box.\n * @cssproperty --icon-size - The size of the play/pause icons.\n */",
+          "documentation": "https://shoelace.style/components/animated-image",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "sl-icon"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlAnimatedImage",
+            "module": "components/animated-image/animated-image.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/avatar/avatar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlAvatar",
+          "cssProperties": [
+            {
+              "description": "The size of the avatar.",
+              "name": "--size"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The container that wraps the avatar's icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The container that wraps the avatar's initials.",
+              "name": "initials"
+            },
+            {
+              "description": "The avatar image. Only shown when the `image` attribute is set.",
+              "name": "image"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default icon to use when no image or initials are present. Works best with `<sl-icon>`.",
+              "name": "icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'sl-icon': SlIcon }"
+            },
+            {
+              "kind": "field",
+              "name": "hasError",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "attribute": "image"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "initials",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "attribute": "initials"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "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",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlAnimation",
+          "slots": [
+            {
+              "description": "The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<sl-animation>` elements.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "animation",
+              "type": {
+                "text": "Animation | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "hasStarted",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "Promise<HTMLSlotElement>"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "'none'",
+              "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "play",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
               "attribute": "play",
               "reflects": true
             },
@@ -750,315 +951,114 @@
           ],
           "attributes": [
             {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "'none'",
-              "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
-              "fieldName": "name"
-            },
-            {
-              "name": "play",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
-              "fieldName": "play"
-            },
-            {
-              "name": "delay",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The number of milliseconds to delay the start of the animation.",
-              "fieldName": "delay"
-            },
-            {
-              "name": "direction",
-              "type": {
-                "text": "PlaybackDirection"
-              },
-              "default": "'normal'",
-              "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
-              "fieldName": "direction"
-            },
-            {
-              "name": "duration",
-              "type": {
-                "text": "number"
-              },
-              "default": "1000",
-              "description": "The number of milliseconds each iteration of the animation takes to complete.",
-              "fieldName": "duration"
-            },
-            {
-              "name": "easing",
-              "type": {
-                "text": "string"
-              },
-              "default": "'linear'",
-              "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
-              "fieldName": "easing"
-            },
-            {
-              "name": "end-delay",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
-              "fieldName": "endDelay"
-            },
-            {
-              "name": "fill",
-              "type": {
-                "text": "FillMode"
-              },
-              "default": "'auto'",
-              "description": "Sets how the animation applies styles to its target before and after its execution.",
-              "fieldName": "fill"
-            },
-            {
-              "name": "iterations",
-              "default": "Infinity",
-              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
-              "fieldName": "iterations"
-            },
-            {
-              "name": "iteration-start",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
-              "fieldName": "iterationStart"
-            },
-            {
-              "name": "playback-rate",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
-              "fieldName": "playbackRate"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).",
-          "tagNameWithoutPrefix": "animation",
-          "tagName": "sl-animation",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).\n * @documentation https://shoelace.style/components/animation\n * @status stable\n * @since 2.0\n *\n * @event sl-cancel - Emitted when the animation is canceled.\n * @event sl-finish - Emitted when the animation finishes.\n * @event sl-start - Emitted when the animation starts or restarts.\n *\n * @slot - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To\n *  animate multiple elements, either wrap them in a single container or use multiple `<sl-animation>` elements.\n */",
-          "documentation": "https://shoelace.style/components/animation",
-          "status": "stable",
-          "since": "2.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlAnimation",
-            "module": "components/animation/animation.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/avatar/avatar.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlAvatar",
-          "cssProperties": [
-            {
-              "description": "The size of the avatar.",
-              "name": "--size"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The container that wraps the avatar's icon.",
-              "name": "icon"
-            },
-            {
-              "description": "The container that wraps the avatar's initials.",
-              "name": "initials"
-            },
-            {
-              "description": "The avatar image. Only shown when the `image` attribute is set.",
-              "name": "image"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default icon to use when no image or initials are present. Works best with `<sl-icon>`.",
-              "name": "icon"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'sl-icon': SlIcon }"
-            },
-            {
-              "kind": "field",
-              "name": "hasError",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "image",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "attribute": "image"
-            },
-            {
-              "kind": "field",
-              "name": "label",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "attribute": "label"
+              "default": "'none'",
+              "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
+              "fieldName": "name"
             },
             {
-              "kind": "field",
-              "name": "initials",
+              "name": "play",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "attribute": "initials"
+              "default": "false",
+              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
+              "fieldName": "play"
             },
             {
-              "kind": "field",
-              "name": "loading",
+              "name": "delay",
               "type": {
-                "text": "'eager' | 'lazy'"
+                "text": "number"
               },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "attribute": "loading"
+              "default": "0",
+              "description": "The number of milliseconds to delay the start of the animation.",
+              "fieldName": "delay"
             },
             {
-              "kind": "field",
-              "name": "shape",
+              "name": "direction",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "PlaybackDirection"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "attribute": "shape",
-              "reflects": true
+              "default": "'normal'",
+              "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
+              "fieldName": "direction"
             },
             {
-              "kind": "method",
-              "name": "handleImageChange"
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "default": "1000",
+              "description": "The number of milliseconds each iteration of the animation takes to complete.",
+              "fieldName": "duration"
             },
             {
-              "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",
+              "name": "easing",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "fieldName": "image"
+              "default": "'linear'",
+              "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
+              "fieldName": "easing"
             },
             {
-              "name": "label",
+              "name": "end-delay",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "fieldName": "label"
+              "default": "0",
+              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
+              "fieldName": "endDelay"
             },
             {
-              "name": "initials",
+              "name": "fill",
               "type": {
-                "text": "string"
+                "text": "FillMode"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "fieldName": "initials"
+              "default": "'auto'",
+              "description": "Sets how the animation applies styles to its target before and after its execution.",
+              "fieldName": "fill"
             },
             {
-              "name": "loading",
+              "name": "iterations",
+              "default": "Infinity",
+              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
+              "fieldName": "iterations"
+            },
+            {
+              "name": "iteration-start",
               "type": {
-                "text": "'eager' | 'lazy'"
+                "text": "number"
               },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "fieldName": "loading"
+              "default": "0",
+              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
+              "fieldName": "iterationStart"
             },
             {
-              "name": "shape",
+              "name": "playback-rate",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "number"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "fieldName": "shape"
+              "default": "1",
+              "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
+              "fieldName": "playbackRate"
             }
           ],
           "superclass": {
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element.js"
           },
-          "summary": "Avatars are used to represent a person or object.",
-          "tagNameWithoutPrefix": "avatar",
-          "tagName": "sl-avatar",
+          "summary": "Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).",
+          "tagNameWithoutPrefix": "animation",
+          "tagName": "sl-animation",
           "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",
+          "jsDoc": "/**\n * @summary Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).\n * @documentation https://shoelace.style/components/animation\n * @status stable\n * @since 2.0\n *\n * @event sl-cancel - Emitted when the animation is canceled.\n * @event sl-finish - Emitted when the animation finishes.\n * @event sl-start - Emitted when the animation starts or restarts.\n *\n * @slot - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To\n *  animate multiple elements, either wrap them in a single container or use multiple `<sl-animation>` elements.\n */",
+          "documentation": "https://shoelace.style/components/animation",
           "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "sl-icon"
-          ]
+          "since": "2.0"
         }
       ],
       "exports": [
@@ -1066,8 +1066,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlAvatar",
-            "module": "components/avatar/avatar.js"
+            "name": "SlAnimation",
+            "module": "components/animation/animation.js"
           }
         }
       ]
@@ -2281,12 +2281,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/calendar/calendar.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "components/card/card.js",
@@ -2971,6 +2965,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/calendar/calendar.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "components/carousel-item/carousel-item.js",
@@ -12607,141 +12607,51 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/nav-submenu/nav-submenu.js",
+      "path": "components/nav-item/nav-item.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlNavSubmenu",
+          "name": "SlNavItem",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
             },
-            {
-              "description": "The header that wraps the title, prefix, suffix and expand/collapse icon.",
-              "name": "header"
-            },
             {
               "description": "The prefix container.",
               "name": "prefix"
             },
             {
-              "description": "The nav submenu label.",
-              "name": "label"
-            },
-            {
-              "description": "The suffix container.",
-              "name": "suffix"
-            },
-            {
-              "description": "The container that wraps the expand/collapse icons.",
-              "name": "expand-icon"
-            },
-            {
-              "description": "The nav submenu content.",
-              "name": "content"
-            },
-            {
-              "description": "The popup that wraps the content in horizontal mode.",
-              "name": "popup"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The nav items within the submenu.",
-              "name": ""
-            },
-            {
-              "description": "The nav submenu's title.",
-              "name": "title"
-            },
-            {
-              "description": "Used to prepend an icon or similar element to the nav submenu.",
-              "name": "prefix"
-            },
-            {
-              "description": "Used to append an icon or similar element to the nav submenu.",
-              "name": "suffix"
-            },
-            {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sl-icon>`.",
-              "name": "expand-icon"
-            },
-            {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sl-icon>`.",
-              "name": "collapse-icon"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'sl-icon': SlIcon, 'sl-popup': SlPopup }"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'prefix', 'suffix')"
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "hideTimeout",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "openChangeSource",
-              "type": {
-                "text": "'api' | 'nav' | 'user'"
-              },
-              "privacy": "private",
-              "default": "'api'"
-            },
-            {
-              "kind": "field",
-              "name": "showTimeout",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "header",
-              "type": {
-                "text": "HTMLElement"
-              }
+              "description": "The nav item label.",
+              "name": "label"
             },
             {
-              "kind": "field",
-              "name": "body",
-              "type": {
-                "text": "HTMLElement"
-              }
+              "description": "The suffix container.",
+              "name": "suffix"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The nav item's label.",
+              "name": ""
+            },
+            {
+              "description": "Used to prepend an icon or similar element to the nav item.",
+              "name": "prefix"
             },
+            {
+              "description": "Used to append an icon or similar element to the nav item.",
+              "name": "suffix"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "popup",
-              "type": {
-                "text": "SlPopup"
-              }
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'prefix', 'suffix')"
             },
             {
               "kind": "field",
@@ -12750,7 +12660,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "A stable key used by `sl-nav` to track open state.",
+              "description": "A stable key used by `sl-nav` to track selection.",
               "attribute": "key"
             },
             {
@@ -12765,110 +12675,108 @@
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "unknown | undefined"
               },
-              "default": "false",
-              "description": "Indicates whether or not the submenu is open.",
-              "attribute": "open",
-              "reflects": true
+              "description": "Alternate label content when using Antd-style `items` configuration."
             },
             {
               "kind": "field",
-              "name": "nested",
+              "name": "icon",
               "type": {
-                "text": "boolean"
+                "text": "unknown | undefined"
               },
-              "default": "false",
-              "description": "Indicates if this submenu is nested within another submenu.",
-              "attribute": "nested",
-              "reflects": true
+              "description": "Alternate icon content when using Antd-style `items` configuration."
             },
             {
               "kind": "field",
-              "name": "title",
+              "name": "extra",
               "type": {
-                "text": "string"
+                "text": "unknown | undefined"
               },
-              "default": "''",
-              "description": "The summary to show in the header. If you need to display HTML, use the `title` slot instead.",
-              "attribute": "title"
+              "description": "Extra content shown at the end of the item."
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "danger",
               "type": {
-                "text": "unknown | undefined"
+                "text": "boolean"
               },
-              "description": "Matches Antd's `label` field."
+              "default": "false",
+              "description": "Matches Antd's `danger` item flag.",
+              "attribute": "danger",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "icon",
+              "name": "title",
               "type": {
-                "text": "unknown | undefined"
+                "text": "string"
               },
-              "description": "Matches Antd's `icon` field."
+              "default": "''",
+              "description": "Tooltip text, primarily used when the menu is collapsed.",
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "theme",
+              "name": "disabled",
               "type": {
-                "text": "'light' | 'dark'"
+                "text": "boolean"
               },
-              "default": "'light'",
-              "description": "Matches Antd's `theme` field.",
-              "attribute": "theme",
+              "default": "false",
+              "description": "Draws the nav item in a disabled state.",
+              "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "popupClassName",
+              "name": "active",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Matches Antd's `popupClassName` field.",
-              "attribute": "popup-class-name"
+              "default": "false",
+              "description": "Draws the nav item in an active (selected) state.",
+              "attribute": "active",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "popupOffset",
+              "name": "href",
               "type": {
-                "text": "[number, number] | undefined"
+                "text": "string"
               },
-              "description": "Matches Antd's `popupOffset` field."
+              "default": "''",
+              "description": "The URL to link to. If set, the nav item will render as an anchor tag.",
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "onTitleClick",
+              "name": "target",
               "type": {
-                "text": "(info: { key: string; domEvent: MouseEvent | KeyboardEvent }) => void | undefined"
+                "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
-              "description": "Matches Antd's `onTitleClick` callback."
+              "description": "The target attribute for the anchor tag.",
+              "attribute": "target"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "download",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Draws the submenu in a disabled state.",
-              "attribute": "disabled",
-              "reflects": true
+              "description": "The download attribute for the anchor tag.",
+              "attribute": "download"
             },
             {
               "kind": "field",
-              "name": "active",
+              "name": "rel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Draws the submenu in an active (selected) state.",
-              "attribute": "active",
-              "reflects": true
+              "default": "'noreferrer noopener'",
+              "description": "The rel attribute for the anchor tag.",
+              "attribute": "rel"
             },
             {
               "kind": "field",
@@ -12886,176 +12794,48 @@
               "name": "collapsed",
               "type": {
                 "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the parent nav is in inline-collapsed mode.",
-              "attribute": "collapsed",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "getRootNav",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "| (HTMLElement & {\n        triggerSubMenuAction?: 'hover' | 'click';\n        subMenuOpenDelay?: number;\n        subMenuCloseDelay?: number;\n        expandIcon?: unknown;\n      })\n    | undefined"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getSubmenuKey",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "getTriggerAction",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "getOpenDelay",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "getCloseDelay",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "isPopupMode",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "hasCustomPopupContent",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "syncNestedState",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleHeaderClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleHeaderKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseOver",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseOut",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "FocusEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleOpenChange"
+              },
+              "default": "false",
+              "description": "Whether the parent nav is in inline-collapsed mode.",
+              "attribute": "collapsed",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "show",
+              "name": "handleClick",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "source",
-                  "default": "'api'",
+                  "name": "event",
                   "type": {
-                    "text": "'api' | 'nav' | 'user'"
+                    "text": "MouseEvent"
                   }
                 }
-              ],
-              "description": "Shows the submenu."
+              ]
             },
             {
               "kind": "method",
-              "name": "hide",
+              "name": "handleKeyDown",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "source",
-                  "default": "'api'",
+                  "name": "event",
                   "type": {
-                    "text": "'api' | 'nav' | 'user'"
+                    "text": "KeyboardEvent"
                   }
                 }
-              ],
-              "description": "Hides the submenu."
+              ]
             }
           ],
           "events": [
             {
-              "description": "Emitted when the submenu opens.",
-              "name": "sl-show",
-              "reactName": "onSlShow",
-              "eventName": "SlShowEvent"
-            },
-            {
-              "description": "Emitted after the submenu opens and all animations are complete.",
-              "name": "sl-after-show",
-              "reactName": "onSlAfterShow",
-              "eventName": "SlAfterShowEvent"
-            },
-            {
-              "description": "Emitted when the submenu closes.",
-              "name": "sl-hide",
-              "reactName": "onSlHide",
-              "eventName": "SlHideEvent"
-            },
-            {
-              "description": "Emitted after the submenu closes and all animations are complete.",
-              "name": "sl-after-hide",
-              "reactName": "onSlAfterHide",
-              "eventName": "SlAfterHideEvent"
+              "type": {
+                "text": "{ item: SlNavItem }"
+              },
+              "description": "Emitted when a nav item is selected.",
+              "name": "sl-nav-select",
+              "reactName": "onSlNavSelect",
+              "eventName": "SlNavSelectEvent"
             }
           ],
           "attributes": [
@@ -13065,7 +12845,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "A stable key used by `sl-nav` to track open state.",
+              "description": "A stable key used by `sl-nav` to track selection.",
               "fieldName": "key"
             },
             {
@@ -13078,22 +12858,13 @@
               "fieldName": "itemKey"
             },
             {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the submenu is open.",
-              "fieldName": "open"
-            },
-            {
-              "name": "nested",
+              "name": "danger",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates if this submenu is nested within another submenu.",
-              "fieldName": "nested"
+              "description": "Matches Antd's `danger` item flag.",
+              "fieldName": "danger"
             },
             {
               "name": "title",
@@ -13101,44 +12872,60 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The summary to show in the header. If you need to display HTML, use the `title` slot instead.",
+              "description": "Tooltip text, primarily used when the menu is collapsed.",
               "fieldName": "title"
             },
             {
-              "name": "theme",
+              "name": "disabled",
               "type": {
-                "text": "'light' | 'dark'"
+                "text": "boolean"
               },
-              "default": "'light'",
-              "description": "Matches Antd's `theme` field.",
-              "fieldName": "theme"
+              "default": "false",
+              "description": "Draws the nav item in a disabled state.",
+              "fieldName": "disabled"
             },
             {
-              "name": "popup-class-name",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the nav item in an active (selected) state.",
+              "fieldName": "active"
+            },
+            {
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Matches Antd's `popupClassName` field.",
-              "fieldName": "popupClassName"
+              "description": "The URL to link to. If set, the nav item will render as an anchor tag.",
+              "fieldName": "href"
             },
             {
-              "name": "disabled",
+              "name": "target",
               "type": {
-                "text": "boolean"
+                "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
-              "default": "false",
-              "description": "Draws the submenu in a disabled state.",
-              "fieldName": "disabled"
+              "description": "The target attribute for the anchor tag.",
+              "fieldName": "target"
             },
             {
-              "name": "active",
+              "name": "download",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Draws the submenu in an active (selected) state.",
-              "fieldName": "active"
+              "description": "The download attribute for the anchor tag.",
+              "fieldName": "download"
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'noreferrer noopener'",
+              "description": "The rel attribute for the anchor tag.",
+              "fieldName": "rel"
             },
             {
               "name": "mode",
@@ -13163,28 +12950,14 @@
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element.js"
           },
-          "summary": "Nav submenus are used to group related nav items in a hierarchical structure.",
-          "tagNameWithoutPrefix": "nav-submenu",
-          "tagName": "sl-nav-submenu",
+          "summary": "Nav items are the individual links or buttons within a navigation menu.",
+          "tagNameWithoutPrefix": "nav-item",
+          "tagName": "sl-nav-item",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Nav submenus are used to group related nav items in a hierarchical structure.\n * @documentation https://shoelace.style/components/nav-submenu\n * @status experimental\n * @since 2.16\n *\n * @dependency sl-icon\n * @dependency sl-popup\n *\n * @slot - The nav items within the submenu.\n * @slot title - The nav submenu's title.\n * @slot prefix - Used to prepend an icon or similar element to the nav submenu.\n * @slot suffix - Used to append an icon or similar element to the nav submenu.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<sl-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<sl-icon>`.\n *\n * @event sl-show - Emitted when the submenu opens.\n * @event sl-after-show - Emitted after the submenu opens and all animations are complete.\n * @event sl-hide - Emitted when the submenu closes.\n * @event sl-after-hide - Emitted after the submenu closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps the title, prefix, suffix and expand/collapse icon.\n * @csspart prefix - The prefix container.\n * @csspart label - The nav submenu label.\n * @csspart suffix - The suffix container.\n * @csspart expand-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The nav submenu content.\n * @csspart popup - The popup that wraps the content in horizontal mode.\n *\n * @animation nav-submenu.show - The animation to use when showing the submenu.\n * @animation nav-submenu.hide - The animation to use when hiding the submenu.\n */",
-          "documentation": "https://shoelace.style/components/nav-submenu",
+          "jsDoc": "/**\n * @summary Nav items are the individual links or buttons within a navigation menu.\n * @documentation https://shoelace.style/components/nav-item\n * @status experimental\n * @since 2.16\n *\n * @slot - The nav item's label.\n * @slot prefix - Used to prepend an icon or similar element to the nav item.\n * @slot suffix - Used to append an icon or similar element to the nav item.\n *\n * @event {{ item: SlNavItem }} sl-nav-select - Emitted when a nav item is selected.\n *\n * @csspart base - The component's base wrapper.\n * @csspart prefix - The prefix container.\n * @csspart label - The nav item label.\n * @csspart suffix - The suffix container.\n */",
+          "documentation": "https://shoelace.style/components/nav-item",
           "status": "experimental",
-          "since": "2.16",
-          "dependencies": [
-            "sl-icon",
-            "sl-popup"
-          ],
-          "animations": [
-            {
-              "name": "nav-submenu.show",
-              "description": "The animation to use when showing the submenu."
-            },
-            {
-              "name": "nav-submenu.hide",
-              "description": "The animation to use when hiding the submenu."
-            }
-          ]
+          "since": "2.16"
         }
       ],
       "exports": [
@@ -13192,59 +12965,149 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlNavSubmenu",
-            "module": "components/nav-submenu/nav-submenu.js"
+            "name": "SlNavItem",
+            "module": "components/nav-item/nav-item.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/nav-item/nav-item.js",
+      "path": "components/nav-submenu/nav-submenu.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SlNavItem",
+          "name": "SlNavSubmenu",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
             },
+            {
+              "description": "The header that wraps the title, prefix, suffix and expand/collapse icon.",
+              "name": "header"
+            },
             {
               "description": "The prefix container.",
               "name": "prefix"
             },
             {
-              "description": "The nav item label.",
+              "description": "The nav submenu label.",
               "name": "label"
             },
             {
               "description": "The suffix container.",
               "name": "suffix"
+            },
+            {
+              "description": "The container that wraps the expand/collapse icons.",
+              "name": "expand-icon"
+            },
+            {
+              "description": "The nav submenu content.",
+              "name": "content"
+            },
+            {
+              "description": "The popup that wraps the content in horizontal mode.",
+              "name": "popup"
             }
           ],
           "slots": [
             {
-              "description": "The nav item's label.",
+              "description": "The nav items within the submenu.",
               "name": ""
             },
             {
-              "description": "Used to prepend an icon or similar element to the nav item.",
-              "name": "prefix"
+              "description": "The nav submenu's title.",
+              "name": "title"
+            },
+            {
+              "description": "Used to prepend an icon or similar element to the nav submenu.",
+              "name": "prefix"
+            },
+            {
+              "description": "Used to append an icon or similar element to the nav submenu.",
+              "name": "suffix"
+            },
+            {
+              "description": "Optional expand icon to use instead of the default. Works best with `<sl-icon>`.",
+              "name": "expand-icon"
+            },
+            {
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sl-icon>`.",
+              "name": "collapse-icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'sl-icon': SlIcon, 'sl-popup': SlPopup }"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'prefix', 'suffix')"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "hideTimeout",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "openChangeSource",
+              "type": {
+                "text": "'api' | 'nav' | 'user'"
+              },
+              "privacy": "private",
+              "default": "'api'"
+            },
+            {
+              "kind": "field",
+              "name": "showTimeout",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "header",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "body",
+              "type": {
+                "text": "HTMLElement"
+              }
             },
-            {
-              "description": "Used to append an icon or similar element to the nav item.",
-              "name": "suffix"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'prefix', 'suffix')"
+              "name": "popup",
+              "type": {
+                "text": "SlPopup"
+              }
             },
             {
               "kind": "field",
@@ -13253,7 +13116,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "A stable key used by `sl-nav` to track selection.",
+              "description": "A stable key used by `sl-nav` to track open state.",
               "attribute": "key"
             },
             {
@@ -13268,108 +13131,110 @@
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "open",
               "type": {
-                "text": "unknown | undefined"
+                "text": "boolean"
               },
-              "description": "Alternate label content when using Antd-style `items` configuration."
+              "default": "false",
+              "description": "Indicates whether or not the submenu is open.",
+              "attribute": "open",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "icon",
+              "name": "nested",
               "type": {
-                "text": "unknown | undefined"
+                "text": "boolean"
               },
-              "description": "Alternate icon content when using Antd-style `items` configuration."
+              "default": "false",
+              "description": "Indicates if this submenu is nested within another submenu.",
+              "attribute": "nested",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "extra",
+              "name": "title",
               "type": {
-                "text": "unknown | undefined"
+                "text": "string"
               },
-              "description": "Extra content shown at the end of the item."
+              "default": "''",
+              "description": "The summary to show in the header. If you need to display HTML, use the `title` slot instead.",
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "danger",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "unknown | undefined"
               },
-              "default": "false",
-              "description": "Matches Antd's `danger` item flag.",
-              "attribute": "danger",
-              "reflects": true
+              "description": "Matches Antd's `label` field."
             },
             {
               "kind": "field",
-              "name": "title",
+              "name": "icon",
               "type": {
-                "text": "string"
+                "text": "unknown | undefined"
               },
-              "default": "''",
-              "description": "Tooltip text, primarily used when the menu is collapsed.",
-              "attribute": "title"
+              "description": "Matches Antd's `icon` field."
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "theme",
               "type": {
-                "text": "boolean"
+                "text": "'light' | 'dark'"
               },
-              "default": "false",
-              "description": "Draws the nav item in a disabled state.",
-              "attribute": "disabled",
+              "default": "'light'",
+              "description": "Matches Antd's `theme` field.",
+              "attribute": "theme",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "active",
+              "name": "popupClassName",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Draws the nav item in an active (selected) state.",
-              "attribute": "active",
-              "reflects": true
+              "default": "''",
+              "description": "Matches Antd's `popupClassName` field.",
+              "attribute": "popup-class-name"
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "popupOffset",
               "type": {
-                "text": "string"
+                "text": "[number, number] | undefined"
               },
-              "default": "''",
-              "description": "The URL to link to. If set, the nav item will render as an anchor tag.",
-              "attribute": "href"
+              "description": "Matches Antd's `popupOffset` field."
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "onTitleClick",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top'"
+                "text": "(info: { key: string; domEvent: MouseEvent | KeyboardEvent }) => void | undefined"
               },
-              "description": "The target attribute for the anchor tag.",
-              "attribute": "target"
+              "description": "Matches Antd's `onTitleClick` callback."
             },
             {
               "kind": "field",
-              "name": "download",
+              "name": "disabled",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The download attribute for the anchor tag.",
-              "attribute": "download"
+              "default": "false",
+              "description": "Draws the submenu in a disabled state.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "rel",
+              "name": "active",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'noreferrer noopener'",
-              "description": "The rel attribute for the anchor tag.",
-              "attribute": "rel"
+              "default": "false",
+              "description": "Draws the submenu in an active (selected) state.",
+              "attribute": "active",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -13395,7 +13260,52 @@
             },
             {
               "kind": "method",
-              "name": "handleClick",
+              "name": "getRootNav",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "| (HTMLElement & {\n        triggerSubMenuAction?: 'hover' | 'click';\n        subMenuOpenDelay?: number;\n        subMenuCloseDelay?: number;\n        expandIcon?: unknown;\n      })\n    | undefined"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getSubmenuKey",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getTriggerAction",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getOpenDelay",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getCloseDelay",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "isPopupMode",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "hasCustomPopupContent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "syncNestedState",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleHeaderClick",
               "privacy": "private",
               "parameters": [
                 {
@@ -13408,7 +13318,7 @@
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
+              "name": "handleHeaderKeyDown",
               "privacy": "private",
               "parameters": [
                 {
@@ -13418,17 +13328,100 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseOver",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseOut",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "parameters": [
+                {
+                  "name": "source",
+                  "default": "'api'",
+                  "type": {
+                    "text": "'api' | 'nav' | 'user'"
+                  }
+                }
+              ],
+              "description": "Shows the submenu."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "parameters": [
+                {
+                  "name": "source",
+                  "default": "'api'",
+                  "type": {
+                    "text": "'api' | 'nav' | 'user'"
+                  }
+                }
+              ],
+              "description": "Hides the submenu."
             }
           ],
           "events": [
             {
-              "type": {
-                "text": "{ item: SlNavItem }"
-              },
-              "description": "Emitted when a nav item is selected.",
-              "name": "sl-nav-select",
-              "reactName": "onSlNavSelect",
-              "eventName": "SlNavSelectEvent"
+              "description": "Emitted when the submenu opens.",
+              "name": "sl-show",
+              "reactName": "onSlShow",
+              "eventName": "SlShowEvent"
+            },
+            {
+              "description": "Emitted after the submenu opens and all animations are complete.",
+              "name": "sl-after-show",
+              "reactName": "onSlAfterShow",
+              "eventName": "SlAfterShowEvent"
+            },
+            {
+              "description": "Emitted when the submenu closes.",
+              "name": "sl-hide",
+              "reactName": "onSlHide",
+              "eventName": "SlHideEvent"
+            },
+            {
+              "description": "Emitted after the submenu closes and all animations are complete.",
+              "name": "sl-after-hide",
+              "reactName": "onSlAfterHide",
+              "eventName": "SlAfterHideEvent"
             }
           ],
           "attributes": [
@@ -13438,7 +13431,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "A stable key used by `sl-nav` to track selection.",
+              "description": "A stable key used by `sl-nav` to track open state.",
               "fieldName": "key"
             },
             {
@@ -13451,74 +13444,67 @@
               "fieldName": "itemKey"
             },
             {
-              "name": "danger",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Matches Antd's `danger` item flag.",
-              "fieldName": "danger"
-            },
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Tooltip text, primarily used when the menu is collapsed.",
-              "fieldName": "title"
+              "description": "Indicates whether or not the submenu is open.",
+              "fieldName": "open"
             },
             {
-              "name": "disabled",
+              "name": "nested",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws the nav item in a disabled state.",
-              "fieldName": "disabled"
+              "description": "Indicates if this submenu is nested within another submenu.",
+              "fieldName": "nested"
             },
             {
-              "name": "active",
+              "name": "title",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Draws the nav item in an active (selected) state.",
-              "fieldName": "active"
+              "default": "''",
+              "description": "The summary to show in the header. If you need to display HTML, use the `title` slot instead.",
+              "fieldName": "title"
             },
             {
-              "name": "href",
+              "name": "theme",
               "type": {
-                "text": "string"
+                "text": "'light' | 'dark'"
               },
-              "default": "''",
-              "description": "The URL to link to. If set, the nav item will render as an anchor tag.",
-              "fieldName": "href"
+              "default": "'light'",
+              "description": "Matches Antd's `theme` field.",
+              "fieldName": "theme"
             },
             {
-              "name": "target",
+              "name": "popup-class-name",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top'"
+                "text": "string"
               },
-              "description": "The target attribute for the anchor tag.",
-              "fieldName": "target"
+              "default": "''",
+              "description": "Matches Antd's `popupClassName` field.",
+              "fieldName": "popupClassName"
             },
             {
-              "name": "download",
+              "name": "disabled",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The download attribute for the anchor tag.",
-              "fieldName": "download"
+              "default": "false",
+              "description": "Draws the submenu in a disabled state.",
+              "fieldName": "disabled"
             },
             {
-              "name": "rel",
+              "name": "active",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'noreferrer noopener'",
-              "description": "The rel attribute for the anchor tag.",
-              "fieldName": "rel"
+              "default": "false",
+              "description": "Draws the submenu in an active (selected) state.",
+              "fieldName": "active"
             },
             {
               "name": "mode",
@@ -13543,14 +13529,28 @@
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element.js"
           },
-          "summary": "Nav items are the individual links or buttons within a navigation menu.",
-          "tagNameWithoutPrefix": "nav-item",
-          "tagName": "sl-nav-item",
+          "summary": "Nav submenus are used to group related nav items in a hierarchical structure.",
+          "tagNameWithoutPrefix": "nav-submenu",
+          "tagName": "sl-nav-submenu",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Nav items are the individual links or buttons within a navigation menu.\n * @documentation https://shoelace.style/components/nav-item\n * @status experimental\n * @since 2.16\n *\n * @slot - The nav item's label.\n * @slot prefix - Used to prepend an icon or similar element to the nav item.\n * @slot suffix - Used to append an icon or similar element to the nav item.\n *\n * @event {{ item: SlNavItem }} sl-nav-select - Emitted when a nav item is selected.\n *\n * @csspart base - The component's base wrapper.\n * @csspart prefix - The prefix container.\n * @csspart label - The nav item label.\n * @csspart suffix - The suffix container.\n */",
-          "documentation": "https://shoelace.style/components/nav-item",
+          "jsDoc": "/**\n * @summary Nav submenus are used to group related nav items in a hierarchical structure.\n * @documentation https://shoelace.style/components/nav-submenu\n * @status experimental\n * @since 2.16\n *\n * @dependency sl-icon\n * @dependency sl-popup\n *\n * @slot - The nav items within the submenu.\n * @slot title - The nav submenu's title.\n * @slot prefix - Used to prepend an icon or similar element to the nav submenu.\n * @slot suffix - Used to append an icon or similar element to the nav submenu.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<sl-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<sl-icon>`.\n *\n * @event sl-show - Emitted when the submenu opens.\n * @event sl-after-show - Emitted after the submenu opens and all animations are complete.\n * @event sl-hide - Emitted when the submenu closes.\n * @event sl-after-hide - Emitted after the submenu closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps the title, prefix, suffix and expand/collapse icon.\n * @csspart prefix - The prefix container.\n * @csspart label - The nav submenu label.\n * @csspart suffix - The suffix container.\n * @csspart expand-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The nav submenu content.\n * @csspart popup - The popup that wraps the content in horizontal mode.\n *\n * @animation nav-submenu.show - The animation to use when showing the submenu.\n * @animation nav-submenu.hide - The animation to use when hiding the submenu.\n */",
+          "documentation": "https://shoelace.style/components/nav-submenu",
           "status": "experimental",
-          "since": "2.16"
+          "since": "2.16",
+          "dependencies": [
+            "sl-icon",
+            "sl-popup"
+          ],
+          "animations": [
+            {
+              "name": "nav-submenu.show",
+              "description": "The animation to use when showing the submenu."
+            },
+            {
+              "name": "nav-submenu.hide",
+              "description": "The animation to use when hiding the submenu."
+            }
+          ]
         }
       ],
       "exports": [
@@ -13558,8 +13558,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlNavItem",
-            "module": "components/nav-item/nav-item.js"
+            "name": "SlNavSubmenu",
+            "module": "components/nav-submenu/nav-submenu.js"
           }
         }
       ]
@@ -20348,63 +20348,235 @@
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The tab panel's name.",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the tab panel will be shown.",
+              "attribute": "active",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleActiveChange"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The tab panel's name.",
+              "fieldName": "name"
+            },
+            {
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the tab panel will be shown.",
+              "fieldName": "active"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element.js"
+          },
+          "summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
+          "tagNameWithoutPrefix": "tab-panel",
+          "tagName": "sl-tab-panel",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.\n * @documentation https://shoelace.style/components/tab-panel\n * @status stable\n * @since 2.0\n *\n * @slot - The tab panel's content.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --padding - The tab panel's padding.\n */",
+          "documentation": "https://shoelace.style/components/tab-panel",
+          "status": "stable",
+          "since": "2.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SlTabPanel",
+            "module": "components/tab-panel/tab-panel.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/tag/tag.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlTag",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The tag's content.",
+              "name": "content"
+            },
+            {
+              "description": "The tag's remove button, an `<sl-icon-button>`.",
+              "name": "remove-button"
+            },
+            {
+              "description": "The remove button's exported `base` part.",
+              "name": "remove-button__base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The tag's content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'sl-icon-button': SlIconButton }"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
+              },
+              "default": "'neutral'",
+              "description": "The tag's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The tag's size.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pill",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The tab panel's name.",
-              "attribute": "name",
+              "default": "false",
+              "description": "Draws a pill-style tag with rounded edges.",
+              "attribute": "pill",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "active",
+              "name": "removable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, the tab panel will be shown.",
-              "attribute": "active",
-              "reflects": true
+              "description": "Makes the tag removable and shows a remove button.",
+              "attribute": "removable"
             },
             {
               "kind": "method",
-              "name": "handleActiveChange"
+              "name": "handleRemoveClick",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the remove button is activated.",
+              "name": "sl-remove",
+              "reactName": "onSlRemove",
+              "eventName": "SlRemoveEvent"
             }
           ],
           "attributes": [
             {
-              "name": "name",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
               },
-              "default": "''",
-              "description": "The tab panel's name.",
-              "fieldName": "name"
+              "default": "'neutral'",
+              "description": "The tag's theme variant.",
+              "fieldName": "variant"
             },
             {
-              "name": "active",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The tag's size.",
+              "fieldName": "size"
+            },
+            {
+              "name": "pill",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, the tab panel will be shown.",
-              "fieldName": "active"
+              "description": "Draws a pill-style tag with rounded edges.",
+              "fieldName": "pill"
+            },
+            {
+              "name": "removable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the tag removable and shows a remove button.",
+              "fieldName": "removable"
             }
           ],
           "superclass": {
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element.js"
           },
-          "summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
-          "tagNameWithoutPrefix": "tab-panel",
-          "tagName": "sl-tab-panel",
+          "summary": "Tags are used as labels to organize things or to indicate a selection.",
+          "tagNameWithoutPrefix": "tag",
+          "tagName": "sl-tag",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.\n * @documentation https://shoelace.style/components/tab-panel\n * @status stable\n * @since 2.0\n *\n * @slot - The tab panel's content.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --padding - The tab panel's padding.\n */",
-          "documentation": "https://shoelace.style/components/tab-panel",
+          "jsDoc": "/**\n * @summary Tags are used as labels to organize things or to indicate a selection.\n * @documentation https://shoelace.style/components/tag\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon-button\n *\n * @slot - The tag's content.\n *\n * @event sl-remove - Emitted when the remove button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart content - The tag's content.\n * @csspart remove-button - The tag's remove button, an `<sl-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n */",
+          "documentation": "https://shoelace.style/components/tag",
           "status": "stable",
-          "since": "2.0"
+          "since": "2.0",
+          "dependencies": [
+            "sl-icon-button"
+          ]
         }
       ],
       "exports": [
@@ -20412,8 +20584,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SlTabPanel",
-            "module": "components/tab-panel/tab-panel.js"
+            "name": "SlTag",
+            "module": "components/tag/tag.js"
           }
         }
       ]
@@ -21170,178 +21342,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/tag/tag.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SlTag",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The tag's content.",
-              "name": "content"
-            },
-            {
-              "description": "The tag's remove button, an `<sl-icon-button>`.",
-              "name": "remove-button"
-            },
-            {
-              "description": "The remove button's exported `base` part.",
-              "name": "remove-button__base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The tag's content.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'sl-icon-button': SlIconButton }"
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
-              },
-              "default": "'neutral'",
-              "description": "The tag's theme variant.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The tag's size.",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style tag with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "removable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the tag removable and shows a remove button.",
-              "attribute": "removable"
-            },
-            {
-              "kind": "method",
-              "name": "handleRemoveClick",
-              "privacy": "private"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the remove button is activated.",
-              "name": "sl-remove",
-              "reactName": "onSlRemove",
-              "eventName": "SlRemoveEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
-              },
-              "default": "'neutral'",
-              "description": "The tag's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The tag's size.",
-              "fieldName": "size"
-            },
-            {
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style tag with rounded edges.",
-              "fieldName": "pill"
-            },
-            {
-              "name": "removable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the tag removable and shows a remove button.",
-              "fieldName": "removable"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element.js"
-          },
-          "summary": "Tags are used as labels to organize things or to indicate a selection.",
-          "tagNameWithoutPrefix": "tag",
-          "tagName": "sl-tag",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Tags are used as labels to organize things or to indicate a selection.\n * @documentation https://shoelace.style/components/tag\n * @status stable\n * @since 2.0\n *\n * @dependency sl-icon-button\n *\n * @slot - The tag's content.\n *\n * @event sl-remove - Emitted when the remove button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart content - The tag's content.\n * @csspart remove-button - The tag's remove button, an `<sl-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n */",
-          "documentation": "https://shoelace.style/components/tag",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "sl-icon-button"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SlTag",
-            "module": "components/tag/tag.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/textarea/textarea.js",
@@ -24983,7 +24983,7 @@
   "package": {
     "name": "@kdcloudjs/shoelace",
     "description": "A forward-thinking library of web components.",
-    "version": "0.0.1",
+    "version": "1.0.30",
     "license": "MIT"
   }
 }