@solid-design-system/components 7.0.1 → 7.0.3

package/cdn-versioned/chunks/chunk.I7OVY27Y.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}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.J45556RK.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 s=e.getRootNode(),n=e.getAttribute("form");return s.getElementById(n)}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(),s=e?b`a`:b`button`,n={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-7-0-1-button--primary--inverted--hover-color-background group-active:sd-7-0-1-button--primary--inverted--active-color-background",baseBackground:"hover:sd-7-0-1-button--primary--inverted--hover-color-background active:sd-7-0-1-button--primary--inverted--active-color-background"}:{motionBackground:"sd-7-0-1-button--primary--hover-color-background group-active:sd-7-0-1-button--primary--active-color-background",baseBackground:"hover:sd-7-0-1-button--primary--hover-color-background active:sd-7-0-1-button--primary--active-color-background"},secondary:this.inverted?{motionBackground:"sd-7-0-1-button--secondary--inverted--hover-color-background group-active:sd-7-0-1-button--secondary--inverted--active-color-background group-active:sd-7-0-1-button--secondary--inverted--active-color-text",baseBackground:"hover:sd-7-0-1-button--secondary--inverted--hover-color-background active:sd-7-0-1-button--secondary--inverted--active-color-background"}:{motionBackground:"sd-7-0-1-button--secondary--hover-color-background group-active:sd-7-0-1-button--secondary--active-color-background",baseBackground:"hover:sd-7-0-1-button--secondary--hover-color-background active:sd-7-0-1-button--secondary--active-color-background"},tertiary:this.inverted?{motionBackground:"sd-7-0-1-button--tertiary--inverted--hover-color-background group-active:sd-7-0-1-button--tertiary--inverted--active-color-background group-active:sd-7-0-1-button--tertiary--inverted--active-color-text",baseBackground:"hover:sd-7-0-1-button--tertiary--inverted--hover-color-background active:sd-7-0-1-button--tertiary--inverted--active-color-background"}:{motionBackground:"sd-7-0-1-button--tertiary--hover-color-background group-active:sd-7-0-1-button--tertiary--active-color-background",baseBackground:"hover:sd-7-0-1-button--tertiary--hover-color-background active:sd-7-0-1-button--tertiary--active-color-background"},cta:this.inverted?{motionBackground:"sd-7-0-1-button--cta--inverted--hover-color-background group-active:sd-7-0-1-button--cta--inverted--active-color-background",baseBackground:"hover:sd-7-0-1-button--cta--inverted--hover-color-background active:sd-7-0-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-7-0-1-theme-listener></sd-7-0-1-theme-listener><${s} part="base" class="${a(`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}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.J45556RK.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 s=e.getRootNode(),n=e.getAttribute("form");return s.getElementById(n)}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(),s=e?b`a`:b`button`,n={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-7-0-3-button--primary--inverted--hover-color-background group-active:sd-7-0-3-button--primary--inverted--active-color-background",baseBackground:"hover:sd-7-0-3-button--primary--inverted--hover-color-background active:sd-7-0-3-button--primary--inverted--active-color-background"}:{motionBackground:"sd-7-0-3-button--primary--hover-color-background group-active:sd-7-0-3-button--primary--active-color-background",baseBackground:"hover:sd-7-0-3-button--primary--hover-color-background active:sd-7-0-3-button--primary--active-color-background"},secondary:this.inverted?{motionBackground:"sd-7-0-3-button--secondary--inverted--hover-color-background group-active:sd-7-0-3-button--secondary--inverted--active-color-background group-active:sd-7-0-3-button--secondary--inverted--active-color-text",baseBackground:"hover:sd-7-0-3-button--secondary--inverted--hover-color-background active:sd-7-0-3-button--secondary--inverted--active-color-background"}:{motionBackground:"sd-7-0-3-button--secondary--hover-color-background group-active:sd-7-0-3-button--secondary--active-color-background",baseBackground:"hover:sd-7-0-3-button--secondary--hover-color-background active:sd-7-0-3-button--secondary--active-color-background"},tertiary:this.inverted?{motionBackground:"sd-7-0-3-button--tertiary--inverted--hover-color-background group-active:sd-7-0-3-button--tertiary--inverted--active-color-background group-active:sd-7-0-3-button--tertiary--inverted--active-color-text",baseBackground:"hover:sd-7-0-3-button--tertiary--inverted--hover-color-background active:sd-7-0-3-button--tertiary--inverted--active-color-background"}:{motionBackground:"sd-7-0-3-button--tertiary--hover-color-background group-active:sd-7-0-3-button--tertiary--active-color-background",baseBackground:"hover:sd-7-0-3-button--tertiary--hover-color-background active:sd-7-0-3-button--tertiary--active-color-background"},cta:this.inverted?{motionBackground:"sd-7-0-3-button--cta--inverted--hover-color-background group-active:sd-7-0-3-button--cta--inverted--active-color-background",baseBackground:"hover:sd-7-0-3-button--cta--inverted--hover-color-background active:sd-7-0-3-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-7-0-3-theme-listener></sd-7-0-3-theme-listener><${s} part="base" class="${a(`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-7-0-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-7-0-1-button--size-sm-font-size sd-7-0-1-button-font-weight sd-7-0-1-button--secondary--size-sm-padding-block sd-7-0-1-button-border-radius",md:"varspacing-10 sd-7-0-1-button--size-md-height sd-7-0-1-button--size-md-font-size sd-7-0-1-button--secondary--size-md-padding-block sd-7-0-1-button-font-weight sd-7-0-1-button-border-radius",lg:"varspacing-12 sd-7-0-1-button--size-lg-height sd-7-0-1-button--size-lg-font-size sd-7-0-1-button--secondary--size-lg-padding-block sd-7-0-1-button-font-weight sd-7-0-1-button-border-radius"}[this.size],!n["icon-only"]&&{sm:`${d?"sd-7-0-1-button--secondary-padding-inline":"sd-7-0-1-button--size-sm-padding-block sd-7-0-1-button-padding-inline"}`,md:`${d?"sd-7-0-1-button--secondary-padding-inline":"sd-7-0-1-button--size-md-padding-block sd-7-0-1-button-padding-inline"}`,lg:`${d?"sd-7-0-1-button--secondary-padding-inline":"sd-7-0-1-button--size-lg-padding-block sd-7-0-1-button-padding-inline"}`}[this.size],n["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-7-0-1-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-7-0-1-button--inverted--disabled-color-background text-white border-neutral-500":"sd-7-0-1-button--primary--inverted--default-color-text sd-7-0-1-button--primary--inverted--default-color-background border-white hover:sd-7-0-1-button--primary--inverted--hover-color-text active:sd-7-0-1-button--primary--inverted--active-color-text"}
-          disabled:sd-7-0-1-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-7-0-1-button--primary--disabled-color-background border-neutral-500 text-white":"sd-7-0-1-button--primary--default-color-background border-transparent sd-7-0-1-button--primary--default-color-text hover:sd-7-0-1-button--primary--hover-color-text active:sd-7-0-1-button--primary--active-color-text"}
-          disabled:sd-7-0-1-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-7-0-1-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-7-0-1-button--secondary--inverted-color-text sd-7-0-1-button--secondary--inverted-color-border hover:sd-7-0-1-button--secondary--inverted-color-border hover:sd-7-0-1-button--secondary--inverted--hover-color-text active:sd-7-0-1-button--secondary--inverted--active-color-text active:border-primary-200"}
-          disabled:sd-7-0-1-button--inverted--disabled-color-border disabled:sd-7-0-1-button--inverted--disabled-color-text`:`border sd-7-0-1-button-border-width ${this.visuallyDisabled?"sd-7-0-1-button--secondary--disabled-color-text sd-7-0-1-button--secondary--disabled-color-border":"sd-7-0-1-button--secondary--default-color-text sd-7-0-1-button--secondary--default-color-border hover:sd-7-0-1-button--secondary--hover-color-text hover:sd-7-0-1-button--secondary--hover-color-border active:sd-7-0-1-button--secondary--active-color-text active:sd-7-0-1-button--secondary--active-color-border"}
-          disabled:sd-7-0-1-button--secondary--disabled-color-text disabled:sd-7-0-1-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent  ${this.visuallyDisabled?"text-neutral-600":"sd-7-0-1-button--tertiary--inverted-color-text hover:sd-7-0-1-button--tertiary--inverted--hover-color-text active:sd-7-0-1-button--tertiary--inverted--active-color-text"}
-          disabled:sd-7-0-1-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-7-0-1-button--tertiary--disabled-color-text":"sd-7-0-1-button--tertiary--default-color-text hover:sd-7-0-1-button--tertiary--hover-color-text active:sd-7-0-1-button--tertiary--active-color-text"}
-          disabled:sd-7-0-1-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-7-0-1-button--primary--disabled-color-background border-neutral-500":"border-transparent"}
-          ${this.inverted?"sd-7-0-1-button--cta--inverted--default-color-background sd-7-0-1-button--cta--inverted--default-color-text hover:sd-7-0-1-button--cta--inverted--hover-color-text active:sd-7-0-1-button--cta--inverted--active-color-text disabled:sd-7-0-1-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-7-0-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="${a("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(!this.hasUiMotion||this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-7-0-1-button-border-radius",md:"sd-7-0-1-button-border-radius",lg:"sd-7-0-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="${a("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",l.motionBackground)}"></div><div class="${a("absolute w-full h-full mt-[22%]",l.motionBackground,this.variant==="secondary"&&this.inverted&&"group-active:sd-7-0-1-button--secondary--active-color-border")}"></div></div></div><slot name="icon-left" part="icon-left" class="${a("flex flex-auto items-center justify-end pointer-events-none",n["icon-only"]&&"hidden",this.loading&&"invisible",n["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${a("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],n["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${a("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",n["icon-only"]&&"hidden",n["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?h`<sd-7-0-1-loader class="${a("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-7-0-1-loader>`:""}</${s}>`}};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-7-0-1-button--simple-motion{transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}::slotted(sd-7-0-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-7-0-1-icon),sd-7-0-1-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-7-0-1-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}.sd-7-0-1-button-border-radius{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-7-0-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-7-0-1-button")],t);export{t as a};
+        select-none cursor-[inherit]`,!this.hasUiMotion&&"sd-7-0-3-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-7-0-3-button--size-sm-font-size sd-7-0-3-button-font-weight sd-7-0-3-button--secondary--size-sm-padding-block sd-7-0-3-button-border-radius",md:"varspacing-10 sd-7-0-3-button--size-md-height sd-7-0-3-button--size-md-font-size sd-7-0-3-button--secondary--size-md-padding-block sd-7-0-3-button-font-weight sd-7-0-3-button-border-radius",lg:"varspacing-12 sd-7-0-3-button--size-lg-height sd-7-0-3-button--size-lg-font-size sd-7-0-3-button--secondary--size-lg-padding-block sd-7-0-3-button-font-weight sd-7-0-3-button-border-radius"}[this.size],!n["icon-only"]&&{sm:`${d?"sd-7-0-3-button--secondary-padding-inline":"sd-7-0-3-button--size-sm-padding-block sd-7-0-3-button-padding-inline"}`,md:`${d?"sd-7-0-3-button--secondary-padding-inline":"sd-7-0-3-button--size-md-padding-block sd-7-0-3-button-padding-inline"}`,lg:`${d?"sd-7-0-3-button--secondary-padding-inline":"sd-7-0-3-button--size-lg-padding-block sd-7-0-3-button-padding-inline"}`}[this.size],n["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-7-0-3-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-7-0-3-button--inverted--disabled-color-background text-white border-neutral-500":"sd-7-0-3-button--primary--inverted--default-color-text sd-7-0-3-button--primary--inverted--default-color-background border-white hover:sd-7-0-3-button--primary--inverted--hover-color-text active:sd-7-0-3-button--primary--inverted--active-color-text"}
+          disabled:sd-7-0-3-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-7-0-3-button--primary--disabled-color-background border-neutral-500 text-white":"sd-7-0-3-button--primary--default-color-background border-transparent sd-7-0-3-button--primary--default-color-text hover:sd-7-0-3-button--primary--hover-color-text active:sd-7-0-3-button--primary--active-color-text"}
+          disabled:sd-7-0-3-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-7-0-3-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-7-0-3-button--secondary--inverted-color-text sd-7-0-3-button--secondary--inverted-color-border hover:sd-7-0-3-button--secondary--inverted-color-border hover:sd-7-0-3-button--secondary--inverted--hover-color-text active:sd-7-0-3-button--secondary--inverted--active-color-text active:border-primary-200"}
+          disabled:sd-7-0-3-button--inverted--disabled-color-border disabled:sd-7-0-3-button--inverted--disabled-color-text`:`border sd-7-0-3-button-border-width ${this.visuallyDisabled?"sd-7-0-3-button--secondary--disabled-color-text sd-7-0-3-button--secondary--disabled-color-border":"sd-7-0-3-button--secondary--default-color-text sd-7-0-3-button--secondary--default-color-border hover:sd-7-0-3-button--secondary--hover-color-text hover:sd-7-0-3-button--secondary--hover-color-border active:sd-7-0-3-button--secondary--active-color-text active:sd-7-0-3-button--secondary--active-color-border"}
+          disabled:sd-7-0-3-button--secondary--disabled-color-text disabled:sd-7-0-3-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent  ${this.visuallyDisabled?"text-neutral-600":"sd-7-0-3-button--tertiary--inverted-color-text hover:sd-7-0-3-button--tertiary--inverted--hover-color-text active:sd-7-0-3-button--tertiary--inverted--active-color-text"}
+          disabled:sd-7-0-3-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-7-0-3-button--tertiary--disabled-color-text":"sd-7-0-3-button--tertiary--default-color-text hover:sd-7-0-3-button--tertiary--hover-color-text active:sd-7-0-3-button--tertiary--active-color-text"}
+          disabled:sd-7-0-3-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-7-0-3-button--primary--disabled-color-background border-neutral-500":"border-transparent"}
+          ${this.inverted?"sd-7-0-3-button--cta--inverted--default-color-background sd-7-0-3-button--cta--inverted--default-color-text hover:sd-7-0-3-button--cta--inverted--hover-color-text active:sd-7-0-3-button--cta--inverted--active-color-text disabled:sd-7-0-3-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-7-0-3-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="${a("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(!this.hasUiMotion||this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-7-0-3-button-border-radius",md:"sd-7-0-3-button-border-radius",lg:"sd-7-0-3-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="${a("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",l.motionBackground)}"></div><div class="${a("absolute w-full h-full mt-[22%]",l.motionBackground,this.variant==="secondary"&&this.inverted&&"group-active:sd-7-0-3-button--secondary--active-color-border")}"></div></div></div><slot name="icon-left" part="icon-left" class="${a("flex flex-auto items-center justify-end pointer-events-none",n["icon-only"]&&"hidden",this.loading&&"invisible",n["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${a("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],n["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${a("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",n["icon-only"]&&"hidden",n["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?h`<sd-7-0-3-loader class="${a("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-7-0-3-loader>`:""}</${s}>`}};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-7-0-3-button--simple-motion{transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}::slotted(sd-7-0-3-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-7-0-3-icon),sd-7-0-3-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-7-0-3-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}.sd-7-0-3-button-border-radius{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-7-0-3-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-7-0-3-button")],t);export{t as a};

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

@@ -1,2 +1,2 @@
-import{a as E}from"./chunk.V6IM4GAA.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.J45556RK.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-7-0-1-radio, sd-7-0-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-7-0-1-radio, sd-7-0-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-7-0-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-7-0-1-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-7-0-1-radio")&&customElements.get("sd-7-0-1-radio-button")){this.syncRadioElements();return}customElements.get("sd-7-0-1-radio")?this.syncRadioElements():customElements.whenDefined("sd-7-0-1-radio").then(()=>this.syncRadios()),customElements.get("sd-7-0-1-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-7-0-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-7-0-1-button-group class="border border-primary sd-7-0-1-radio-button-group-border-radius sd-7-0-1-radio-button-group-border-width sd-7-0-1-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${a}</sd-7-0-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-7-0-1-icon part="invalid-icon" class="${u("text-error")}" library="_internal" name="risk"></sd-7-0-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-7-0-1-radio){margin-bottom:var(--sd-spacing-2,.5rem);display:flex}:host([orientation=vertical]) ::slotted(sd-7-0-1-radio:last-of-type){margin-bottom:0}:host([orientation=horizontal]) ::slotted(sd-7-0-1-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-7-0-1-radio:last-of-type){margin-right:0}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-1-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-1-radio:last-of-type){margin-right:0}:host([required]) #label::after{content:' *'}:host:has(sd-7-0-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-7-0-1-radio-group")],s);export{s as a};
+import{a as E}from"./chunk.V6IM4GAA.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.J45556RK.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-7-0-3-radio, sd-7-0-3-radio-button")];return t.length===0&&console.warn("No radios found in the radio group."),t}handleRadioClick(t){let e=t.target.closest("sd-7-0-3-radio, sd-7-0-3-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-7-0-3-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-7-0-3-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-7-0-3-radio")&&customElements.get("sd-7-0-3-radio-button")){this.syncRadioElements();return}customElements.get("sd-7-0-3-radio")?this.syncRadioElements():customElements.whenDefined("sd-7-0-3-radio").then(()=>this.syncRadios()),customElements.get("sd-7-0-3-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-7-0-3-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-7-0-3-button-group class="border border-primary sd-7-0-3-radio-button-group-border-radius sd-7-0-3-radio-button-group-border-width sd-7-0-3-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${a}</sd-7-0-3-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-7-0-3-icon part="invalid-icon" class="${u("text-error")}" library="_internal" name="risk"></sd-7-0-3-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-7-0-3-radio){margin-bottom:var(--sd-spacing-2,.5rem);display:flex}:host([orientation=vertical]) ::slotted(sd-7-0-3-radio:last-of-type){margin-bottom:0}:host([orientation=horizontal]) ::slotted(sd-7-0-3-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-7-0-3-radio:last-of-type){margin-right:0}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-3-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-3-radio:last-of-type){margin-right:0}:host([required]) #label::after{content:' *'}:host:has(sd-7-0-3-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-7-0-3-radio-group")],s);export{s as a};

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

@@ -1,5 +1,5 @@
-import{a as l}from"./chunk.LHSR56PH.js";import{a as t}from"./chunk.4ZZFYCXX.js";import{a as c,b as e,c as m,d as o,h as n}from"./chunk.J45556RK.js";import{b as s,e as d}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var r=class extends n{constructor(){super(...arguments);this.flipDirection="horizontal";this.placement="top";this.frontVariant="primary";this.backVariant="primary";this.activeSide="front"}connectedCallback(){super.connectedCallback()}flipFront(){this.activeSide="back",this.front.classList.add("clicked--front"),this.back.classList.add("clicked--back"),this.emit("sd-flip-front"),setTimeout(()=>{this.back.focus()})}flipBack(){this.activeSide="front",this.front.classList.remove("clicked--front"),this.back.classList.remove("clicked--back"),this.emit("sd-flip-back"),setTimeout(()=>{this.front.focus()})}handleFrontKeydown(a){a.code==="Enter"&&this.front===a.target&&this.flipFront()}handleBackKeydown(a){a.code==="Enter"&&this.back===a.target&&this.flipBack()}render(){return d`<div part="base" class="${t("flip-card relative h-full w-full")}"><div part="front" tabindex="0" aria-hidden="${this.activeSide==="back"}" inert="${l(this.activeSide==="back"||void 0)}" class="${t("flip-card__side flip-card__side--front overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.frontVariant==="primary"&&"bg-primary",this.frontVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-front" class="${t("absolute h-full w-full -z-20",(this.frontVariant==="primary"||this.frontVariant==="primary-100")&&"hidden")}"><slot name="media-front"></slot></div><div part="front-slot-container" class="${t("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.frontVariant])}"><div class="${t("absolute inset-0 pointer-events-none -z-10",{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t  from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b  from-primary-800/75 to-primary-800/60"}[this.frontVariant])}"></div><slot name="front" class="relative z-10"></slot></div><div part="front-secondary-gradient" class="${t("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.frontVariant])}"></div><sd-7-0-1-button part="front-button" size="md" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.frontVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.frontVariant]}" class="${t("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-7-0-1-icon library="_internal" name="reload" label="Flip to Back"></sd-7-0-1-icon></sd-7-0-1-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide==="front"}" inert="${l(this.activeSide==="front"||void 0)}" class="${t("flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.backVariant==="primary"&&"bg-primary",this.backVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-back" class="${t("absolute h-full w-full -z-20",(this.backVariant==="primary"||this.backVariant==="primary-100")&&"hidden")}"><slot name="media-back"></slot></div><div part="back-slot-container" class="${t("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.backVariant],{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t  from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b  from-primary-800/75 to-primary-800/60"}[this.backVariant])}"><slot name="back" class="relative z-10"></slot></div><div part="back-secondary-gradient" class="${t("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.backVariant])}"></div><sd-7-0-1-button size="md" part="back-button" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.backVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.backVariant]}" class="${t("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-7-0-1-icon library="_internal" name="reload" label="Flip to Front"></sd-7-0-1-icon></sd-7-0-1-button></div></div>`}};r.styles=[...n.styles,s`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+import{a as l}from"./chunk.LHSR56PH.js";import{a as t}from"./chunk.4ZZFYCXX.js";import{a as c,b as e,c as m,d as o,h as n}from"./chunk.J45556RK.js";import{b as s,e as d}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var r=class extends n{constructor(){super(...arguments);this.flipDirection="horizontal";this.placement="top";this.frontVariant="primary";this.backVariant="primary";this.activeSide="front"}connectedCallback(){super.connectedCallback()}flipFront(){this.activeSide="back",this.front.classList.add("clicked--front"),this.back.classList.add("clicked--back"),this.emit("sd-flip-front"),setTimeout(()=>{this.back.focus()})}flipBack(){this.activeSide="front",this.front.classList.remove("clicked--front"),this.back.classList.remove("clicked--back"),this.emit("sd-flip-back"),setTimeout(()=>{this.front.focus()})}handleFrontKeydown(a){a.code==="Enter"&&this.front===a.target&&this.flipFront()}handleBackKeydown(a){a.code==="Enter"&&this.back===a.target&&this.flipBack()}render(){return d`<div part="base" class="${t("flip-card relative h-full w-full")}"><div part="front" tabindex="0" aria-hidden="${this.activeSide==="back"}" inert="${l(this.activeSide==="back"||void 0)}" class="${t("flip-card__side flip-card__side--front overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.frontVariant==="primary"&&"bg-primary",this.frontVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-front" class="${t("absolute h-full w-full -z-20",(this.frontVariant==="primary"||this.frontVariant==="primary-100")&&"hidden")}"><slot name="media-front"></slot></div><div part="front-slot-container" class="${t("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.frontVariant])}"><div class="${t("absolute inset-0 pointer-events-none -z-10",{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t  from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b  from-primary-800/75 to-primary-800/60"}[this.frontVariant])}"></div><slot name="front" class="relative z-10"></slot></div><div part="front-secondary-gradient" class="${t("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.frontVariant])}"></div><sd-7-0-3-button part="front-button" size="md" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.frontVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.frontVariant]}" class="${t("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-7-0-3-icon library="_internal" name="reload" label="Flip to Back"></sd-7-0-3-icon></sd-7-0-3-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide==="front"}" inert="${l(this.activeSide==="front"||void 0)}" class="${t("flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.backVariant==="primary"&&"bg-primary",this.backVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-back" class="${t("absolute h-full w-full -z-20",(this.backVariant==="primary"||this.backVariant==="primary-100")&&"hidden")}"><slot name="media-back"></slot></div><div part="back-slot-container" class="${t("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.backVariant],{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t  from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b  from-primary-800/75 to-primary-800/60"}[this.backVariant])}"><slot name="back" class="relative z-10"></slot></div><div part="back-secondary-gradient" class="${t("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.backVariant])}"></div><sd-7-0-3-button size="md" part="back-button" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.backVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.backVariant]}" class="${t("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-7-0-3-icon library="_internal" name="reload" label="Flip to Front"></sd-7-0-3-icon></sd-7-0-3-button></div></div>`}};r.styles=[...n.styles,s`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:block;aspect-ratio:var(--sd-aspect-3\\/4,3 / 4);--name:'';--height:480px;height:var(--height)}.flip-card{perspective:100rem}.flip-card__side{backface-visibility:hidden}.flip-card__side--back{transform:rotateY(180deg)}.clicked--front{transform:rotateY(-180deg)}.clicked--back{transform:rotateY(0)}.flip-card__side--back.vertical{transform:rotateX(180deg)}.clicked--front.vertical{transform:rotateX(-180deg)}.clicked--back.vertical{transform:rotateX(0)}.flip-card__gradient{flex:.2 1 0;pointer-events:none}.bg-gradient-to-b,.bg-gradient-to-t{--sd-color-background-primary-800:var(
           --sd-informational-gradient--primary-800-color-background,
           var(--sd-color-primary-800)
-        )}`],i([o('[part="front"]')],r.prototype,"front",2),i([o('[part="back"]')],r.prototype,"back",2),i([e({reflect:!0,attribute:"flip-direction"})],r.prototype,"flipDirection",2),i([e({reflect:!0})],r.prototype,"placement",2),i([e({type:String,reflect:!0,attribute:"front-variant"})],r.prototype,"frontVariant",2),i([e({type:String,reflect:!0,attribute:"back-variant"})],r.prototype,"backVariant",2),i([m()],r.prototype,"activeSide",2),r=i([c("sd-7-0-1-flipcard")],r);export{r as a};
+        )}`],i([o('[part="front"]')],r.prototype,"front",2),i([o('[part="back"]')],r.prototype,"back",2),i([e({reflect:!0,attribute:"flip-direction"})],r.prototype,"flipDirection",2),i([e({reflect:!0})],r.prototype,"placement",2),i([e({type:String,reflect:!0,attribute:"front-variant"})],r.prototype,"frontVariant",2),i([e({type:String,reflect:!0,attribute:"back-variant"})],r.prototype,"backVariant",2),i([m()],r.prototype,"activeSide",2),r=i([c("sd-7-0-3-flipcard")],r);export{r as a};