@solid-design-system/components 4.5.0 → 4.5.1

package/cdn-versioned/chunks/chunk.ZVVSLR3B.js

@@ -1 +1 @@
-import{c}from"./chunk.3L472FD4.js";import{a as w}from"./chunk.TNPIUMKG.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as m,b as g,c as d,d as b,h as v}from"./chunk.5AILWWY2.js";import{b as f,e as h}from"./chunk.IRWHG2Q4.js";import{a as p,e as n}from"./chunk.TJOCV4DC.js";var r=class extends v{constructor(){super(...arguments);this.localize=new w(this);this.tabs=[];this.panels=[];this.hasScrollControls=!1;this.variant="default";this.activation="auto"}connectedCallback(){let t=Promise.all([customElements.whenDefined("sd-4-5-0-tab"),customElements.whenDefined("sd-4-5-0-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollControls()}),this.mutationObserver=new MutationObserver(s=>{s.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels()),s.some(e=>e.attributeName==="disabled")&&this.syncTabsAndPanels()}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),t.then(()=>{new IntersectionObserver((e,l)=>{var a;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((a=this.activeTab)!=null?a:this.tabs[0],{emitEvents:!1}),l.unobserve(e[0].target))}).observe(this.tabGroup)})})}disconnectedCallback(){var t;this.mutationObserver.disconnect(),this.nav&&((t=this.resizeObserver)==null||t.unobserve(this.nav))}getAllTabs(t={includeDisabled:!0}){return[...this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()].filter(e=>t.includeDisabled?e.tagName.toLowerCase()==="sd-4-5-0-tab":e.tagName.toLowerCase()==="sd-4-5-0-tab"&&!e.disabled)}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-4-5-0-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.matches(":focus"))}handleClick(t){let e=t.target.closest("sd-4-5-0-tab");(e==null?void 0:e.closest("sd-4-5-0-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("sd-4-5-0-tab");if((e==null?void 0:e.closest("sd-4-5-0-tab-group"))===this){if(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["Tab"].includes(t.key)){let a=this.tabs.indexOf(this.getActiveTab());e!==null&&c(this.tabs[a+1],this.nav,"horizontal")}if(["Shift","Tab"].includes(t.key)){let a=this.tabs.indexOf(this.getActiveTab());e!==null&&c(this.tabs[a-1],this.nav,"horizontal")}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){let a=this.tabs.find(i=>i.matches(":focus")),u=this.localize.dir()==="rtl";if((a==null?void 0:a.tagName.toLowerCase())==="sd-4-5-0-tab"){let i=this.tabs.indexOf(a);t.key==="Home"?i=0:t.key==="End"?i=this.tabs.length-1:t.key===(u?"ArrowRight":"ArrowLeft")||t.key==="ArrowUp"?i--:(t.key===(u?"ArrowLeft":"ArrowRight")||t.key==="ArrowDown")&&i++,i<0&&(i=this.tabs.length-1),i>this.tabs.length-1&&(i=0),this.tabs[i].focus({preventScroll:!0}),this.activation==="auto"&&this.setActiveTab(this.tabs[i],{scrollBehavior:"smooth"}),c(this.tabs[i],this.nav,"horizontal"),t.preventDefault()}}}}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,s){if(s=p({emitEvents:!0,scrollBehavior:"auto"},s),t!==this.activeTab&&!t.disabled){let e=this.activeTab;this.activeTab=t,this.tabs.map(l=>l.active=l===this.activeTab),this.panels.map(l=>{var a;return l.active=l.name===((a=this.activeTab)==null?void 0:a.panel)}),c(this.activeTab,this.nav,"horizontal",s.scrollBehavior),s.emitEvents&&(e&&this.emit("sd-tab-hide",{detail:{name:e.panel}}),this.emit("sd-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let s=this.panels.find(e=>e.name===t.panel);s&&t.setAttribute("aria-controls",s.getAttribute("id"))})}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels(),this.panels.forEach(t=>{t.tabIndex=0}),this.updateComplete.then(()=>this.updateScrollControls()),this.tabs.length!==0&&this.tabs[0].variant==="container"&&(this.variant="container")}updateScrollControls(){this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth}show(t){let s=this.tabs.find(e=>e.panel===t);s&&this.setActiveTab(s,{scrollBehavior:"smooth"})}render(){let t=this.localize.dir()==="rtl";return h`<div part="base" class="${o("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${o(this.hasScrollControls&&"relative py-0 px-12")}">${this.hasScrollControls?h`<button part="scroll-button--start" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" class="${o("sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"left-auto right-0")}" @click="${this.handleScrollToStart}"><sd-4-5-0-icon library="system" name="${t?"chevron-up":"chevron-down"}" label="previous" class="${o("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-5-0-icon></button>`:""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${o("flex flex-auto relative flex-row")}" role="tablist"><div part="separation" class="w-full border-[0.25px] border-neutral-400 absolute bottom-0"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls?h`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" class="${o("sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"right-auto left-0")}" @click="${this.handleScrollToEnd}"><sd-4-5-0-icon library="system" name="${t?"chevron-down":"chevron-up"}" label="next" class="${o("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-5-0-icon></button>`:""}</div><slot part="body" class="${o("block auto py-8 px-6",this.variant==="container"&&"border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`}};r.styles=[...v.styles,f`:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}:focus-within::slotted(sd-4-5-0-tab-panel){outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}::slotted(sd-4-5-0-tab-panel){--padding:1rem 0}`],n([b("[part=base]")],r.prototype,"tabGroup",2),n([b("[part=body]")],r.prototype,"body",2),n([b("[part=scroll-container]")],r.prototype,"nav",2),n([d()],r.prototype,"hasScrollControls",2),n([d()],r.prototype,"variant",2),n([g()],r.prototype,"activation",2),r=n([m("sd-4-5-0-tab-group")],r);export{r as a};
+import{c}from"./chunk.3L472FD4.js";import{a as w}from"./chunk.TNPIUMKG.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as m,b as g,c as d,d as b,h as v}from"./chunk.5AILWWY2.js";import{b as f,e as h}from"./chunk.IRWHG2Q4.js";import{a as p,e as n}from"./chunk.TJOCV4DC.js";var r=class extends v{constructor(){super(...arguments);this.localize=new w(this);this.tabs=[];this.panels=[];this.hasScrollControls=!1;this.variant="default";this.activation="auto"}connectedCallback(){let t=Promise.all([customElements.whenDefined("sd-4-5-1-tab"),customElements.whenDefined("sd-4-5-1-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollControls()}),this.mutationObserver=new MutationObserver(s=>{s.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels()),s.some(e=>e.attributeName==="disabled")&&this.syncTabsAndPanels()}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),t.then(()=>{new IntersectionObserver((e,l)=>{var a;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((a=this.activeTab)!=null?a:this.tabs[0],{emitEvents:!1}),l.unobserve(e[0].target))}).observe(this.tabGroup)})})}disconnectedCallback(){var t;this.mutationObserver.disconnect(),this.nav&&((t=this.resizeObserver)==null||t.unobserve(this.nav))}getAllTabs(t={includeDisabled:!0}){return[...this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()].filter(e=>t.includeDisabled?e.tagName.toLowerCase()==="sd-4-5-1-tab":e.tagName.toLowerCase()==="sd-4-5-1-tab"&&!e.disabled)}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-4-5-1-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.matches(":focus"))}handleClick(t){let e=t.target.closest("sd-4-5-1-tab");(e==null?void 0:e.closest("sd-4-5-1-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("sd-4-5-1-tab");if((e==null?void 0:e.closest("sd-4-5-1-tab-group"))===this){if(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["Tab"].includes(t.key)){let a=this.tabs.indexOf(this.getActiveTab());e!==null&&c(this.tabs[a+1],this.nav,"horizontal")}if(["Shift","Tab"].includes(t.key)){let a=this.tabs.indexOf(this.getActiveTab());e!==null&&c(this.tabs[a-1],this.nav,"horizontal")}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){let a=this.tabs.find(i=>i.matches(":focus")),u=this.localize.dir()==="rtl";if((a==null?void 0:a.tagName.toLowerCase())==="sd-4-5-1-tab"){let i=this.tabs.indexOf(a);t.key==="Home"?i=0:t.key==="End"?i=this.tabs.length-1:t.key===(u?"ArrowRight":"ArrowLeft")||t.key==="ArrowUp"?i--:(t.key===(u?"ArrowLeft":"ArrowRight")||t.key==="ArrowDown")&&i++,i<0&&(i=this.tabs.length-1),i>this.tabs.length-1&&(i=0),this.tabs[i].focus({preventScroll:!0}),this.activation==="auto"&&this.setActiveTab(this.tabs[i],{scrollBehavior:"smooth"}),c(this.tabs[i],this.nav,"horizontal"),t.preventDefault()}}}}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,s){if(s=p({emitEvents:!0,scrollBehavior:"auto"},s),t!==this.activeTab&&!t.disabled){let e=this.activeTab;this.activeTab=t,this.tabs.map(l=>l.active=l===this.activeTab),this.panels.map(l=>{var a;return l.active=l.name===((a=this.activeTab)==null?void 0:a.panel)}),c(this.activeTab,this.nav,"horizontal",s.scrollBehavior),s.emitEvents&&(e&&this.emit("sd-tab-hide",{detail:{name:e.panel}}),this.emit("sd-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let s=this.panels.find(e=>e.name===t.panel);s&&t.setAttribute("aria-controls",s.getAttribute("id"))})}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels(),this.panels.forEach(t=>{t.tabIndex=0}),this.updateComplete.then(()=>this.updateScrollControls()),this.tabs.length!==0&&this.tabs[0].variant==="container"&&(this.variant="container")}updateScrollControls(){this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth}show(t){let s=this.tabs.find(e=>e.panel===t);s&&this.setActiveTab(s,{scrollBehavior:"smooth"})}render(){let t=this.localize.dir()==="rtl";return h`<div part="base" class="${o("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${o(this.hasScrollControls&&"relative py-0 px-12")}">${this.hasScrollControls?h`<button part="scroll-button--start" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" class="${o("sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"left-auto right-0")}" @click="${this.handleScrollToStart}"><sd-4-5-1-icon library="system" name="${t?"chevron-up":"chevron-down"}" label="previous" class="${o("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-5-1-icon></button>`:""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${o("flex flex-auto relative flex-row")}" role="tablist"><div part="separation" class="w-full border-[0.25px] border-neutral-400 absolute bottom-0"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls?h`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" class="${o("sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"right-auto left-0")}" @click="${this.handleScrollToEnd}"><sd-4-5-1-icon library="system" name="${t?"chevron-down":"chevron-up"}" label="next" class="${o("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-5-1-icon></button>`:""}</div><slot part="body" class="${o("block auto py-8 px-6",this.variant==="container"&&"border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`}};r.styles=[...v.styles,f`:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}:focus-within::slotted(sd-4-5-1-tab-panel){outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}::slotted(sd-4-5-1-tab-panel){--padding:1rem 0}`],n([b("[part=base]")],r.prototype,"tabGroup",2),n([b("[part=body]")],r.prototype,"body",2),n([b("[part=scroll-container]")],r.prototype,"nav",2),n([d()],r.prototype,"hasScrollControls",2),n([d()],r.prototype,"variant",2),n([g()],r.prototype,"activation",2),r=n([m("sd-4-5-1-tab-group")],r);export{r as a};

package/cdn-versioned/components/accordion/accordion.d.ts

@@ -21,6 +21,6 @@ export default class SdAccordion extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-accordion': SdAccordion;
+        'sd-4-5-1-accordion': SdAccordion;
     }
 }

package/cdn-versioned/components/accordion-group/accordion-group.d.ts

@@ -11,6 +11,6 @@ export default class SdAccordionGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-accordion-group': SdAccordionGroup;
+        'sd-4-5-1-accordion-group': SdAccordionGroup;
     }
 }

package/cdn-versioned/components/animation/animation.d.ts

@@ -34,6 +34,6 @@ export default class SdAnimation extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-animation': SdAnimation;
+        'sd-4-5-1-animation': SdAnimation;
     }
 }

package/cdn-versioned/components/audio/audio.d.ts

@@ -51,6 +51,6 @@ export default class SdAudio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-audio': SdAudio;
+        'sd-4-5-1-audio': SdAudio;
     }
 }

package/cdn-versioned/components/badge/badge.d.ts

@@ -8,6 +8,6 @@ export default class SdBadge extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-badge': SdBadge;
+        'sd-4-5-1-badge': SdBadge;
     }
 }

package/cdn-versioned/components/brandshape/brandshape.d.ts

@@ -25,7 +25,7 @@ export default class SdBrandshape extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-brandshape': SdBrandshape;
+        'sd-4-5-1-brandshape': SdBrandshape;
     }
 }
 export {};

package/cdn-versioned/components/button/button.d.ts

@@ -48,6 +48,6 @@ export default class SdButton extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-button': SdButton;
+        'sd-4-5-1-button': SdButton;
     }
 }

package/cdn-versioned/components/button-group/button-group.d.ts

@@ -13,6 +13,6 @@ export default class SdButtonGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-button-group': SdButtonGroup;
+        'sd-4-5-1-button-group': SdButtonGroup;
     }
 }

package/cdn-versioned/components/carousel/carousel.d.ts

@@ -53,6 +53,6 @@ export default class SdCarousel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-carousel': SdCarousel;
+        'sd-4-5-1-carousel': SdCarousel;
     }
 }

package/cdn-versioned/components/carousel-item/carousel-item.d.ts

@@ -7,6 +7,6 @@ export default class SdCarouselItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-carousel-item': SdCarouselItem;
+        'sd-4-5-1-carousel-item': SdCarouselItem;
     }
 }

package/cdn-versioned/components/checkbox/checkbox.d.ts

@@ -38,6 +38,6 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-checkbox': SdCheckbox;
+        'sd-4-5-1-checkbox': SdCheckbox;
     }
 }

package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts

@@ -16,6 +16,6 @@ export default class SdCheckboxGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-checkbox-group': SdCheckboxGroup;
+        'sd-4-5-1-checkbox-group': SdCheckboxGroup;
     }
 }

package/cdn-versioned/components/combobox/combobox.d.ts

@@ -9,9 +9,9 @@ import type SdOptgroup from '../optgroup/optgroup.js';
 import type SdOption from '../option/option';
 export default class SdCombobox extends SolidElement implements SolidFormControl {
     static dependencies: {
-        'sd-4-5-0-icon': typeof SdIcon;
-        'sd-4-5-0-popup': typeof SdPopup;
-        'sd-4-5-0-tag': typeof SdTag;
+        'sd-4-5-1-icon': typeof SdIcon;
+        'sd-4-5-1-popup': typeof SdPopup;
+        'sd-4-5-1-tag': typeof SdTag;
     };
     private readonly formControlController;
     private readonly hasSlotController;
@@ -126,6 +126,6 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-combobox': SdCombobox;
+        'sd-4-5-1-combobox': SdCombobox;
     }
 }

package/cdn-versioned/components/dialog/dialog.d.ts

@@ -28,6 +28,6 @@ export default class SdDialog extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-dialog': SdDialog;
+        'sd-4-5-1-dialog': SdDialog;
     }
 }

package/cdn-versioned/components/divider/divider.d.ts

@@ -8,6 +8,6 @@ export default class SdDivider extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-divider': SdDivider;
+        'sd-4-5-1-divider': SdDivider;
     }
 }

package/cdn-versioned/components/drawer/drawer.d.ts

@@ -31,6 +31,6 @@ export default class SdDrawer extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-drawer': SdDrawer;
+        'sd-4-5-1-drawer': SdDrawer;
     }
 }

package/cdn-versioned/components/dropdown/dropdown.d.ts

@@ -46,6 +46,6 @@ export default class SdDropdown extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-dropdown': SdDropdown;
+        'sd-4-5-1-dropdown': SdDropdown;
     }
 }

package/cdn-versioned/components/expandable/expandable.d.ts

@@ -18,6 +18,6 @@ export default class SdExpandable extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-expandable': SdExpandable;
+        'sd-4-5-1-expandable': SdExpandable;
     }
 }

package/cdn-versioned/components/flipcard/flipcard.d.ts

@@ -19,6 +19,6 @@ export default class SdFlipcard extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-flipcard': SdFlipcard;
+        'sd-4-5-1-flipcard': SdFlipcard;
     }
 }

package/cdn-versioned/components/header/header.d.ts

@@ -18,6 +18,6 @@ export default class SdHeader extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-header': SdHeader;
+        'sd-4-5-1-header': SdHeader;
     }
 }

package/cdn-versioned/components/icon/icon.d.ts

@@ -17,6 +17,6 @@ export default class SdIcon extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-icon': SdIcon;
+        'sd-4-5-1-icon': SdIcon;
     }
 }

package/cdn-versioned/components/include/include.d.ts

@@ -10,6 +10,6 @@ export default class SdInclude extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-include': SdInclude;
+        'sd-4-5-1-include': SdInclude;
     }
 }

package/cdn-versioned/components/input/input.d.ts

@@ -83,6 +83,6 @@ export default class SdInput extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-input': SdInput;
+        'sd-4-5-1-input': SdInput;
     }
 }

package/cdn-versioned/components/link/link.d.ts

@@ -19,6 +19,6 @@ export default class SdLink extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-link': SdLink;
+        'sd-4-5-1-link': SdLink;
     }
 }

package/cdn-versioned/components/map-marker/map-marker.d.ts

@@ -19,6 +19,6 @@ export default class SdMapMarker extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-map-marker': SdMapMarker;
+        'sd-4-5-1-map-marker': SdMapMarker;
     }
 }

package/cdn-versioned/components/navigation-item/navigation-item.d.ts

@@ -29,6 +29,6 @@ export default class SdNavigationItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-navigation-item': SdNavigationItem;
+        'sd-4-5-1-navigation-item': SdNavigationItem;
     }
 }

package/cdn-versioned/components/notification/notification.d.ts

@@ -36,6 +36,6 @@ export default class SdNotification extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-notification': SdNotification;
+        'sd-4-5-1-notification': SdNotification;
     }
 }

package/cdn-versioned/components/optgroup/optgroup.d.ts

@@ -3,7 +3,7 @@ import SolidElement from '../../internal/solid-element';
 export default class SdOptgroup extends SolidElement {
     private readonly localize;
     static dependencies: {
-        'sd-4-5-0-divider': typeof SdDivider;
+        'sd-4-5-1-divider': typeof SdDivider;
     };
     defaultSlot: HTMLSlotElement;
     private handleDisableOptions;
@@ -15,6 +15,6 @@ export default class SdOptgroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-optgroup': SdOptgroup;
+        'sd-4-5-1-optgroup': SdOptgroup;
     }
 }

package/cdn-versioned/components/option/option.d.ts

@@ -24,6 +24,6 @@ export default class SdOption extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-option': SdOption;
+        'sd-4-5-1-option': SdOption;
     }
 }

package/cdn-versioned/components/popup/popup.d.ts

@@ -40,6 +40,6 @@ export default class SdPopup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-popup': SdPopup;
+        'sd-4-5-1-popup': SdPopup;
     }
 }

package/cdn-versioned/components/quickfact/quickfact.d.ts

@@ -7,6 +7,6 @@ export default class SdQuickfact extends SdAccordion {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-quickfact': SdQuickfact;
+        'sd-4-5-1-quickfact': SdQuickfact;
     }
 }

package/cdn-versioned/components/radio/radio.d.ts

@@ -23,6 +23,6 @@ export default class SdRadio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-radio': SdRadio;
+        'sd-4-5-1-radio': SdRadio;
     }
 }

package/cdn-versioned/components/radio-button/radio-button.d.ts

@@ -21,6 +21,6 @@ export default class SdRadioButton extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-radio-button': SdRadioButton;
+        'sd-4-5-1-radio-button': SdRadioButton;
     }
 }

package/cdn-versioned/components/radio-group/radio-group.d.ts

@@ -4,7 +4,7 @@ import SolidElement from '../../internal/solid-element';
 import type { SolidFormControl } from '../../internal/solid-element';
 export default class SdRadioGroup extends SolidElement implements SolidFormControl {
     static dependencies: {
-        'sd-4-5-0-button-group': typeof SdButtonGroup;
+        'sd-4-5-1-button-group': typeof SdButtonGroup;
     };
     protected readonly formControlController: FormControlController;
     private readonly hasSlotController;
@@ -49,6 +49,6 @@ export default class SdRadioGroup extends SolidElement implements SolidFormContr
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-radio-group': SdRadioGroup;
+        'sd-4-5-1-radio-group': SdRadioGroup;
     }
 }

package/cdn-versioned/components/scrollable/scrollable.d.ts

@@ -26,6 +26,6 @@ export default class SdScrollable extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-scrollable': SdScrollable;
+        'sd-4-5-1-scrollable': SdScrollable;
     }
 }

package/cdn-versioned/components/select/select.d.ts

@@ -8,9 +8,9 @@ import type { TemplateResult } from 'lit';
 import type SdOption from '../option/option';
 export default class SdSelect extends SolidElement implements SolidFormControl {
     static dependencies: {
-        'sd-4-5-0-icon': typeof SdIcon;
-        'sd-4-5-0-popup': typeof SdPopup;
-        'sd-4-5-0-tag': typeof SdTag;
+        'sd-4-5-1-icon': typeof SdIcon;
+        'sd-4-5-1-popup': typeof SdPopup;
+        'sd-4-5-1-tag': typeof SdTag;
     };
     private readonly formControlController;
     private readonly hasSlotController;
@@ -105,6 +105,6 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-select': SdSelect;
+        'sd-4-5-1-select': SdSelect;
     }
 }

package/cdn-versioned/components/spinner/spinner.d.ts

@@ -8,6 +8,6 @@ export default class SdSpinner extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-spinner': SdSpinner;
+        'sd-4-5-1-spinner': SdSpinner;
     }
 }

package/cdn-versioned/components/step/step.d.ts

@@ -23,6 +23,6 @@ export default class SdStep extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-step': SdStep;
+        'sd-4-5-1-step': SdStep;
     }
 }

package/cdn-versioned/components/step-group/step-group.d.ts

@@ -18,6 +18,6 @@ export default class SdStepGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-step-group': SdStepGroup;
+        'sd-4-5-1-step-group': SdStepGroup;
     }
 }

package/cdn-versioned/components/switch/switch.d.ts

@@ -34,6 +34,6 @@ export default class SdSwitch extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-switch': SdSwitch;
+        'sd-4-5-1-switch': SdSwitch;
     }
 }

package/cdn-versioned/components/tab/tab.d.ts

@@ -18,6 +18,6 @@ export default class SdTab extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-tab': SdTab;
+        'sd-4-5-1-tab': SdTab;
     }
 }

package/cdn-versioned/components/tab-group/tab-group.d.ts

@@ -32,6 +32,6 @@ export default class SdTabGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-tab-group': SdTabGroup;
+        'sd-4-5-1-tab-group': SdTabGroup;
     }
 }

package/cdn-versioned/components/tab-panel/tab-panel.d.ts

@@ -11,6 +11,6 @@ export default class SdTabPanel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-tab-panel': SdTabPanel;
+        'sd-4-5-1-tab-panel': SdTabPanel;
     }
 }

package/cdn-versioned/components/tag/tag.d.ts

@@ -21,6 +21,6 @@ export default class SdTag extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-tag': SdTag;
+        'sd-4-5-1-tag': SdTag;
     }
 }

package/cdn-versioned/components/teaser/teaser.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.JDSUZDP4.js";import"../../chunks/chunk.6HO6CE4A.js";import"../../chunks/chunk.26V4EXHB.js";import"../../chunks/chunk.5AILWWY2.js";import"../../chunks/chunk.IRWHG2Q4.js";import"../../chunks/chunk.TJOCV4DC.js";export{a as default};
+import{a}from"../../chunks/chunk.V2NDECMV.js";import"../../chunks/chunk.6HO6CE4A.js";import"../../chunks/chunk.26V4EXHB.js";import"../../chunks/chunk.5AILWWY2.js";import"../../chunks/chunk.IRWHG2Q4.js";import"../../chunks/chunk.TJOCV4DC.js";export{a as default};

package/cdn-versioned/components/textarea/textarea.d.ts

@@ -67,6 +67,6 @@ export default class SdTextarea extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-textarea': SdTextarea;
+        'sd-4-5-1-textarea': SdTextarea;
     }
 }

package/cdn-versioned/components/tooltip/tooltip.d.ts

@@ -39,6 +39,6 @@ export default class SdTooltip extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-tooltip': SdTooltip;
+        'sd-4-5-1-tooltip': SdTooltip;
     }
 }

package/cdn-versioned/components/video/video.d.ts

@@ -22,6 +22,6 @@ export default class SdVideo extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-5-0-video': SdVideo;
+        'sd-4-5-1-video': SdVideo;
     }
 }