@solid-design-system/components 6.16.1 → 6.16.2

package/cdn/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@solid-design-system/components",
-  "version": "6.16.1",
+  "version": "6.16.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1943,137 +1943,6 @@
             ]
           }
         },
-        {
-          "name": "sd-dialog",
-          "description": "Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the dialog opens.\n- **sd-after-show** - Emitted after the dialog opens and all animations are complete.\n- **sd-hide** - Emitted when the dialog closes.\n- **sd-after-hide** - Emitted after the dialog closes and all animations are complete.\n- **sd-initial-focus** - Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n- **sd-request-close** - Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the dialog.\n- **hide()** - Hides the dialog\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The dialog's main content.\n- **headline** - The dialog's headline. Alternatively, you can use the `headline` attribute.\n- **footer** - The dialog's footer, usually one or more buttons representing various options.\n- **close-button** - The dialog's close button. Works best with `<sd-button>` and `<sd-icon>`.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens. _(default: undefined)_\n- **--sd-panel-color-border** - The border color of the dialog panel. _(default: undefined)_\n- **--sd-overlay-color-background** - The background color of the dialog overlay. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **overlay** - The overlay that covers the screen behind the dialog.\n- **panel** - The dialog's panel (where the dialog and its content are rendered).\n- **header** - The dialog's header. This element wraps the title and header actions.\n- **title** - The dialog's title.\n- **close-button** - The close button, an `<sd-button>`.\n- **body** - The dialog's body.\n- **footer** - The dialog's footer.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "open",
-              "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "headline",
-              "description": "The dialog's headline as displayed in the header. If you need to display HTML, use the `headline` slot instead.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "no-close-button",
-              "description": "This will remove the default close button. Please ensure you provide an easy, accessible way for users to dismiss the dialog.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "dir",
-              "description": "The element's directionality.",
-              "value": { "type": "'ltr' | 'rtl' | 'auto'" }
-            },
-            {
-              "name": "lang",
-              "description": "The element's language.",
-              "value": { "type": "string" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The dialog's main content." },
-            {
-              "name": "headline",
-              "description": "The dialog's headline. Alternatively, you can use the `headline` attribute."
-            },
-            {
-              "name": "footer",
-              "description": "The dialog's footer, usually one or more buttons representing various options."
-            },
-            {
-              "name": "close-button",
-              "description": "The dialog's close button. Works best with `<sd-button>` and `<sd-icon>`."
-            }
-          ],
-          "events": [
-            {
-              "name": "sd-show",
-              "description": "Emitted when the dialog opens."
-            },
-            {
-              "name": "sd-after-show",
-              "description": "Emitted after the dialog opens and all animations are complete."
-            },
-            {
-              "name": "sd-hide",
-              "description": "Emitted when the dialog closes."
-            },
-            {
-              "name": "sd-after-hide",
-              "description": "Emitted after the dialog closes and all animations are complete."
-            },
-            {
-              "name": "sd-initial-focus",
-              "description": "Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input."
-            },
-            {
-              "name": "sd-request-close",
-              "type": "{ source: 'close-button' | 'keyboard' | 'overlay' }",
-              "description": "Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss."
-            }
-          ],
-          "js": {
-            "properties": [
-              { "name": "localize" },
-              {
-                "name": "open",
-                "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
-                "type": "boolean"
-              },
-              {
-                "name": "headline",
-                "description": "The dialog's headline as displayed in the header. If you need to display HTML, use the `headline` slot instead.",
-                "type": "string"
-              },
-              {
-                "name": "noCloseButton",
-                "description": "This will remove the default close button. Please ensure you provide an easy, accessible way for users to dismiss the dialog.",
-                "type": "boolean"
-              },
-              {
-                "name": "dir",
-                "description": "The element's directionality.",
-                "type": "'ltr' | 'rtl' | 'auto'"
-              },
-              {
-                "name": "lang",
-                "description": "The element's language.",
-                "type": "string"
-              }
-            ],
-            "events": [
-              {
-                "name": "sd-show",
-                "description": "Emitted when the dialog opens."
-              },
-              {
-                "name": "sd-after-show",
-                "description": "Emitted after the dialog opens and all animations are complete."
-              },
-              {
-                "name": "sd-hide",
-                "description": "Emitted when the dialog closes."
-              },
-              {
-                "name": "sd-after-hide",
-                "description": "Emitted after the dialog closes and all animations are complete."
-              },
-              {
-                "name": "sd-initial-focus",
-                "description": "Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input."
-              },
-              {
-                "name": "sd-request-close",
-                "type": "{ source: 'close-button' | 'keyboard' | 'overlay' }",
-                "description": "Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss."
-              }
-            ]
-          }
-        },
         {
           "name": "sd-datepicker",
           "description": "\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.",
@@ -2404,6 +2273,137 @@
             "events": []
           }
         },
+        {
+          "name": "sd-dialog",
+          "description": "Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the dialog opens.\n- **sd-after-show** - Emitted after the dialog opens and all animations are complete.\n- **sd-hide** - Emitted when the dialog closes.\n- **sd-after-hide** - Emitted after the dialog closes and all animations are complete.\n- **sd-initial-focus** - Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n- **sd-request-close** - Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the dialog.\n- **hide()** - Hides the dialog\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The dialog's main content.\n- **headline** - The dialog's headline. Alternatively, you can use the `headline` attribute.\n- **footer** - The dialog's footer, usually one or more buttons representing various options.\n- **close-button** - The dialog's close button. Works best with `<sd-button>` and `<sd-icon>`.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens. _(default: undefined)_\n- **--sd-panel-color-border** - The border color of the dialog panel. _(default: undefined)_\n- **--sd-overlay-color-background** - The background color of the dialog overlay. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **overlay** - The overlay that covers the screen behind the dialog.\n- **panel** - The dialog's panel (where the dialog and its content are rendered).\n- **header** - The dialog's header. This element wraps the title and header actions.\n- **title** - The dialog's title.\n- **close-button** - The close button, an `<sd-button>`.\n- **body** - The dialog's body.\n- **footer** - The dialog's footer.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "open",
+              "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "headline",
+              "description": "The dialog's headline as displayed in the header. If you need to display HTML, use the `headline` slot instead.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "no-close-button",
+              "description": "This will remove the default close button. Please ensure you provide an easy, accessible way for users to dismiss the dialog.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "dir",
+              "description": "The element's directionality.",
+              "value": { "type": "'ltr' | 'rtl' | 'auto'" }
+            },
+            {
+              "name": "lang",
+              "description": "The element's language.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The dialog's main content." },
+            {
+              "name": "headline",
+              "description": "The dialog's headline. Alternatively, you can use the `headline` attribute."
+            },
+            {
+              "name": "footer",
+              "description": "The dialog's footer, usually one or more buttons representing various options."
+            },
+            {
+              "name": "close-button",
+              "description": "The dialog's close button. Works best with `<sd-button>` and `<sd-icon>`."
+            }
+          ],
+          "events": [
+            {
+              "name": "sd-show",
+              "description": "Emitted when the dialog opens."
+            },
+            {
+              "name": "sd-after-show",
+              "description": "Emitted after the dialog opens and all animations are complete."
+            },
+            {
+              "name": "sd-hide",
+              "description": "Emitted when the dialog closes."
+            },
+            {
+              "name": "sd-after-hide",
+              "description": "Emitted after the dialog closes and all animations are complete."
+            },
+            {
+              "name": "sd-initial-focus",
+              "description": "Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input."
+            },
+            {
+              "name": "sd-request-close",
+              "type": "{ source: 'close-button' | 'keyboard' | 'overlay' }",
+              "description": "Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "localize" },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
+                "type": "boolean"
+              },
+              {
+                "name": "headline",
+                "description": "The dialog's headline as displayed in the header. If you need to display HTML, use the `headline` slot instead.",
+                "type": "string"
+              },
+              {
+                "name": "noCloseButton",
+                "description": "This will remove the default close button. Please ensure you provide an easy, accessible way for users to dismiss the dialog.",
+                "type": "boolean"
+              },
+              {
+                "name": "dir",
+                "description": "The element's directionality.",
+                "type": "'ltr' | 'rtl' | 'auto'"
+              },
+              {
+                "name": "lang",
+                "description": "The element's language.",
+                "type": "string"
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-show",
+                "description": "Emitted when the dialog opens."
+              },
+              {
+                "name": "sd-after-show",
+                "description": "Emitted after the dialog opens and all animations are complete."
+              },
+              {
+                "name": "sd-hide",
+                "description": "Emitted when the dialog closes."
+              },
+              {
+                "name": "sd-after-hide",
+                "description": "Emitted after the dialog closes and all animations are complete."
+              },
+              {
+                "name": "sd-initial-focus",
+                "description": "Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input."
+              },
+              {
+                "name": "sd-request-close",
+                "type": "{ source: 'close-button' | 'keyboard' | 'overlay' }",
+                "description": "Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss."
+              }
+            ]
+          }
+        },
         {
           "name": "sd-divider",
           "description": "Dividers are used to visually separate or group elements.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **CSS Properties:**\n - **--sd-divider--inverted-color-border** - The border color for dividers in inverted state. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -6933,88 +6933,6 @@
             "events": []
           }
         },
-        {
-          "name": "sd-teaser",
-          "description": "Teasers group information into flexible containers so users can browse a collection of related items and actions.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - An optional main content slot.\n- **media** - An optional media slot.\n- **meta** - An optional meta slot.\n- **headline** - headline slot.\n\n### **CSS Properties:**\n - **--distribution-media** - The distribution ratio of the media. _(default: undefined)_\n- **--distribution-content** - The distribution ratio of the content. _(default: undefined)_\n- **--sd-teaser--neutral-100-color-background** - The background color for neutral‑100 teasers. _(default: undefined)_\n- **--sd-teaser--neutral-400-color-border** - The border color for neutral‑400 teasers. _(default: undefined)_\n- **--sd-teaser--primary-100-color-background** - The background color for primary‑100 teasers. _(default: undefined)_\n- **--sd-teaser-border-radius** - The border radius for teasers. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **media** - The container that wraps the media.\n- **content** - The container that wraps the content.\n- **meta** -  The container that wraps the meta.\n- **headline** - The container that wraps the headline.\n- **main** - The container that wraps the main content.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "variant",
-              "description": "Variant of the teaser",
-              "value": {
-                "type": "| 'white'\n    | 'white border-neutral-400'\n    | 'neutral-100'\n    | 'primary'\n    | 'primary-100'",
-                "default": "'white'"
-              }
-            },
-            {
-              "name": "breakpoint",
-              "description": "Breakpoint where the teaser switches from `vertical` to `horizontal`. `0` is always `horizontal`, `9999` is always `vertical`.",
-              "value": { "type": "number", "default": "448" }
-            },
-            {
-              "name": "inset",
-              "description": "The teaser's inner padding. This is always set in `white border-neutral-400`.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "reversed-layout",
-              "description": "Reverses the layout in horizontal variant",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "dir",
-              "description": "The element's directionality.",
-              "value": { "type": "'ltr' | 'rtl' | 'auto'" }
-            },
-            {
-              "name": "lang",
-              "description": "The element's language.",
-              "value": { "type": "string" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "An optional main content slot." },
-            { "name": "media", "description": "An optional media slot." },
-            { "name": "meta", "description": "An optional meta slot." },
-            { "name": "headline", "description": "headline slot." }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "variant",
-                "description": "Variant of the teaser",
-                "type": "| 'white'\n    | 'white border-neutral-400'\n    | 'neutral-100'\n    | 'primary'\n    | 'primary-100'"
-              },
-              {
-                "name": "breakpoint",
-                "description": "Breakpoint where the teaser switches from `vertical` to `horizontal`. `0` is always `horizontal`, `9999` is always `vertical`.",
-                "type": "number"
-              },
-              {
-                "name": "inset",
-                "description": "The teaser's inner padding. This is always set in `white border-neutral-400`.",
-                "type": "boolean"
-              },
-              {
-                "name": "reversedLayout",
-                "description": "Reverses the layout in horizontal variant",
-                "type": "boolean"
-              },
-              {
-                "name": "dir",
-                "description": "The element's directionality.",
-                "type": "'ltr' | 'rtl' | 'auto'"
-              },
-              {
-                "name": "lang",
-                "description": "The element's language.",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "sd-tag",
           "description": "Tags are used as labels to organize things or to indicate a selection.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the tag loses focus.\n- **sd-focus** - Emitted when the tag gains focus.\n- **sd-remove** - Emitted when the remove button is activated.\n- **sd-hide** - Emitted when the hide method is triggered.\n- **sd-after-hide** - Emitted after the tag is hidden and all animations are complete.\n\n### **Methods:**\n - **click()** - Simulates a click on the tag.\n- **focus(options: _FocusOptions_)** - Sets focus on the tag.\n- **blur()** - Removes focus from the tag.\n- **hide()** - Visually hides the tag\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The tag's content.\n- **icon-left** - A prefix icon or similar element.\n- **removable-indicator** - The tag's removability indicator.\n\n### **CSS Properties:**\n - **--sd-tag--default-color-text** - The default text color for tags in their default state. _(default: undefined)_\n- **--sd-tag--default-color-background** - The default color background for tags in their default state. _(default: undefined)_\n- **--sd-tag--default-color-border** - The default color border for tags in their default state. _(default: undefined)_\n- **--sd-tag--default--hover-color-background** - The background color for tags in default state on hover. _(default: undefined)_\n- **--sd-tag--selected--default-color-background** - The default background color for selected tags. _(default: undefined)_\n- **--sd-tag--selected--default-color-text** - The default text color for selected tags. _(default: undefined)_\n- **--sd-tag--selected--default-color-border** - The border color for selected tags in default state. _(default: undefined)_\n- **--sd-tag--selected--hover-color-background** - The background color for selected tags in hover state. _(default: undefined)_\n- **--sd-tag--selected--hover-color-border** - The border color for selected tags in hover state. _(default: undefined)_\n- **--sd-tag--selected--hover-color-text** - The text color for selected tags in hover state. _(default: undefined)_\n- **--sd-tag--selected-border-width** - The border width for selected tags. _(default: undefined)_\n- **--sd-tag-border-radius** - The border radius for tags. _(default: undefined)_\n- **--sd-tag--size-lg-font-size** - The font size for large tags. _(default: undefined)_\n- **--sd-tag--size-sm-font-size** - The font size for small tags. _(default: undefined)_\n- **--sd-choice-control-font-weight** - The font weight for tags. _(default: undefined)_\n- **--sd-tag--disabled-color-text** - The text color for disabled tags. _(default: undefined)_\n- **--sd-tag--disabled-color-border** - This custom property is deprecated. Use `--sd-color-border-neutral-500` instead. _(default: undefined)_\n- **--sd-tag-font-weight** - This custom property is deprecated. Use `--sd-choice-control-font-weight` instead. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - The tag's content.\n- **removable-indicator** - The tag's removability indicator.\n- **icon-left** - The container that wraps the left icon area.",
@@ -7181,6 +7099,88 @@
             ]
           }
         },
+        {
+          "name": "sd-teaser",
+          "description": "Teasers group information into flexible containers so users can browse a collection of related items and actions.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - An optional main content slot.\n- **media** - An optional media slot.\n- **meta** - An optional meta slot.\n- **headline** - headline slot.\n\n### **CSS Properties:**\n - **--distribution-media** - The distribution ratio of the media. _(default: undefined)_\n- **--distribution-content** - The distribution ratio of the content. _(default: undefined)_\n- **--sd-teaser--neutral-100-color-background** - The background color for neutral‑100 teasers. _(default: undefined)_\n- **--sd-teaser--neutral-400-color-border** - The border color for neutral‑400 teasers. _(default: undefined)_\n- **--sd-teaser--primary-100-color-background** - The background color for primary‑100 teasers. _(default: undefined)_\n- **--sd-teaser-border-radius** - The border radius for teasers. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **media** - The container that wraps the media.\n- **content** - The container that wraps the content.\n- **meta** -  The container that wraps the meta.\n- **headline** - The container that wraps the headline.\n- **main** - The container that wraps the main content.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "Variant of the teaser",
+              "value": {
+                "type": "| 'white'\n    | 'white border-neutral-400'\n    | 'neutral-100'\n    | 'primary'\n    | 'primary-100'",
+                "default": "'white'"
+              }
+            },
+            {
+              "name": "breakpoint",
+              "description": "Breakpoint where the teaser switches from `vertical` to `horizontal`. `0` is always `horizontal`, `9999` is always `vertical`.",
+              "value": { "type": "number", "default": "448" }
+            },
+            {
+              "name": "inset",
+              "description": "The teaser's inner padding. This is always set in `white border-neutral-400`.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "reversed-layout",
+              "description": "Reverses the layout in horizontal variant",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "dir",
+              "description": "The element's directionality.",
+              "value": { "type": "'ltr' | 'rtl' | 'auto'" }
+            },
+            {
+              "name": "lang",
+              "description": "The element's language.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "An optional main content slot." },
+            { "name": "media", "description": "An optional media slot." },
+            { "name": "meta", "description": "An optional meta slot." },
+            { "name": "headline", "description": "headline slot." }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "variant",
+                "description": "Variant of the teaser",
+                "type": "| 'white'\n    | 'white border-neutral-400'\n    | 'neutral-100'\n    | 'primary'\n    | 'primary-100'"
+              },
+              {
+                "name": "breakpoint",
+                "description": "Breakpoint where the teaser switches from `vertical` to `horizontal`. `0` is always `horizontal`, `9999` is always `vertical`.",
+                "type": "number"
+              },
+              {
+                "name": "inset",
+                "description": "The teaser's inner padding. This is always set in `white border-neutral-400`.",
+                "type": "boolean"
+              },
+              {
+                "name": "reversedLayout",
+                "description": "Reverses the layout in horizontal variant",
+                "type": "boolean"
+              },
+              {
+                "name": "dir",
+                "description": "The element's directionality.",
+                "type": "'ltr' | 'rtl' | 'auto'"
+              },
+              {
+                "name": "lang",
+                "description": "The element's language.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "sd-teaser-media",
           "description": "Teasers group information into flexible containers so users can browse a collection of related items and actions.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - An optional main content slot.\n- **media** - An optional media slot.\n- **meta** - An optional meta slot.\n- **expandable** - An optional expandable slot, <strong>not</strong> shown on small devices.\n- **headline** - headline slot.\n\n### **CSS Properties:**\n - **--sd-teaser-media--white--hover-color-background** - The background color for white teaser media in hover state. _(default: undefined)_\n- **--sd-teaser-media--white-color-background** - The default background color for white teaser media. _(default: undefined)_\n- **--sd-teaser-media--neutral-100--hover-color-background** - The background color for neutral‑100 teaser media in hover state. _(default: undefined)_\n- **--sd-teaser-media--neutral-100-color-background** - The default background color for neutral‑100 teaser media. _(default: undefined)_\n- **--sd-teaser-media--primary-100--hover-color-background** - The background color for primary‑100 teaser media in hover state. _(default: undefined)_\n- **--sd-teaser-media--primary-100-color-background** - The default background color for primary‑100 teaser media. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **media** - The container that wraps the media.\n- **content** - The container that wraps the content.\n- **meta** -  The container that wraps the meta.\n- **headline** - The container that wraps the headline.\n- **expandable** - The container that wraps the expandable.\n- **main** - The container that wraps the main content.\n- **toggle** - The button that toggles the expandable content.",

package/cdn-versioned/chunks/{chunk.EWMHJHWS.js → chunk.234GSBDZ.js}

@@ -1,2 +1,2 @@
-import{a as Bt}from"./chunk.3XPSGHFS.js";import{a as kt,b as O,d as Et,h as Ct}from"./chunk.DX2U3PRB.js";import{b as Dt,e as Rt}from"./chunk.UOAG5PNU.js";import{a as S,b as W,c as mt,e as A}from"./chunk.6EV4YU6C.js";var V=Math.min,T=Math.max,ft=Math.round,ut=Math.floor,$=t=>({x:t,y:t}),ge={left:"right",right:"left",bottom:"top",top:"bottom"};function gt(t,e,n){return T(t,V(e,n))}function Z(t,e){return typeof t=="function"?t(e):t}function Y(t){return t.split("-")[0]}function tt(t){return t.split("-")[1]}function St(t){return t==="x"?"y":"x"}function wt(t){return t==="y"?"height":"width"}function _(t){let e=t[0];return e==="t"||e==="b"?"y":"x"}function yt(t){return St(_(t))}function Nt(t,e,n){n===void 0&&(n=!1);let i=tt(t),o=yt(t),s=wt(o),r=o==="x"?i===(n?"end":"start")?"right":"left":i==="start"?"bottom":"top";return e.reference[s]>e.floating[s]&&(r=at(r)),[r,at(r)]}function Ht(t){let e=at(t);return[pt(t),e,pt(e)]}function pt(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}var $t=["left","right"],Ft=["right","left"],we=["top","bottom"],ye=["bottom","top"];function xe(t,e,n){switch(t){case"top":case"bottom":return n?e?Ft:$t:e?$t:Ft;case"left":case"right":return e?we:ye;default:return[]}}function Wt(t,e,n,i){let o=tt(t),s=xe(Y(t),n==="start",i);return o&&(s=s.map(r=>r+"-"+o),e&&(s=s.concat(s.map(pt)))),s}function at(t){let e=Y(t);return ge[e]+t.slice(e.length)}function ve(t){return S({top:0,right:0,bottom:0,left:0},t)}function Tt(t){return typeof t!="number"?ve(t):{top:t,right:t,bottom:t,left:t}}function et(t){let{x:e,y:n,width:i,height:o}=t;return{width:i,height:o,top:n,left:e,right:e+i,bottom:n+o,x:e,y:n}}function Vt(t,e,n){let{reference:i,floating:o}=t,s=_(e),r=yt(e),c=wt(r),f=Y(e),u=s==="y",l=i.x+i.width/2-o.width/2,h=i.y+i.height/2-o.height/2,m=i[c]/2-o[c]/2,a;switch(f){case"top":a={x:l,y:i.y-o.height};break;case"bottom":a={x:l,y:i.y+i.height};break;case"right":a={x:i.x+i.width,y:h};break;case"left":a={x:i.x-o.width,y:h};break;default:a={x:i.x,y:i.y}}switch(tt(e)){case"start":a[r]-=m*(n&&u?-1:1);break;case"end":a[r]+=m*(n&&u?-1:1);break}return a}async function _t(t,e){var n;e===void 0&&(e={});let{x:i,y:o,platform:s,rects:r,elements:c,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:l="viewport",elementContext:h="floating",altBoundary:m=!1,padding:a=0}=Z(e,t),d=Tt(a),w=c[m?h==="floating"?"reference":"floating":h],g=et(await s.getClippingRect({element:(n=await(s.isElement==null?void 0:s.isElement(w)))==null||n?w:w.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(c.floating)),boundary:u,rootBoundary:l,strategy:f})),y=h==="floating"?{x:i,y:o,width:r.floating.width,height:r.floating.height}:r.reference,v=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c.floating)),b=await(s.isElement==null?void 0:s.isElement(v))?await(s.getScale==null?void 0:s.getScale(v))||{x:1,y:1}:{x:1,y:1},R=et(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:y,offsetParent:v,strategy:f}):y);return{top:(g.top-R.top+d.top)/b.y,bottom:(R.bottom-g.bottom+d.bottom)/b.y,left:(g.left-R.left+d.left)/b.x,right:(R.right-g.right+d.right)/b.x}}var be=50,jt=async(t,e,n)=>{let{placement:i="bottom",strategy:o="absolute",middleware:s=[],platform:r}=n,c=r.detectOverflow?r:W(S({},r),{detectOverflow:_t}),f=await(r.isRTL==null?void 0:r.isRTL(e)),u=await r.getElementRects({reference:t,floating:e,strategy:o}),{x:l,y:h}=Vt(u,i,f),m=i,a=0,d={};for(let p=0;p<s.length;p++){let w=s[p];if(!w)continue;let{name:g,fn:y}=w,{x:v,y:b,data:R,reset:E}=await y({x:l,y:h,initialPlacement:i,placement:m,strategy:o,middlewareData:d,rects:u,platform:c,elements:{reference:t,floating:e}});l=v!=null?v:l,h=b!=null?b:h,d[g]=S(S({},d[g]),R),E&&a<be&&(a++,typeof E=="object"&&(E.placement&&(m=E.placement),E.rects&&(u=E.rects===!0?await r.getElementRects({reference:t,floating:e,strategy:o}):E.rects),{x:l,y:h}=Vt(u,m,f)),p=-1)}return{x:l,y:h,placement:m,strategy:o,middlewareData:d}},It=t=>({name:"arrow",options:t,async fn(e){let{x:n,y:i,placement:o,rects:s,platform:r,elements:c,middlewareData:f}=e,{element:u,padding:l=0}=Z(t,e)||{};if(u==null)return{};let h=Tt(l),m={x:n,y:i},a=yt(o),d=wt(a),p=await r.getDimensions(u),w=a==="y",g=w?"top":"left",y=w?"bottom":"right",v=w?"clientHeight":"clientWidth",b=s.reference[d]+s.reference[a]-m[a]-s.floating[d],R=m[a]-s.reference[a],E=await(r.getOffsetParent==null?void 0:r.getOffsetParent(u)),C=E?E[v]:0;(!C||!await(r.isElement==null?void 0:r.isElement(E)))&&(C=c.floating[v]||s.floating[d]);let I=b/2-R/2,N=C/2-p[d]/2-1,z=V(h[g],N),U=V(h[y],N),H=z,K=C-p[d]-U,P=C/2-p[d]/2+I,k=gt(H,P,K),J=!f.arrow&&tt(o)!=null&&P!==k&&s.reference[d]/2-(P<H?z:U)-p[d]/2<0,X=J?P<H?P-H:P-K:0;return{[a]:m[a]+X,data:S({[a]:k,centerOffset:P-k-X},J&&{alignmentOffset:X}),reset:J}}});var Xt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,i;let{placement:o,middlewareData:s,rects:r,initialPlacement:c,platform:f,elements:u}=e,P=Z(t,e),{mainAxis:l=!0,crossAxis:h=!0,fallbackPlacements:m,fallbackStrategy:a="bestFit",fallbackAxisSideDirection:d="none",flipAlignment:p=!0}=P,w=mt(P,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((n=s.arrow)!=null&&n.alignmentOffset)return{};let g=Y(o),y=_(c),v=Y(c)===c,b=await(f.isRTL==null?void 0:f.isRTL(u.floating)),R=m||(v||!p?[at(c)]:Ht(c)),E=d!=="none";!m&&E&&R.push(...Wt(c,p,d,b));let C=[c,...R],I=await f.detectOverflow(e,w),N=[],z=((i=s.flip)==null?void 0:i.overflows)||[];if(l&&N.push(I[g]),h){let k=Nt(o,r,b);N.push(I[k[0]],I[k[1]])}if(z=[...z,{placement:o,overflows:N}],!N.every(k=>k<=0)){var U,H;let k=(((U=s.flip)==null?void 0:U.index)||0)+1,J=C[k];if(J&&(!(h==="alignment"?y!==_(J):!1)||z.every(B=>_(B.placement)===y?B.overflows[0]>0:!0)))return{data:{index:k,overflows:z},reset:{placement:J}};let X=(H=z.filter(Q=>Q.overflows[0]<=0).sort((Q,B)=>Q.overflows[1]-B.overflows[1])[0])==null?void 0:H.placement;if(!X)switch(a){case"bestFit":{var K;let Q=(K=z.filter(B=>{if(E){let G=_(B.placement);return G===y||G==="y"}return!0}).map(B=>[B.placement,B.overflows.filter(G=>G>0).reduce((G,pe)=>G+pe,0)]).sort((B,G)=>B[1]-G[1])[0])==null?void 0:K[0];Q&&(X=Q);break}case"initialPlacement":X=c;break}if(o!==X)return{reset:{placement:X}}}return{}}}};var Ae=new Set(["left","top"]);async function Oe(t,e){let{placement:n,platform:i,elements:o}=t,s=await(i.isRTL==null?void 0:i.isRTL(o.floating)),r=Y(n),c=tt(n),f=_(n)==="y",u=Ae.has(r)?-1:1,l=s&&f?-1:1,h=Z(e,t),{mainAxis:m,crossAxis:a,alignmentAxis:d}=typeof h=="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return c&&typeof d=="number"&&(a=c==="end"?d*-1:d),f?{x:a*l,y:m*u}:{x:m*u,y:a*l}}var Yt=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,i;let{x:o,y:s,placement:r,middlewareData:c}=e,f=await Oe(e,t);return r===((n=c.offset)==null?void 0:n.placement)&&(i=c.arrow)!=null&&i.alignmentOffset?{}:{x:o+f.x,y:s+f.y,data:W(S({},f),{placement:r})}}}},qt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:i,placement:o,platform:s}=e,g=Z(t,e),{mainAxis:r=!0,crossAxis:c=!1,limiter:f={fn:y=>{let{x:v,y:b}=y;return{x:v,y:b}}}}=g,u=mt(g,["mainAxis","crossAxis","limiter"]),l={x:n,y:i},h=await s.detectOverflow(e,u),m=_(Y(o)),a=St(m),d=l[a],p=l[m];if(r){let y=a==="y"?"top":"left",v=a==="y"?"bottom":"right",b=d+h[y],R=d-h[v];d=gt(b,d,R)}if(c){let y=m==="y"?"top":"left",v=m==="y"?"bottom":"right",b=p+h[y],R=p-h[v];p=gt(b,p,R)}let w=f.fn(W(S({},e),{[a]:d,[m]:p}));return W(S({},w),{data:{x:w.x-n,y:w.y-i,enabled:{[a]:r,[m]:c}}})}}};var Ut=function(t){return t===void 0&&(t={}),{name:"size",options:t,async fn(e){var n,i;let{placement:o,rects:s,platform:r,elements:c}=e,z=Z(t,e),{apply:f=()=>{}}=z,u=mt(z,["apply"]),l=await r.detectOverflow(e,u),h=Y(o),m=tt(o),a=_(o)==="y",{width:d,height:p}=s.floating,w,g;h==="top"||h==="bottom"?(w=h,g=m===(await(r.isRTL==null?void 0:r.isRTL(c.floating))?"start":"end")?"left":"right"):(g=h,w=m==="end"?"top":"bottom");let y=p-l.top-l.bottom,v=d-l.left-l.right,b=V(p-l[w],y),R=V(d-l[g],v),E=!e.middlewareData.shift,C=b,I=R;if((n=e.middlewareData.shift)!=null&&n.enabled.x&&(I=v),(i=e.middlewareData.shift)!=null&&i.enabled.y&&(C=y),E&&!m){let U=T(l.left,0),H=T(l.right,0),K=T(l.top,0),P=T(l.bottom,0);a?I=d-2*(U!==0||H!==0?U+H:T(l.left,l.right)):C=p-2*(K!==0||P!==0?K+P:T(l.top,l.bottom))}await f(W(S({},e),{availableWidth:I,availableHeight:C}));let N=await r.getDimensions(c.floating);return d!==N.width||p!==N.height?{reset:{rects:!0}}:{}}}};function xt(){return typeof window!="undefined"}function it(t){return Gt(t)?(t.nodeName||"").toLowerCase():"#document"}function L(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function F(t){var e;return(e=(Gt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Gt(t){return xt()?t instanceof Node||t instanceof L(t).Node:!1}function M(t){return xt()?t instanceof Element||t instanceof L(t).Element:!1}function j(t){return xt()?t instanceof HTMLElement||t instanceof L(t).HTMLElement:!1}function Kt(t){return!xt()||typeof ShadowRoot=="undefined"?!1:t instanceof ShadowRoot||t instanceof L(t).ShadowRoot}function ct(t){let{overflow:e,overflowX:n,overflowY:i,display:o}=D(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&o!=="inline"&&o!=="contents"}function Jt(t){return/^(table|td|th)$/.test(it(t))}function ht(t){try{if(t.matches(":popover-open"))return!0}catch(e){}try{return t.matches(":modal")}catch(e){return!1}}var Re=/transform|translate|scale|rotate|perspective|filter/,Ee=/paint|layout|strict|content/,nt=t=>!!t&&t!=="none",Lt;function vt(t){let e=M(t)?D(t):t;return nt(e.transform)||nt(e.translate)||nt(e.scale)||nt(e.rotate)||nt(e.perspective)||!bt()&&(nt(e.backdropFilter)||nt(e.filter))||Re.test(e.willChange||"")||Ee.test(e.contain||"")}function Qt(t){let e=q(t);for(;j(e)&&!ot(e);){if(vt(e))return e;if(ht(e))return null;e=q(e)}return null}function bt(){return Lt==null&&(Lt=typeof CSS!="undefined"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),Lt}function ot(t){return/^(html|body|#document)$/.test(it(t))}function D(t){return L(t).getComputedStyle(t)}function dt(t){return M(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function q(t){if(it(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Kt(t)&&t.host||F(t);return Kt(e)?e.host:e}function Zt(t){let e=q(t);return ot(e)?t.ownerDocument?t.ownerDocument.body:t.body:j(e)&&ct(e)?e:Zt(e)}function st(t,e,n){var i;e===void 0&&(e=[]),n===void 0&&(n=!0);let o=Zt(t),s=o===((i=t.ownerDocument)==null?void 0:i.body),r=L(o);if(s){let c=At(r);return e.concat(r,r.visualViewport||[],ct(o)?o:[],c&&n?st(c):[])}else return e.concat(o,st(o,[],n))}function At(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function ie(t){let e=D(t),n=parseFloat(e.width)||0,i=parseFloat(e.height)||0,o=j(t),s=o?t.offsetWidth:n,r=o?t.offsetHeight:i,c=ft(n)!==s||ft(i)!==r;return c&&(n=s,i=r),{width:n,height:i,$:c}}function zt(t){return M(t)?t:t.contextElement}function lt(t){let e=zt(t);if(!j(e))return $(1);let n=e.getBoundingClientRect(),{width:i,height:o,$:s}=ie(e),r=(s?ft(n.width):n.width)/i,c=(s?ft(n.height):n.height)/o;return(!r||!Number.isFinite(r))&&(r=1),(!c||!Number.isFinite(c))&&(c=1),{x:r,y:c}}var Ce=$(0);function oe(t){let e=L(t);return!bt()||!e.visualViewport?Ce:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Se(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==L(t)?!1:e}function rt(t,e,n,i){e===void 0&&(e=!1),n===void 0&&(n=!1);let o=t.getBoundingClientRect(),s=zt(t),r=$(1);e&&(i?M(i)&&(r=lt(i)):r=lt(t));let c=Se(s,n,i)?oe(s):$(0),f=(o.left+c.x)/r.x,u=(o.top+c.y)/r.y,l=o.width/r.x,h=o.height/r.y;if(s){let m=L(s),a=i&&M(i)?L(i):i,d=m,p=At(d);for(;p&&i&&a!==d;){let w=lt(p),g=p.getBoundingClientRect(),y=D(p),v=g.left+(p.clientLeft+parseFloat(y.paddingLeft))*w.x,b=g.top+(p.clientTop+parseFloat(y.paddingTop))*w.y;f*=w.x,u*=w.y,l*=w.x,h*=w.y,f+=v,u+=b,d=L(p),p=At(d)}}return et({width:l,height:h,x:f,y:u})}function Ot(t,e){let n=dt(t).scrollLeft;return e?e.left+n:rt(F(t)).left+n}function re(t,e){let n=t.getBoundingClientRect(),i=n.left+e.scrollLeft-Ot(t,n),o=n.top+e.scrollTop;return{x:i,y:o}}function Te(t){let{elements:e,rect:n,offsetParent:i,strategy:o}=t,s=o==="fixed",r=F(i),c=e?ht(e.floating):!1;if(i===r||c&&s)return n;let f={scrollLeft:0,scrollTop:0},u=$(1),l=$(0),h=j(i);if((h||!h&&!s)&&((it(i)!=="body"||ct(r))&&(f=dt(i)),h)){let a=rt(i);u=lt(i),l.x=a.x+i.clientLeft,l.y=a.y+i.clientTop}let m=r&&!h&&!s?re(r,f):$(0);return{width:n.width*u.x,height:n.height*u.y,x:n.x*u.x-f.scrollLeft*u.x+l.x+m.x,y:n.y*u.y-f.scrollTop*u.y+l.y+m.y}}function Le(t){return Array.from(t.getClientRects())}function Pe(t){let e=F(t),n=dt(t),i=t.ownerDocument.body,o=T(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),s=T(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight),r=-n.scrollLeft+Ot(t),c=-n.scrollTop;return D(i).direction==="rtl"&&(r+=T(e.clientWidth,i.clientWidth)-o),{width:o,height:s,x:r,y:c}}var te=25;function ze(t,e){let n=L(t),i=F(t),o=n.visualViewport,s=i.clientWidth,r=i.clientHeight,c=0,f=0;if(o){s=o.width,r=o.height;let l=bt();(!l||l&&e==="fixed")&&(c=o.offsetLeft,f=o.offsetTop)}let u=Ot(i);if(u<=0){let l=i.ownerDocument,h=l.body,m=getComputedStyle(h),a=l.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,d=Math.abs(i.clientWidth-h.clientWidth-a);d<=te&&(s-=d)}else u<=te&&(s+=u);return{width:s,height:r,x:c,y:f}}function Me(t,e){let n=rt(t,!0,e==="fixed"),i=n.top+t.clientTop,o=n.left+t.clientLeft,s=j(t)?lt(t):$(1),r=t.clientWidth*s.x,c=t.clientHeight*s.y,f=o*s.x,u=i*s.y;return{width:r,height:c,x:f,y:u}}function ee(t,e,n){let i;if(e==="viewport")i=ze(t,n);else if(e==="document")i=Pe(F(t));else if(M(e))i=Me(e,n);else{let o=oe(t);i={x:e.x-o.x,y:e.y-o.y,width:e.width,height:e.height}}return et(i)}function se(t,e){let n=q(t);return n===e||!M(n)||ot(n)?!1:D(n).position==="fixed"||se(n,e)}function De(t,e){let n=e.get(t);if(n)return n;let i=st(t,[],!1).filter(c=>M(c)&&it(c)!=="body"),o=null,s=D(t).position==="fixed",r=s?q(t):t;for(;M(r)&&!ot(r);){let c=D(r),f=vt(r);!f&&c.position==="fixed"&&(o=null),(s?!f&&!o:!f&&c.position==="static"&&!!o&&(o.position==="absolute"||o.position==="fixed")||ct(r)&&!f&&se(t,r))?i=i.filter(l=>l!==r):o=c,r=q(r)}return e.set(t,i),i}function ke(t){let{element:e,boundary:n,rootBoundary:i,strategy:o}=t,r=[...n==="clippingAncestors"?ht(e)?[]:De(e,this._c):[].concat(n),i],c=ee(e,r[0],o),f=c.top,u=c.right,l=c.bottom,h=c.left;for(let m=1;m<r.length;m++){let a=ee(e,r[m],o);f=T(a.top,f),u=V(a.right,u),l=V(a.bottom,l),h=T(a.left,h)}return{width:u-h,height:l-f,x:h,y:f}}function Be(t){let{width:e,height:n}=ie(t);return{width:e,height:n}}function $e(t,e,n){let i=j(e),o=F(e),s=n==="fixed",r=rt(t,!0,s,e),c={scrollLeft:0,scrollTop:0},f=$(0);function u(){f.x=Ot(o)}if(i||!i&&!s)if((it(e)!=="body"||ct(o))&&(c=dt(e)),i){let a=rt(e,!0,s,e);f.x=a.x+e.clientLeft,f.y=a.y+e.clientTop}else o&&u();s&&!i&&o&&u();let l=o&&!i&&!s?re(o,c):$(0),h=r.left+c.scrollLeft-f.x-l.x,m=r.top+c.scrollTop-f.y-l.y;return{x:h,y:m,width:r.width,height:r.height}}function Pt(t){return D(t).position==="static"}function ne(t,e){if(!j(t)||D(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return F(t)===n&&(n=n.ownerDocument.body),n}function ce(t,e){let n=L(t);if(ht(t))return n;if(!j(t)){let o=q(t);for(;o&&!ot(o);){if(M(o)&&!Pt(o))return o;o=q(o)}return n}let i=ne(t,e);for(;i&&Jt(i)&&Pt(i);)i=ne(i,e);return i&&ot(i)&&Pt(i)&&!vt(i)?n:i||Qt(t)||n}var Fe=async function(t){let e=this.getOffsetParent||ce,n=this.getDimensions,i=await n(t.floating);return{reference:$e(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}};function Ne(t){return D(t).direction==="rtl"}var He={convertOffsetParentRelativeRectToViewportRelativeRect:Te,getDocumentElement:F,getClippingRect:ke,getOffsetParent:ce,getElementRects:Fe,getClientRects:Le,getDimensions:Be,getScale:lt,isElement:M,isRTL:Ne};function le(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function We(t,e){let n=null,i,o=F(t);function s(){var c;clearTimeout(i),(c=n)==null||c.disconnect(),n=null}function r(c,f){c===void 0&&(c=!1),f===void 0&&(f=1),s();let u=t.getBoundingClientRect(),{left:l,top:h,width:m,height:a}=u;if(c||e(),!m||!a)return;let d=ut(h),p=ut(o.clientWidth-(l+m)),w=ut(o.clientHeight-(h+a)),g=ut(l),v={rootMargin:-d+"px "+-p+"px "+-w+"px "+-g+"px",threshold:T(0,V(1,f))||1},b=!0;function R(E){let C=E[0].intersectionRatio;if(C!==f){if(!b)return r();C?r(!1,C):i=setTimeout(()=>{r(!1,1e-7)},1e3)}C===1&&!le(u,t.getBoundingClientRect())&&r(),b=!1}try{n=new IntersectionObserver(R,W(S({},v),{root:o.ownerDocument}))}catch(E){n=new IntersectionObserver(R,v)}n.observe(t)}return r(!0),s}function ae(t,e,n,i){i===void 0&&(i={});let{ancestorScroll:o=!0,ancestorResize:s=!0,elementResize:r=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:f=!1}=i,u=zt(t),l=o||s?[...u?st(u):[],...e?st(e):[]]:[];l.forEach(g=>{o&&g.addEventListener("scroll",n,{passive:!0}),s&&g.addEventListener("resize",n)});let h=u&&c?We(u,n):null,m=-1,a=null;r&&(a=new ResizeObserver(g=>{let[y]=g;y&&y.target===u&&a&&e&&(a.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var v;(v=a)==null||v.observe(e)})),n()}),u&&!f&&a.observe(u),e&&a.observe(e));let d,p=f?rt(t):null;f&&w();function w(){let g=rt(t);p&&!le(p,g)&&n(),p=g,d=requestAnimationFrame(w)}return n(),()=>{var g;l.forEach(y=>{o&&y.removeEventListener("scroll",n),s&&y.removeEventListener("resize",n)}),h==null||h(),(g=a)==null||g.disconnect(),a=null,f&&cancelAnimationFrame(d)}}var fe=Yt;var ue=qt,he=Xt,Mt=Ut;var de=It;var me=(t,e,n)=>{let i=new Map,o=S({platform:He},n),s=W(S({},o.platform),{_c:i});return jt(t,e,W(S({},o),{platform:s}))};var x=class extends Ct{constructor(){super(...arguments);this.active=!1;this.placement="top";this.strategy="absolute";this.distance=0;this.skidding=0;this.arrow=!1;this.arrowPlacement="anchor";this.arrowPadding=10;this.flip=!1;this.flipFallbackPlacements="";this.flipFallbackStrategy="best-fit";this.flipPadding=0;this.shift=!1;this.shiftPadding=0;this.autoSizePadding=0}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start(),this.setupMutationObserver()}disconnectedCallback(){this.stop(),this.mutationObserver&&this.mutationObserver.disconnect()}async updated(n){super.updated(n),n.has("active")&&(this.active?this.start():this.stop()),n.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}setupMutationObserver(){this.mutationObserver=new MutationObserver(i=>this.handleCurrentPlacementChange(i));let n={attributes:!0};this.mutationObserver.observe(this,n)}handleCurrentPlacementChange(n){return n.forEach(i=>{if(i.attributeName==="data-current-placement"){let o=this.getAttribute("data-current-placement");this.emit("sd-current-placement",{detail:o})}})}async handleAnchorChange(){if(await this.stop(),this.anchor&&typeof this.anchor=="string"){let n=this.getRootNode();this.anchorEl=n.getElementById(this.anchor)}else this.anchor instanceof HTMLElement?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');if(this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),!this.anchorEl)throw new Error("Invalid anchor element: no anchor could be found using the anchor slot or the anchor attribute.");this.start()}start(){this.anchorEl&&(this.cleanup=ae(this.anchorEl,this.popup,()=>{this.reposition()}))}async stop(){return new Promise(n=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame(()=>n())):n()})}reposition(){if(!this.active||!this.anchorEl)return;let n=[fe({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?n.push(Mt({apply:({rects:i})=>{let o=this.sync==="width"||this.sync==="both",s=this.sync==="height"||this.sync==="both";this.popup.style.width=o?`${i.reference.width}px`:"",this.popup.style.height=s?`${i.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&n.push(he({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy==="best-fit"?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&n.push(ue({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?n.push(Mt({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:i,availableHeight:o})=>{this.autoSize==="vertical"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-height",`${o}px`):this.style.removeProperty("--auto-size-available-height"),this.autoSize==="horizontal"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-width",`${i}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&n.push(de({element:this.arrowEl,padding:this.arrowPadding})),me(this.anchorEl,this.popup,{placement:this.placement,middleware:n,strategy:this.strategy}).then(({x:i,y:o,middlewareData:s,placement:r})=>{let c=getComputedStyle(this).direction==="rtl",f={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]];if(this.setAttribute("data-current-placement",r),Object.assign(this.popup.style,{left:`${i}px`,top:`${o}px`}),this.arrow){let u=s.arrow.x,l=s.arrow.y,h="",m="",a="",d="";if(this.arrowPlacement==="start"){let p=typeof u=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";h=typeof l=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",m=c?p:"",d=c?"":p}else if(this.arrowPlacement==="end"){let p=typeof u=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";m=c?"":p,d=c?p:"",a=typeof l=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""}else this.arrowPlacement==="center"?(d=typeof u=="number"?"calc(50% - var(--arrow-size-diagonal))":"",h=typeof l=="number"?"calc(50% - var(--arrow-size-diagonal))":""):(d=typeof u=="number"?`${u}px`:"",h=typeof l=="number"?`${l}px`:"");Object.assign(this.arrowEl.style,{top:h,right:m,bottom:a,left:d,[f]:"calc(var(--arrow-size-diagonal) * -1)"})}}),this.emit("sd-reposition")}render(){return Rt`<slot name="anchor" @slotchange="${this.handleAnchorChange}"></slot><div part="popup" class="${Bt("isolate z-20",this.strategy!=="fixed"?"absolute":"fixed",!this.active&&"hidden")}"><slot></slot>${this.arrow?Rt`<div part="arrow" class="absolute rotate-45 -z-10" role="presentation"></div>`:""}</div>`}};x.styles=[...Ct.styles,Dt`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--arrow-color:var(--sd-color-neutral-1000);--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * 0.7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));display:contents}[part=popup]{max-width:var(--auto-size-available-width,none);max-height:var(--auto-size-available-height,none)}[part=arrow]{width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);background:var(--arrow-color)}`],A([Et('[part="popup"]')],x.prototype,"popup",2),A([Et('[part="arrow"]')],x.prototype,"arrowEl",2),A([O({reflect:!0})],x.prototype,"anchor",2),A([O({type:Boolean,reflect:!0})],x.prototype,"active",2),A([O({type:String,reflect:!0})],x.prototype,"placement",2),A([O({type:String,reflect:!0})],x.prototype,"strategy",2),A([O({type:Number,reflect:!0})],x.prototype,"distance",2),A([O({type:Number,reflect:!0})],x.prototype,"skidding",2),A([O({type:Boolean,reflect:!0})],x.prototype,"arrow",2),A([O({type:String,attribute:"arrow-placement",reflect:!0})],x.prototype,"arrowPlacement",2),A([O({attribute:"arrow-padding",type:Number,reflect:!0})],x.prototype,"arrowPadding",2),A([O({type:Boolean,reflect:!0})],x.prototype,"flip",2),A([O({attribute:"flip-fallback-placements",converter:{fromAttribute:n=>n.split(" ").map(i=>i.trim()).filter(i=>i!==""),toAttribute:n=>n.join(" ")}})],x.prototype,"flipFallbackPlacements",2),A([O({type:String,attribute:"flip-fallback-strategy"})],x.prototype,"flipFallbackStrategy",2),A([O({type:Object})],x.prototype,"flipBoundary",2),A([O({attribute:"flip-padding",type:Number})],x.prototype,"flipPadding",2),A([O({type:Boolean})],x.prototype,"shift",2),A([O({type:Object})],x.prototype,"shiftBoundary",2),A([O({attribute:"shift-padding",type:Number})],x.prototype,"shiftPadding",2),A([O({type:String,attribute:"auto-size"})],x.prototype,"autoSize",2),A([O()],x.prototype,"sync",2),A([O({type:Object})],x.prototype,"autoSizeBoundary",2),A([O({attribute:"auto-size-padding",type:Number})],x.prototype,"autoSizePadding",2),x=A([kt("sd-6-16-1-popup")],x);export{x as a};
+import{a as Bt}from"./chunk.3XPSGHFS.js";import{a as kt,b as O,d as Et,h as Ct}from"./chunk.M6E2RMEB.js";import{b as Dt,e as Rt}from"./chunk.UOAG5PNU.js";import{a as S,b as W,c as mt,e as A}from"./chunk.6EV4YU6C.js";var V=Math.min,T=Math.max,ft=Math.round,ut=Math.floor,$=t=>({x:t,y:t}),ge={left:"right",right:"left",bottom:"top",top:"bottom"};function gt(t,e,n){return T(t,V(e,n))}function Z(t,e){return typeof t=="function"?t(e):t}function Y(t){return t.split("-")[0]}function tt(t){return t.split("-")[1]}function St(t){return t==="x"?"y":"x"}function wt(t){return t==="y"?"height":"width"}function _(t){let e=t[0];return e==="t"||e==="b"?"y":"x"}function yt(t){return St(_(t))}function Nt(t,e,n){n===void 0&&(n=!1);let i=tt(t),o=yt(t),s=wt(o),r=o==="x"?i===(n?"end":"start")?"right":"left":i==="start"?"bottom":"top";return e.reference[s]>e.floating[s]&&(r=at(r)),[r,at(r)]}function Ht(t){let e=at(t);return[pt(t),e,pt(e)]}function pt(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}var $t=["left","right"],Ft=["right","left"],we=["top","bottom"],ye=["bottom","top"];function xe(t,e,n){switch(t){case"top":case"bottom":return n?e?Ft:$t:e?$t:Ft;case"left":case"right":return e?we:ye;default:return[]}}function Wt(t,e,n,i){let o=tt(t),s=xe(Y(t),n==="start",i);return o&&(s=s.map(r=>r+"-"+o),e&&(s=s.concat(s.map(pt)))),s}function at(t){let e=Y(t);return ge[e]+t.slice(e.length)}function ve(t){return S({top:0,right:0,bottom:0,left:0},t)}function Tt(t){return typeof t!="number"?ve(t):{top:t,right:t,bottom:t,left:t}}function et(t){let{x:e,y:n,width:i,height:o}=t;return{width:i,height:o,top:n,left:e,right:e+i,bottom:n+o,x:e,y:n}}function Vt(t,e,n){let{reference:i,floating:o}=t,s=_(e),r=yt(e),c=wt(r),f=Y(e),u=s==="y",l=i.x+i.width/2-o.width/2,h=i.y+i.height/2-o.height/2,m=i[c]/2-o[c]/2,a;switch(f){case"top":a={x:l,y:i.y-o.height};break;case"bottom":a={x:l,y:i.y+i.height};break;case"right":a={x:i.x+i.width,y:h};break;case"left":a={x:i.x-o.width,y:h};break;default:a={x:i.x,y:i.y}}switch(tt(e)){case"start":a[r]-=m*(n&&u?-1:1);break;case"end":a[r]+=m*(n&&u?-1:1);break}return a}async function _t(t,e){var n;e===void 0&&(e={});let{x:i,y:o,platform:s,rects:r,elements:c,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:l="viewport",elementContext:h="floating",altBoundary:m=!1,padding:a=0}=Z(e,t),d=Tt(a),w=c[m?h==="floating"?"reference":"floating":h],g=et(await s.getClippingRect({element:(n=await(s.isElement==null?void 0:s.isElement(w)))==null||n?w:w.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(c.floating)),boundary:u,rootBoundary:l,strategy:f})),y=h==="floating"?{x:i,y:o,width:r.floating.width,height:r.floating.height}:r.reference,v=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c.floating)),b=await(s.isElement==null?void 0:s.isElement(v))?await(s.getScale==null?void 0:s.getScale(v))||{x:1,y:1}:{x:1,y:1},R=et(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:y,offsetParent:v,strategy:f}):y);return{top:(g.top-R.top+d.top)/b.y,bottom:(R.bottom-g.bottom+d.bottom)/b.y,left:(g.left-R.left+d.left)/b.x,right:(R.right-g.right+d.right)/b.x}}var be=50,jt=async(t,e,n)=>{let{placement:i="bottom",strategy:o="absolute",middleware:s=[],platform:r}=n,c=r.detectOverflow?r:W(S({},r),{detectOverflow:_t}),f=await(r.isRTL==null?void 0:r.isRTL(e)),u=await r.getElementRects({reference:t,floating:e,strategy:o}),{x:l,y:h}=Vt(u,i,f),m=i,a=0,d={};for(let p=0;p<s.length;p++){let w=s[p];if(!w)continue;let{name:g,fn:y}=w,{x:v,y:b,data:R,reset:E}=await y({x:l,y:h,initialPlacement:i,placement:m,strategy:o,middlewareData:d,rects:u,platform:c,elements:{reference:t,floating:e}});l=v!=null?v:l,h=b!=null?b:h,d[g]=S(S({},d[g]),R),E&&a<be&&(a++,typeof E=="object"&&(E.placement&&(m=E.placement),E.rects&&(u=E.rects===!0?await r.getElementRects({reference:t,floating:e,strategy:o}):E.rects),{x:l,y:h}=Vt(u,m,f)),p=-1)}return{x:l,y:h,placement:m,strategy:o,middlewareData:d}},It=t=>({name:"arrow",options:t,async fn(e){let{x:n,y:i,placement:o,rects:s,platform:r,elements:c,middlewareData:f}=e,{element:u,padding:l=0}=Z(t,e)||{};if(u==null)return{};let h=Tt(l),m={x:n,y:i},a=yt(o),d=wt(a),p=await r.getDimensions(u),w=a==="y",g=w?"top":"left",y=w?"bottom":"right",v=w?"clientHeight":"clientWidth",b=s.reference[d]+s.reference[a]-m[a]-s.floating[d],R=m[a]-s.reference[a],E=await(r.getOffsetParent==null?void 0:r.getOffsetParent(u)),C=E?E[v]:0;(!C||!await(r.isElement==null?void 0:r.isElement(E)))&&(C=c.floating[v]||s.floating[d]);let I=b/2-R/2,N=C/2-p[d]/2-1,z=V(h[g],N),U=V(h[y],N),H=z,K=C-p[d]-U,P=C/2-p[d]/2+I,k=gt(H,P,K),J=!f.arrow&&tt(o)!=null&&P!==k&&s.reference[d]/2-(P<H?z:U)-p[d]/2<0,X=J?P<H?P-H:P-K:0;return{[a]:m[a]+X,data:S({[a]:k,centerOffset:P-k-X},J&&{alignmentOffset:X}),reset:J}}});var Xt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,i;let{placement:o,middlewareData:s,rects:r,initialPlacement:c,platform:f,elements:u}=e,P=Z(t,e),{mainAxis:l=!0,crossAxis:h=!0,fallbackPlacements:m,fallbackStrategy:a="bestFit",fallbackAxisSideDirection:d="none",flipAlignment:p=!0}=P,w=mt(P,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((n=s.arrow)!=null&&n.alignmentOffset)return{};let g=Y(o),y=_(c),v=Y(c)===c,b=await(f.isRTL==null?void 0:f.isRTL(u.floating)),R=m||(v||!p?[at(c)]:Ht(c)),E=d!=="none";!m&&E&&R.push(...Wt(c,p,d,b));let C=[c,...R],I=await f.detectOverflow(e,w),N=[],z=((i=s.flip)==null?void 0:i.overflows)||[];if(l&&N.push(I[g]),h){let k=Nt(o,r,b);N.push(I[k[0]],I[k[1]])}if(z=[...z,{placement:o,overflows:N}],!N.every(k=>k<=0)){var U,H;let k=(((U=s.flip)==null?void 0:U.index)||0)+1,J=C[k];if(J&&(!(h==="alignment"?y!==_(J):!1)||z.every(B=>_(B.placement)===y?B.overflows[0]>0:!0)))return{data:{index:k,overflows:z},reset:{placement:J}};let X=(H=z.filter(Q=>Q.overflows[0]<=0).sort((Q,B)=>Q.overflows[1]-B.overflows[1])[0])==null?void 0:H.placement;if(!X)switch(a){case"bestFit":{var K;let Q=(K=z.filter(B=>{if(E){let G=_(B.placement);return G===y||G==="y"}return!0}).map(B=>[B.placement,B.overflows.filter(G=>G>0).reduce((G,pe)=>G+pe,0)]).sort((B,G)=>B[1]-G[1])[0])==null?void 0:K[0];Q&&(X=Q);break}case"initialPlacement":X=c;break}if(o!==X)return{reset:{placement:X}}}return{}}}};var Ae=new Set(["left","top"]);async function Oe(t,e){let{placement:n,platform:i,elements:o}=t,s=await(i.isRTL==null?void 0:i.isRTL(o.floating)),r=Y(n),c=tt(n),f=_(n)==="y",u=Ae.has(r)?-1:1,l=s&&f?-1:1,h=Z(e,t),{mainAxis:m,crossAxis:a,alignmentAxis:d}=typeof h=="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return c&&typeof d=="number"&&(a=c==="end"?d*-1:d),f?{x:a*l,y:m*u}:{x:m*u,y:a*l}}var Yt=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,i;let{x:o,y:s,placement:r,middlewareData:c}=e,f=await Oe(e,t);return r===((n=c.offset)==null?void 0:n.placement)&&(i=c.arrow)!=null&&i.alignmentOffset?{}:{x:o+f.x,y:s+f.y,data:W(S({},f),{placement:r})}}}},qt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:i,placement:o,platform:s}=e,g=Z(t,e),{mainAxis:r=!0,crossAxis:c=!1,limiter:f={fn:y=>{let{x:v,y:b}=y;return{x:v,y:b}}}}=g,u=mt(g,["mainAxis","crossAxis","limiter"]),l={x:n,y:i},h=await s.detectOverflow(e,u),m=_(Y(o)),a=St(m),d=l[a],p=l[m];if(r){let y=a==="y"?"top":"left",v=a==="y"?"bottom":"right",b=d+h[y],R=d-h[v];d=gt(b,d,R)}if(c){let y=m==="y"?"top":"left",v=m==="y"?"bottom":"right",b=p+h[y],R=p-h[v];p=gt(b,p,R)}let w=f.fn(W(S({},e),{[a]:d,[m]:p}));return W(S({},w),{data:{x:w.x-n,y:w.y-i,enabled:{[a]:r,[m]:c}}})}}};var Ut=function(t){return t===void 0&&(t={}),{name:"size",options:t,async fn(e){var n,i;let{placement:o,rects:s,platform:r,elements:c}=e,z=Z(t,e),{apply:f=()=>{}}=z,u=mt(z,["apply"]),l=await r.detectOverflow(e,u),h=Y(o),m=tt(o),a=_(o)==="y",{width:d,height:p}=s.floating,w,g;h==="top"||h==="bottom"?(w=h,g=m===(await(r.isRTL==null?void 0:r.isRTL(c.floating))?"start":"end")?"left":"right"):(g=h,w=m==="end"?"top":"bottom");let y=p-l.top-l.bottom,v=d-l.left-l.right,b=V(p-l[w],y),R=V(d-l[g],v),E=!e.middlewareData.shift,C=b,I=R;if((n=e.middlewareData.shift)!=null&&n.enabled.x&&(I=v),(i=e.middlewareData.shift)!=null&&i.enabled.y&&(C=y),E&&!m){let U=T(l.left,0),H=T(l.right,0),K=T(l.top,0),P=T(l.bottom,0);a?I=d-2*(U!==0||H!==0?U+H:T(l.left,l.right)):C=p-2*(K!==0||P!==0?K+P:T(l.top,l.bottom))}await f(W(S({},e),{availableWidth:I,availableHeight:C}));let N=await r.getDimensions(c.floating);return d!==N.width||p!==N.height?{reset:{rects:!0}}:{}}}};function xt(){return typeof window!="undefined"}function it(t){return Gt(t)?(t.nodeName||"").toLowerCase():"#document"}function L(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function F(t){var e;return(e=(Gt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Gt(t){return xt()?t instanceof Node||t instanceof L(t).Node:!1}function M(t){return xt()?t instanceof Element||t instanceof L(t).Element:!1}function j(t){return xt()?t instanceof HTMLElement||t instanceof L(t).HTMLElement:!1}function Kt(t){return!xt()||typeof ShadowRoot=="undefined"?!1:t instanceof ShadowRoot||t instanceof L(t).ShadowRoot}function ct(t){let{overflow:e,overflowX:n,overflowY:i,display:o}=D(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&o!=="inline"&&o!=="contents"}function Jt(t){return/^(table|td|th)$/.test(it(t))}function ht(t){try{if(t.matches(":popover-open"))return!0}catch(e){}try{return t.matches(":modal")}catch(e){return!1}}var Re=/transform|translate|scale|rotate|perspective|filter/,Ee=/paint|layout|strict|content/,nt=t=>!!t&&t!=="none",Lt;function vt(t){let e=M(t)?D(t):t;return nt(e.transform)||nt(e.translate)||nt(e.scale)||nt(e.rotate)||nt(e.perspective)||!bt()&&(nt(e.backdropFilter)||nt(e.filter))||Re.test(e.willChange||"")||Ee.test(e.contain||"")}function Qt(t){let e=q(t);for(;j(e)&&!ot(e);){if(vt(e))return e;if(ht(e))return null;e=q(e)}return null}function bt(){return Lt==null&&(Lt=typeof CSS!="undefined"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),Lt}function ot(t){return/^(html|body|#document)$/.test(it(t))}function D(t){return L(t).getComputedStyle(t)}function dt(t){return M(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function q(t){if(it(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Kt(t)&&t.host||F(t);return Kt(e)?e.host:e}function Zt(t){let e=q(t);return ot(e)?t.ownerDocument?t.ownerDocument.body:t.body:j(e)&&ct(e)?e:Zt(e)}function st(t,e,n){var i;e===void 0&&(e=[]),n===void 0&&(n=!0);let o=Zt(t),s=o===((i=t.ownerDocument)==null?void 0:i.body),r=L(o);if(s){let c=At(r);return e.concat(r,r.visualViewport||[],ct(o)?o:[],c&&n?st(c):[])}else return e.concat(o,st(o,[],n))}function At(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function ie(t){let e=D(t),n=parseFloat(e.width)||0,i=parseFloat(e.height)||0,o=j(t),s=o?t.offsetWidth:n,r=o?t.offsetHeight:i,c=ft(n)!==s||ft(i)!==r;return c&&(n=s,i=r),{width:n,height:i,$:c}}function zt(t){return M(t)?t:t.contextElement}function lt(t){let e=zt(t);if(!j(e))return $(1);let n=e.getBoundingClientRect(),{width:i,height:o,$:s}=ie(e),r=(s?ft(n.width):n.width)/i,c=(s?ft(n.height):n.height)/o;return(!r||!Number.isFinite(r))&&(r=1),(!c||!Number.isFinite(c))&&(c=1),{x:r,y:c}}var Ce=$(0);function oe(t){let e=L(t);return!bt()||!e.visualViewport?Ce:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Se(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==L(t)?!1:e}function rt(t,e,n,i){e===void 0&&(e=!1),n===void 0&&(n=!1);let o=t.getBoundingClientRect(),s=zt(t),r=$(1);e&&(i?M(i)&&(r=lt(i)):r=lt(t));let c=Se(s,n,i)?oe(s):$(0),f=(o.left+c.x)/r.x,u=(o.top+c.y)/r.y,l=o.width/r.x,h=o.height/r.y;if(s){let m=L(s),a=i&&M(i)?L(i):i,d=m,p=At(d);for(;p&&i&&a!==d;){let w=lt(p),g=p.getBoundingClientRect(),y=D(p),v=g.left+(p.clientLeft+parseFloat(y.paddingLeft))*w.x,b=g.top+(p.clientTop+parseFloat(y.paddingTop))*w.y;f*=w.x,u*=w.y,l*=w.x,h*=w.y,f+=v,u+=b,d=L(p),p=At(d)}}return et({width:l,height:h,x:f,y:u})}function Ot(t,e){let n=dt(t).scrollLeft;return e?e.left+n:rt(F(t)).left+n}function re(t,e){let n=t.getBoundingClientRect(),i=n.left+e.scrollLeft-Ot(t,n),o=n.top+e.scrollTop;return{x:i,y:o}}function Te(t){let{elements:e,rect:n,offsetParent:i,strategy:o}=t,s=o==="fixed",r=F(i),c=e?ht(e.floating):!1;if(i===r||c&&s)return n;let f={scrollLeft:0,scrollTop:0},u=$(1),l=$(0),h=j(i);if((h||!h&&!s)&&((it(i)!=="body"||ct(r))&&(f=dt(i)),h)){let a=rt(i);u=lt(i),l.x=a.x+i.clientLeft,l.y=a.y+i.clientTop}let m=r&&!h&&!s?re(r,f):$(0);return{width:n.width*u.x,height:n.height*u.y,x:n.x*u.x-f.scrollLeft*u.x+l.x+m.x,y:n.y*u.y-f.scrollTop*u.y+l.y+m.y}}function Le(t){return Array.from(t.getClientRects())}function Pe(t){let e=F(t),n=dt(t),i=t.ownerDocument.body,o=T(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),s=T(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight),r=-n.scrollLeft+Ot(t),c=-n.scrollTop;return D(i).direction==="rtl"&&(r+=T(e.clientWidth,i.clientWidth)-o),{width:o,height:s,x:r,y:c}}var te=25;function ze(t,e){let n=L(t),i=F(t),o=n.visualViewport,s=i.clientWidth,r=i.clientHeight,c=0,f=0;if(o){s=o.width,r=o.height;let l=bt();(!l||l&&e==="fixed")&&(c=o.offsetLeft,f=o.offsetTop)}let u=Ot(i);if(u<=0){let l=i.ownerDocument,h=l.body,m=getComputedStyle(h),a=l.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,d=Math.abs(i.clientWidth-h.clientWidth-a);d<=te&&(s-=d)}else u<=te&&(s+=u);return{width:s,height:r,x:c,y:f}}function Me(t,e){let n=rt(t,!0,e==="fixed"),i=n.top+t.clientTop,o=n.left+t.clientLeft,s=j(t)?lt(t):$(1),r=t.clientWidth*s.x,c=t.clientHeight*s.y,f=o*s.x,u=i*s.y;return{width:r,height:c,x:f,y:u}}function ee(t,e,n){let i;if(e==="viewport")i=ze(t,n);else if(e==="document")i=Pe(F(t));else if(M(e))i=Me(e,n);else{let o=oe(t);i={x:e.x-o.x,y:e.y-o.y,width:e.width,height:e.height}}return et(i)}function se(t,e){let n=q(t);return n===e||!M(n)||ot(n)?!1:D(n).position==="fixed"||se(n,e)}function De(t,e){let n=e.get(t);if(n)return n;let i=st(t,[],!1).filter(c=>M(c)&&it(c)!=="body"),o=null,s=D(t).position==="fixed",r=s?q(t):t;for(;M(r)&&!ot(r);){let c=D(r),f=vt(r);!f&&c.position==="fixed"&&(o=null),(s?!f&&!o:!f&&c.position==="static"&&!!o&&(o.position==="absolute"||o.position==="fixed")||ct(r)&&!f&&se(t,r))?i=i.filter(l=>l!==r):o=c,r=q(r)}return e.set(t,i),i}function ke(t){let{element:e,boundary:n,rootBoundary:i,strategy:o}=t,r=[...n==="clippingAncestors"?ht(e)?[]:De(e,this._c):[].concat(n),i],c=ee(e,r[0],o),f=c.top,u=c.right,l=c.bottom,h=c.left;for(let m=1;m<r.length;m++){let a=ee(e,r[m],o);f=T(a.top,f),u=V(a.right,u),l=V(a.bottom,l),h=T(a.left,h)}return{width:u-h,height:l-f,x:h,y:f}}function Be(t){let{width:e,height:n}=ie(t);return{width:e,height:n}}function $e(t,e,n){let i=j(e),o=F(e),s=n==="fixed",r=rt(t,!0,s,e),c={scrollLeft:0,scrollTop:0},f=$(0);function u(){f.x=Ot(o)}if(i||!i&&!s)if((it(e)!=="body"||ct(o))&&(c=dt(e)),i){let a=rt(e,!0,s,e);f.x=a.x+e.clientLeft,f.y=a.y+e.clientTop}else o&&u();s&&!i&&o&&u();let l=o&&!i&&!s?re(o,c):$(0),h=r.left+c.scrollLeft-f.x-l.x,m=r.top+c.scrollTop-f.y-l.y;return{x:h,y:m,width:r.width,height:r.height}}function Pt(t){return D(t).position==="static"}function ne(t,e){if(!j(t)||D(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return F(t)===n&&(n=n.ownerDocument.body),n}function ce(t,e){let n=L(t);if(ht(t))return n;if(!j(t)){let o=q(t);for(;o&&!ot(o);){if(M(o)&&!Pt(o))return o;o=q(o)}return n}let i=ne(t,e);for(;i&&Jt(i)&&Pt(i);)i=ne(i,e);return i&&ot(i)&&Pt(i)&&!vt(i)?n:i||Qt(t)||n}var Fe=async function(t){let e=this.getOffsetParent||ce,n=this.getDimensions,i=await n(t.floating);return{reference:$e(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}};function Ne(t){return D(t).direction==="rtl"}var He={convertOffsetParentRelativeRectToViewportRelativeRect:Te,getDocumentElement:F,getClippingRect:ke,getOffsetParent:ce,getElementRects:Fe,getClientRects:Le,getDimensions:Be,getScale:lt,isElement:M,isRTL:Ne};function le(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function We(t,e){let n=null,i,o=F(t);function s(){var c;clearTimeout(i),(c=n)==null||c.disconnect(),n=null}function r(c,f){c===void 0&&(c=!1),f===void 0&&(f=1),s();let u=t.getBoundingClientRect(),{left:l,top:h,width:m,height:a}=u;if(c||e(),!m||!a)return;let d=ut(h),p=ut(o.clientWidth-(l+m)),w=ut(o.clientHeight-(h+a)),g=ut(l),v={rootMargin:-d+"px "+-p+"px "+-w+"px "+-g+"px",threshold:T(0,V(1,f))||1},b=!0;function R(E){let C=E[0].intersectionRatio;if(C!==f){if(!b)return r();C?r(!1,C):i=setTimeout(()=>{r(!1,1e-7)},1e3)}C===1&&!le(u,t.getBoundingClientRect())&&r(),b=!1}try{n=new IntersectionObserver(R,W(S({},v),{root:o.ownerDocument}))}catch(E){n=new IntersectionObserver(R,v)}n.observe(t)}return r(!0),s}function ae(t,e,n,i){i===void 0&&(i={});let{ancestorScroll:o=!0,ancestorResize:s=!0,elementResize:r=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:f=!1}=i,u=zt(t),l=o||s?[...u?st(u):[],...e?st(e):[]]:[];l.forEach(g=>{o&&g.addEventListener("scroll",n,{passive:!0}),s&&g.addEventListener("resize",n)});let h=u&&c?We(u,n):null,m=-1,a=null;r&&(a=new ResizeObserver(g=>{let[y]=g;y&&y.target===u&&a&&e&&(a.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var v;(v=a)==null||v.observe(e)})),n()}),u&&!f&&a.observe(u),e&&a.observe(e));let d,p=f?rt(t):null;f&&w();function w(){let g=rt(t);p&&!le(p,g)&&n(),p=g,d=requestAnimationFrame(w)}return n(),()=>{var g;l.forEach(y=>{o&&y.removeEventListener("scroll",n),s&&y.removeEventListener("resize",n)}),h==null||h(),(g=a)==null||g.disconnect(),a=null,f&&cancelAnimationFrame(d)}}var fe=Yt;var ue=qt,he=Xt,Mt=Ut;var de=It;var me=(t,e,n)=>{let i=new Map,o=S({platform:He},n),s=W(S({},o.platform),{_c:i});return jt(t,e,W(S({},o),{platform:s}))};var x=class extends Ct{constructor(){super(...arguments);this.active=!1;this.placement="top";this.strategy="absolute";this.distance=0;this.skidding=0;this.arrow=!1;this.arrowPlacement="anchor";this.arrowPadding=10;this.flip=!1;this.flipFallbackPlacements="";this.flipFallbackStrategy="best-fit";this.flipPadding=0;this.shift=!1;this.shiftPadding=0;this.autoSizePadding=0}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start(),this.setupMutationObserver()}disconnectedCallback(){this.stop(),this.mutationObserver&&this.mutationObserver.disconnect()}async updated(n){super.updated(n),n.has("active")&&(this.active?this.start():this.stop()),n.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}setupMutationObserver(){this.mutationObserver=new MutationObserver(i=>this.handleCurrentPlacementChange(i));let n={attributes:!0};this.mutationObserver.observe(this,n)}handleCurrentPlacementChange(n){return n.forEach(i=>{if(i.attributeName==="data-current-placement"){let o=this.getAttribute("data-current-placement");this.emit("sd-current-placement",{detail:o})}})}async handleAnchorChange(){if(await this.stop(),this.anchor&&typeof this.anchor=="string"){let n=this.getRootNode();this.anchorEl=n.getElementById(this.anchor)}else this.anchor instanceof HTMLElement?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');if(this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),!this.anchorEl)throw new Error("Invalid anchor element: no anchor could be found using the anchor slot or the anchor attribute.");this.start()}start(){this.anchorEl&&(this.cleanup=ae(this.anchorEl,this.popup,()=>{this.reposition()}))}async stop(){return new Promise(n=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame(()=>n())):n()})}reposition(){if(!this.active||!this.anchorEl)return;let n=[fe({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?n.push(Mt({apply:({rects:i})=>{let o=this.sync==="width"||this.sync==="both",s=this.sync==="height"||this.sync==="both";this.popup.style.width=o?`${i.reference.width}px`:"",this.popup.style.height=s?`${i.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&n.push(he({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy==="best-fit"?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&n.push(ue({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?n.push(Mt({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:i,availableHeight:o})=>{this.autoSize==="vertical"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-height",`${o}px`):this.style.removeProperty("--auto-size-available-height"),this.autoSize==="horizontal"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-width",`${i}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&n.push(de({element:this.arrowEl,padding:this.arrowPadding})),me(this.anchorEl,this.popup,{placement:this.placement,middleware:n,strategy:this.strategy}).then(({x:i,y:o,middlewareData:s,placement:r})=>{let c=getComputedStyle(this).direction==="rtl",f={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]];if(this.setAttribute("data-current-placement",r),Object.assign(this.popup.style,{left:`${i}px`,top:`${o}px`}),this.arrow){let u=s.arrow.x,l=s.arrow.y,h="",m="",a="",d="";if(this.arrowPlacement==="start"){let p=typeof u=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";h=typeof l=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",m=c?p:"",d=c?"":p}else if(this.arrowPlacement==="end"){let p=typeof u=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";m=c?"":p,d=c?p:"",a=typeof l=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""}else this.arrowPlacement==="center"?(d=typeof u=="number"?"calc(50% - var(--arrow-size-diagonal))":"",h=typeof l=="number"?"calc(50% - var(--arrow-size-diagonal))":""):(d=typeof u=="number"?`${u}px`:"",h=typeof l=="number"?`${l}px`:"");Object.assign(this.arrowEl.style,{top:h,right:m,bottom:a,left:d,[f]:"calc(var(--arrow-size-diagonal) * -1)"})}}),this.emit("sd-reposition")}render(){return Rt`<slot name="anchor" @slotchange="${this.handleAnchorChange}"></slot><div part="popup" class="${Bt("isolate z-20",this.strategy!=="fixed"?"absolute":"fixed",!this.active&&"hidden")}"><slot></slot>${this.arrow?Rt`<div part="arrow" class="absolute rotate-45 -z-10" role="presentation"></div>`:""}</div>`}};x.styles=[...Ct.styles,Dt`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{--arrow-color:var(--sd-color-neutral-1000);--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * 0.7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));display:contents}[part=popup]{max-width:var(--auto-size-available-width,none);max-height:var(--auto-size-available-height,none)}[part=arrow]{width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);background:var(--arrow-color)}`],A([Et('[part="popup"]')],x.prototype,"popup",2),A([Et('[part="arrow"]')],x.prototype,"arrowEl",2),A([O({reflect:!0})],x.prototype,"anchor",2),A([O({type:Boolean,reflect:!0})],x.prototype,"active",2),A([O({type:String,reflect:!0})],x.prototype,"placement",2),A([O({type:String,reflect:!0})],x.prototype,"strategy",2),A([O({type:Number,reflect:!0})],x.prototype,"distance",2),A([O({type:Number,reflect:!0})],x.prototype,"skidding",2),A([O({type:Boolean,reflect:!0})],x.prototype,"arrow",2),A([O({type:String,attribute:"arrow-placement",reflect:!0})],x.prototype,"arrowPlacement",2),A([O({attribute:"arrow-padding",type:Number,reflect:!0})],x.prototype,"arrowPadding",2),A([O({type:Boolean,reflect:!0})],x.prototype,"flip",2),A([O({attribute:"flip-fallback-placements",converter:{fromAttribute:n=>n.split(" ").map(i=>i.trim()).filter(i=>i!==""),toAttribute:n=>n.join(" ")}})],x.prototype,"flipFallbackPlacements",2),A([O({type:String,attribute:"flip-fallback-strategy"})],x.prototype,"flipFallbackStrategy",2),A([O({type:Object})],x.prototype,"flipBoundary",2),A([O({attribute:"flip-padding",type:Number})],x.prototype,"flipPadding",2),A([O({type:Boolean})],x.prototype,"shift",2),A([O({type:Object})],x.prototype,"shiftBoundary",2),A([O({attribute:"shift-padding",type:Number})],x.prototype,"shiftPadding",2),A([O({type:String,attribute:"auto-size"})],x.prototype,"autoSize",2),A([O()],x.prototype,"sync",2),A([O({type:Object})],x.prototype,"autoSizeBoundary",2),A([O({attribute:"auto-size-padding",type:Number})],x.prototype,"autoSizePadding",2),x=A([kt("sd-6-16-2-popup")],x);export{x as a};

package/cdn-versioned/chunks/{chunk.UHJGQKEY.js → chunk.25GHYAOD.js}

@@ -1,2 +1,2 @@
-import{a as o}from"./chunk.3XPSGHFS.js";import{a as i,b as a,h as r}from"./chunk.DX2U3PRB.js";import{b as l,e as s}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.variant="rectangular"}render(){return s`<div part="base" aria-hidden="true" class="${o("sd-6-16-1-skeleton-color w-full h-full animate-pulse",{rectangular:"rounded-sm",circular:"rounded-full inline-block"}[this.variant])}"><slot></slot></div>`}};t.styles=[...r.styles,l`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block}::slotted(*){visibility:hidden}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),t=e([i("sd-6-16-1-skeleton")],t);export{t as a};
+import{a as o}from"./chunk.3XPSGHFS.js";import{a as i,b as a,h as r}from"./chunk.M6E2RMEB.js";import{b as l,e as s}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.variant="rectangular"}render(){return s`<div part="base" aria-hidden="true" class="${o("sd-6-16-2-skeleton-color w-full h-full animate-pulse",{rectangular:"rounded-sm",circular:"rounded-full inline-block"}[this.variant])}"><slot></slot></div>`}};t.styles=[...r.styles,l`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{display:block}::slotted(*){visibility:hidden}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),t=e([i("sd-6-16-2-skeleton")],t);export{t as a};