@solid-design-system/components 7.0.2 → 7.1.0

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

@@ -1,2 +1,2 @@
-import{a as y}from"./chunk.LHSR56PH.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as t,c as a}from"./chunk.B2NUKX6G.js";import{a as f}from"./chunk.KLRPP4NQ.js";import{a as M}from"./chunk.MEDJPDBB.js";import{a as c}from"./chunk.4ZZFYCXX.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as w,b as h,d as p,h as m}from"./chunk.J45556RK.js";import{b as v,e as n}from"./chunk.OBAEIKIV.js";import{b as l,e as u}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var o=class extends m{constructor(){super(...arguments);this.hasSlotController=new x(this,"footer");this.localize=new M(this);this.hasUiMotion=!1;this.open=!1;this.headline="";this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.updateMotionTheme()}firstUpdated(){this.dialog.addEventListener("cancel",e=>{e.preventDefault(),this.requestClose("keyboard")}),this.open&&this.dialog.showModal()}onThemeChange(){this.updateMotionTheme()}updateMotionTheme(){let e=getComputedStyle(this).getPropertyValue("--sd-theme").trim().replace(/['"]/g,"");this.hasUiMotion=e===""||e==="ui-light"||e==="ui-dark"}get prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let s=a(this,this.hasUiMotion?"dialog.denyClose":"dialog.denyCloseSimple",{dir:this.localize.dir()});l(this.panel,s.keyframes,s.options);return}this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show");let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await u(this.dialog),this.dialog.showModal(),requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let r=this.hasUiMotion?"dialog.show":"dialog.showSimple",s=this.prefersReducedMotion?a(this,"dialog.showReducedMotion",{dir:this.localize.dir()}):a(this,r,{dir:this.localize.dir()}),d=this.hasUiMotion?"dialog.overlay.show":"dialog.overlay.showSimple",g=a(this,d,{dir:this.localize.dir()});await Promise.all([l(this.panel,s.keyframes,s.options),l(this.overlay,g.keyframes,g.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),await u(this.dialog);let e=this.hasUiMotion?"dialog.hide":"dialog.hideSimple",r=this.prefersReducedMotion?a(this,"dialog.hideReducedMotion",{dir:this.localize.dir()}):a(this,e,{dir:this.localize.dir()}),s=this.hasUiMotion?"dialog.overlay.hide":"dialog.overlay.hideSimple",d=a(this,s,{dir:this.localize.dir()});await Promise.all([l(this.overlay,d.keyframes,d.options).then(()=>{this.overlay.hidden=!0}),l(this.panel,r.keyframes,r.options).then(()=>{this.panel.hidden=!0})]),this.dialog.close(),this.overlay.hidden=!1,this.panel.hidden=!1,this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,f(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,f(this,"sd-after-hide")}render(){return n`<sd-7-0-2-theme-listener></sd-7-0-2-theme-listener><dialog part="base" class="${c("flex items-center justify-center p-0 m-auto bg-transparent border-none overflow-visible",this.hasSlotController.test("footer")&&"dialog--has-footer")}"><div part="overlay" class="fixed inset-0" @click="${()=>this.requestClose("overlay")}"></div><div part="panel" class="${c("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")}" aria-label="${y(this.headline?this.headline:void 0)}" aria-labelledby="${y(this.headline?void 0:"title")}" 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?n`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>`:n`<slot name="headline"></slot>`}</h2>${this.noCloseButton?"":n`<sd-7-0-2-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${c("absolute top-2 right-2")}" name="x-lg" @click="${()=>this.requestClose("close-button")}" type="button"><sd-7-0-2-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-7-0-2-icon></sd-7-0-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="px-6 sm:px-10"><slot name="footer"></slot></footer></div></dialog>`}};o.styles=[...m.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--width:662px;display:contents}[part=base]:not([open]){display:none}[part=panel]{width:var(--width);max-height:80vh}[part=body]{-webkit-overflow-scrolling:touch}::backdrop{display:none}[part=overlay]{background-color:rgb(var(--sd-overlay-color-background,5 21 48 / .9))}@media (max-width:414px){:host{--width:335px}[part=body]{min-height:50px}}`],i([p('[part="base"]')],o.prototype,"dialog",2),i([p('[part="overlay"]')],o.prototype,"overlay",2),i([p('[part="panel"]')],o.prototype,"panel",2),i([h({type:Boolean,reflect:!0})],o.prototype,"open",2),i([h({type:String,reflect:!0})],o.prototype,"headline",2),i([h({attribute:"no-close-button",type:Boolean,reflect:!0})],o.prototype,"noCloseButton",2),i([b("open",{waitUntilFirstUpdate:!0})],o.prototype,"handleOpenChange",1),o=i([w("sd-7-0-2-dialog")],o);t("dialog.show",{keyframes:[{opacity:0,transform:"translate(-50%, 100%)"},{opacity:1,transform:"translate(0, 0)"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});t("dialog.showReducedMotion",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out",reducedMotion:"allow"}});t("dialog.showSimple",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});t("dialog.hide",{keyframes:[{opacity:1,transform:"translate(0, 0)"},{opacity:0,transform:"translate(50%, -100%)"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});t("dialog.hideReducedMotion",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out",reducedMotion:"allow"}});t("dialog.hideSimple",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});t("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});t("dialog.denyCloseSimple",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});t("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out",reducedMotion:"allow"}});t("dialog.overlay.showSimple",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250,reducedMotion:"allow"}});t("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out",reducedMotion:"allow"}});t("dialog.overlay.hideSimple",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250,reducedMotion:"allow"}});export{o as a};
+import{a as y}from"./chunk.LHSR56PH.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as t,c as a}from"./chunk.B2NUKX6G.js";import{a as f}from"./chunk.KLRPP4NQ.js";import{a as M}from"./chunk.MEDJPDBB.js";import{a as c}from"./chunk.4ZZFYCXX.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as w,b as h,d as p,h as m}from"./chunk.J45556RK.js";import{b as v,e as n}from"./chunk.OBAEIKIV.js";import{b as l,e as u}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var o=class extends m{constructor(){super(...arguments);this.hasSlotController=new x(this,"footer");this.localize=new M(this);this.hasUiMotion=!1;this.open=!1;this.headline="";this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.updateMotionTheme()}firstUpdated(){this.dialog.addEventListener("cancel",e=>{e.preventDefault(),this.requestClose("keyboard")}),this.open&&this.dialog.showModal()}onThemeChange(){this.updateMotionTheme()}updateMotionTheme(){let e=getComputedStyle(this).getPropertyValue("--sd-theme").trim().replace(/['"]/g,"");this.hasUiMotion=e===""||e==="ui-light"||e==="ui-dark"}get prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let s=a(this,this.hasUiMotion?"dialog.denyClose":"dialog.denyCloseSimple",{dir:this.localize.dir()});l(this.panel,s.keyframes,s.options);return}this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show");let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await u(this.dialog),this.dialog.showModal(),requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let r=this.hasUiMotion?"dialog.show":"dialog.showSimple",s=this.prefersReducedMotion?a(this,"dialog.showReducedMotion",{dir:this.localize.dir()}):a(this,r,{dir:this.localize.dir()}),d=this.hasUiMotion?"dialog.overlay.show":"dialog.overlay.showSimple",g=a(this,d,{dir:this.localize.dir()});await Promise.all([l(this.panel,s.keyframes,s.options),l(this.overlay,g.keyframes,g.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),await u(this.dialog);let e=this.hasUiMotion?"dialog.hide":"dialog.hideSimple",r=this.prefersReducedMotion?a(this,"dialog.hideReducedMotion",{dir:this.localize.dir()}):a(this,e,{dir:this.localize.dir()}),s=this.hasUiMotion?"dialog.overlay.hide":"dialog.overlay.hideSimple",d=a(this,s,{dir:this.localize.dir()});await Promise.all([l(this.overlay,d.keyframes,d.options).then(()=>{this.overlay.hidden=!0}),l(this.panel,r.keyframes,r.options).then(()=>{this.panel.hidden=!0})]),this.dialog.close(),this.overlay.hidden=!1,this.panel.hidden=!1,this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,f(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,f(this,"sd-after-hide")}render(){return n`<sd-7-1-0-theme-listener></sd-7-1-0-theme-listener><dialog part="base" class="${c("flex items-center justify-center p-0 m-auto bg-transparent border-none overflow-visible",this.hasSlotController.test("footer")&&"dialog--has-footer")}"><div part="overlay" class="fixed inset-0" @click="${()=>this.requestClose("overlay")}"></div><div part="panel" class="${c("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")}" aria-label="${y(this.headline?this.headline:void 0)}" aria-labelledby="${y(this.headline?void 0:"title")}" 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?n`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>`:n`<slot name="headline"></slot>`}</h2>${this.noCloseButton?"":n`<sd-7-1-0-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${c("absolute top-2 right-2")}" name="x-lg" @click="${()=>this.requestClose("close-button")}" type="button"><sd-7-1-0-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-7-1-0-icon></sd-7-1-0-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="px-6 sm:px-10"><slot name="footer"></slot></footer></div></dialog>`}};o.styles=[...m.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{--width:662px;display:contents}[part=base]:not([open]){display:none}[part=panel]{width:var(--width);max-height:80vh}[part=body]{-webkit-overflow-scrolling:touch}::backdrop{display:none}[part=overlay]{background-color:rgb(var(--sd-overlay-color-background,5 21 48 / .9))}@media (max-width:414px){:host{--width:335px}[part=body]{min-height:50px}}`],i([p('[part="base"]')],o.prototype,"dialog",2),i([p('[part="overlay"]')],o.prototype,"overlay",2),i([p('[part="panel"]')],o.prototype,"panel",2),i([h({type:Boolean,reflect:!0})],o.prototype,"open",2),i([h({type:String,reflect:!0})],o.prototype,"headline",2),i([h({attribute:"no-close-button",type:Boolean,reflect:!0})],o.prototype,"noCloseButton",2),i([b("open",{waitUntilFirstUpdate:!0})],o.prototype,"handleOpenChange",1),o=i([w("sd-7-1-0-dialog")],o);t("dialog.show",{keyframes:[{opacity:0,transform:"translate(-50%, 100%)"},{opacity:1,transform:"translate(0, 0)"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});t("dialog.showReducedMotion",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out",reducedMotion:"allow"}});t("dialog.showSimple",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});t("dialog.hide",{keyframes:[{opacity:1,transform:"translate(0, 0)"},{opacity:0,transform:"translate(50%, -100%)"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});t("dialog.hideReducedMotion",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out",reducedMotion:"allow"}});t("dialog.hideSimple",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});t("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});t("dialog.denyCloseSimple",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});t("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out",reducedMotion:"allow"}});t("dialog.overlay.showSimple",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250,reducedMotion:"allow"}});t("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out",reducedMotion:"allow"}});t("dialog.overlay.hideSimple",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250,reducedMotion:"allow"}});export{o as a};

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

@@ -1,4 +1,4 @@
-import{a as M}from"./chunk.OKNJ5BPS.js";import{a as f,c as g}from"./chunk.B2NUKX6G.js";import{a as b}from"./chunk.KLRPP4NQ.js";import{a as L}from"./chunk.MEDJPDBB.js";import{a as k}from"./chunk.4ZZFYCXX.js";import{a as T}from"./chunk.NYKJXI3Q.js";import{a as v,b as l,d as p,h as m}from"./chunk.J45556RK.js";import{b as w,e as E}from"./chunk.OBAEIKIV.js";import{b as h,e as c}from"./chunk.W4QBFD6E.js";import{e as s}from"./chunk.6EV4YU6C.js";function A(n,a){let e=n;for(;e;){if(e.matches(a))return e;if(e.parentElement)e=e.parentElement;else if(e.parentNode instanceof ShadowRoot)e=e.parentNode.host;else break}return null}function y(n=document.activeElement){if(n!=null&&n.shadowRoot){let a=n.shadowRoot.activeElement;if(a)return y(a)}return n}function C(n){let a=n.tagName.toLowerCase();return n.getAttribute("tabindex")==="-1"||n.hasAttribute("disabled")||n.hasAttribute("aria-disabled")&&n.getAttribute("aria-disabled")!=="false"||a==="input"&&n.getAttribute("type")==="radio"&&!n.hasAttribute("checked")||n.offsetParent===null&&!(n.getRootNode()instanceof ShadowRoot)||window.getComputedStyle(n).visibility==="hidden"?!1:(a==="audio"||a==="video")&&n.hasAttribute("controls")||n.hasAttribute("tabindex")||n.hasAttribute("contenteditable")&&n.getAttribute("contenteditable")!=="false"?!0:["button","input","select","textarea","a","audio","video","summary"].includes(a)}function H(n){var d,u;let a=[];function e(r){r instanceof HTMLElement&&(a.push(r),r.shadowRoot!==null&&r.shadowRoot.mode==="open"&&e(r.shadowRoot)),[...r.children].forEach(D=>e(D))}e(n);let t=(d=a.find(r=>C(r)))!=null?d:null,o=(u=a.reverse().find(r=>C(r)))!=null?u:null;return{start:t,end:o}}var i=class extends m{constructor(){super(...arguments);this.localize=new L(this);this.open=!1;this.rounded=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.noAutoSize=!1;this.noFlip=!1;this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}getAccessibleTrigger(){let t=this.trigger.assignedElements({flatten:!0}).find(d=>H(d).start),o=null;if(t)switch(t.tagName.toLowerCase()){case"sd-7-0-2-button":case"sd-7-0-2-icon-button":o=t.button;break;case"sd-7-0-2-navigation-item":o=t.button;break;default:o=t}return o}updateAccessibleTrigger(){let e=this.getAccessibleTrigger();e&&(e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded",this.open?"true":"false"))}focusOnTrigger(){let e=this.getAccessibleTrigger();typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="sd-7-0-2-menu")}handleKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(e){var t;if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="sd-7-0-2-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}setTimeout(()=>{let o=y();(!o||!this.containingElement||A(o,this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide()})}}handleDocumentMouseDown(e){let t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()}handleMenuItemActivate(e){let t=e.target;M(t,this.panel)}handlePanelSelect(e){let t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="sd-7-0-2-menu"&&(this.hide(),this.focusOnTrigger())}handleTriggerClick(){if(this.open){let e=this.getMenu();if(e){let t=e.getCurrentItem();t==null||t.classList.remove("menu-item-focus")}this.hide()}else this.show()}handleTriggerKeyDown(e){if(e.key==="Escape"&&this.open){e.stopPropagation(),this.focusOnTrigger(),this.handleTriggerClick();return}if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}let t=this.getMenu();if(t){let o=t.defaultSlot.assignedElements({flatten:!0}),d=o.find(r=>!r.disabled)||o[0],u=o[o.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||this.show(),o.length>0&&requestAnimationFrame(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(d),d.focus(),d.classList.add("menu-item-focus")),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(u),u.focus(),u.classList.add("menu-item-focus"))}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}async show(){if(!this.open)return this.open=!0,b(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,b(this,"sd-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("sd-activate",this.handleMenuItemActivate),this.panel.addEventListener("sd-7-0-2-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("sd-activate",this.handleMenuItemActivate),this.panel.removeEventListener("sd-7-0-2-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("sd-show"),this.addOpenListeners(),await c(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:t}=g(this,"dropdown.show",{dir:this.localize.dir()});await h(this.popup.popup,e,t),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),await c(this);let{keyframes:e,options:t}=g(this,"dropdown.hide",{dir:this.localize.dir()});await h(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}}render(){return E`<sd-7-0-2-popup part="base" id="dropdown" exportparts="
+import{a as M}from"./chunk.OKNJ5BPS.js";import{a as f,c as g}from"./chunk.B2NUKX6G.js";import{a as b}from"./chunk.KLRPP4NQ.js";import{a as L}from"./chunk.MEDJPDBB.js";import{a as k}from"./chunk.4ZZFYCXX.js";import{a as T}from"./chunk.NYKJXI3Q.js";import{a as v,b as l,d as p,h as m}from"./chunk.J45556RK.js";import{b as w,e as E}from"./chunk.OBAEIKIV.js";import{b as h,e as c}from"./chunk.W4QBFD6E.js";import{e as s}from"./chunk.6EV4YU6C.js";function A(n,a){let e=n;for(;e;){if(e.matches(a))return e;if(e.parentElement)e=e.parentElement;else if(e.parentNode instanceof ShadowRoot)e=e.parentNode.host;else break}return null}function y(n=document.activeElement){if(n!=null&&n.shadowRoot){let a=n.shadowRoot.activeElement;if(a)return y(a)}return n}function C(n){let a=n.tagName.toLowerCase();return n.getAttribute("tabindex")==="-1"||n.hasAttribute("disabled")||n.hasAttribute("aria-disabled")&&n.getAttribute("aria-disabled")!=="false"||a==="input"&&n.getAttribute("type")==="radio"&&!n.hasAttribute("checked")||n.offsetParent===null&&!(n.getRootNode()instanceof ShadowRoot)||window.getComputedStyle(n).visibility==="hidden"?!1:(a==="audio"||a==="video")&&n.hasAttribute("controls")||n.hasAttribute("tabindex")||n.hasAttribute("contenteditable")&&n.getAttribute("contenteditable")!=="false"?!0:["button","input","select","textarea","a","audio","video","summary"].includes(a)}function H(n){var d,u;let a=[];function e(r){r instanceof HTMLElement&&(a.push(r),r.shadowRoot!==null&&r.shadowRoot.mode==="open"&&e(r.shadowRoot)),[...r.children].forEach(D=>e(D))}e(n);let t=(d=a.find(r=>C(r)))!=null?d:null,o=(u=a.reverse().find(r=>C(r)))!=null?u:null;return{start:t,end:o}}var i=class extends m{constructor(){super(...arguments);this.localize=new L(this);this.open=!1;this.rounded=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.noAutoSize=!1;this.noFlip=!1;this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}getAccessibleTrigger(){let t=this.trigger.assignedElements({flatten:!0}).find(d=>H(d).start),o=null;if(t)switch(t.tagName.toLowerCase()){case"sd-7-1-0-button":case"sd-7-1-0-icon-button":o=t.button;break;case"sd-7-1-0-navigation-item":o=t.button;break;default:o=t}return o}updateAccessibleTrigger(){let e=this.getAccessibleTrigger();e&&(e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded",this.open?"true":"false"))}focusOnTrigger(){let e=this.getAccessibleTrigger();typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="sd-7-1-0-menu")}handleKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(e){var t;if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="sd-7-1-0-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}setTimeout(()=>{let o=y();(!o||!this.containingElement||A(o,this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide()})}}handleDocumentMouseDown(e){let t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()}handleMenuItemActivate(e){let t=e.target;M(t,this.panel)}handlePanelSelect(e){let t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="sd-7-1-0-menu"&&(this.hide(),this.focusOnTrigger())}handleTriggerClick(){if(this.open){let e=this.getMenu();if(e){let t=e.getCurrentItem();t==null||t.classList.remove("menu-item-focus")}this.hide()}else this.show()}handleTriggerKeyDown(e){if(e.key==="Escape"&&this.open){e.stopPropagation(),this.focusOnTrigger(),this.handleTriggerClick();return}if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}let t=this.getMenu();if(t){let o=t.defaultSlot.assignedElements({flatten:!0}),d=o.find(r=>!r.disabled)||o[0],u=o[o.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||this.show(),o.length>0&&requestAnimationFrame(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(d),d.focus(),d.classList.add("menu-item-focus")),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(u),u.focus(),u.classList.add("menu-item-focus"))}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}async show(){if(!this.open)return this.open=!0,b(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,b(this,"sd-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("sd-activate",this.handleMenuItemActivate),this.panel.addEventListener("sd-7-1-0-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("sd-activate",this.handleMenuItemActivate),this.panel.removeEventListener("sd-7-1-0-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("sd-show"),this.addOpenListeners(),await c(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:t}=g(this,"dropdown.show",{dir:this.localize.dir()});await h(this.popup.popup,e,t),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),await c(this);let{keyframes:e,options:t}=g(this,"dropdown.hide",{dir:this.localize.dir()});await h(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}}render(){return E`<sd-7-1-0-popup part="base" id="dropdown" exportparts="
           popup:base__popup,
-        " placement="${this.placement}" distance="${this.rounded&&this.distance<1?1:this.distance}" skidding="${this.skidding}" strategy="${this.hoist?"fixed":"absolute"}" ?flip="${!this.noFlip}" shift auto-size="vertical" auto-size-padding="10"><slot name="trigger" slot="anchor" part="trigger" class="block" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeyDown}" @keyup="${this.handleTriggerKeyUp}" @slotchange="${this.handleTriggerSlotChange}"></slot><slot part="panel" class="${k("panel-color-border border shadow sd-7-0-2-dropdown-color-background block",this.open?"pointer-events-auto":"pointer-events-none",this.rounded&&"rounded-md")}" aria-hidden="${this.open?"false":"true"}" aria-labelledby="dropdown"></slot></sd-7-0-2-popup>`}};i.styles=[...m.styles,w`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:inline-block}#dropdown::part(popup){z-index:var(--sd-z-index-dropdown,900)}#dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}#dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}#dropdown[data-current-placement^=left]::part(popup){transform-origin:100%}#dropdown[data-current-placement^=right]::part(popup){transform-origin:0}:host(:not([no-auto-size])) ::slotted(:not([slot=trigger])){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`],s([p("#dropdown")],i.prototype,"popup",2),s([p("[part=trigger]")],i.prototype,"trigger",2),s([p("[part=panel]")],i.prototype,"panel",2),s([l({type:Boolean,reflect:!0})],i.prototype,"open",2),s([l({type:Boolean,reflect:!0})],i.prototype,"rounded",2),s([l({type:String,reflect:!0})],i.prototype,"placement",2),s([l({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([l({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],i.prototype,"stayOpenOnSelect",2),s([l({type:Object})],i.prototype,"containingElement",2),s([l({type:Number,reflect:!0})],i.prototype,"distance",2),s([l({type:Number,reflect:!0})],i.prototype,"skidding",2),s([l({type:Boolean,reflect:!0,attribute:"no-auto-size"})],i.prototype,"noAutoSize",2),s([l({type:Boolean,reflect:!0,attribute:"no-flip"})],i.prototype,"noFlip",2),s([l({type:Boolean,reflect:!0})],i.prototype,"hoist",2),s([T("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),i=s([v("sd-7-0-2-dropdown")],i);f("dropdown.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});f("dropdown.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{i as a};
+        " placement="${this.placement}" distance="${this.rounded&&this.distance<1?1:this.distance}" skidding="${this.skidding}" strategy="${this.hoist?"fixed":"absolute"}" ?flip="${!this.noFlip}" shift auto-size="vertical" auto-size-padding="10"><slot name="trigger" slot="anchor" part="trigger" class="block" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeyDown}" @keyup="${this.handleTriggerKeyUp}" @slotchange="${this.handleTriggerSlotChange}"></slot><slot part="panel" class="${k("panel-color-border border shadow sd-7-1-0-dropdown-color-background block",this.open?"pointer-events-auto":"pointer-events-none",this.rounded&&"rounded-md")}" aria-hidden="${this.open?"false":"true"}" aria-labelledby="dropdown"></slot></sd-7-1-0-popup>`}};i.styles=[...m.styles,w`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{display:inline-block}#dropdown::part(popup){z-index:var(--sd-z-index-dropdown,900)}#dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}#dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}#dropdown[data-current-placement^=left]::part(popup){transform-origin:100%}#dropdown[data-current-placement^=right]::part(popup){transform-origin:0}:host(:not([no-auto-size])) ::slotted(:not([slot=trigger])){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`],s([p("#dropdown")],i.prototype,"popup",2),s([p("[part=trigger]")],i.prototype,"trigger",2),s([p("[part=panel]")],i.prototype,"panel",2),s([l({type:Boolean,reflect:!0})],i.prototype,"open",2),s([l({type:Boolean,reflect:!0})],i.prototype,"rounded",2),s([l({type:String,reflect:!0})],i.prototype,"placement",2),s([l({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([l({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],i.prototype,"stayOpenOnSelect",2),s([l({type:Object})],i.prototype,"containingElement",2),s([l({type:Number,reflect:!0})],i.prototype,"distance",2),s([l({type:Number,reflect:!0})],i.prototype,"skidding",2),s([l({type:Boolean,reflect:!0,attribute:"no-auto-size"})],i.prototype,"noAutoSize",2),s([l({type:Boolean,reflect:!0,attribute:"no-flip"})],i.prototype,"noFlip",2),s([l({type:Boolean,reflect:!0})],i.prototype,"hoist",2),s([T("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),i=s([v("sd-7-1-0-dropdown")],i);f("dropdown.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});f("dropdown.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{i as a};

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

@@ -1,2 +1,2 @@
-import{a as c}from"./chunk.MEDJPDBB.js";import{a as s}from"./chunk.4ZZFYCXX.js";import{a as i,b as a,h as r}from"./chunk.J45556RK.js";import{b as l,e as o}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.localize=new c(this);this.subtick=!1}render(){return o`<div part="base" class="${s(this.subtick?"w-0.25":"w-0.5")}"><div part="line" class="${s(this.subtick?"h-2":"h-[10px]")}"></div><div part="label" class="flex items-center justify-center text-center text-nowrap text-sm sd-7-0-2-range-scale-ticks-color-text"><slot></slot></div></div>`}};t.styles=[...r.styles,l`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-[part='line']{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}`],e([a({type:Boolean,reflect:!0})],t.prototype,"subtick",2),t=e([i("sd-7-0-2-range-tick")],t);export{t as a};
+import{a as c}from"./chunk.MEDJPDBB.js";import{a as s}from"./chunk.4ZZFYCXX.js";import{a as i,b as a,h as r}from"./chunk.J45556RK.js";import{b as l,e as o}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.localize=new c(this);this.subtick=!1}render(){return o`<div part="base" class="${s(this.subtick?"w-0.25":"w-0.5")}"><div part="line" class="${s(this.subtick?"h-2":"h-[10px]")}"></div><div part="label" class="flex items-center justify-center text-center text-nowrap text-sm sd-7-1-0-range-scale-ticks-color-text"><slot></slot></div></div>`}};t.styles=[...r.styles,l`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+[part='line']{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}`],e([a({type:Boolean,reflect:!0})],t.prototype,"subtick",2),t=e([i("sd-7-1-0-range-tick")],t);export{t 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-7-0-2-accordion': SdAccordion;
+        'sd-7-1-0-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-7-0-2-accordion-group': SdAccordionGroup;
+        'sd-7-1-0-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-7-0-2-animation': SdAnimation;
+        'sd-7-1-0-animation': SdAnimation;
     }
 }

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

@@ -58,6 +58,6 @@ export default class SdAudio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-audio': SdAudio;
+        'sd-7-1-0-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-7-0-2-badge': SdBadge;
+        'sd-7-1-0-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-7-0-2-brandshape': SdBrandshape;
+        'sd-7-1-0-brandshape': SdBrandshape;
     }
 }
 export {};

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

@@ -24,6 +24,6 @@ export default class SdBreadcrumb extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-breadcrumb': SdBreadcrumb;
+        'sd-7-1-0-breadcrumb': SdBreadcrumb;
     }
 }

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

@@ -15,6 +15,6 @@ export default class SdBreadcrumbItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-breadcrumb-item': SdBreadcrumbItem;
+        'sd-7-1-0-breadcrumb-item': SdBreadcrumbItem;
     }
 }

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

@@ -53,6 +53,6 @@ export default class SdButton extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-button': SdButton;
+        'sd-7-1-0-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-7-0-2-button-group': SdButtonGroup;
+        'sd-7-1-0-button-group': SdButtonGroup;
     }
 }

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

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

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

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.5SQTIWWY.js";import"../../chunks/chunk.BJBQEPZV.js";import"../../chunks/chunk.EOXYPQZI.js";import"../../chunks/chunk.MHWW3RZB.js";import"../../chunks/chunk.N4L76IWF.js";import"../../chunks/chunk.CBQWVOOS.js";import"../../chunks/chunk.KLRPP4NQ.js";import"../../chunks/chunk.GA3PWYR4.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.W5O4FM6B.js";import"../../chunks/chunk.QQD62QOV.js";import"../../chunks/chunk.552X4W43.js";import"../../chunks/chunk.TRGIF57L.js";import"../../chunks/chunk.LWLOMMIE.js";import"../../chunks/chunk.J4FJ2SAP.js";import"../../chunks/chunk.NJIXLFKZ.js";import"../../chunks/chunk.MEDJPDBB.js";import"../../chunks/chunk.4XZDW2BJ.js";import"../../chunks/chunk.SOLVKQIM.js";import"../../chunks/chunk.4XDRYWQQ.js";import"../../chunks/chunk.4ZZFYCXX.js";import"../../chunks/chunk.NYKJXI3Q.js";import"../../chunks/chunk.J45556RK.js";import"../../chunks/chunk.OBAEIKIV.js";import"../../chunks/chunk.W4QBFD6E.js";import"../../chunks/chunk.6EV4YU6C.js";export{a as default};
+import{a}from"../../chunks/chunk.JQV2BZ2E.js";import"../../chunks/chunk.BJBQEPZV.js";import"../../chunks/chunk.EOXYPQZI.js";import"../../chunks/chunk.MHWW3RZB.js";import"../../chunks/chunk.N4L76IWF.js";import"../../chunks/chunk.CBQWVOOS.js";import"../../chunks/chunk.KLRPP4NQ.js";import"../../chunks/chunk.GA3PWYR4.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.W5O4FM6B.js";import"../../chunks/chunk.QQD62QOV.js";import"../../chunks/chunk.552X4W43.js";import"../../chunks/chunk.TRGIF57L.js";import"../../chunks/chunk.LWLOMMIE.js";import"../../chunks/chunk.J4FJ2SAP.js";import"../../chunks/chunk.NJIXLFKZ.js";import"../../chunks/chunk.MEDJPDBB.js";import"../../chunks/chunk.4XZDW2BJ.js";import"../../chunks/chunk.SOLVKQIM.js";import"../../chunks/chunk.4XDRYWQQ.js";import"../../chunks/chunk.4ZZFYCXX.js";import"../../chunks/chunk.NYKJXI3Q.js";import"../../chunks/chunk.J45556RK.js";import"../../chunks/chunk.OBAEIKIV.js";import"../../chunks/chunk.W4QBFD6E.js";import"../../chunks/chunk.6EV4YU6C.js";export{a as default};

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-7-0-2-carousel-item': SdCarouselItem;
+        'sd-7-1-0-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-7-0-2-checkbox': SdCheckbox;
+        'sd-7-1-0-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-7-0-2-checkbox-group': SdCheckboxGroup;
+        'sd-7-1-0-checkbox-group': SdCheckboxGroup;
     }
 }

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

@@ -124,6 +124,6 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-combobox': SdCombobox;
+        'sd-7-1-0-combobox': SdCombobox;
     }
 }

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

@@ -32,6 +32,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
     visuallyDisabled: boolean;
     styleOnValid: boolean;
     readonly: boolean;
+    clearable: boolean;
     placement: 'top' | 'bottom';
     placeholder: string;
     name: string;
@@ -52,6 +53,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
     invalidMessage: HTMLDivElement;
     input: HTMLInputElement;
     private tabbingIntoGrid;
+    private clearing;
     private statusBumpCounter;
     constructor();
     connectedCallback(): void;
@@ -100,6 +102,8 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
     private onFocusIn;
     private handleMouseDown;
     private handleCalendarIconClick;
+    private preventLoosingFocus;
+    private handleClearClick;
     private handleBlur;
     private handleFocus;
     private handleInput;
@@ -127,6 +131,6 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-datepicker': SdDatepicker;
+        'sd-7-1-0-datepicker': SdDatepicker;
     }
 }

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

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.7OG7ICBB.js";import"../../chunks/chunk.WWGARXPI.js";import"../../chunks/chunk.23WKPZET.js";import"../../chunks/chunk.SSE7T5OF.js";import"../../chunks/chunk.MYPRMCUO.js";import"../../chunks/chunk.LZRL7OLU.js";import"../../chunks/chunk.CGQ2BPPZ.js";import"../../chunks/chunk.GA3PWYR4.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.W5O4FM6B.js";import"../../chunks/chunk.QQD62QOV.js";import"../../chunks/chunk.552X4W43.js";import"../../chunks/chunk.TRGIF57L.js";import"../../chunks/chunk.LWLOMMIE.js";import"../../chunks/chunk.J4FJ2SAP.js";import"../../chunks/chunk.NJIXLFKZ.js";import"../../chunks/chunk.MEDJPDBB.js";import"../../chunks/chunk.4XZDW2BJ.js";import"../../chunks/chunk.SOLVKQIM.js";import"../../chunks/chunk.4XDRYWQQ.js";import"../../chunks/chunk.4ZZFYCXX.js";import"../../chunks/chunk.NYKJXI3Q.js";import"../../chunks/chunk.J45556RK.js";import"../../chunks/chunk.OBAEIKIV.js";import"../../chunks/chunk.W4QBFD6E.js";import"../../chunks/chunk.6EV4YU6C.js";export{a as default};
+import{a}from"../../chunks/chunk.PEHSUZ2L.js";import"../../chunks/chunk.WWGARXPI.js";import"../../chunks/chunk.23WKPZET.js";import"../../chunks/chunk.SSE7T5OF.js";import"../../chunks/chunk.MYPRMCUO.js";import"../../chunks/chunk.LZRL7OLU.js";import"../../chunks/chunk.CGQ2BPPZ.js";import"../../chunks/chunk.GA3PWYR4.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.W5O4FM6B.js";import"../../chunks/chunk.QQD62QOV.js";import"../../chunks/chunk.552X4W43.js";import"../../chunks/chunk.TRGIF57L.js";import"../../chunks/chunk.LWLOMMIE.js";import"../../chunks/chunk.J4FJ2SAP.js";import"../../chunks/chunk.NJIXLFKZ.js";import"../../chunks/chunk.MEDJPDBB.js";import"../../chunks/chunk.4XZDW2BJ.js";import"../../chunks/chunk.SOLVKQIM.js";import"../../chunks/chunk.4XDRYWQQ.js";import"../../chunks/chunk.4ZZFYCXX.js";import"../../chunks/chunk.NYKJXI3Q.js";import"../../chunks/chunk.J45556RK.js";import"../../chunks/chunk.OBAEIKIV.js";import"../../chunks/chunk.W4QBFD6E.js";import"../../chunks/chunk.6EV4YU6C.js";export{a as default};

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

@@ -27,6 +27,6 @@ export default class SdDialog extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-dialog': SdDialog;
+        'sd-7-1-0-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-7-0-2-divider': SdDivider;
+        'sd-7-1-0-divider': SdDivider;
     }
 }

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

@@ -23,6 +23,6 @@ export default class SdDrawer extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-drawer': SdDrawer;
+        'sd-7-1-0-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-7-0-2-dropdown': SdDropdown;
+        'sd-7-1-0-dropdown': SdDropdown;
     }
 }

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

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

package/cdn-versioned/components/file-selector/file-selector.d.ts

@@ -67,6 +67,6 @@ export default class SdFileSelector extends SolidElement implements SolidFormCon
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-file-selector': SdFileSelector;
+        'sd-7-1-0-file-selector': SdFileSelector;
     }
 }

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

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

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

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

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

@@ -18,6 +18,6 @@ export default class SdIcon extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-icon': SdIcon;
+        'sd-7-1-0-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-7-0-2-include': SdInclude;
+        'sd-7-1-0-include': SdInclude;
     }
 }

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

@@ -88,6 +88,6 @@ export default class SdInput extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-input': SdInput;
+        'sd-7-1-0-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-7-0-2-link': SdLink;
+        'sd-7-1-0-link': SdLink;
     }
 }

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

@@ -8,6 +8,6 @@ export default class SdLoader extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-loader': SdLoader;
+        'sd-7-1-0-loader': SdLoader;
     }
 }

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

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

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

@@ -20,6 +20,6 @@ export default class SdMenu extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-menu': SdMenu;
+        'sd-7-1-0-menu': SdMenu;
     }
 }

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

@@ -25,6 +25,6 @@ export default class SdMenuItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-menu-item': SdMenuItem;
+        'sd-7-1-0-menu-item': SdMenuItem;
     }
 }

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

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

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

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

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

@@ -12,6 +12,6 @@ export default class SdOptgroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-optgroup': SdOptgroup;
+        'sd-7-1-0-optgroup': SdOptgroup;
     }
 }

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

@@ -25,6 +25,6 @@ export default class SdOption extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-option': SdOption;
+        'sd-7-1-0-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-7-0-2-popup': SdPopup;
+        'sd-7-1-0-popup': SdPopup;
     }
 }

package/cdn-versioned/components/progress-bar/progress-bar.d.ts

@@ -21,6 +21,6 @@ export default class SdProgressBar extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-progress-bar': SdProgressBar;
+        'sd-7-1-0-progress-bar': SdProgressBar;
     }
 }

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

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

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

@@ -22,6 +22,6 @@ export default class SdRadio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-radio': SdRadio;
+        'sd-7-1-0-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-7-0-2-radio-button': SdRadioButton;
+        'sd-7-1-0-radio-button': SdRadioButton;
     }
 }

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

@@ -47,6 +47,6 @@ export default class SdRadioGroup extends SolidElement implements SolidFormContr
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-radio-group': SdRadioGroup;
+        'sd-7-1-0-radio-group': SdRadioGroup;
     }
 }

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

@@ -66,6 +66,6 @@ export default class SdRange extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-range': SdRange;
+        'sd-7-1-0-range': SdRange;
     }
 }

package/cdn-versioned/components/range-tick/range-tick.d.ts

@@ -8,6 +8,6 @@ export default class SdRangeTick extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-range-tick': SdRangeTick;
+        'sd-7-1-0-range-tick': SdRangeTick;
     }
 }

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

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

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

@@ -100,6 +100,6 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-select': SdSelect;
+        'sd-7-1-0-select': SdSelect;
     }
 }

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

@@ -6,6 +6,6 @@ export default class SdSkeleton extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-skeleton': SdSkeleton;
+        'sd-7-1-0-skeleton': SdSkeleton;
     }
 }

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

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

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

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

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

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