@solid-design-system/components 6.16.2 → 6.16.4

package/dist/solid-components.js

@@ -1,201 +1,201 @@
 import {
   setupAutocomplete
-} from "./chunks/chunk.JBLVT4GJ.js";
+} from "./chunks/chunk.MQG727Y4.js";
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTextarea
-} from "./chunks/chunk.RMCQYKQU.js";
+} from "./chunks/chunk.P6YK6F7T.js";
 import {
   SdThemeListener
-} from "./chunks/chunk.V2RTJVJM.js";
+} from "./chunks/chunk.RL7BJYL6.js";
 import {
   SdVideo
-} from "./chunks/chunk.N74J2PD2.js";
+} from "./chunks/chunk.JYR67QON.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.66XUGEDR.js";
+} from "./chunks/chunk.V3RBONZ7.js";
 import {
   SdSwitch
-} from "./chunks/chunk.7BNWRUYC.js";
+} from "./chunks/chunk.RXD64SUC.js";
 import {
   SdTab
-} from "./chunks/chunk.4PFA6NBM.js";
+} from "./chunks/chunk.WV4VZLSM.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.RRKI42AI.js";
+} from "./chunks/chunk.7LLWTMC3.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.Q2LD7K7G.js";
+} from "./chunks/chunk.FXZL5TSR.js";
 import {
   SdTeaser
-} from "./chunks/chunk.PDVDXT7L.js";
+} from "./chunks/chunk.ZN4E3BW3.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.4B5EGHWK.js";
+} from "./chunks/chunk.OQ5QEVJF.js";
 import {
   SdRange
-} from "./chunks/chunk.JDOBF6BR.js";
+} from "./chunks/chunk.Y226ELYU.js";
 import {
   SdTooltip
-} from "./chunks/chunk.73T5OM3X.js";
+} from "./chunks/chunk.HMOYAY72.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.WQAFDWYF.js";
+} from "./chunks/chunk.AQU3K3QW.js";
 import {
   SdScrollable
-} from "./chunks/chunk.W7ISDYXU.js";
+} from "./chunks/chunk.PO2OMSAQ.js";
 import {
   SdSelect
-} from "./chunks/chunk.S7LF3J2N.js";
+} from "./chunks/chunk.JT57FH4I.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.Z4J2IINI.js";
+} from "./chunks/chunk.UE4MIFO2.js";
 import {
   SdSpinner
-} from "./chunks/chunk.2CMDU7LE.js";
+} from "./chunks/chunk.K7OGNZLO.js";
 import {
   SdStep
-} from "./chunks/chunk.6SJJNBCP.js";
+} from "./chunks/chunk.6GDF7RP6.js";
 import {
   SdNotification
-} from "./chunks/chunk.7LH5KLUQ.js";
+} from "./chunks/chunk.3PROMK3G.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.SEYEP4X4.js";
+} from "./chunks/chunk.MBVWPMPN.js";
 import {
   SdOption
-} from "./chunks/chunk.L5WQTPWN.js";
+} from "./chunks/chunk.YC3R5M35.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.554TR2QJ.js";
+} from "./chunks/chunk.IXY6JRMU.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.FCH3EM35.js";
+} from "./chunks/chunk.4OJXQ3S3.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.BIXTMKRG.js";
+} from "./chunks/chunk.BDGTWJIT.js";
 import {
   SdRadio
-} from "./chunks/chunk.DS6JCFE6.js";
+} from "./chunks/chunk.YGCCHEFS.js";
 import {
   SdInput
-} from "./chunks/chunk.REB4VPRZ.js";
+} from "./chunks/chunk.5DLSMYYF.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.5R2FUL3M.js";
+} from "./chunks/chunk.J2WMB4UM.js";
 import {
   SdMenu
-} from "./chunks/chunk.XPYX76I7.js";
+} from "./chunks/chunk.4FQGHIRS.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.PAAXLQEE.js";
+} from "./chunks/chunk.7YOG7JGW.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.CEK6W53N.js";
+} from "./chunks/chunk.IRPULK4T.js";
 import {
   SdInclude
-} from "./chunks/chunk.ROVOABKA.js";
+} from "./chunks/chunk.EGVMKWID.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.WOWGU7GJ.js";
+} from "./chunks/chunk.QF4M6XJ6.js";
 import "./chunks/chunk.SMPFJ52B.js";
 import {
   SdDialog
-} from "./chunks/chunk.3WEVFLW7.js";
+} from "./chunks/chunk.2EDPY2A5.js";
 import {
   SdDivider
-} from "./chunks/chunk.FZROG22H.js";
+} from "./chunks/chunk.6JXHY72O.js";
 import {
   SdExpandable
-} from "./chunks/chunk.JDFXEERS.js";
+} from "./chunks/chunk.AJJI7TJL.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.NNLMYT4Y.js";
+} from "./chunks/chunk.KLN5272I.js";
 import {
   SdHeader
-} from "./chunks/chunk.FSPPHB6U.js";
+} from "./chunks/chunk.27CORLGD.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.JDXUSLDX.js";
+} from "./chunks/chunk.NAD637BO.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.MU4ARXB6.js";
+} from "./chunks/chunk.7OODH6S5.js";
 import {
   SdCombobox
-} from "./chunks/chunk.XUAUAYS7.js";
+} from "./chunks/chunk.S3AIPHMB.js";
 import {
   SdTag
-} from "./chunks/chunk.UW4QZGI6.js";
+} from "./chunks/chunk.PJ4LG3IZ.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.JID3PBFI.js";
+} from "./chunks/chunk.CDI4YMFV.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.TRCABGDR.js";
+} from "./chunks/chunk.KJN55623.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.ONQ4DNCZ.js";
+} from "./chunks/chunk.IXAGOL3L.js";
 import {
   SdDropdown
-} from "./chunks/chunk.GXIIWLC3.js";
+} from "./chunks/chunk.FV63VR7F.js";
 import {
   SdPopup
-} from "./chunks/chunk.O5LCY7TO.js";
+} from "./chunks/chunk.X7XDUKGF.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.HLAAYYPN.js";
+} from "./chunks/chunk.6WM4R2DA.js";
 import {
   SdLink
-} from "./chunks/chunk.ZTDT5XR4.js";
-import "./chunks/chunk.SPIQLTTT.js";
+} from "./chunks/chunk.6SZCCE7T.js";
+import "./chunks/chunk.4WJBOMWG.js";
 import {
   SdCarousel
-} from "./chunks/chunk.EGPCWSNS.js";
+} from "./chunks/chunk.ELS2J6VM.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.6RE6UZ72.js";
 import "./chunks/chunk.UVI5HHLF.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.SFPE7RE4.js";
+} from "./chunks/chunk.FQAUOX63.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.HFOVEHX5.js";
+} from "./chunks/chunk.JCFYB72C.js";
 import {
   SdAccordion
-} from "./chunks/chunk.ZPQXUDJE.js";
+} from "./chunks/chunk.4YGFM4I2.js";
 import {
   SdAnimation
-} from "./chunks/chunk.NVSTD2DO.js";
+} from "./chunks/chunk.FRVVZRCH.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.YETBDRJZ.js";
+} from "./chunks/chunk.E2USZ7GU.js";
 import {
   SdDrawer
-} from "./chunks/chunk.JNI3S2KE.js";
+} from "./chunks/chunk.MMI44BVI.js";
 import "./chunks/chunk.SF6AUNJF.js";
 import "./chunks/chunk.EDMG7C5H.js";
 import "./chunks/chunk.UMIKFOMI.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdButton
-} from "./chunks/chunk.U7HC4ENJ.js";
+} from "./chunks/chunk.ANNKBF6X.js";
 import {
   SdLoader
-} from "./chunks/chunk.GGHQ52NQ.js";
+} from "./chunks/chunk.36OESV3O.js";
 import "./chunks/chunk.C3WIBDGG.js";
 import "./chunks/chunk.IVMQWO2L.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdIcon
-} from "./chunks/chunk.NAPTGGU6.js";
+} from "./chunks/chunk.FJM4XRBD.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -211,7 +211,7 @@ import {
 import "./chunks/chunk.X4IYFUX6.js";
 import "./chunks/chunk.BT6SAX2H.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.V2SCLPWH.js";
+import "./chunks/chunk.XNTGIC2L.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
-} from "../chunks/chunk.JBLVT4GJ.js";
-import "../chunks/chunk.O5LCY7TO.js";
-import "../chunks/chunk.V2SCLPWH.js";
+} from "../chunks/chunk.MQG727Y4.js";
+import "../chunks/chunk.X7XDUKGF.js";
+import "../chunks/chunk.XNTGIC2L.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/vscode.html-custom-data.json

@@ -34,33 +34,6 @@
         }
       ]
     },
-    {
-      "name": "sd-accordion-group",
-      "description": "Short summary of the component's intended use.\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_ - The default slot where `<sd-accordion>` elements are placed.\n\n### **CSS Properties:**\n - **--sd-accordion-border-width** - The accordion border width. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        {
-          "name": "close-others",
-          "description": "Closes other accordions.",
-          "values": []
-        },
-        {
-          "name": "dir",
-          "description": "The element's directionality.",
-          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
-        },
-        {
-          "name": "lang",
-          "description": "The element's language.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-accordion-group--docs"
-        }
-      ]
-    },
     {
       "name": "sd-animation",
       "description": "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---\n\n\n### **Events:**\n - **sd-cancel** - Emitted when the animation is canceled.\n- **sd-finish** - Emitted when the animation finishes.\n- **sd-start** - Emitted when the animation starts or restarts.\n\n### **Methods:**\n - **cancel()** - Clears all keyframe effects caused by this animation and aborts its playback.\n- **finish()** - Sets the playback time to the end of the animation corresponding to the current playback direction.\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 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 `<sd-animation>` elements.",
@@ -138,6 +111,33 @@
         }
       ]
     },
+    {
+      "name": "sd-accordion-group",
+      "description": "Short summary of the component's intended use.\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_ - The default slot where `<sd-accordion>` elements are placed.\n\n### **CSS Properties:**\n - **--sd-accordion-border-width** - The accordion border width. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        {
+          "name": "close-others",
+          "description": "Closes other accordions.",
+          "values": []
+        },
+        {
+          "name": "dir",
+          "description": "The element's directionality.",
+          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
+        },
+        {
+          "name": "lang",
+          "description": "The element's language.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-accordion-group--docs"
+        }
+      ]
+    },
     {
       "name": "sd-audio",
       "description": "Used to play audio files that are part of the page content.\n---\n\n\n### **Events:**\n - **sd-playback-start** - Emitted when the audio playback starts.\n- **sd-playback-end** - Emitted when the audio playback ends.\n- **sd-playback-pause** - Emitted when the audio playback pauses.\n- **sd-playback-mute** - Emitted when the audio is muted.\n- **sd-playback-unmute** - Emitted when the audio is unmuted.\n- **sd-playback-speed** - Emitted when the playback speed is changed.\n- **sd-transcript-click** - Emitted when the transcript button is clicked.\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_ - The default slot.\n- **play-icon** - The play icon.\n- **pause-icon** - The pause icon.\n- **transcript** - The transcript.\n\n### **CSS Properties:**\n - **--sd-audio__slide-bar--inverted-color-background** - The background color for the progress slider when the component is inverted. _(default: undefined)_\n- **--sd-audio__track-bar--inverted-color-background** - The background color for the active part of the progress slider when the component is inverted. _(default: undefined)_\n- **--sd-audio__timestamp-color-text** - This custom property is deprecated. Use `--sd-color-text-neutral-700` instead. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **audio-controls** - The audio controls.\n- **playback-speed** - The playback speed.\n- **play-button** - The play button.\n- **volume** - The volume button.\n- **progress-slider** - The audio progress slider.\n- **timestamps** - The audio timestamps.",

package/dist/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.2",
+  "version": "6.16.4",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -110,55 +110,6 @@
             ]
           }
         },
-        {
-          "name": "sd-accordion-group",
-          "description": "Short summary of the component's intended use.\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_ - The default slot where `<sd-accordion>` elements are placed.\n\n### **CSS Properties:**\n - **--sd-accordion-border-width** - The accordion border width. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "close-others",
-              "description": "Closes other accordions.",
-              "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 default slot where `<sd-accordion>` elements are placed."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "closeOthers",
-                "description": "Closes other accordions.",
-                "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-animation",
           "description": "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---\n\n\n### **Events:**\n - **sd-cancel** - Emitted when the animation is canceled.\n- **sd-finish** - Emitted when the animation finishes.\n- **sd-start** - Emitted when the animation starts or restarts.\n\n### **Methods:**\n - **cancel()** - Clears all keyframe effects caused by this animation and aborts its playback.\n- **finish()** - Sets the playback time to the end of the animation corresponding to the current playback direction.\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 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 `<sd-animation>` elements.",
@@ -344,6 +295,55 @@
             ]
           }
         },
+        {
+          "name": "sd-accordion-group",
+          "description": "Short summary of the component's intended use.\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_ - The default slot where `<sd-accordion>` elements are placed.\n\n### **CSS Properties:**\n - **--sd-accordion-border-width** - The accordion border width. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "close-others",
+              "description": "Closes other accordions.",
+              "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 default slot where `<sd-accordion>` elements are placed."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "closeOthers",
+                "description": "Closes other accordions.",
+                "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-audio",
           "description": "Used to play audio files that are part of the page content.\n---\n\n\n### **Events:**\n - **sd-playback-start** - Emitted when the audio playback starts.\n- **sd-playback-end** - Emitted when the audio playback ends.\n- **sd-playback-pause** - Emitted when the audio playback pauses.\n- **sd-playback-mute** - Emitted when the audio is muted.\n- **sd-playback-unmute** - Emitted when the audio is unmuted.\n- **sd-playback-speed** - Emitted when the playback speed is changed.\n- **sd-transcript-click** - Emitted when the transcript button is clicked.\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_ - The default slot.\n- **play-icon** - The play icon.\n- **pause-icon** - The pause icon.\n- **transcript** - The transcript.\n\n### **CSS Properties:**\n - **--sd-audio__slide-bar--inverted-color-background** - The background color for the progress slider when the component is inverted. _(default: undefined)_\n- **--sd-audio__track-bar--inverted-color-background** - The background color for the active part of the progress slider when the component is inverted. _(default: undefined)_\n- **--sd-audio__timestamp-color-text** - This custom property is deprecated. Use `--sd-color-text-neutral-700` instead. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **audio-controls** - The audio controls.\n- **playback-speed** - The playback speed.\n- **play-button** - The play button.\n- **volume** - The volume button.\n- **progress-slider** - The audio progress slider.\n- **timestamps** - The audio timestamps.",

package/dist-versioned/chunks/{chunk.FSPPHB6U.js → chunk.27CORLGD.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.V2SCLPWH.js";
+} from "./chunk.XNTGIC2L.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -54,12 +54,12 @@ var SdHeader = class extends SolidElement {
     }
   }
   render() {
-    return html`<header class="w-full sd-6-16-2-header-color-background sd-6-16-2-header-padding-bottom relative" role="banner"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`;
+    return html`<header class="w-full sd-6-16-4-header-color-background sd-6-16-4-header-padding-bottom relative" role="banner"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`;
   }
 };
 SdHeader.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
 :host{position:relative;z-index:var(--sd-z-index-header,600);display:block}@media (min-height:32rem){:host([fixed]){padding-bottom:var(--sd-header-calculated-height)!important}:host([fixed]) header{position:fixed;top:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);width:100%}:host([fixed]) header::after{position:absolute;top:100%;right:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);height:var(--sd-header__shadow-height,var(--sd-spacing-1));--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:color-mix(in oklab, var(--color-black, #000) 40%, transparent);--tw-gradient-to:color-mix(in oklab, var(--color-black, #000) var(--sd-opacity-0), transparent);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-content:'';content:var(--tw-content)}}[part=main]{width:var(--sd-header-inner-width);max-width:var(--sd-header-inner-max-width);padding:var(--sd-header-padding,12px 16px)}header::before{position:absolute;bottom:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);display:block;width:100%;--tw-content:'';content:var(--tw-content);background-color:rgb(var(--sd-header__underline-color-background));height:var(--sd-header__underline-height,var(--sd-spacing-2))}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`
 ];
 __decorateClass([
@@ -72,7 +72,7 @@ __decorateClass([
   debounce(100)
 ], SdHeader.prototype, "updateCalculatedHeight", 1);
 SdHeader = __decorateClass([
-  customElement("sd-6-16-2-header")
+  customElement("sd-6-16-4-header")
 ], SdHeader);
 
 export {

package/dist-versioned/chunks/{chunk.3WEVFLW7.js → chunk.2EDPY2A5.js}

@@ -27,7 +27,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.V2SCLPWH.js";
+} from "./chunk.XNTGIC2L.js";
 import {
   animateTo,
   stopAnimations
@@ -183,12 +183,12 @@ var SdDialog = class extends SolidElement {
     )}"><div part="overlay" class="fixed inset-0 overlay-color-background" @click="${() => this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${cx(
       "panel-color-border border flex flex-col z-20 bg-white py-4 sm:py-8 relative gap-6 focus-visible:focus-outline-inverted overflow-y-auto",
       this.open && "flex opacity-100"
-    )}" role="dialog" aria-modal="true" aria-hidden="${this.open ? "false" : "true"}" aria-label="${ifDefined(this.headline ? this.headline : void 0)}" aria-labelledby="${ifDefined(!this.headline ? "title" : void 0)}" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length > 0 ? html`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>` : html`<slot name="headline"></slot>`}</h2>${!this.noCloseButton ? html`<sd-6-16-2-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${cx("absolute top-2 right-2")}" name="x-lg" @click="${() => this.requestClose("close-button")}" type="button"><sd-6-16-2-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-16-2-icon></sd-6-16-2-button>` : ""}</header><main part="body" class="flex flex-auto overflow-auto w-full px-6 sm:px-10"><slot></slot></main><footer part="footer" class="flex flex-grow-0 flex-shrink-0 basis-auto ml-auto gap-4 px-6 sm:px-10"><slot name="footer"></slot></footer></div></div>`;
+    )}" role="dialog" aria-modal="true" aria-hidden="${this.open ? "false" : "true"}" aria-label="${ifDefined(this.headline ? this.headline : void 0)}" aria-labelledby="${ifDefined(!this.headline ? "title" : void 0)}" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length > 0 ? html`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>` : html`<slot name="headline"></slot>`}</h2>${!this.noCloseButton ? html`<sd-6-16-4-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${cx("absolute top-2 right-2")}" name="x-lg" @click="${() => this.requestClose("close-button")}" type="button"><sd-6-16-4-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-16-4-icon></sd-6-16-4-button>` : ""}</header><main part="body" class="flex flex-auto overflow-auto w-full px-6 sm:px-10"><slot></slot></main><footer part="footer" class="flex flex-grow-0 flex-shrink-0 basis-auto ml-auto gap-4 px-6 sm:px-10"><slot name="footer"></slot></footer></div></div>`;
   }
 };
 SdDialog.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{--width:662px}[part=panel]{width:var(--width);max-height:80vh}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=body]{min-height:50px}[part=footer]{width:100%}}`
 ];
 __decorateClass([
@@ -213,7 +213,7 @@ __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SdDialog.prototype, "handleOpenChange", 1);
 SdDialog = __decorateClass([
-  customElement("sd-6-16-2-dialog")
+  customElement("sd-6-16-4-dialog")
 ], SdDialog);
 setDefaultAnimation("dialog.show", {
   keyframes: [

package/dist-versioned/chunks/{chunk.GGHQ52NQ.js → chunk.36OESV3O.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.V2SCLPWH.js";
+} from "./chunk.XNTGIC2L.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -49,14 +49,14 @@ var SdLoader = class extends SolidElement {
  */
 SdLoader.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:inline-block;width:1em;height:1em}.dot:nth-child(2){animation-delay:.1s}.dot:nth-child(1){animation-delay:.2s}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })
 ], SdLoader.prototype, "color", 2);
 SdLoader = __decorateClass([
-  customElement("sd-6-16-2-loader")
+  customElement("sd-6-16-4-loader")
 ], SdLoader);
 
 export {

package/dist-versioned/chunks/{chunk.7LH5KLUQ.js → chunk.3PROMK3G.js}

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.V2SCLPWH.js";
+} from "./chunk.XNTGIC2L.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -211,22 +211,22 @@ var SdNotification = class extends SolidElement {
         warning: "bg-warning",
         error: "bg-error"
       }[this.variant]
-    )}"><sd-6-16-2-icon name="${{
+    )}"><sd-6-16-4-icon name="${{
       info: "info-circle",
       success: "confirm-circle",
       warning: "exclamation-circle",
       error: "warning"
-    }[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-6-16-2-icon></slot><div part="content" class="${cx(
+    }[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-6-16-4-icon></slot><div part="content" class="${cx(
       "h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white",
-      "border-solid border-[1px] border-l-0 sd-6-16-2-notification-color-border",
+      "border-solid border-[1px] border-l-0 sd-6-16-4-notification-color-border",
       {
-        info: "sd-6-16-2-notification--info-color-background",
-        success: "sd-6-16-2-notification--success-color-background",
-        warning: "sd-6-16-2-notification--warning-color-background",
-        error: "sd-6-16-2-notification--error-color-background"
+        info: "sd-6-16-4-notification--info-color-background",
+        success: "sd-6-16-4-notification--success-color-background",
+        warning: "sd-6-16-4-notification--warning-color-background",
+        error: "sd-6-16-4-notification--error-color-background"
       }[this.variant]
-    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-6-16-2-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-6-16-2-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-16-2-icon></sd-6-16-2-button>` : ""}</div>${this.durationIndicator ? html`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${cx(
-      `absolute w-0 h-[2px] bottom-0 sd-6-16-2-notification__duration-indicator-color-background z-10 animate-grow`
+    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-6-16-4-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-6-16-4-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-16-4-icon></sd-6-16-4-button>` : ""}</div>${this.durationIndicator ? html`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${cx(
+      `absolute w-0 h-[2px] bottom-0 sd-6-16-4-notification__duration-indicator-color-background z-10 animate-grow`
     )}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>` : ""}</div></div>`;
   }
 };
@@ -235,7 +235,7 @@ var SdNotification = class extends SolidElement {
  */
 SdNotification.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`
 ];
 __decorateClass([
@@ -272,7 +272,7 @@ __decorateClass([
   watch("duration")
 ], SdNotification.prototype, "handleDurationChange", 1);
 SdNotification = __decorateClass([
-  customElement("sd-6-16-2-notification")
+  customElement("sd-6-16-4-notification")
 ], SdNotification);
 setDefaultAnimation("notification.show", {
   keyframes: [