@solid-design-system/components 6.29.0 → 6.29.1

package/cdn/solid-components.iife.js

@@ -248,7 +248,7 @@ sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-sp
 :host{display:block}#motion-wrapper{mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain}:host([variant=cluster]) [part=base],svg{width:calc(var(--sd-spacing-12,3rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=base]{height:calc(var(--sd-spacing-12,3rem) * var(--map-marker-scaling,1))}:host(:not([variant=cluster])) [part=base]{height:calc(var(--sd-spacing-16,4rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=content]{font-size:calc(var(--sd-font-size-sm,.875rem) * var(--map-marker-scaling,1))}:host([variant=place]) [part=content]{margin-top:calc(var(--sd-spacing-2) * -1);font-size:calc(var(--sd-font-size-3xl,2rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=motion-wrapper]>div>div{background-color:rgba(var(--sd-map-marker--cluster--hover-color-background))}:host([variant=main]) [part=marker],:host([variant=place]) [part=marker]{--tw-drop-shadow-size:drop-shadow(var(--sd-drop-shadow));--tw-drop-shadow:drop-shadow(var(--sd-drop-shadow));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}:host([variant=main]) #marker-circle{width:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));height:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));left:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));right:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));top:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1))}#marker-circle{background-color:rgba(var(--sd-color-icon-fill-white,rgba(var(--sd-color-white))))}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}`],s([d({type:String,reflect:!0})],Rt.prototype,"variant",2),s([d({type:String,reflect:!0})],Rt.prototype,"state",2),s([d({type:Boolean,reflect:!0})],Rt.prototype,"animated",2),s([d({type:Boolean,reflect:!0,attribute:"not-interactive"})],Rt.prototype,"notInteractive",2),s([d({type:String,reflect:!0})],Rt.prototype,"href",2),s([d({type:String,reflect:!0})],Rt.prototype,"target",2),s([d({reflect:!0})],Rt.prototype,"label",2),Rt=s([k("sd-map-marker")],Rt);var Me=class extends f{constructor(){super(...arguments);this.localize=new _(this);this.handleOutsideClick=t=>{this.contains(t.target)||this.getAllItems().forEach(e=>e.classList.remove("menu-item-focus"))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}handleClick(t){let e=["menuitem","menuitemcheckbox"],i=t.composedPath(),a=i.find(u=>{var m;return e.includes(((m=u==null?void 0:u.getAttribute)==null?void 0:m.call(u,"role"))||"")});if(!a||i.find(u=>{var m;return((m=u==null?void 0:u.getAttribute)==null?void 0:m.call(u,"role"))==="menu"})!==this)return;let h=a;h.type==="checkbox"&&(h.checked=!h.checked),this.emit("sd-select",{detail:{item:h}})}handleKeyDown(t){if(t.key==="Escape"){let e=this.getCurrentItem();e==null||e.classList.remove("menu-item-focus")}else if(t.key==="Enter"||t.key===" "){let e=this.getCurrentItem();t.preventDefault(),t.stopPropagation(),e==null||e.classList.remove("menu-item-focus"),e==null||e.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){let e=this.getAllItems(),i=this.getCurrentItem(),a=i?e.indexOf(i):0;if(i==null||i.classList.remove("menu-item-focus"),e.length>0){t.preventDefault(),t.stopPropagation();let n=(l,h)=>{let u=l;for(let m of e)if(u=(u+h+e.length)%e.length,!e[u].disabled)return u;return l};if(t.key==="ArrowDown")a=n(a,1);else if(t.key==="ArrowUp")a=n(a,-1);else if(t.key==="Home")a=e.findIndex(l=>!l.disabled),a===-1&&(a=0);else if(t.key==="End"){a=e.length-1;for(let l=e.length-1;l>=0;l--)if(!e[l].disabled){a=l;break}}this.setCurrentItem(e[a]),e[a].focus(),e[a].classList.add("menu-item-focus")}}}handleMouseDown(t){let e=t.target;this.isMenuItem(e)&&this.setCurrentItem(e)}handleSlotChange(){let t=this.getAllItems();t.length>0&&this.setCurrentItem(t[0])}isMenuItem(t){var e;return t.tagName.toLowerCase()==="sd-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((e=t.getAttribute("role"))!=null?e:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter(t=>!!this.isMenuItem(t))}getCurrentItem(){return this.getAllItems().find(t=>t.getAttribute("tabindex")==="0")}setCurrentItem(t){this.getAllItems().forEach(i=>{i.setAttribute("tabindex",i===t?"0":"-1")})}render(){return p`<slot @slotchange="${this.handleSlotChange}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}" @mousedown="${this.handleMouseDown}"></slot>`}};Me.styles=[...f.styles,x`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
 :host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-divider){padding-block:var(--sd-spacing-3)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`],s([v("slot")],Me.prototype,"defaultSlot",2),Me=s([k("sd-menu")],Me);var Oa=()=>new Io,Io=class{},Oo=new WeakMap,Ia=re(class extends Sr{render(o){return U}update(o,[r]){var e;let t=r!==this.G;return t&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=r,this.ht=(e=o.options)==null?void 0:e.host,this.rt(this.ct=o.element)),U}rt(o){var r;if(this.G!==void 0)if(this.isConnected||(o=void 0),typeof this.G=="function"){let t=(r=this.ht)!=null?r:globalThis,e=Oo.get(t);e===void 0&&(e=new WeakMap,Oo.set(t,e)),e.get(this.G)!==void 0&&this.G.call(this.ht,void 0),e.set(this.G,o),o!==void 0&&this.G.call(this.ht,o)}else this.G.value=o}get lt(){var o,r,t;return typeof this.G=="function"?(r=Oo.get((o=this.ht)!=null?o:globalThis))==null?void 0:r.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var Ki=class{constructor(r,t){this.popupRef=Oa();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=r=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${r.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${r.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=r=>{switch(r.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":r.target!==this.host&&(r.preventDefault(),r.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(r);break;default:break}};this.handleClick=r=>{var t;r.target===this.host?(r.preventDefault(),r.stopPropagation()):r.target instanceof Element&&(r.target.tagName==="sd-menu-item"||(t=r.target.role)!=null&&t.startsWith("menuitem"))&&r.target.getAttribute("type")!=="checkbox"&&this.disableSubmenu()};this.handleFocusOut=r=>{r.relatedTarget&&r.relatedTarget instanceof Element&&this.host.contains(r.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=r=>{r.stopPropagation()};this.handlePopupReposition=()=>{let r=this.host.renderRoot.querySelector("slot[name='submenu']"),t=r==null?void 0:r.assignedElements({flatten:!0}).filter(h=>h.localName==="sd-menu")[0],e=getComputedStyle(this.host).direction==="rtl";if(!t)return;let{left:i,top:a,width:n,height:l}=t.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${e?i+n:i}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${a}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${e?i+n:i}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${a+l}px`)};(this.host=r).addController(this),this.hasSlotController=t}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(r){let t=this.host.renderRoot.querySelector("slot[name='submenu']");if(!t){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let e=null;for(let i of t.assignedElements())if(e=i.querySelectorAll("sd-menu-item, [role^='menuitem']"),e.length!==0)break;if(!(!e||e.length===0)){e[0].setAttribute("tabindex","0");for(let i=1;i!==e.length;++i)e[i].setAttribute("tabindex","-1");this.popupRef.value&&(r.preventDefault(),r.stopPropagation(),this.popupRef.value.active?e[0]instanceof HTMLElement&&e[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{e[0]instanceof HTMLElement&&e[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(r){this.popupRef.value&&this.popupRef.value.active!==r&&(this.popupRef.value.active=r,this.host.requestUpdate())}enableSubmenu(r=!0){r?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var i;if(!((i=this.host.parentElement)!=null&&i.computedStyleMap))return;let r=this.host.parentElement.computedStyleMap(),e=["padding-top","border-top-width","margin-top"].reduce((a,n)=>{var m;let l=(m=r.get(n))!=null?m:new CSSUnitValue(0,"px"),u=(l instanceof CSSUnitValue?l:new CSSUnitValue(0,"px")).to("px");return a-u.value},0);this.skidding=e}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let r=getComputedStyle(this.host).direction==="rtl";return this.isConnected?p`<sd-popup ${Ia(this.popupRef)} placement="${r?"left-start":"right-start"}" anchor="anchor" flip flip-fallback-strategy="best-fit" skidding="${this.skidding}" strategy="fixed" auto-size="vertical" auto-size-padding="10"><slot name="submenu"></slot></sd-popup>`:p`<slot name="submenu" hidden></slot>`}};var Tt=class extends f{constructor(){super(...arguments);this.type="normal";this.checked=!1;this.disabled=!1;this.value="";this.chevron=!1;this.hasSlotController=new O(this,"submenu");this.submenuController=new Ki(this,this.hasSlotController);this.handleHostClick=t=>{this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())};this.handleMouseOver=t=>{this.focus(),t.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.setAttribute("tabindex",this.disabled?"-1":"0")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return Bs(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let t=this.submenuController.isExpanded(),e={label:this.hasSlotController.test("[default]"),iconIndent:this.hasSlotController.test("icon-indent")};return p`<div id="anchor" part="base" class="${c("relative flex items-stretch whitespace-nowrap py-3 px-4 no-wrap !navigable-border-radius",this.disabled?"outline-none cursor-not-allowed sd-menu--disabled-color-text hover:bg-transparent":"cursor-pointer sd-menu-color-text hover:bg-neutral-200",this.isSubmenu()&&t&&"submenu-expanded")}" .disabled="${this.disabled}" ?aria-haspopup="${this.isSubmenu()}" ?aria-expanded="${!!t}">${this.type==="checkbox"?p`<span part="checked-icon" class="${c("flex items-center justify-center grow-0 shrink-0 basis-auto",this.checked?"visible":"invisible")}"><sd-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-icon></span>`:""} ${e.iconIndent?p`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>`:""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron||this.isSubmenu()?p`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-icon></span>`:""} ${this.submenuController.renderSubmenu()}</div>`}};Tt.styles=[...f.styles,x`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
 :host{--submenu-offset:-6px;display:block}:host(:focus-visible){--tw-outline-style:none;outline-style:none}::slotted(sd-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}[part=checked-icon]{margin-right:var(--sd-spacing-3)}.submenu-expanded::after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(z-dropdown) - 1);--tw-content:'';content:var(--tw-content);clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0))}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{background-color:rgba(var(--sd-color-background-neutral-200));--tw-outline-style:none;outline-style:none}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:var(--outline-color-primary);outline-offset:-2px}:host(.menu-item-focus) [part=base]{outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:var(--outline-color-primary);outline-offset:-2px}:host(:hover) [part=base]{--tw-outline-style:none;outline-style:none}//TODO clean up sd-menu-color-icon variable replacing with sd-menu-item-color-icon-fill (breakingchange) :host [part=icon-indent],:host [part=checked-icon],:host [part=submenu-icon]{color:rgba(var(--sd-menu-color-icon,var(--sd-menu-item-color-icon-fill)))}//TODO clean up sd-menu--disabled-color-icon variable replacing with sd-menu-item--disabled-color-icon-fill (breakingchange) :host([aria-disabled=true]) [part=icon-indent]{color:rgba(var(--sd-menu--disabled-color-icon,var(--sd-menu-item--disabled-color-icon-fill)))}sd-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);background-color:rgba(var(--sd-color-background-white));margin-left:var(--submenu-offset)}::slotted(sd-menu){max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}.sd-menu-color-text{color:rgba(var(--sd-menu-color-text,var(--sd-menu-item-color-text)))}.sd-menu--disabled-color-text{color:rgba(var(--sd-menu--disabled-color-text,var(--sd-menu-item--disabled-color-text)))}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`],s([v("slot:not([name])")],Tt.prototype,"defaultSlot",2),s([v('part="base"')],Tt.prototype,"menuItem",2),s([d()],Tt.prototype,"type",2),s([d({type:Boolean,reflect:!0})],Tt.prototype,"checked",2),s([d({type:Boolean,reflect:!0})],Tt.prototype,"disabled",2),s([d()],Tt.prototype,"value",2),s([d({type:Boolean,reflect:!0})],Tt.prototype,"chevron",2),s([C("checked")],Tt.prototype,"handleCheckedChange",1),s([C("disabled")],Tt.prototype,"handleDisabledChange",1),s([C("type")],Tt.prototype,"handleTypeChange",1),Tt=s([k("sd-menu-item")],Tt);var dt=class extends f{constructor(){super(...arguments);this.hasSlotController=new O(this,"[default]","description","children");this.localize=new _(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.stacked=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.separated&&!this.href&&this.hasSlotController.test("children")}get isIconOnly(){if(!this.defaultSlot)return!1;let t=this.defaultSlot.assignedNodes({flatten:!0});return t.length>0&&t.every(e=>{var i;return e.nodeType===Node.TEXT_NODE?!((i=e.textContent)!=null&&i.trim()):e.nodeType===Node.ELEMENT_NODE?e.tagName.toLowerCase()==="sd-icon":!1})}get isStackedHorizontal(){return!this.vertical&&this.stacked}handleClickButton(t){this.disabled&&(t.preventDefault(),t.stopPropagation())}handleClickSummary(t){t.preventDefault(),t.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}get calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}get tag(){return this.separated&&!this.isLink?rt`div`:this.isAccordion&&!this.isLink?rt`summary`:this.isLink?rt`a`:rt`button`}focus(){var t;this.disabled||(t=this.button)==null||t.focus()}blur(){var t;(t=this.button)==null||t.blur()}render(){let t=this.tag,e=this.isLink,i=this.isButton,a=this.isAccordion,n=this.isIconOnly,l={label:this.hasSlotController.test("[default]"),main:this.hasSlotController.test("main"),description:this.hasSlotController.test("description"),children:this.hasSlotController.test("children")},h=this.vertical?"py-3":this.isStackedHorizontal?"pt-1 pb-0":"py-2",u=q`<${t} part="base" class="${c("flex items-center cursor-pointer relative focus-visible:focus-outline group hover:bg-neutral-200 transition-colors duration-fast ease-in-out min-h-[48px] navigable-border-radius",this.isStackedHorizontal?"text-xs leading-4.5":{md:"navigable-font-size",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"sd-navigation-item--default-color-text",this.current&&!this.disabled&&"sd-navigation-item--current-color-text",this.current&&!this.isStackedHorizontal&&"font-bold",!this.current&&!this.isStackedHorizontal&&"choice-control-font-weight",!a&&"w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&(this.isStackedHorizontal?"inline-flex flex-col items-center justify-center text-center rounded-full wrap":"inline-flex items-center"),!this.separated&&"hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",n?"justify-center aspect-square p-3":this.isStackedHorizontal?"px-8":"px-4")}" aria-current="${$(this.current?"page":void 0)}" aria-disabled="${this.disabled}" aria-labelledby="content" aria-describedby="description" ?disabled="${$(i?this.disabled:void 0)}" href="${$(e?this.href:void 0)}" target="${$(e?this.target:void 0)}" download="${$(e?this.download:void 0)}" rel="${$(e&&this.target?"noreferrer noopener":void 0)}" tabindex="${this.disabled?"-1":"0"}" @click="${this.separated?void 0:a?this.handleClickSummary:i?this.handleClickButton:void 0}"><div part="current-indicator" class="${c("absolute bg-accent pointer-events-none navigable__current-indicator-border-radius",this.isStackedHorizontal&&"hidden",this.vertical?"navigable__current-indicator-width h-[calc(100%-16px)] top-2 left-0 group-hover:h-full group-hover:top-0":"navigable__current-indicator-height w-[calc(100%-16px)] left-2 bottom-0 group-hover:w-full group-hover:left-0 transition-all",this.disabled&&"bg-neutral-500")}"></div><div class="${c("inline-flex flex-col justify-center gap-1 w-full h-full",this.isStackedHorizontal&&"flex-col items-center")}"><span part="content-area" class="${c("relative inline-flex justify-between items-center",a?"grow":"w-full",this.isStackedHorizontal&&"justify-center",l.description&&"pt-3",!l.description&&!this.separated&&h,this.calculatePaddingX)}">${this.divider&&this.vertical?q`<sd-divider part="divider" class="${c("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-divider>`:""} <span id="content" part="content-container" class="${c("inline-flex items-center",this.vertical?"flex-auto gap-2":this.isStackedHorizontal?"relative text-center pb-1":"flex-auto flex-col justify-center gap-1 text-center")}"><slot part="content" class="${c("inline-flex items-center",this.vertical?"gap-2":this.isStackedHorizontal?"flex-col justify-center gap-1 text-center":"justify-center gap-1 text-center")}"></slot>${this.isStackedHorizontal?q`<span part="current-indicator" aria-hidden="true" class="${c("absolute left-0 right-0 bottom-0 h-[2px] pointer-events-none bg-accent navigable__current-indicator-border-radius",this.disabled&&"bg-neutral-500")}"></span>`:""} </span>${this.chevron||l.children&&this.vertical&&!this.separated?q`<sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${c("h-6 w-6 ml-2 transition-all",a?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon>`:""} </span>${l.description&&this.vertical?q`<slot id="description" name="description" part="description" class="${c("inline-block text-sm text-left font-normal text-black pb-3",a||this.separated?"grow":"w-full",this.calculatePaddingX)}"></slot>`:""}</div></${t}>`;return this.separated?q`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${u} ${l.children&&this.vertical?q`<button type="button" title="${this.open?this.localize.term("collapseNavigationItem"):this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${c("m-4 h-6 w-6 transition-all",a||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon></button>`:""}</div>${this.open?q`<slot name="children"></slot>`:""}</div>`:a?q`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${u}<slot name="children"></slot></details>`:q`${u}`}};dt.styles=[...f.styles,x`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}:host([stacked]:not([vertical])) ::slotted(sd-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}.sd-navigation-item--current-color-text{color:rgb(var(--sd-navigation-item--current-color-text,var(--sd-navigation-item-color-text)))}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`],s([v('[part="base"]')],dt.prototype,"button",2),s([v("slot:not([name])")],dt.prototype,"defaultSlot",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"vertical",2),s([d({type:String,reflect:!0})],dt.prototype,"size",2),s([d({reflect:!0})],dt.prototype,"href",2),s([d({type:String,reflect:!0})],dt.prototype,"target",2),s([d({reflect:!0})],dt.prototype,"download",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"current",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"disabled",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"stacked",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"chevron",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"relaxed",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"divider",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"indented",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"open",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"separated",2),dt=s([k("sd-navigation-item")],dt);var ji={"top-right":null,"bottom-center":null},Kd=()=>{Object.entries(ji).forEach(([o])=>{let r=document.querySelector(`#sd-toast-stack--${o}`);if(r){r.setAttribute("role","region"),ji[o]=r;return}ji[o]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${o}`,className:`sd-toast-stack sd-toast-stack--${o}`})})};Kd();var Ct=class extends f{constructor(){super(...arguments);this.localize=new _(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return ji[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.wrapper.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(t){this.closable&&t.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await Promise.all([X(this.base),X(this.wrapper)]),this.wrapper.hidden=!1;let t=j(this,"notification.show",{dir:this.localize.dir()}),e=j(this,`notification.wrapper.show${Cr(Co(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([W(this.base,Ee(t.keyframes,this.base.scrollHeight),t.options),W(this.wrapper,e.keyframes,e.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await Promise.all([X(this.base),X(this.wrapper)]);let t=j(this,"notification.hide",{dir:this.localize.dir()}),e=j(this,`notification.wrapper.hide${Cr(Co(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([W(this.base,Ee(t.keyframes,this.base.scrollHeight),t.options),W(this.wrapper,e.keyframes,e.options)]),this.wrapper.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,J(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,J(this,"sd-after-hide")}async toast(){return new Promise(t=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),t()},{once:!0})})}render(){return p`<div part="base" class="${c("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="${$(this.closable?"0":void 0)}" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${c("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${c("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-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-icon></slot><div part="content" class="${c("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 sd-notification-color-border",{info:"sd-notification--info-color-background",success:"sd-notification--success-color-background",warning:"sd-notification--warning-color-background",error:"sd-notification--error-color-background"}[this.variant])}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable?p`<sd-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-icon></sd-button>`:""}</div>${this.durationIndicator?p`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${c("absolute w-0 h-[2px] bottom-0 sd-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>`}};Ct.styles=[...f.styles,x`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}:host([stacked]:not([vertical])) ::slotted(sd-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}.sd-navigation-item--current-color-text{color:rgb(var(--sd-navigation-item--current-color-text,var(--sd-navigation-item-color-text)))}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`],s([v('[part="base"]')],dt.prototype,"button",2),s([v("slot:not([name])")],dt.prototype,"defaultSlot",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"vertical",2),s([d({type:String,reflect:!0})],dt.prototype,"size",2),s([d({reflect:!0})],dt.prototype,"href",2),s([d({type:String,reflect:!0})],dt.prototype,"target",2),s([d({reflect:!0})],dt.prototype,"download",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"current",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"disabled",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"stacked",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"chevron",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"relaxed",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"divider",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"indented",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"open",2),s([d({type:Boolean,reflect:!0})],dt.prototype,"separated",2),dt=s([k("sd-navigation-item")],dt);var ji={"top-right":null,"bottom-center":null},Kd=()=>{Object.entries(ji).forEach(([o])=>{let r=document.querySelector(`#sd-toast-stack--${o}`);if(r){r.setAttribute("role","region"),ji[o]=r;return}ji[o]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${o}`,className:`sd-toast-stack sd-toast-stack--${o}`})})};Kd();var Ct=class extends f{constructor(){super(...arguments);this.localize=new _(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return ji[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.wrapper.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(t){this.closable&&t.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await Promise.all([X(this.base),X(this.wrapper)]),this.wrapper.hidden=!1;let t=j(this,"notification.show",{dir:this.localize.dir()}),e=j(this,`notification.wrapper.show${Cr(Co(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([W(this.base,Ee(t.keyframes,this.base.scrollHeight),t.options),W(this.wrapper,e.keyframes,e.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await Promise.all([X(this.base),X(this.wrapper)]);let t=j(this,"notification.hide",{dir:this.localize.dir()}),e=j(this,`notification.wrapper.hide${Cr(Co(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([W(this.base,Ee(t.keyframes,this.base.scrollHeight),t.options),W(this.wrapper,e.keyframes,e.options)]),this.wrapper.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,J(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,J(this,"sd-after-hide")}async toast(){return new Promise(t=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),t()},{once:!0})})}render(){return p`<div part="base" class="${c("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="${$(this.closable?"0":void 0)}" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${c("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${c("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-icon name="${{info:"info-circle",success:"confirm-circle",warning:"exclamation-circle",error:"risk"}[this.variant]||""}" library="_internal" class="h-6 w-6 text-white"></sd-icon></slot><div part="content" class="${c("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 sd-notification-color-border",{info:"sd-notification--info-color-background",success:"sd-notification--success-color-background",warning:"sd-notification--warning-color-background",error:"sd-notification--error-color-background"}[this.variant])}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable?p`<sd-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-icon></sd-button>`:""}</div>${this.durationIndicator?p`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${c("absolute w-0 h-[2px] bottom-0 sd-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>`}};Ct.styles=[...f.styles,x`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],s([v('[part~="base"]')],Ct.prototype,"base",2),s([v('[part~="wrapper"]')],Ct.prototype,"wrapper",2),s([v('[part~="close-button"]')],Ct.prototype,"close",2),s([d({type:String,reflect:!0})],Ct.prototype,"variant",2),s([d({type:Boolean,reflect:!0})],Ct.prototype,"open",2),s([d({type:Boolean,reflect:!0})],Ct.prototype,"closable",2),s([d({type:Number,reflect:!0})],Ct.prototype,"duration",2),s([d({type:Boolean,reflect:!0,attribute:"duration-indicator"})],Ct.prototype,"durationIndicator",2),s([d({type:String,reflect:!0,attribute:"toast-stack"})],Ct.prototype,"toastStack",2),s([C("open",{waitUntilFirstUpdate:!0})],Ct.prototype,"handleOpenChange",1),s([C("duration")],Ct.prototype,"handleDurationChange",1),Ct=s([k("sd-notification")],Ct);F("notification.show",{keyframes:[{opacity:0,height:0},{opacity:1,height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});F("notification.hide",{keyframes:[{opacity:1,height:"auto"},{opacity:0,height:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});F("notification.wrapper.showTopRight",{keyframes:[{bottom:"32px"},{bottom:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});F("notification.wrapper.hideTopRight",{keyframes:[{bottom:"0"},{bottom:"32px"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});var Jt=class extends f{constructor(){super(...arguments);this.localize=new _(this);this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:t}=this;this.defaultSlot.assignedElements().filter(e=>e.tagName.toLowerCase()==="sd-option").forEach(e=>{e.disabled=t})}handleDisabledChange(){this.handleDisableOptions()}render(){let{disabled:t}=this;return q`<div role="${t?"presentation":"group"}" class="${c(this.disabled?"text-neutral-500":"")}" part="base" aria-labelledby="group-label"><sd-divider id="divider" class="pt-2 pb-4" part="divider"></sd-divider><div part="label-container" class="${c(this.disabled?"text-neutral-500":"text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`}};Jt.styles=[...f.styles,x`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{--display-divider:block}#divider{display:var(--display-divider)}`],s([v("slot:not([name])")],Jt.prototype,"defaultSlot",2),s([d({reflect:!0,type:Boolean})],Jt.prototype,"disabled",2),s([d({type:String,reflect:!0})],Jt.prototype,"label",2),s([C("disabled",{waitUntilFirstUpdate:!0})],Jt.prototype,"handleDisabledChange",1),Jt=s([k("sd-optgroup")],Jt);var wt=class extends f{constructor(){super(...arguments);this.hasSlotController=new O(this,"default","left","right");this.current=!1;this.selected=!1;this.hasHover=!1;this.isKeyboardFocus=!1;this.size="lg";this.checkbox=!1;this.disabled=!1;this.value=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){this.value.includes(" ")&&(console.error("Option values cannot include a space. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}getTextLabel(){var t;return((t=this.textContent)!=null?t:"").trim()}render(){let t={default:this.hasSlotController.test("default"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")};return p`<div part="base" style="word-break:break-word" class="${c("px-4 flex items-start w-full transition-colors duration-fast ease-in-out text-left text-base relative",{sm:"text-base py-1",md:"text-base py-2",lg:"text-base py-3"}[this.size],this.disabled?"text-neutral-500 cursor-not-allowed":"text-black cursor-pointer",this.hasHover&&!this.disabled?"bg-neutral-200":"",this.isKeyboardFocus?"focus-outline focus-outline-offset":"",this.current&&"bg-neutral-200")}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><span class="${c("absolute w-full left-0 top-0 pointer-events-none transition-[height,top] duration-fast ease-in-out border-l-4 h-[calc(100%-8px)]",this.selected&&!this.checkbox?"border-accent":"border-transparent",this.disabled&&"border-neutral-500 top-1",!this.disabled&&this.hasHover?"h-full top-0":"top-1")}"></span> ${this.checkbox?p`<span id="control" part="control ${this.selected?" control--checked":"control--unchecked"}" class="${c("relative flex flex-shrink-0 items-center justify-center border sd-checkbox-border-width rounded-sm h-4 w-4 mr-2",{sm:"mt-0.5",md:"mt-1",lg:"mt-1"}[this.size],this.disabled?"sd-option--disabled-color-border":this.selected?"bg-accent border-accent":"bg-white form-control-color-border")}">${this.selected?p`<sd-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-icon>`:""}</span>`:""} ${t.left?p`<slot name="left" part="left" class="inline-flex mr-2"></slot>`:""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${t.right?p`<slot name="right" part="right" class="inline-flex ml-2"></slot>`:""}</div>`}};wt.styles=[...f.styles,x`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{position:relative;display:block;width:100%;--tw-outline-style:none!important;outline-style:none!important}.focus-outline-offset{outline-offset:-2px}.sd-option--disabled-color-border{border-color:rgb(var(--sd-option--disabled-color-border))}`],s([v('[part="base"]')],wt.prototype,"defaultSlot",2),s([L()],wt.prototype,"current",2),s([L()],wt.prototype,"selected",2),s([L()],wt.prototype,"hasHover",2),s([L()],wt.prototype,"isKeyboardFocus",2),s([d({type:String,reflect:!0})],wt.prototype,"size",2),s([d({type:Boolean,reflect:!0})],wt.prototype,"checkbox",2),s([d({type:Boolean,reflect:!0})],wt.prototype,"disabled",2),s([d({type:String,reflect:!0})],wt.prototype,"value",2),s([C("disabled")],wt.prototype,"handleDisabledChange",1),s([C("selected")],wt.prototype,"handleSelectedChange",1),s([C("value")],wt.prototype,"handleValueChange",1),wt=s([k("sd-option")],wt);var Bt=class extends f{constructor(){super();this.hasSlotController=new O(this,"label");this.value=null;this.max=100;this.label="";this.valuePosition=null;this.inverted=!1;this.showLabel=!1;this.localize=new _(this);this.valueFormatter=this.localize.number.bind(this.localize)}get safeMax(){return this.max>0?this.max:100}get clampedValue(){var t;return Math.min(Math.max((t=this.value)!=null?t:0,0),this.safeMax)}get percentage(){return this.clampedValue/this.safeMax*100}get isLoading(){return this.value===void 0||this.value===null||isNaN(this.value)}get showValue(){return!this.isLoading&&(this.valuePosition==="right"||this.valuePosition==="bottom")}render(){let t={label:this.hasSlotController.test("label")},e=this.label?!0:!!t.label;return p`<div part="base" class="text-start" aria-hidden="${!e}">${e?p`<label part="label" id="label" class="${c("text-base",!this.showLabel&&"sr-only",this.inverted?"text-white":"text-black")}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label>`:U}<div class="${c(this.valuePosition==="right"?"flex flex-row items-center gap-2 -mt-1":this.valuePosition==="bottom"?"flex flex-col gap-1 mt-1":"mt-1")}"><div part="bar" id="bar" class="${c("w-full h-[var(--height,0.125rem)]",this.isLoading?"relative ":"flex")}" role="progressbar" aria-valuemin="0" aria-valuemax="${this.safeMax}" aria-valuenow="${$(this.isLoading?void 0:this.valueFormatter(this.clampedValue))}" aria-valuetext="${$(this.isLoading?this.localize.term("loading"):this.valueFormatter(this.clampedValue))}" aria-label="${$(e?void 0:this.label||this.localize.term("progress"))}" aria-labelledby="${$(e?"label":this.label)}" style="${`--percentage: ${this.percentage}%;`}">${this.isLoading?p`<div part="track" class="${c("absolute top-0 left-0 h-full progress-bar__track--loading-left",this.inverted?"sd-progress-bar__slide-bar--inverted-color-background":"sd-progress-bar__slide-bar-color-background")}"></div><div part="track" class="${c("absolute top-0 right-0 h-full progress-bar__track--loading-right",this.inverted?"sd-progress-bar__slide-bar--inverted-color-background":"sd-progress-bar__slide-bar-color-background")}"></div><div part="indicator" class="${c("absolute top-0 h-full progress-bar__indicator--loading",this.inverted?"sd-progress-bar--active--inverted-color-background":"bg-accent")}"></div>`:p`<div part="indicator" class="${c("w-[var(--percentage)]",this.inverted?"sd-progress-bar--active--inverted-color-background":"bg-accent")}"></div>${this.value&&this.value>0&&this.value<this.safeMax?p`<div class="w-0.5 shrink-0"></div>`:U}<div part="track" class="${c("flex-1",this.inverted?"sd-progress-bar__slide-bar--inverted-color-background":"sd-progress-bar__slide-bar-color-background")}"></div>`}</div>${this.showValue?p`<span class="${c("text-neutral-700 text-xs w-shrink-0",this.inverted?"text-white":"text-neutral-700",this.valuePosition==="bottom"?"text-start":"text-center",this.valuePosition==="right"&&"whitespace-nowrap")}" part="value-${this.valuePosition}">${this.valueFormatter(this.clampedValue)}</span>`:U}</div></div>`}};Bt.styles=[...f.styles,x`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;

package/cdn/solid-components.js

@@ -1 +1 @@
-import{a as ue}from"./chunks/chunk.C45254AN.js";import"./chunks/chunk.HAL7R4WT.js";import{a as oe}from"./chunks/chunk.ANATT6AT.js";import{a as re}from"./chunks/chunk.ASKKOJCO.js";import{a as ae}from"./chunks/chunk.JL2MPTKO.js";import{a as te}from"./chunks/chunk.EI4IMAYD.js";import{a as U}from"./chunks/chunk.E534YUSM.js";import{a as W}from"./chunks/chunk.DAOJL6S4.js";import{a as X}from"./chunks/chunk.QSJUZLB2.js";import{a as Y}from"./chunks/chunk.L336NHPB.js";import{a as Z}from"./chunks/chunk.Z4YHZJIF.js";import{a as _}from"./chunks/chunk.AOREPZKA.js";import{a as $}from"./chunks/chunk.3WYCL4IT.js";import{a as ee}from"./chunks/chunk.F3U2DTSD.js";import{a as V}from"./chunks/chunk.HPIATY3V.js";import{a as j}from"./chunks/chunk.2QDU75ZN.js";import{a as Q}from"./chunks/chunk.TSUM3HLK.js";import{a as y}from"./chunks/chunk.EUMQZSE2.js";import{a as q}from"./chunks/chunk.NFGX5YRE.js";import"./chunks/chunk.IVHEBGOY.js";import{a as z}from"./chunks/chunk.PKZ4ESIN.js";import{a as J}from"./chunks/chunk.GIS4DVXQ.js";import{a as K}from"./chunks/chunk.U27XNZYB.js";import{a as v}from"./chunks/chunk.KIOINDJP.js";import{a as N}from"./chunks/chunk.FVGRD6FB.js";import{a as O}from"./chunks/chunk.WD66IVTH.js";import{a as E}from"./chunks/chunk.EYIJIVD6.js";import{a as F}from"./chunks/chunk.5LFQBAR4.js";import{a as H}from"./chunks/chunk.WZRSNXL5.js";import{a as R}from"./chunks/chunk.WBW76Z2R.js";import{a as A}from"./chunks/chunk.L2ZKD7MK.js";import{a as w}from"./chunks/chunk.GSAQ2Q4R.js";import{a as L}from"./chunks/chunk.JE3YJUVL.js";import{a as P}from"./chunks/chunk.VP43465X.js";import"./chunks/chunk.DSKB3SEU.js";import"./chunks/chunk.ICEC5PGK.js";import{a as M}from"./chunks/chunk.7PBHJ3AA.js";import{a as h}from"./chunks/chunk.7VEYTFRZ.js";import"./chunks/chunk.WWGARXPI.js";import"./chunks/chunk.23WKPZET.js";import{a as C}from"./chunks/chunk.GJX26DHL.js";import{a as I}from"./chunks/chunk.36QLPRT4.js";import{a as D}from"./chunks/chunk.DPQT6F7D.js";import{a as G}from"./chunks/chunk.QZRU4P73.js";import{a as T}from"./chunks/chunk.CXBBQLKH.js";import"./chunks/chunk.SAEYIL5V.js";import"./chunks/chunk.IF6Y3ILD.js";import{a as g}from"./chunks/chunk.3WFZS3BV.js";import{a as B}from"./chunks/chunk.NM7MY55L.js";import"./chunks/chunk.54DO3JVH.js";import{a as k}from"./chunks/chunk.IFEBOLGE.js";import"./chunks/chunk.ERP45OHF.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as l}from"./chunks/chunk.K5N6255P.js";import{a as m}from"./chunks/chunk.2RKSDCDG.js";import{a as S}from"./chunks/chunk.4YAUNXGE.js";import{a as x}from"./chunks/chunk.ZKZHOLT2.js";import{a as s}from"./chunks/chunk.ZVWS6LEP.js";import{a as n}from"./chunks/chunk.WEIQTVUC.js";import{a as i}from"./chunks/chunk.PYCLTLDF.js";import"./chunks/chunk.QVVPGDHH.js";import{a as b}from"./chunks/chunk.AO6JCKAN.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.EOXYPQZI.js";import"./chunks/chunk.MHWW3RZB.js";import{a as c}from"./chunks/chunk.YOZZZJAW.js";import"./chunks/chunk.CBQWVOOS.js";import{a as r}from"./chunks/chunk.T2SNKUUJ.js";import{a as o}from"./chunks/chunk.AHBE5NFY.js";import{a}from"./chunks/chunk.NP23CN3G.js";import"./chunks/chunk.D4E5ZIRW.js";import{a as u}from"./chunks/chunk.JBAA7CJY.js";import{a as p}from"./chunks/chunk.YV24RFB5.js";import"./chunks/chunk.I2H6CZK5.js";import"./chunks/chunk.O7KFGYFO.js";import"./chunks/chunk.TXP36Z3M.js";import"./chunks/chunk.3L472FD4.js";import{a as f}from"./chunks/chunk.3AMTNKLX.js";import{a as d}from"./chunks/chunk.NXMAZ6GM.js";import{a as t}from"./chunks/chunk.ARHQV4EC.js";import"./chunks/chunk.LZRL7OLU.js";import"./chunks/chunk.LHSR56PH.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.B2NUKX6G.js";import"./chunks/chunk.NL7YFV4O.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as e}from"./chunks/chunk.6PD5QPCL.js";import"./chunks/chunk.W5O4FM6B.js";import"./chunks/chunk.QQD62QOV.js";import{d as de,e as fe}from"./chunks/chunk.NYJUQAML.js";import"./chunks/chunk.TRGIF57L.js";import"./chunks/chunk.MB7SWCJ2.js";import"./chunks/chunk.U7TS5SGA.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import{a as pe}from"./chunks/chunk.VAM5SM3O.js";import"./chunks/chunk.PB7NJRWC.js";import"./chunks/chunk.NADOKI3X.js";import"./chunks/chunk.4XDRYWQQ.js";import"./chunks/chunk.4ZZFYCXX.js";import"./chunks/chunk.NYKJXI3Q.js";import"./chunks/chunk.ESAXBMID.js";import"./chunks/chunk.OBAEIKIV.js";import"./chunks/chunk.W4QBFD6E.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.6EV4YU6C.js";export{pe as LocalizeController,o as SdAccordion,r as SdAccordionGroup,a as SdAnimation,u as SdAudio,l as SdBadge,m as SdBrandshape,S as SdBreadcrumb,n as SdBreadcrumbItem,f as SdButton,b as SdCarousel,c as SdCarouselItem,T as SdCheckbox,g as SdCheckboxGroup,B as SdCombobox,h as SdDatepicker,C as SdDialog,I as SdDivider,p as SdDrawer,x as SdDropdown,D as SdExpandable,G as SdFlipcard,M as SdHeader,e as SdIcon,R as SdInclude,A as SdInput,i as SdLink,t as SdLoader,w as SdMapMarker,L as SdMenu,P as SdMenuItem,v as SdNavigationItem,N as SdNotification,O as SdOptgroup,E as SdOption,s as SdPopup,F as SdProgressBar,H as SdQuickfact,Q as SdRadio,V as SdRadioButton,j as SdRadioGroup,y as SdRange,z as SdRangeTick,J as SdScrollable,K as SdSelect,U as SdSkeleton,W as SdSpinner,X as SdStep,Y as SdStepGroup,Z as SdSwitch,_ as SdTab,$ as SdTabGroup,ee as SdTabPanel,k as SdTag,oe as SdTeaser,re as SdTeaserMedia,ae as SdTextarea,d as SdThemeListener,q as SdTooltip,te as SdVideo,de as registerIconLibrary,ue as setupAutocomplete,fe as unregisterIconLibrary};
+import{a as ue}from"./chunks/chunk.C45254AN.js";import"./chunks/chunk.HAL7R4WT.js";import{a as oe}from"./chunks/chunk.ANATT6AT.js";import{a as re}from"./chunks/chunk.ASKKOJCO.js";import{a as ae}from"./chunks/chunk.JL2MPTKO.js";import{a as te}from"./chunks/chunk.EI4IMAYD.js";import{a as U}from"./chunks/chunk.E534YUSM.js";import{a as W}from"./chunks/chunk.DAOJL6S4.js";import{a as X}from"./chunks/chunk.QSJUZLB2.js";import{a as Y}from"./chunks/chunk.L336NHPB.js";import{a as Z}from"./chunks/chunk.Z4YHZJIF.js";import{a as _}from"./chunks/chunk.AOREPZKA.js";import{a as $}from"./chunks/chunk.3WYCL4IT.js";import{a as ee}from"./chunks/chunk.F3U2DTSD.js";import{a as V}from"./chunks/chunk.HPIATY3V.js";import{a as j}from"./chunks/chunk.2QDU75ZN.js";import{a as Q}from"./chunks/chunk.TSUM3HLK.js";import{a as y}from"./chunks/chunk.EUMQZSE2.js";import{a as q}from"./chunks/chunk.NFGX5YRE.js";import"./chunks/chunk.IVHEBGOY.js";import{a as z}from"./chunks/chunk.PKZ4ESIN.js";import{a as J}from"./chunks/chunk.GIS4DVXQ.js";import{a as K}from"./chunks/chunk.U27XNZYB.js";import{a as v}from"./chunks/chunk.KIOINDJP.js";import{a as N}from"./chunks/chunk.AM4XV4Z3.js";import{a as O}from"./chunks/chunk.WD66IVTH.js";import{a as E}from"./chunks/chunk.EYIJIVD6.js";import{a as F}from"./chunks/chunk.5LFQBAR4.js";import{a as H}from"./chunks/chunk.WZRSNXL5.js";import{a as R}from"./chunks/chunk.WBW76Z2R.js";import{a as A}from"./chunks/chunk.L2ZKD7MK.js";import{a as w}from"./chunks/chunk.GSAQ2Q4R.js";import{a as L}from"./chunks/chunk.JE3YJUVL.js";import{a as P}from"./chunks/chunk.VP43465X.js";import"./chunks/chunk.DSKB3SEU.js";import"./chunks/chunk.ICEC5PGK.js";import{a as M}from"./chunks/chunk.7PBHJ3AA.js";import{a as h}from"./chunks/chunk.7VEYTFRZ.js";import"./chunks/chunk.WWGARXPI.js";import"./chunks/chunk.23WKPZET.js";import{a as C}from"./chunks/chunk.GJX26DHL.js";import{a as I}from"./chunks/chunk.36QLPRT4.js";import{a as D}from"./chunks/chunk.DPQT6F7D.js";import{a as G}from"./chunks/chunk.QZRU4P73.js";import{a as T}from"./chunks/chunk.CXBBQLKH.js";import"./chunks/chunk.SAEYIL5V.js";import"./chunks/chunk.IF6Y3ILD.js";import{a as g}from"./chunks/chunk.3WFZS3BV.js";import{a as B}from"./chunks/chunk.NM7MY55L.js";import"./chunks/chunk.54DO3JVH.js";import{a as k}from"./chunks/chunk.IFEBOLGE.js";import"./chunks/chunk.ERP45OHF.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as l}from"./chunks/chunk.K5N6255P.js";import{a as m}from"./chunks/chunk.2RKSDCDG.js";import{a as S}from"./chunks/chunk.4YAUNXGE.js";import{a as x}from"./chunks/chunk.ZKZHOLT2.js";import{a as s}from"./chunks/chunk.ZVWS6LEP.js";import{a as n}from"./chunks/chunk.WEIQTVUC.js";import{a as i}from"./chunks/chunk.PYCLTLDF.js";import"./chunks/chunk.QVVPGDHH.js";import{a as b}from"./chunks/chunk.AO6JCKAN.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.EOXYPQZI.js";import"./chunks/chunk.MHWW3RZB.js";import{a as c}from"./chunks/chunk.YOZZZJAW.js";import"./chunks/chunk.CBQWVOOS.js";import{a as r}from"./chunks/chunk.T2SNKUUJ.js";import{a}from"./chunks/chunk.NP23CN3G.js";import"./chunks/chunk.D4E5ZIRW.js";import{a as o}from"./chunks/chunk.AHBE5NFY.js";import{a as u}from"./chunks/chunk.JBAA7CJY.js";import{a as p}from"./chunks/chunk.YV24RFB5.js";import"./chunks/chunk.I2H6CZK5.js";import"./chunks/chunk.O7KFGYFO.js";import"./chunks/chunk.TXP36Z3M.js";import"./chunks/chunk.3L472FD4.js";import{a as f}from"./chunks/chunk.3AMTNKLX.js";import{a as d}from"./chunks/chunk.NXMAZ6GM.js";import{a as t}from"./chunks/chunk.ARHQV4EC.js";import"./chunks/chunk.LZRL7OLU.js";import"./chunks/chunk.LHSR56PH.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.B2NUKX6G.js";import"./chunks/chunk.NL7YFV4O.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as e}from"./chunks/chunk.6PD5QPCL.js";import"./chunks/chunk.W5O4FM6B.js";import"./chunks/chunk.QQD62QOV.js";import{d as de,e as fe}from"./chunks/chunk.NYJUQAML.js";import"./chunks/chunk.TRGIF57L.js";import"./chunks/chunk.MB7SWCJ2.js";import"./chunks/chunk.U7TS5SGA.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import{a as pe}from"./chunks/chunk.VAM5SM3O.js";import"./chunks/chunk.PB7NJRWC.js";import"./chunks/chunk.NADOKI3X.js";import"./chunks/chunk.4XDRYWQQ.js";import"./chunks/chunk.4ZZFYCXX.js";import"./chunks/chunk.NYKJXI3Q.js";import"./chunks/chunk.ESAXBMID.js";import"./chunks/chunk.OBAEIKIV.js";import"./chunks/chunk.W4QBFD6E.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.6EV4YU6C.js";export{pe as LocalizeController,o as SdAccordion,r as SdAccordionGroup,a as SdAnimation,u as SdAudio,l as SdBadge,m as SdBrandshape,S as SdBreadcrumb,n as SdBreadcrumbItem,f as SdButton,b as SdCarousel,c as SdCarouselItem,T as SdCheckbox,g as SdCheckboxGroup,B as SdCombobox,h as SdDatepicker,C as SdDialog,I as SdDivider,p as SdDrawer,x as SdDropdown,D as SdExpandable,G as SdFlipcard,M as SdHeader,e as SdIcon,R as SdInclude,A as SdInput,i as SdLink,t as SdLoader,w as SdMapMarker,L as SdMenu,P as SdMenuItem,v as SdNavigationItem,N as SdNotification,O as SdOptgroup,E as SdOption,s as SdPopup,F as SdProgressBar,H as SdQuickfact,Q as SdRadio,V as SdRadioButton,j as SdRadioGroup,y as SdRange,z as SdRangeTick,J as SdScrollable,K as SdSelect,U as SdSkeleton,W as SdSpinner,X as SdStep,Y as SdStepGroup,Z as SdSwitch,_ as SdTab,$ as SdTabGroup,ee as SdTabPanel,k as SdTag,oe as SdTeaser,re as SdTeaserMedia,ae as SdTextarea,d as SdThemeListener,q as SdTooltip,te as SdVideo,de as registerIconLibrary,ue as setupAutocomplete,fe as unregisterIconLibrary};

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

@@ -1722,28 +1722,6 @@
         }
       ]
     },
-    {
-      "name": "sd-menu",
-      "description": "Used as a list of choices to the user, such as a set of actions or functions.\n---\n\n\n### **Events:**\n - **sd-select** - Emitted when a menu item is selected.\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 menu's content.",
-      "attributes": [
-        {
-          "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-menu--docs"
-        }
-      ]
-    },
     {
       "name": "sd-map-marker",
       "description": "Used to show a location or a cluster of locations on a map.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the map marker loses focus.\n- **sd-focus** - Emitted when the map marker is focused.\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 marker's content.\\\n\n### **CSS Properties:**\n - **--map-marker-scaling** - Scale the marker size. _(default: undefined)_\n- **--sd-map-marker-cluster--hovered-color-icon-fill** - The icon fill color for map marker clusters in hovered state. _(default: undefined)_\n- **--sd-map-marker-cluster-color-icon-fill** - The default icon fill color for map marker clusters. _(default: undefined)_\n- **--sd-map-marker-cluster--hovered-color-text** - The text color for map marker clusters in hovered state. _(default: undefined)_\n- **--sd-map-marker--cluster--default-color-background** - The default background color for map marker clusters. _(default: undefined)_\n- **--sd-map-marker--cluster--hover-color-background** - The background color for map marker clusters in hover state. _(default: undefined)_\n- **--sd-map-marker--cluster-color-text** - The text color for map marker clusters. _(default: undefined)_\n- **--sd-map-marker--main-color-background** - The background color for main map markers. _(default: undefined)_\n- **--sd-map-marker--pin--default-color-background** - The default background color for place map markers. _(default: undefined)_\n- **--sd-map-marker--pin--hover-color-background** - The background color for place map markers in hover state. _(default: undefined)_\n- **--sd-map-marker--pin-color-text** - The text color for place map markers. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The components' base wrapper.\n- **marker** - The markers' svg wrapper.\n- **content** - The container that wraps the default slot.\n- **motion-wrapper** - The container that wraps the motion animation.",
@@ -1814,6 +1792,28 @@
         }
       ]
     },
+    {
+      "name": "sd-menu",
+      "description": "Used as a list of choices to the user, such as a set of actions or functions.\n---\n\n\n### **Events:**\n - **sd-select** - Emitted when a menu item is selected.\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 menu's content.",
+      "attributes": [
+        {
+          "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-menu--docs"
+        }
+      ]
+    },
     {
       "name": "sd-menu-item",
       "description": "Used to provide options for the user to pick from a menu.\n---\n\n\n### **Methods:**\n - **getTextLabel(): _string_** - Returns a text label based on the contents of the menu item's default slot.\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 menu item's label.\n- **icon-indent** - Used to prepend an icon or similar element to the menu item.\n- **submenu** - Used to denote a nested menu.\n\n### **CSS Properties:**\n - **--submenu-offset** - The offset of the submenu from the parent menu item. _(default: undefined)_\n- **--sd-navigable-border-radius** - The menu-item border radius on hover. _(default: undefined)_\n- **--sd-menu-item-color-icon-fill** - The default icon color for menu items. _(default: undefined)_\n- **--sd-menu-item-color-text** - The default text color for menu items. _(default: undefined)_\n- **--sd-menu-item--disabled-color-icon-fill** - The icon color for disabled menu items. _(default: undefined)_\n- **--sd-menu-item--disabled-color-text** - The text color for disabled menu items. _(default: undefined)_\n- **--sd-menu-color-icon** - This custom property is deprecated. Use `--sd-menu-item-color-icon-fill` instead. _(default: undefined)_\n- **--sd-menu-color-text** - This custom property is deprecated. Use `--sd-menu-item-color-text` instead. _(default: undefined)_\n- **--sd-menu--disabled-color-icon** - This custom property is deprecated. Use `--sd-menu-item--disabled-color-icon-fill` instead. _(default: undefined)_\n- **--sd-menu--disabled-color-text** - This custom property is deprecated. Use `--sd-menu-item--disabled-color-text` instead. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **checked-icon** - The icon shown when the menu item is checked.\n- **icon-indent** - The icon shown when the menu item has an indent.\n- **label** - The menu item's label.\n- **submenu-icon** - The icon shown when the menu item has a submenu.",

package/cdn/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@solid-design-system/components",
-  "version": "6.29.0",
+  "version": "6.29.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -3984,51 +3984,6 @@
             "events": []
           }
         },
-        {
-          "name": "sd-menu",
-          "description": "Used as a list of choices to the user, such as a set of actions or functions.\n---\n\n\n### **Events:**\n - **sd-select** - Emitted when a menu item is selected.\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 menu's content.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "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 menu's content." }],
-          "events": [
-            {
-              "name": "sd-select",
-              "description": "Emitted when a menu item is selected."
-            }
-          ],
-          "js": {
-            "properties": [
-              { "name": "localize" },
-              {
-                "name": "dir",
-                "description": "The element's directionality.",
-                "type": "'ltr' | 'rtl' | 'auto'"
-              },
-              {
-                "name": "lang",
-                "description": "The element's language.",
-                "type": "string"
-              }
-            ],
-            "events": [
-              {
-                "name": "sd-select",
-                "description": "Emitted when a menu item is selected."
-              }
-            ]
-          }
-        },
         {
           "name": "sd-map-marker",
           "description": "Used to show a location or a cluster of locations on a map.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the map marker loses focus.\n- **sd-focus** - Emitted when the map marker is focused.\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 marker's content.\\\n\n### **CSS Properties:**\n - **--map-marker-scaling** - Scale the marker size. _(default: undefined)_\n- **--sd-map-marker-cluster--hovered-color-icon-fill** - The icon fill color for map marker clusters in hovered state. _(default: undefined)_\n- **--sd-map-marker-cluster-color-icon-fill** - The default icon fill color for map marker clusters. _(default: undefined)_\n- **--sd-map-marker-cluster--hovered-color-text** - The text color for map marker clusters in hovered state. _(default: undefined)_\n- **--sd-map-marker--cluster--default-color-background** - The default background color for map marker clusters. _(default: undefined)_\n- **--sd-map-marker--cluster--hover-color-background** - The background color for map marker clusters in hover state. _(default: undefined)_\n- **--sd-map-marker--cluster-color-text** - The text color for map marker clusters. _(default: undefined)_\n- **--sd-map-marker--main-color-background** - The background color for main map markers. _(default: undefined)_\n- **--sd-map-marker--pin--default-color-background** - The default background color for place map markers. _(default: undefined)_\n- **--sd-map-marker--pin--hover-color-background** - The background color for place map markers in hover state. _(default: undefined)_\n- **--sd-map-marker--pin-color-text** - The text color for place map markers. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The components' base wrapper.\n- **marker** - The markers' svg wrapper.\n- **content** - The container that wraps the default slot.\n- **motion-wrapper** - The container that wraps the motion animation.",
@@ -4157,6 +4112,51 @@
             ]
           }
         },
+        {
+          "name": "sd-menu",
+          "description": "Used as a list of choices to the user, such as a set of actions or functions.\n---\n\n\n### **Events:**\n - **sd-select** - Emitted when a menu item is selected.\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 menu's content.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "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 menu's content." }],
+          "events": [
+            {
+              "name": "sd-select",
+              "description": "Emitted when a menu item is selected."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "localize" },
+              {
+                "name": "dir",
+                "description": "The element's directionality.",
+                "type": "'ltr' | 'rtl' | 'auto'"
+              },
+              {
+                "name": "lang",
+                "description": "The element's language.",
+                "type": "string"
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-select",
+                "description": "Emitted when a menu item is selected."
+              }
+            ]
+          }
+        },
         {
           "name": "sd-menu-item",
           "description": "Used to provide options for the user to pick from a menu.\n---\n\n\n### **Methods:**\n - **getTextLabel(): _string_** - Returns a text label based on the contents of the menu item's default slot.\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 menu item's label.\n- **icon-indent** - Used to prepend an icon or similar element to the menu item.\n- **submenu** - Used to denote a nested menu.\n\n### **CSS Properties:**\n - **--submenu-offset** - The offset of the submenu from the parent menu item. _(default: undefined)_\n- **--sd-navigable-border-radius** - The menu-item border radius on hover. _(default: undefined)_\n- **--sd-menu-item-color-icon-fill** - The default icon color for menu items. _(default: undefined)_\n- **--sd-menu-item-color-text** - The default text color for menu items. _(default: undefined)_\n- **--sd-menu-item--disabled-color-icon-fill** - The icon color for disabled menu items. _(default: undefined)_\n- **--sd-menu-item--disabled-color-text** - The text color for disabled menu items. _(default: undefined)_\n- **--sd-menu-color-icon** - This custom property is deprecated. Use `--sd-menu-item-color-icon-fill` instead. _(default: undefined)_\n- **--sd-menu-color-text** - This custom property is deprecated. Use `--sd-menu-item-color-text` instead. _(default: undefined)_\n- **--sd-menu--disabled-color-icon** - This custom property is deprecated. Use `--sd-menu-item--disabled-color-icon-fill` instead. _(default: undefined)_\n- **--sd-menu--disabled-color-text** - This custom property is deprecated. Use `--sd-menu-item--disabled-color-text` instead. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **checked-icon** - The icon shown when the menu item is checked.\n- **icon-indent** - The icon shown when the menu item has an indent.\n- **label** - The menu item's label.\n- **submenu-icon** - The icon shown when the menu item has a submenu.",

package/cdn-versioned/chunks/chunk.2QDU75ZN.js

@@ -1,2 +1,2 @@
-import{a as E}from"./chunk.TSUM3HLK.js";import{b,c as C,d as x,e as w}from"./chunk.LZRL7OLU.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as u}from"./chunk.4ZZFYCXX.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as y,b as r,c,d as m,h as f}from"./chunk.ESAXBMID.js";import{b as v,e as d}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var s=class extends f{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new k(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.helpText="";this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?w:t?x:C}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}updated(t){super.updated(t),this.syncAriaDescription()}syncAriaDescription(){var l;let t=(l=this.shadowRoot)==null?void 0:l.querySelector("fieldset"),e=this.showInvalidStyle?this.validationMessage:"";e?t==null||t.setAttribute("aria-description",e):t==null||t.removeAttribute("aria-description")}getAllRadios(){let t=[...this.querySelectorAll("sd-6-29-0-radio, sd-6-29-0-radio-button")];return t.length===0&&console.warn("No radios found in the radio group."),t}handleRadioClick(t){let e=t.target.closest("sd-6-29-0-radio, sd-6-29-0-radio-button"),l=this.value,i=this.getAllRadios();i.length!==0&&(e.disabled||(this.value=e.value,i.forEach(n=>n.checked=n===e),this.value!==l&&(this.emit("sd-change"),this.emit("sd-input"))))}handleKeyDown(t){var g;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(h=>!h.disabled);if(e.length===0)return;let l=(g=e.find(h=>h.checked))!=null?g:e[0],i=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,a=e.indexOf(l)+i;a<0&&(a=e.length-1),a>e.length-1&&(a=0),this.getAllRadios().forEach(h=>{h.checked=!1,this.hasButtonGroup||(h.tabIndex=-1)}),this.value=e[a].value,e[a].checked=!0,this.hasButtonGroup?e[a].shadowRoot.querySelector("button").focus():(e[a].tabIndex=0,e[a].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios();if(t.length===0)return;let l=t.find(i=>i.checked)||t[0];l&&l.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,l;let t=this.getAllRadios();if(t.length===0){this.hasButtonGroup=!1;return}if(await Promise.all(t.map(async i=>{await i.updateComplete,i.checked=i.value===this.value,i.size=this.size,i instanceof E&&(i.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(i=>i.tagName.toLowerCase()==="sd-6-29-0-radio-button"),!t.some(i=>i.checked))if(this.hasButtonGroup){let i=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");i&&(i.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let i=(l=this.shadowRoot)==null?void 0:l.querySelector("sd-6-29-0-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-6-29-0-radio")&&customElements.get("sd-6-29-0-radio-button")){this.syncRadioElements();return}customElements.get("sd-6-29-0-radio")?this.syncRadioElements():customElements.whenDefined("sd-6-29-0-radio").then(()=>this.syncRadios()),customElements.get("sd-6-29-0-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-6-29-0-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){let t=this.getAllRadios();t.length!==0&&(t.forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid))}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:t,l=this.hasSlotController.test("help-text"),i=this.helpText?!0:!!l,n=this.hasSlotController.test("tooltip"),a=d`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return d`<fieldset part="form-control" class="${u("border-0 p-0 m-0 flex flex-col",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="radiogroup" aria-describedby="invalid-message" aria-labelledby="label">${e||n?d`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${u("p-0 font-bold leading-normal text-black text-left",e?"inline-block":"hidden")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?d`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${u("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?d`<sd-6-29-0-button-group class="border border-primary sd-6-29-0-radio-button-group-border-radius sd-6-29-0-radio-button-group-border-width sd-6-29-0-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${a}</sd-6-29-0-button-group>`:a}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${u("text-sm text-neutral-700 mt-2",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?d`<sd-6-29-0-icon part="invalid-icon" class="${u("text-error")}" library="_internal" name="risk"></sd-6-29-0-icon>`:""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`}};s.styles=[...f.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block}:host([orientation=vertical]) ::slotted(sd-6-29-0-radio){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-6-29-0-radio:last-of-type){margin-bottom:0}:host([orientation=horizontal]) ::slotted(sd-6-29-0-radio){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-6-29-0-radio:last-of-type){margin-right:0}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-29-0-radio){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-29-0-radio:last-of-type){margin-right:0}:host([required]) #label::after{content:' *'}:host:has(sd-6-29-0-button-group){display:inline-flex}`],o([m("slot:not([name])")],s.prototype,"defaultSlot",2),o([m("#validation-input")],s.prototype,"validationInput",2),o([m("#invalid-message")],s.prototype,"invalidMessage",2),o([c()],s.prototype,"hasButtonGroup",2),o([c()],s.prototype,"defaultValue",2),o([c()],s.prototype,"showInvalidStyle",2),o([r({type:String,reflect:!0})],s.prototype,"size",2),o([r({type:Boolean,reflect:!0})],s.prototype,"required",2),o([r({type:String,reflect:!0})],s.prototype,"orientation",2),o([r({type:String,reflect:!0})],s.prototype,"label",2),o([r({type:String,attribute:"help-text",reflect:!0})],s.prototype,"helpText",2),o([r({type:String,reflect:!0})],s.prototype,"name",2),o([r()],s.prototype,"value",2),o([r({type:String,reflect:!0})],s.prototype,"form",2),o([p("size",{waitUntilFirstUpdate:!0})],s.prototype,"handleSizeChange",1),o([p("showInvalidStyle",{waitUntilFirstUpdate:!0})],s.prototype,"handleInvalidChange",1),o([p("value")],s.prototype,"handleValueChange",1),s=o([y("sd-6-29-0-radio-group")],s);export{s as a};
+import{a as E}from"./chunk.TSUM3HLK.js";import{b,c as C,d as x,e as w}from"./chunk.LZRL7OLU.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as u}from"./chunk.4ZZFYCXX.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as y,b as r,c,d as m,h as f}from"./chunk.ESAXBMID.js";import{b as v,e as d}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var s=class extends f{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new k(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.helpText="";this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?w:t?x:C}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}updated(t){super.updated(t),this.syncAriaDescription()}syncAriaDescription(){var l;let t=(l=this.shadowRoot)==null?void 0:l.querySelector("fieldset"),e=this.showInvalidStyle?this.validationMessage:"";e?t==null||t.setAttribute("aria-description",e):t==null||t.removeAttribute("aria-description")}getAllRadios(){let t=[...this.querySelectorAll("sd-6-29-1-radio, sd-6-29-1-radio-button")];return t.length===0&&console.warn("No radios found in the radio group."),t}handleRadioClick(t){let e=t.target.closest("sd-6-29-1-radio, sd-6-29-1-radio-button"),l=this.value,i=this.getAllRadios();i.length!==0&&(e.disabled||(this.value=e.value,i.forEach(n=>n.checked=n===e),this.value!==l&&(this.emit("sd-change"),this.emit("sd-input"))))}handleKeyDown(t){var g;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(h=>!h.disabled);if(e.length===0)return;let l=(g=e.find(h=>h.checked))!=null?g:e[0],i=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,a=e.indexOf(l)+i;a<0&&(a=e.length-1),a>e.length-1&&(a=0),this.getAllRadios().forEach(h=>{h.checked=!1,this.hasButtonGroup||(h.tabIndex=-1)}),this.value=e[a].value,e[a].checked=!0,this.hasButtonGroup?e[a].shadowRoot.querySelector("button").focus():(e[a].tabIndex=0,e[a].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios();if(t.length===0)return;let l=t.find(i=>i.checked)||t[0];l&&l.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,l;let t=this.getAllRadios();if(t.length===0){this.hasButtonGroup=!1;return}if(await Promise.all(t.map(async i=>{await i.updateComplete,i.checked=i.value===this.value,i.size=this.size,i instanceof E&&(i.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(i=>i.tagName.toLowerCase()==="sd-6-29-1-radio-button"),!t.some(i=>i.checked))if(this.hasButtonGroup){let i=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");i&&(i.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let i=(l=this.shadowRoot)==null?void 0:l.querySelector("sd-6-29-1-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-6-29-1-radio")&&customElements.get("sd-6-29-1-radio-button")){this.syncRadioElements();return}customElements.get("sd-6-29-1-radio")?this.syncRadioElements():customElements.whenDefined("sd-6-29-1-radio").then(()=>this.syncRadios()),customElements.get("sd-6-29-1-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-6-29-1-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){let t=this.getAllRadios();t.length!==0&&(t.forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid))}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:t,l=this.hasSlotController.test("help-text"),i=this.helpText?!0:!!l,n=this.hasSlotController.test("tooltip"),a=d`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return d`<fieldset part="form-control" class="${u("border-0 p-0 m-0 flex flex-col",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="radiogroup" aria-describedby="invalid-message" aria-labelledby="label">${e||n?d`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${u("p-0 font-bold leading-normal text-black text-left",e?"inline-block":"hidden")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?d`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${u("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?d`<sd-6-29-1-button-group class="border border-primary sd-6-29-1-radio-button-group-border-radius sd-6-29-1-radio-button-group-border-width sd-6-29-1-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${a}</sd-6-29-1-button-group>`:a}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${u("text-sm text-neutral-700 mt-2",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?d`<sd-6-29-1-icon part="invalid-icon" class="${u("text-error")}" library="_internal" name="risk"></sd-6-29-1-icon>`:""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`}};s.styles=[...f.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{display:block}:host([orientation=vertical]) ::slotted(sd-6-29-1-radio){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-6-29-1-radio:last-of-type){margin-bottom:0}:host([orientation=horizontal]) ::slotted(sd-6-29-1-radio){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-6-29-1-radio:last-of-type){margin-right:0}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-29-1-radio){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-29-1-radio:last-of-type){margin-right:0}:host([required]) #label::after{content:' *'}:host:has(sd-6-29-1-button-group){display:inline-flex}`],o([m("slot:not([name])")],s.prototype,"defaultSlot",2),o([m("#validation-input")],s.prototype,"validationInput",2),o([m("#invalid-message")],s.prototype,"invalidMessage",2),o([c()],s.prototype,"hasButtonGroup",2),o([c()],s.prototype,"defaultValue",2),o([c()],s.prototype,"showInvalidStyle",2),o([r({type:String,reflect:!0})],s.prototype,"size",2),o([r({type:Boolean,reflect:!0})],s.prototype,"required",2),o([r({type:String,reflect:!0})],s.prototype,"orientation",2),o([r({type:String,reflect:!0})],s.prototype,"label",2),o([r({type:String,attribute:"help-text",reflect:!0})],s.prototype,"helpText",2),o([r({type:String,reflect:!0})],s.prototype,"name",2),o([r()],s.prototype,"value",2),o([r({type:String,reflect:!0})],s.prototype,"form",2),o([p("size",{waitUntilFirstUpdate:!0})],s.prototype,"handleSizeChange",1),o([p("showInvalidStyle",{waitUntilFirstUpdate:!0})],s.prototype,"handleInvalidChange",1),o([p("value")],s.prototype,"handleValueChange",1),s=o([y("sd-6-29-1-radio-group")],s);export{s as a};

package/cdn-versioned/chunks/chunk.2RKSDCDG.js

@@ -1,4 +1,4 @@
-import{a}from"./chunk.4ZZFYCXX.js";import{a as p,b as s,c as d,d as h,h as n}from"./chunk.ESAXBMID.js";import{b as l,e as r}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.variant="primary";this.shapes=["top","middle","bottom"];this.componentBreakpoint=0}getSvg(t,o){return{0:this.smallSvg(o),414:this.mediumSvg(o),640:this.largeSvg(o)}[t]}largeSvg(t){return t==="top"?r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 121"><path d="M610.777 1.393.001 120.146 0 123h700.001V74.79c0-4.797-.462-9.585-1.381-14.294-7.909-40.537-47.237-66.998-87.843-59.103Z"/></svg>`:r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 123"><path d="M89.224 121.607 700 2.854 700.001 0h-700L0 48.21c0 4.797.463 9.584 1.381 14.294 7.909 40.537 47.237 66.998 87.843 59.103Z"/></svg>`}mediumSvg(t){return t==="top"?r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 119"><path d="M597.75 1.6 0 118.046V121h700V85.872c0-5.509-.53-11.006-1.583-16.413-9.063-46.543-54.133-76.924-100.667-67.86Z"/></svg>`:r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 121"><path d="M102.25 119.4 700 2.954V0H0v35.128c0 5.509.53 11.006 1.583 16.413 9.063 46.543 54.134 76.924 100.667 67.859Z"/></svg>`}smallSvg(t){return t==="top"?r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 113"><path d="M566.951 2.08 0 112.466v2.934h700v-3.672c0-7.166-.689-14.314-2.059-21.348-11.789-60.557-70.436-100.09-130.99-88.3Z"/></svg>`:r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 116"><path d="M133.049 113.32 700 2.934V0H0v3.672c0 7.165.69 14.314 2.059 21.348 11.79 60.557 70.436 100.09 130.99 88.3Z"/></svg>`}setBreakpoint(){switch(!0){case this.containerElem.clientWidth<=414:this.componentBreakpoint=0;break;case this.containerElem.clientWidth<640:this.componentBreakpoint=414;break;default:this.componentBreakpoint=640}}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.setBreakpoint()),this.updateComplete.then(()=>{this.setBreakpoint(),this.resizeObserver.observe(this.containerElem)})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.containerElem)}renderTopBrandshape(){return r`<div class="relative" part="shape-top">${this.getSvg(this.componentBreakpoint,"top")} ${this.renderWhitespaceFix("top")}</div>`}renderMiddleBrandshape(){return r`<div class="${a({0:"px-6 py-4",414:"px-10 py-8",640:"px-10 py-8"}[this.componentBreakpoint],"w-full block relative")}"><div part="shape-middle" class="${a({"neutral-100":"sd-6-29-0-brandshape--neutral-100-color-background",primary:"sd-6-29-0-brandshape--primary-color-background",white:"sd-6-29-0-brandshape--white-color-background","border-white":"bg-transparent","border-primary":"bg-transparent","primary|80":"sd-6-29-0-brandshape--primary-80-color-background","white|80":"sd-6-29-0-brandshape--white-80-color-background",image:"bg-transparent"}[this.variant],"w-full block absolute h-full top-0 left-0 z-0")}"></div><div class="${a("z-10 relative",this.variant==="image"&&"invisible opacity-0")}" part="content"><slot>${this.variant==="image"?"":r`<div class="h-8"></div>`}</slot></div></div>`}renderBottomBrandshape(){return r`<div class="relative" part="shape-bottom">${this.getSvg(this.componentBreakpoint,"bottom")}${this.renderWhitespaceFix("bottom")}</div>`}renderWhitespaceFix(t){return r`<div class="${a({"neutral-100":"sd-6-29-0-brandshape--neutral-100-color-background",primary:"sd-6-29-0-brandshape--primary-color-background",white:"sd-6-29-0-brandshape--white-color-background","border-white":"bg-transparent","border-primary":"bg-transparent","primary|80":"sd-6-29-0-brandshape--primary-80-color-background","white|80":"sd-6-29-0-brandshape--white-80-color-background",image:"bg-transparent"}[this.variant],{top:"bottom-0",bottom:"top-0"}[t],"block absolute left-0 w-full",this.variant!=="primary|80"&&this.variant!=="white|80"?"h-[1px]":"")}"></div>`}renderStylizedVariant(){return r`<div part="stylized-container" class="w-full overflow-hidden"><slot class="${a(this.variant!=="image"&&"hidden")}" name="image"></slot></div>`}renderShapes(){return r`${this.shapes.includes("top")?this.renderTopBrandshape():""} ${this.shapes.includes("middle")?this.renderMiddleBrandshape():""} ${this.shapes.includes("bottom")?this.renderBottomBrandshape():""}`}render(){let t=this.variant.startsWith("border-")||this.variant==="image";return r`<div class="${a(t&&"fill-transparent","relative")}" part="base">${t?this.renderStylizedVariant():""} ${this.renderShapes()}</div>`}};e.styles=[...n.styles,l`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+import{a}from"./chunk.4ZZFYCXX.js";import{a as p,b as s,c as d,d as h,h as n}from"./chunk.ESAXBMID.js";import{b as l,e as r}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.variant="primary";this.shapes=["top","middle","bottom"];this.componentBreakpoint=0}getSvg(t,o){return{0:this.smallSvg(o),414:this.mediumSvg(o),640:this.largeSvg(o)}[t]}largeSvg(t){return t==="top"?r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 121"><path d="M610.777 1.393.001 120.146 0 123h700.001V74.79c0-4.797-.462-9.585-1.381-14.294-7.909-40.537-47.237-66.998-87.843-59.103Z"/></svg>`:r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 123"><path d="M89.224 121.607 700 2.854 700.001 0h-700L0 48.21c0 4.797.463 9.584 1.381 14.294 7.909 40.537 47.237 66.998 87.843 59.103Z"/></svg>`}mediumSvg(t){return t==="top"?r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 119"><path d="M597.75 1.6 0 118.046V121h700V85.872c0-5.509-.53-11.006-1.583-16.413-9.063-46.543-54.133-76.924-100.667-67.86Z"/></svg>`:r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 121"><path d="M102.25 119.4 700 2.954V0H0v35.128c0 5.509.53 11.006 1.583 16.413 9.063 46.543 54.134 76.924 100.667 67.859Z"/></svg>`}smallSvg(t){return t==="top"?r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 113"><path d="M566.951 2.08 0 112.466v2.934h700v-3.672c0-7.166-.689-14.314-2.059-21.348-11.789-60.557-70.436-100.09-130.99-88.3Z"/></svg>`:r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 116"><path d="M133.049 113.32 700 2.934V0H0v3.672c0 7.165.69 14.314 2.059 21.348 11.79 60.557 70.436 100.09 130.99 88.3Z"/></svg>`}setBreakpoint(){switch(!0){case this.containerElem.clientWidth<=414:this.componentBreakpoint=0;break;case this.containerElem.clientWidth<640:this.componentBreakpoint=414;break;default:this.componentBreakpoint=640}}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.setBreakpoint()),this.updateComplete.then(()=>{this.setBreakpoint(),this.resizeObserver.observe(this.containerElem)})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.containerElem)}renderTopBrandshape(){return r`<div class="relative" part="shape-top">${this.getSvg(this.componentBreakpoint,"top")} ${this.renderWhitespaceFix("top")}</div>`}renderMiddleBrandshape(){return r`<div class="${a({0:"px-6 py-4",414:"px-10 py-8",640:"px-10 py-8"}[this.componentBreakpoint],"w-full block relative")}"><div part="shape-middle" class="${a({"neutral-100":"sd-6-29-1-brandshape--neutral-100-color-background",primary:"sd-6-29-1-brandshape--primary-color-background",white:"sd-6-29-1-brandshape--white-color-background","border-white":"bg-transparent","border-primary":"bg-transparent","primary|80":"sd-6-29-1-brandshape--primary-80-color-background","white|80":"sd-6-29-1-brandshape--white-80-color-background",image:"bg-transparent"}[this.variant],"w-full block absolute h-full top-0 left-0 z-0")}"></div><div class="${a("z-10 relative",this.variant==="image"&&"invisible opacity-0")}" part="content"><slot>${this.variant==="image"?"":r`<div class="h-8"></div>`}</slot></div></div>`}renderBottomBrandshape(){return r`<div class="relative" part="shape-bottom">${this.getSvg(this.componentBreakpoint,"bottom")}${this.renderWhitespaceFix("bottom")}</div>`}renderWhitespaceFix(t){return r`<div class="${a({"neutral-100":"sd-6-29-1-brandshape--neutral-100-color-background",primary:"sd-6-29-1-brandshape--primary-color-background",white:"sd-6-29-1-brandshape--white-color-background","border-white":"bg-transparent","border-primary":"bg-transparent","primary|80":"sd-6-29-1-brandshape--primary-80-color-background","white|80":"sd-6-29-1-brandshape--white-80-color-background",image:"bg-transparent"}[this.variant],{top:"bottom-0",bottom:"top-0"}[t],"block absolute left-0 w-full",this.variant!=="primary|80"&&this.variant!=="white|80"?"h-[1px]":"")}"></div>`}renderStylizedVariant(){return r`<div part="stylized-container" class="w-full overflow-hidden"><slot class="${a(this.variant!=="image"&&"hidden")}" name="image"></slot></div>`}renderShapes(){return r`${this.shapes.includes("top")?this.renderTopBrandshape():""} ${this.shapes.includes("middle")?this.renderMiddleBrandshape():""} ${this.shapes.includes("bottom")?this.renderBottomBrandshape():""}`}render(){let t=this.variant.startsWith("border-")||this.variant==="image";return r`<div class="${a(t&&"fill-transparent","relative")}" part="base">${t?this.renderStylizedVariant():""} ${this.renderShapes()}</div>`}};e.styles=[...n.styles,l`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
 :host{display:block;container-type:inline-size;--angle:11deg;--radius:60px;--tan:tan(var(--angle));--adjacent:100cqw;--opposite:calc(var(--tan) * var(--adjacent));--curve:calc(
           (var(--opposite) - (var(--radius) / 3)) * 0.5
-        )}@supports not (transform:skewY(11deg)){:host{--tan:0.1943803091}}@media (min-width:415px){:host{--radius:72px}}@media (min-width:640px){:host{--radius:84px}}:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{position:absolute;top:0;left:0;transform:skewY(calc(var(--angle) * -1));height:calc(100% - var(--curve) * 2);border-radius:0 var(--radius);margin-top:calc(var(--curve))}slot[name=image]::slotted(img),slot[name=image]::slotted(video){width:100%;-o-object-fit:cover;object-fit:cover;transform:translateY(calc(var(--curve) * -1)) skewY(var(--angle));height:calc(100% + var(--curve) * 2)!important;position:absolute!important}@supports not (height:100cqw){:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{transform:unset;height:100%;margin-top:0}slot[name=image]::slotted(img),slot[name=image]::slotted(video){transform:unset;height:100%!important}}:host([variant=border-primary]){--internal-border-color:rgba(var(--sd-brandshape--primary-color-border, rgba(var(--sd-color-primary))))}:host([variant=border-white]){--internal-border-color:rgba(var(--sd-brandshape-color-border-white, rgba(var(--sd-color-white))))}:host([variant^=border-]) [part=stylized-container]::before{right:0;border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);--tw-border-style:solid;border-style:solid;content:'';border-color:var(--internal-border-color,#000)}:host([variant=neutral-100]) [part=base]{fill:rgba(var(--sd-brandshape--neutral-100-color-background,rgba(var(--sd-color-neutral-100))))}:host([variant=white]) [part=base]{fill:rgba(var(--sd-brandshape--white-color-background,rgba(var(--sd-color-white))))}:host([variant=primary]) [part=base]{fill:rgba(var(--sd-brandshape--primary-color-background,rgba(var(--sd-color-primary))))}:host([variant='primary|80']) [part=base]{fill:rgba(var(--sd-brandshape--primary-80-color-background,rgba(var(--sd-color-primary))))}:host([variant='white|80']) [part=base]{fill:rgba(var(--sd-brandshape--white-80-color-background,rgba(var(--sd-color-white))))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}`],i([h("[part=base]")],e.prototype,"containerElem",2),i([s({type:String,reflect:!0})],e.prototype,"variant",2),i([s({type:Array})],e.prototype,"shapes",2),i([d()],e.prototype,"componentBreakpoint",2),e=i([p("sd-6-29-0-brandshape")],e);export{e as a};
+        )}@supports not (transform:skewY(11deg)){:host{--tan:0.1943803091}}@media (min-width:415px){:host{--radius:72px}}@media (min-width:640px){:host{--radius:84px}}:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{position:absolute;top:0;left:0;transform:skewY(calc(var(--angle) * -1));height:calc(100% - var(--curve) * 2);border-radius:0 var(--radius);margin-top:calc(var(--curve))}slot[name=image]::slotted(img),slot[name=image]::slotted(video){width:100%;-o-object-fit:cover;object-fit:cover;transform:translateY(calc(var(--curve) * -1)) skewY(var(--angle));height:calc(100% + var(--curve) * 2)!important;position:absolute!important}@supports not (height:100cqw){:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{transform:unset;height:100%;margin-top:0}slot[name=image]::slotted(img),slot[name=image]::slotted(video){transform:unset;height:100%!important}}:host([variant=border-primary]){--internal-border-color:rgba(var(--sd-brandshape--primary-color-border, rgba(var(--sd-color-primary))))}:host([variant=border-white]){--internal-border-color:rgba(var(--sd-brandshape-color-border-white, rgba(var(--sd-color-white))))}:host([variant^=border-]) [part=stylized-container]::before{right:0;border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);--tw-border-style:solid;border-style:solid;content:'';border-color:var(--internal-border-color,#000)}:host([variant=neutral-100]) [part=base]{fill:rgba(var(--sd-brandshape--neutral-100-color-background,rgba(var(--sd-color-neutral-100))))}:host([variant=white]) [part=base]{fill:rgba(var(--sd-brandshape--white-color-background,rgba(var(--sd-color-white))))}:host([variant=primary]) [part=base]{fill:rgba(var(--sd-brandshape--primary-color-background,rgba(var(--sd-color-primary))))}:host([variant='primary|80']) [part=base]{fill:rgba(var(--sd-brandshape--primary-80-color-background,rgba(var(--sd-color-primary))))}:host([variant='white|80']) [part=base]{fill:rgba(var(--sd-brandshape--white-80-color-background,rgba(var(--sd-color-white))))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}`],i([h("[part=base]")],e.prototype,"containerElem",2),i([s({type:String,reflect:!0})],e.prototype,"variant",2),i([s({type:Array})],e.prototype,"shapes",2),i([d()],e.prototype,"componentBreakpoint",2),e=i([p("sd-6-29-1-brandshape")],e);export{e as a};

package/cdn-versioned/chunks/chunk.36QLPRT4.js

@@ -1,2 +1,2 @@
-import{a as n}from"./chunk.4ZZFYCXX.js";import{a,b as r,h as o}from"./chunk.ESAXBMID.js";import{b as i,e as l}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends o{constructor(){super(...arguments);this.orientation="horizontal";this.inverted=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}render(){return l`<hr part="main" aria-orientation="${this.orientation}" class="${n(this.inverted?"sd-6-29-0-divider--inverted-color-border":"border-neutral-400",this.orientation==="horizontal"?"border-t w-full":" border-l h-full")}">`}};t.styles=[...o.styles,i`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{margin:0}:host(sd-6-29-0-divider[orientation=horizontal]){display:block}:host(sd-6-29-0-divider[orientation=vertical]){display:inline-block}`],e([r({type:String,reflect:!0})],t.prototype,"orientation",2),e([r({type:Boolean,reflect:!0})],t.prototype,"inverted",2),t=e([a("sd-6-29-0-divider")],t);export{t as a};
+import{a as n}from"./chunk.4ZZFYCXX.js";import{a,b as r,h as o}from"./chunk.ESAXBMID.js";import{b as i,e as l}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends o{constructor(){super(...arguments);this.orientation="horizontal";this.inverted=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}render(){return l`<hr part="main" aria-orientation="${this.orientation}" class="${n(this.inverted?"sd-6-29-1-divider--inverted-color-border":"border-neutral-400",this.orientation==="horizontal"?"border-t w-full":" border-l h-full")}">`}};t.styles=[...o.styles,i`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{margin:0}:host(sd-6-29-1-divider[orientation=horizontal]){display:block}:host(sd-6-29-1-divider[orientation=vertical]){display:inline-block}`],e([r({type:String,reflect:!0})],t.prototype,"orientation",2),e([r({type:Boolean,reflect:!0})],t.prototype,"inverted",2),t=e([a("sd-6-29-1-divider")],t);export{t as a};

package/cdn-versioned/chunks/chunk.3AMTNKLX.js

@@ -1,12 +1,12 @@
-import{b as f,c as k}from"./chunk.LZRL7OLU.js";import{a as i}from"./chunk.LHSR56PH.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as b,b as h}from"./chunk.NL7YFV4O.js";import{a as n}from"./chunk.4ZZFYCXX.js";import{a as y}from"./chunk.NYKJXI3Q.js";import{a as m,b as r,c,d as g,g as p,h as u}from"./chunk.ESAXBMID.js";import{b as v}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var t=class extends u{constructor(){super(...arguments);this.formControlController=new f(this,{form:e=>{if(e.hasAttribute("form")){let a=e.getRootNode(),s=e.getAttribute("form");return a.getElementById(s)}return e.closest("form")}});this.hasSlotController=new x(this,"[default]","icon-left","icon-right");this.invalid=!1;this.hasUiMotion=!1;this.title="";this.variant="primary";this.inverted=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.loading=!1;this.type="button";this.name="";this.value="";this.href=""}get validity(){return this.isButton()?this.button.validity:k}get validationMessage(){return this.isButton()?this.button.validationMessage:""}connectedCallback(){super.connectedCallback(),this.updateMotionTheme()}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}onThemeChange(){this.updateMotionTheme()}updateMotionTheme(){let e=getComputedStyle(this).getPropertyValue("--sd-theme").trim().replace(/['"]/g,"");this.hasUiMotion=e===""||e==="ui-light"||e==="ui-dark"}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(e){if(this.disabled||this.loading||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(e){this.button.focus(e)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(e){this.isButton()&&(this.button.setCustomValidity(e),this.formControlController.updateValidity())}render(){let e=this.isLink(),a=e?b`a`:b`button`,s={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0},d=this.variant==="secondary",l={primary:this.inverted?{motionBackground:"sd-6-29-0-button--primary--inverted--hover-color-background group-active:sd-6-29-0-button--primary--inverted--active-color-background",baseBackground:"hover:sd-6-29-0-button--primary--inverted--hover-color-background active:sd-6-29-0-button--primary--inverted--active-color-background"}:{motionBackground:"sd-6-29-0-button--primary--hover-color-background group-active:sd-6-29-0-button--primary--active-color-background",baseBackground:"hover:sd-6-29-0-button--primary--hover-color-background active:sd-6-29-0-button--primary--active-color-background"},secondary:this.inverted?{motionBackground:"sd-6-29-0-button--secondary--inverted--hover-color-background group-active:sd-6-29-0-button--secondary--inverted--active-color-background group-active:sd-6-29-0-button--secondary--inverted--active-color-text",baseBackground:"hover:sd-6-29-0-button--secondary--inverted--hover-color-background active:sd-6-29-0-button--secondary--inverted--active-color-background"}:{motionBackground:"sd-6-29-0-button--secondary--hover-color-background group-active:sd-6-29-0-button--secondary--active-color-background",baseBackground:"hover:sd-6-29-0-button--secondary--hover-color-background active:sd-6-29-0-button--secondary--active-color-background"},tertiary:this.inverted?{motionBackground:"sd-6-29-0-button--tertiary--inverted--hover-color-background group-active:sd-6-29-0-button--tertiary--inverted--active-color-background group-active:sd-6-29-0-button--tertiary--inverted--active-color-text",baseBackground:"hover:sd-6-29-0-button--tertiary--inverted--hover-color-background active:sd-6-29-0-button--tertiary--inverted--active-color-background"}:{motionBackground:"sd-6-29-0-button--tertiary--hover-color-background group-active:sd-6-29-0-button--tertiary--active-color-background",baseBackground:"hover:sd-6-29-0-button--tertiary--hover-color-background active:sd-6-29-0-button--tertiary--active-color-background"},cta:this.inverted?{motionBackground:"sd-6-29-0-button--cta--inverted--hover-color-background group-active:sd-6-29-0-button--cta--inverted--active-color-background",baseBackground:"hover:sd-6-29-0-button--cta--inverted--hover-color-background active:sd-6-29-0-button--cta--inverted--active-color-background"}:{motionBackground:"bg-accent-500 group-active:bg-accent-700",baseBackground:"hover:bg-accent-500 active:bg-accent-700"}}[this.variant];return h`<sd-6-29-0-theme-listener></sd-6-29-0-theme-listener><${a} part="base" class="${n(`group relative z-10 font-md no-underline
+import{b as f,c as k}from"./chunk.LZRL7OLU.js";import{a as i}from"./chunk.LHSR56PH.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as b,b as h}from"./chunk.NL7YFV4O.js";import{a as n}from"./chunk.4ZZFYCXX.js";import{a as y}from"./chunk.NYKJXI3Q.js";import{a as m,b as r,c,d as g,g as p,h as u}from"./chunk.ESAXBMID.js";import{b as v}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var t=class extends u{constructor(){super(...arguments);this.formControlController=new f(this,{form:e=>{if(e.hasAttribute("form")){let a=e.getRootNode(),s=e.getAttribute("form");return a.getElementById(s)}return e.closest("form")}});this.hasSlotController=new x(this,"[default]","icon-left","icon-right");this.invalid=!1;this.hasUiMotion=!1;this.title="";this.variant="primary";this.inverted=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.loading=!1;this.type="button";this.name="";this.value="";this.href=""}get validity(){return this.isButton()?this.button.validity:k}get validationMessage(){return this.isButton()?this.button.validationMessage:""}connectedCallback(){super.connectedCallback(),this.updateMotionTheme()}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}onThemeChange(){this.updateMotionTheme()}updateMotionTheme(){let e=getComputedStyle(this).getPropertyValue("--sd-theme").trim().replace(/['"]/g,"");this.hasUiMotion=e===""||e==="ui-light"||e==="ui-dark"}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(e){if(this.disabled||this.loading||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(e){this.button.focus(e)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(e){this.isButton()&&(this.button.setCustomValidity(e),this.formControlController.updateValidity())}render(){let e=this.isLink(),a=e?b`a`:b`button`,s={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0},d=this.variant==="secondary",l={primary:this.inverted?{motionBackground:"sd-6-29-1-button--primary--inverted--hover-color-background group-active:sd-6-29-1-button--primary--inverted--active-color-background",baseBackground:"hover:sd-6-29-1-button--primary--inverted--hover-color-background active:sd-6-29-1-button--primary--inverted--active-color-background"}:{motionBackground:"sd-6-29-1-button--primary--hover-color-background group-active:sd-6-29-1-button--primary--active-color-background",baseBackground:"hover:sd-6-29-1-button--primary--hover-color-background active:sd-6-29-1-button--primary--active-color-background"},secondary:this.inverted?{motionBackground:"sd-6-29-1-button--secondary--inverted--hover-color-background group-active:sd-6-29-1-button--secondary--inverted--active-color-background group-active:sd-6-29-1-button--secondary--inverted--active-color-text",baseBackground:"hover:sd-6-29-1-button--secondary--inverted--hover-color-background active:sd-6-29-1-button--secondary--inverted--active-color-background"}:{motionBackground:"sd-6-29-1-button--secondary--hover-color-background group-active:sd-6-29-1-button--secondary--active-color-background",baseBackground:"hover:sd-6-29-1-button--secondary--hover-color-background active:sd-6-29-1-button--secondary--active-color-background"},tertiary:this.inverted?{motionBackground:"sd-6-29-1-button--tertiary--inverted--hover-color-background group-active:sd-6-29-1-button--tertiary--inverted--active-color-background group-active:sd-6-29-1-button--tertiary--inverted--active-color-text",baseBackground:"hover:sd-6-29-1-button--tertiary--inverted--hover-color-background active:sd-6-29-1-button--tertiary--inverted--active-color-background"}:{motionBackground:"sd-6-29-1-button--tertiary--hover-color-background group-active:sd-6-29-1-button--tertiary--active-color-background",baseBackground:"hover:sd-6-29-1-button--tertiary--hover-color-background active:sd-6-29-1-button--tertiary--active-color-background"},cta:this.inverted?{motionBackground:"sd-6-29-1-button--cta--inverted--hover-color-background group-active:sd-6-29-1-button--cta--inverted--active-color-background",baseBackground:"hover:sd-6-29-1-button--cta--inverted--hover-color-background active:sd-6-29-1-button--cta--inverted--active-color-background"}:{motionBackground:"bg-accent-500 group-active:bg-accent-700",baseBackground:"hover:bg-accent-500 active:bg-accent-700"}}[this.variant];return h`<sd-6-29-1-theme-listener></sd-6-29-1-theme-listener><${a} part="base" class="${n(`group relative z-10 font-md no-underline
         w-full align-middle inline-flex items-stretch justify-center
         transition-colors duration-fast ease-in-out
-        select-none cursor-[inherit]`,!this.hasUiMotion&&"sd-6-29-0-button--simple-motion",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-6-29-0-button--size-sm-font-size sd-6-29-0-button-font-weight sd-6-29-0-button--secondary--size-sm-padding-block sd-6-29-0-button--size-sm-border-radius",md:"varspacing-10 sd-6-29-0-button--size-md-height sd-6-29-0-button--size-md-font-size sd-6-29-0-button--secondary--size-md-padding-block sd-6-29-0-button-font-weight sd-6-29-0-button--size-md-border-radius",lg:"varspacing-12 sd-6-29-0-button--size-lg-height sd-6-29-0-button--size-lg-font-size sd-6-29-0-button--secondary--size-lg-padding-block sd-6-29-0-button-font-weight sd-6-29-0-button--size-lg-border-radius"}[this.size],!s["icon-only"]&&{sm:`${d?"sd-6-29-0-button--secondary-padding-inline":"sd-6-29-0-button--size-sm-padding-block sd-6-29-0-button-padding-inline"}`,md:`${d?"sd-6-29-0-button--secondary-padding-inline":"sd-6-29-0-button--size-md-padding-block sd-6-29-0-button-padding-inline"}`,lg:`${d?"sd-6-29-0-button--secondary-padding-inline":"sd-6-29-0-button--size-lg-padding-block sd-6-29-0-button-padding-inline"}`}[this.size],s["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-6-29-0-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-6-29-0-button--inverted--disabled-color-background text-white border-neutral-500":"sd-6-29-0-button--primary--inverted--default-color-text sd-6-29-0-button--primary--inverted--default-color-background border-white hover:sd-6-29-0-button--primary--inverted--hover-color-text active:sd-6-29-0-button--primary--inverted--active-color-text"}
-          disabled:sd-6-29-0-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-6-29-0-button--primary--disabled-color-background border-neutral-500 text-white":"sd-6-29-0-button--primary--default-color-background border-transparent sd-6-29-0-button--primary--default-color-text hover:sd-6-29-0-button--primary--hover-color-text active:sd-6-29-0-button--primary--active-color-text"}
-          disabled:sd-6-29-0-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-6-29-0-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-6-29-0-button--secondary--inverted-color-text sd-6-29-0-button--secondary--inverted-color-border hover:sd-6-29-0-button--secondary--inverted-color-border hover:sd-6-29-0-button--secondary--inverted--hover-color-text active:sd-6-29-0-button--secondary--inverted--active-color-text active:border-primary-200"}
-          disabled:sd-6-29-0-button--inverted--disabled-color-border disabled:sd-6-29-0-button--inverted--disabled-color-text`:`border sd-6-29-0-button-border-width ${this.visuallyDisabled?"sd-6-29-0-button--secondary--disabled-color-text sd-6-29-0-button--secondary--disabled-color-border":"sd-6-29-0-button--secondary--default-color-text sd-6-29-0-button--secondary--default-color-border hover:sd-6-29-0-button--secondary--hover-color-text hover:sd-6-29-0-button--secondary--hover-color-border active:sd-6-29-0-button--secondary--active-color-text active:sd-6-29-0-button--secondary--active-color-border"}
-          disabled:sd-6-29-0-button--secondary--disabled-color-text disabled:sd-6-29-0-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent  ${this.visuallyDisabled?"text-neutral-600":"sd-6-29-0-button--tertiary--inverted-color-text hover:sd-6-29-0-button--tertiary--inverted--hover-color-text active:sd-6-29-0-button--tertiary--inverted--active-color-text"}
-          disabled:sd-6-29-0-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-6-29-0-button--tertiary--disabled-color-text":"sd-6-29-0-button--tertiary--default-color-text hover:sd-6-29-0-button--tertiary--hover-color-text active:sd-6-29-0-button--tertiary--active-color-text"}
-          disabled:sd-6-29-0-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-6-29-0-button--primary--disabled-color-background border-neutral-500":"border-transparent"}
-          ${this.inverted?"sd-6-29-0-button--cta--inverted--default-color-background sd-6-29-0-button--cta--inverted--default-color-text hover:sd-6-29-0-button--cta--inverted--hover-color-text active:sd-6-29-0-button--cta--inverted--active-color-text disabled:sd-6-29-0-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-6-29-0-button--primary--disabled-color-background disabled:border-neutral-500 disabled:text-white"}`}[this.variant],!this.hasUiMotion&&!this.disabled&&!this.visuallyDisabled&&l.baseBackground)}" ?disabled="${i(e?void 0:this.disabled)}" type="${i(e?void 0:this.type)}" title="${this.title}" name="${i(e?void 0:this.name)}" value="${i(e?void 0:this.value)}" href="${i(e?this.href:void 0)}" target="${i(e?this.target:void 0)}" download="${i(e?this.download:void 0)}" rel="${i(e&&this.target?"noreferrer noopener":void 0)}" role="${i(e?void 0:"button")}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-labelledby="content" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><div part="motion-wrapper" class="${n("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(!this.hasUiMotion||this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-6-29-0-button-border-radius",md:"sd-6-29-0-button-border-radius",lg:"sd-6-29-0-button-border-radius"}[this.size])}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${n("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",l.motionBackground)}"></div><div class="${n("absolute w-full h-full mt-[22%]",l.motionBackground,this.variant==="secondary"&&this.inverted&&"group-active:sd-6-29-0-button--secondary--active-color-border")}"></div></div></div><slot name="icon-left" part="icon-left" class="${n("flex flex-auto items-center justify-end pointer-events-none",s["icon-only"]&&"hidden",this.loading&&"invisible",s["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${n("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],s["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${n("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",s["icon-only"]&&"hidden",s["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?h`<sd-6-29-0-loader class="${n("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-6-29-0-loader>`:""}</${a}>`}};t.styles=[...u.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}.sd-6-29-0-button--simple-motion{transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}::slotted(sd-6-29-0-badge){pointer-events:none;position:absolute;top:0;right:0;--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-6-29-0-icon),sd-6-29-0-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-6-29-0-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-6-29-0-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-6-29-0-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-6-29-0-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`],o([g("a, button")],t.prototype,"button",2),o([p({selector:"sd-6-29-0-icon"})],t.prototype,"_iconsInDefaultSlot",2),o([c()],t.prototype,"invalid",2),o([c()],t.prototype,"hasUiMotion",2),o([r({type:String,reflect:!0})],t.prototype,"title",2),o([r({type:String,reflect:!0})],t.prototype,"variant",2),o([r({type:Boolean,reflect:!0})],t.prototype,"inverted",2),o([r({type:String,reflect:!0})],t.prototype,"size",2),o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([r({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),o([r({type:Boolean,reflect:!0})],t.prototype,"loading",2),o([r({type:String,reflect:!0})],t.prototype,"type",2),o([r({type:String,reflect:!0})],t.prototype,"name",2),o([r()],t.prototype,"value",2),o([r({type:String,reflect:!0})],t.prototype,"href",2),o([r({type:String,reflect:!0})],t.prototype,"target",2),o([r({reflect:!0})],t.prototype,"download",2),o([r({reflect:!0})],t.prototype,"form",2),o([r({attribute:"formaction"})],t.prototype,"formAction",2),o([r({attribute:"formenctype"})],t.prototype,"formEnctype",2),o([r({attribute:"formmethod"})],t.prototype,"formMethod",2),o([r({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),o([r({attribute:"formtarget"})],t.prototype,"formTarget",2),o([y("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=o([m("sd-6-29-0-button")],t);export{t as a};
+        select-none cursor-[inherit]`,!this.hasUiMotion&&"sd-6-29-1-button--simple-motion",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-6-29-1-button--size-sm-font-size sd-6-29-1-button-font-weight sd-6-29-1-button--secondary--size-sm-padding-block sd-6-29-1-button--size-sm-border-radius",md:"varspacing-10 sd-6-29-1-button--size-md-height sd-6-29-1-button--size-md-font-size sd-6-29-1-button--secondary--size-md-padding-block sd-6-29-1-button-font-weight sd-6-29-1-button--size-md-border-radius",lg:"varspacing-12 sd-6-29-1-button--size-lg-height sd-6-29-1-button--size-lg-font-size sd-6-29-1-button--secondary--size-lg-padding-block sd-6-29-1-button-font-weight sd-6-29-1-button--size-lg-border-radius"}[this.size],!s["icon-only"]&&{sm:`${d?"sd-6-29-1-button--secondary-padding-inline":"sd-6-29-1-button--size-sm-padding-block sd-6-29-1-button-padding-inline"}`,md:`${d?"sd-6-29-1-button--secondary-padding-inline":"sd-6-29-1-button--size-md-padding-block sd-6-29-1-button-padding-inline"}`,lg:`${d?"sd-6-29-1-button--secondary-padding-inline":"sd-6-29-1-button--size-lg-padding-block sd-6-29-1-button-padding-inline"}`}[this.size],s["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-6-29-1-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-6-29-1-button--inverted--disabled-color-background text-white border-neutral-500":"sd-6-29-1-button--primary--inverted--default-color-text sd-6-29-1-button--primary--inverted--default-color-background border-white hover:sd-6-29-1-button--primary--inverted--hover-color-text active:sd-6-29-1-button--primary--inverted--active-color-text"}
+          disabled:sd-6-29-1-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-6-29-1-button--primary--disabled-color-background border-neutral-500 text-white":"sd-6-29-1-button--primary--default-color-background border-transparent sd-6-29-1-button--primary--default-color-text hover:sd-6-29-1-button--primary--hover-color-text active:sd-6-29-1-button--primary--active-color-text"}
+          disabled:sd-6-29-1-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-6-29-1-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-6-29-1-button--secondary--inverted-color-text sd-6-29-1-button--secondary--inverted-color-border hover:sd-6-29-1-button--secondary--inverted-color-border hover:sd-6-29-1-button--secondary--inverted--hover-color-text active:sd-6-29-1-button--secondary--inverted--active-color-text active:border-primary-200"}
+          disabled:sd-6-29-1-button--inverted--disabled-color-border disabled:sd-6-29-1-button--inverted--disabled-color-text`:`border sd-6-29-1-button-border-width ${this.visuallyDisabled?"sd-6-29-1-button--secondary--disabled-color-text sd-6-29-1-button--secondary--disabled-color-border":"sd-6-29-1-button--secondary--default-color-text sd-6-29-1-button--secondary--default-color-border hover:sd-6-29-1-button--secondary--hover-color-text hover:sd-6-29-1-button--secondary--hover-color-border active:sd-6-29-1-button--secondary--active-color-text active:sd-6-29-1-button--secondary--active-color-border"}
+          disabled:sd-6-29-1-button--secondary--disabled-color-text disabled:sd-6-29-1-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent  ${this.visuallyDisabled?"text-neutral-600":"sd-6-29-1-button--tertiary--inverted-color-text hover:sd-6-29-1-button--tertiary--inverted--hover-color-text active:sd-6-29-1-button--tertiary--inverted--active-color-text"}
+          disabled:sd-6-29-1-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-6-29-1-button--tertiary--disabled-color-text":"sd-6-29-1-button--tertiary--default-color-text hover:sd-6-29-1-button--tertiary--hover-color-text active:sd-6-29-1-button--tertiary--active-color-text"}
+          disabled:sd-6-29-1-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-6-29-1-button--primary--disabled-color-background border-neutral-500":"border-transparent"}
+          ${this.inverted?"sd-6-29-1-button--cta--inverted--default-color-background sd-6-29-1-button--cta--inverted--default-color-text hover:sd-6-29-1-button--cta--inverted--hover-color-text active:sd-6-29-1-button--cta--inverted--active-color-text disabled:sd-6-29-1-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-6-29-1-button--primary--disabled-color-background disabled:border-neutral-500 disabled:text-white"}`}[this.variant],!this.hasUiMotion&&!this.disabled&&!this.visuallyDisabled&&l.baseBackground)}" ?disabled="${i(e?void 0:this.disabled)}" type="${i(e?void 0:this.type)}" title="${this.title}" name="${i(e?void 0:this.name)}" value="${i(e?void 0:this.value)}" href="${i(e?this.href:void 0)}" target="${i(e?this.target:void 0)}" download="${i(e?this.download:void 0)}" rel="${i(e&&this.target?"noreferrer noopener":void 0)}" role="${i(e?void 0:"button")}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-labelledby="content" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><div part="motion-wrapper" class="${n("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(!this.hasUiMotion||this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-6-29-1-button-border-radius",md:"sd-6-29-1-button-border-radius",lg:"sd-6-29-1-button-border-radius"}[this.size])}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${n("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",l.motionBackground)}"></div><div class="${n("absolute w-full h-full mt-[22%]",l.motionBackground,this.variant==="secondary"&&this.inverted&&"group-active:sd-6-29-1-button--secondary--active-color-border")}"></div></div></div><slot name="icon-left" part="icon-left" class="${n("flex flex-auto items-center justify-end pointer-events-none",s["icon-only"]&&"hidden",this.loading&&"invisible",s["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${n("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],s["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${n("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",s["icon-only"]&&"hidden",s["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?h`<sd-6-29-1-loader class="${n("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-6-29-1-loader>`:""}</${a}>`}};t.styles=[...u.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}.sd-6-29-1-button--simple-motion{transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}::slotted(sd-6-29-1-badge){pointer-events:none;position:absolute;top:0;right:0;--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-6-29-1-icon),sd-6-29-1-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-6-29-1-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-6-29-1-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-6-29-1-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-6-29-1-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`],o([g("a, button")],t.prototype,"button",2),o([p({selector:"sd-6-29-1-icon"})],t.prototype,"_iconsInDefaultSlot",2),o([c()],t.prototype,"invalid",2),o([c()],t.prototype,"hasUiMotion",2),o([r({type:String,reflect:!0})],t.prototype,"title",2),o([r({type:String,reflect:!0})],t.prototype,"variant",2),o([r({type:Boolean,reflect:!0})],t.prototype,"inverted",2),o([r({type:String,reflect:!0})],t.prototype,"size",2),o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([r({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),o([r({type:Boolean,reflect:!0})],t.prototype,"loading",2),o([r({type:String,reflect:!0})],t.prototype,"type",2),o([r({type:String,reflect:!0})],t.prototype,"name",2),o([r()],t.prototype,"value",2),o([r({type:String,reflect:!0})],t.prototype,"href",2),o([r({type:String,reflect:!0})],t.prototype,"target",2),o([r({reflect:!0})],t.prototype,"download",2),o([r({reflect:!0})],t.prototype,"form",2),o([r({attribute:"formaction"})],t.prototype,"formAction",2),o([r({attribute:"formenctype"})],t.prototype,"formEnctype",2),o([r({attribute:"formmethod"})],t.prototype,"formMethod",2),o([r({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),o([r({attribute:"formtarget"})],t.prototype,"formTarget",2),o([y("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=o([m("sd-6-29-1-button")],t);export{t as a};