@warp-ds/elements 2.9.2-next.1 → 2.10.0-next.10

package/dist/packages/button/button.js

@@ -1,12 +1,12 @@
-var Pe=Object.defineProperty;var Te=Object.getOwnPropertyDescriptor;var oe=o=>{throw TypeError(o)};var b=(o,e,r,t)=>{for(var a=t>1?void 0:t?Te(e,r):e,l=o.length-1,s;l>=0;l--)(s=o[l])&&(a=(t?s(e,r,a):s(a))||a);return t&&a&&Pe(e,r,a),a};var te=(o,e,r)=>e.has(o)||oe("Cannot "+r);var ae=(o,e,r)=>(te(o,e,"read from private field"),r?r.call(o):e.get(o)),ie=(o,e,r)=>e.has(o)?oe("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r),ne=(o,e,r,t)=>(te(o,e,"write to private field"),t?t.call(o,r):e.set(o,r),r);var V=o=>typeof o=="string",Oe=o=>typeof o=="function",se=new Map,ce="en";function K(o){return[...Array.isArray(o)?o:[o],ce]}function W(o,e,r){let t=K(o);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return N(()=>Q("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(V(e)?new Date(e):e)}function $e(o,e,r){let t;if(r||(r="default"),typeof r=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=r;return W(o,e,t)}function B(o,e,r){let t=K(o);return N(()=>Q("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function le(o,e,r,{offset:t=0,...a}){var i,v;let l=K(o),s=e?N(()=>Q("plural-ordinal",l),()=>new Intl.PluralRules(l,{type:"ordinal"})):N(()=>Q("plural-cardinal",l),()=>new Intl.PluralRules(l,{type:"cardinal"}));return(v=(i=a[r])!=null?i:a[s.select(r-t)])!=null?v:a.other}function N(o,e){let r=o(),t=se.get(r);return t||(t=e(),se.set(r,t)),t}function Q(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var de=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ve=o=>o.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,t)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(t,16);return String.fromCharCode(a)}}),be="%__lingui_octothorpe__%",je=(o,e,r={})=>{let t=e||o,a=s=>typeof s=="object"?s:r[s],l=(s,i)=>{let v=Object.keys(r).length?a("number"):void 0,m=B(t,s,v);return i.replace(new RegExp(be,"g"),m)};return{plural:(s,i)=>{let{offset:v=0}=i,m=le(t,!1,s,i);return l(s-v,m)},selectordinal:(s,i)=>{let{offset:v=0}=i,m=le(t,!0,s,i);return l(s-v,m)},select:Ae,number:(s,i)=>B(t,s,a(i)||{style:i}),date:(s,i)=>W(t,s,a(i)||i),time:(s,i)=>$e(t,s,a(i)||i)}},Ae=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function Ye(o,e,r){return(t={},a)=>{let l=je(e,r,a),s=(v,m=!1)=>Array.isArray(v)?v.reduce((C,M)=>{if(M==="#"&&m)return C+be;if(V(M))return C+M;let[P,k,F]=M,E={};k==="plural"||k==="selectordinal"||k==="select"?Object.entries(F).forEach(([L,O])=>{E[L]=s(O,k==="plural"||k==="selectordinal")}):E=F;let f;if(k){let L=l[k];f=L(t[P],E)}else f=t[P];return f==null?C:C+f},""):v,i=s(o);return V(i)&&de.test(i)?ve(i):V(i)?i:i?String(i):""}}var qe=Object.defineProperty,Ne=(o,e,r)=>e in o?qe(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Qe=(o,e,r)=>(Ne(o,typeof e!="symbol"?e+"":e,r),r),H=class{constructor(){Qe(this,"_events",{})}on(e,r){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(r);~a&&t.splice(a,1)}emit(e,...r){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},De=Object.defineProperty,Xe=(o,e,r)=>e in o?De(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,I=(o,e,r)=>(Xe(o,typeof e!="symbol"?e+"":e,r),r),J=class extends H{constructor(e){var r;super(),I(this,"_locale",""),I(this,"_locales"),I(this,"_localeData",{}),I(this,"_messages",{}),I(this,"_missing"),I(this,"_messageCompiler"),I(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:ce,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let t=this._localeData[e];t?Object.assign(t,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,r){let t=this._messages[e];t?Object.assign(t,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:t}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),V(e)||(r=e.values||r,a=e.message,e=e.id);let l=this.messages[e],s=l===void 0,i=this._missing;if(i&&s)return Oe(i)?i(this._locale,e):i;s&&this.emit("missing",{id:e,locale:this._locale});let v=l||a||e;return V(v)&&(this._messageCompiler?v=this._messageCompiler(v):console.warn(`Uncompiled message detected! Message:
+var je=Object.defineProperty;var Ye=Object.getOwnPropertyDescriptor;var le=o=>{throw TypeError(o)};var b=(o,e,r,t)=>{for(var a=t>1?void 0:t?Ye(e,r):e,l=o.length-1,s;l>=0;l--)(s=o[l])&&(a=(t?s(e,r,a):s(a))||a);return t&&a&&je(e,r,a),a};var ce=(o,e,r)=>e.has(o)||le("Cannot "+r);var de=(o,e,r)=>(ce(o,e,"read from private field"),r?r.call(o):e.get(o)),be=(o,e,r)=>e.has(o)?le("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r),ue=(o,e,r,t)=>(ce(o,e,"write to private field"),t?t.call(o,r):e.set(o,r),r);var S=o=>typeof o=="string",De=o=>typeof o=="function",he=new Map,ve="en";function W(o){return[...Array.isArray(o)?o:[o],ve]}function ee(o,e,r){let t=W(o);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return q(()=>R("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(S(e)?new Date(e):e)}function qe(o,e,r){let t;if(r||(r="default"),typeof r=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=r;return ee(o,e,t)}function G(o,e,r){let t=W(o);return q(()=>R("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function ge(o,e,r,{offset:t=0,...a}){let l=W(o),s=e?q(()=>R("plural-ordinal",l),()=>new Intl.PluralRules(l,{type:"ordinal"})):q(()=>R("plural-cardinal",l),()=>new Intl.PluralRules(l,{type:"cardinal"}));return a[r]??a[s.select(r-t)]??a.other}function q(o,e){let r=o(),t=he.get(r);return t||(t=e(),he.set(r,t)),t}function R(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var pe=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,we=o=>o.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,t)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(t,16);return String.fromCharCode(a)}}),me="%__lingui_octothorpe__%",Re=(o,e,r={})=>{let t=e||o,a=s=>typeof s=="object"?s:r[s],l=(s,n)=>{let h=Object.keys(r).length?a("number"):void 0,m=G(t,s,h);return n.replace(new RegExp(me,"g"),m)};return{plural:(s,n)=>{let{offset:h=0}=n,m=ge(t,!1,s,n);return l(s-h,m)},selectordinal:(s,n)=>{let{offset:h=0}=n,m=ge(t,!0,s,n);return l(s-h,m)},select:Qe,number:(s,n)=>G(t,s,a(n)||{style:n}),date:(s,n)=>ee(t,s,a(n)||n),time:(s,n)=>qe(t,s,a(n)||n)}},Qe=(o,e)=>e[o]??e.other;function Xe(o,e,r){return(t={},a)=>{let l=Re(e,r,a),s=(h,m=!1)=>Array.isArray(h)?h.reduce((C,E)=>{if(E==="#"&&m)return C+me;if(S(E))return C+E;let[T,k,M]=E,F={};k==="plural"||k==="selectordinal"||k==="select"?Object.entries(M).forEach(([V,P])=>{F[V]=s(P,k==="plural"||k==="selectordinal")}):F=M;let f;if(k){let V=l[k];f=V(t[T],F)}else f=t[T];return f==null?C:C+f},""):h,n=s(o);return S(n)&&pe.test(n)?we(n):S(n)?n:n?String(n):""}}var Ze=Object.defineProperty,Ue=(o,e,r)=>e in o?Ze(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Be=(o,e,r)=>(Ue(o,typeof e!="symbol"?e+"":e,r),r),J=class{constructor(){Be(this,"_events",{})}on(e,r){var t;return(t=this._events)[e]??(t[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(r);~a&&t.splice(a,1)}emit(e,...r){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},He=Object.defineProperty,Ge=(o,e,r)=>e in o?He(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,$=(o,e,r)=>(Ge(o,typeof e!="symbol"?e+"":e,r),r),K=class extends J{constructor(e){super(),$(this,"_locale",""),$(this,"_locales"),$(this,"_localeData",{}),$(this,"_messages",{}),$(this,"_missing"),$(this,"_messageCompiler"),$(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate(e.locale??ve,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(e,r){let t=this._localeData[e];t?Object.assign(t,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,r){let t=this._messages[e];t?Object.assign(t,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:t}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t?.message;e||(e=""),S(e)||(r=e.values||r,a=e.message,e=e.id);let l=this.messages[e],s=l===void 0,n=this._missing;if(n&&s)return De(n)?n(this._locale,e):n;s&&this.emit("missing",{id:e,locale:this._locale});let h=l||a||e;return S(h)&&(this._messageCompiler?h=this._messageCompiler(h):console.warn(`Uncompiled message detected! Message:
 
-> ${v}
+> ${h}
 
 That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
 ICU features such as interpolation and plurals will not work properly for that message. 
 
 Please compile your catalog first. 
-`)),V(v)&&de.test(v)?ve(v):V(v)?v:Ye(v,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return W(this._locales||this._locale,e,r)}number(e,r){return B(this._locales||this._locale,e,r)}};function Ze(o={}){return new J(o)}var _=Ze();var d=function(o,e,r,t){if(r==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?o!==e||!t:!e.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?t:r==="a"?t.call(o):t?t.value:e.get(o)},g=function(o,e,r,t,a){if(t==="m")throw new TypeError("Private method is not writable");if(t==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?o!==e||!a:!e.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,r):a?a.value=r:e.set(o,r),r};function ue(o){var e,r,t,a,l,s,i,v,m,C,M,P,k,F,E,f,L,O,R;class Ie extends o{constructor(...n){var c,h,p;super(...n),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),t.set(this,!1),a.set(this,!1),l.set(this,void 0),s.set(this,void 0),i.set(this,!0),m.set(this,""),C.set(this,()=>{g(this,a,!0,"f"),g(this,r,!0,"f"),d(this,e,"m",f).call(this)}),M.set(this,()=>{g(this,r,!1,"f"),d(this,e,"m",L).call(this,this.shouldFormValueUpdate()?d(this,m,"f"):""),!this.validity.valid&&d(this,a,"f")&&g(this,t,!0,"f");let z=d(this,e,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(z?this.internals.validationMessage:"")}),P.set(this,()=>{var z;d(this,i,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),g(this,i,!1,"f")),g(this,a,!0,"f"),g(this,t,!0,"f"),d(this,e,"m",f).call(this),(z=this===null||this===void 0?void 0:this.validationMessageCallback)===null||z===void 0||z.call(this,this.showError?this.internals.validationMessage:"")}),k.set(this,void 0),F.set(this,!1),E.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",d(this,C,"f")),(h=this.addEventListener)===null||h===void 0||h.call(this,"blur",d(this,M,"f")),(p=this.addEventListener)===null||p===void 0||p.call(this,"invalid",d(this,P,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let n=this.validators.map(p=>p.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...n])]}static getValidator(n){return this.validators.find(c=>c.attribute===n)||null}static getValidators(n){return this.validators.filter(c=>{var h;if(c.attribute===n||!((h=c.attribute)===null||h===void 0)&&h.includes(n))return!0})}get form(){return this.internals.form}get showError(){return d(this,e,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(n,c,h){var p;(p=super.attributeChangedCallback)===null||p===void 0||p.call(this,n,c,h);let j=this.constructor.getValidators(n);j!=null&&j.length&&this.validationTarget&&this.setValue(d(this,m,"f"))}setValue(n){var c;g(this,t,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),g(this,m,n,"f");let p=this.shouldFormValueUpdate()?n:null;this.internals.setFormValue(p),d(this,e,"m",L).call(this,p),this.valueChangedCallback&&this.valueChangedCallback(p),d(this,e,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(n=>n(d(this,E,"f")))}formResetCallback(){var n,c;g(this,a,!1,"f"),g(this,t,!1,"f"),d(this,e,"m",f).call(this),(n=this.resetFormControl)===null||n===void 0||n.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,d(this,e,"m",f).call(this)?this.validationMessage:"")}}return r=new WeakMap,t=new WeakMap,a=new WeakMap,l=new WeakMap,s=new WeakMap,i=new WeakMap,m=new WeakMap,C=new WeakMap,M=new WeakMap,P=new WeakMap,k=new WeakMap,F=new WeakMap,E=new WeakMap,e=new WeakSet,v=function(){let n=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return n.querySelectorAll(c)},f=function(){if(this.hasAttribute("disabled"))return!1;let n=d(this,t,"f")||d(this,a,"f")&&!this.validity.valid&&!d(this,r,"f");return n&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),n},L=function(n){let c=this.constructor,h={},p=c.validators,z=[],j=p.some(y=>y.isValid instanceof Promise);d(this,F,"f")||(g(this,E,new Promise(y=>{g(this,k,y,"f")}),"f"),g(this,F,!0,"f")),d(this,l,"f")&&(d(this,l,"f").abort(),g(this,s,d(this,l,"f"),"f"));let A=new AbortController;g(this,l,A,"f");let Y,re=!1;p.length&&(p.forEach(y=>{let U=y.key||"customError",T=y.isValid(this,n,A.signal);T instanceof Promise?(z.push(T),T.then(G=>{G!=null&&(h[U]=!G,Y=d(this,e,"m",R).call(this,y,n),d(this,e,"m",O).call(this,h,Y))})):(h[U]=!T,this.validity[U]!==!T&&(re=!0),!T&&!Y&&(Y=d(this,e,"m",R).call(this,y,n)))}),Promise.allSettled(z).then(()=>{var y;A!=null&&A.signal.aborted||(g(this,F,!1,"f"),(y=d(this,k,"f"))===null||y===void 0||y.call(this))}),(re||!j)&&d(this,e,"m",O).call(this,h,Y))},O=function(n,c){if(this.validationTarget)this.internals.setValidity(n,c,this.validationTarget),g(this,i,!1,"f");else{if(this.internals.setValidity(n,c),this.internals.validity.valid)return;g(this,i,!0,"f")}},R=function(n,c){if(this.validityCallback){let h=this.validityCallback(n.key||"customError");if(h)return h}return n.message instanceof Function?n.message(this,c):n.message},Ie}import{html as Z,LitElement as Se,nothing as rr}from"lit";import{property as w}from"lit/decorators.js";var Re=["en","nb","fi","da","sv"],ee="en",D=o=>Re.find(e=>o===e||o.toLowerCase().includes(e))||ee;function pe(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return D(o)}try{let o=ge(document);if(o)return D(o);let e=He();if(e)return D(e);let r=ge(fe());return r?D(r):ee}catch(o){return console.warn("could not detect locale, falling back to source locale",o),ee}}var we=(o,e,r,t,a)=>{_.load("en",o),_.load("nb",e),_.load("fi",r),_.load("da",t),_.load("sv",a);let l=pe();_.activate(l),me(),Ge()},Ue="warp-i18n-change";function me(){typeof window!="undefined"&&window.dispatchEvent(new Event(Ue))}var he=!1;function Ge(){if(he||typeof window=="undefined"||!(document!=null&&document.documentElement))return;he=!0;let o=()=>{let a=pe();_.locale!==a&&(_.activate(a),me())},e=new MutationObserver(a=>{for(let l of a)if(l.type==="attributes"&&l.attributeName==="lang"){o();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=fe();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Be();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function fe(){var o,e;try{return(e=(o=window.parent)==null?void 0:o.document)!=null?e:null}catch(r){return null}}function ge(o){var e,r;try{return(r=(e=o==null?void 0:o.documentElement)==null?void 0:e.lang)!=null?r:""}catch(t){return""}}function Be(){var o;try{return(o=window.frameElement)!=null?o:null}catch(e){return null}}function He(){var o,e,r;try{return(r=(e=(o=window.frameElement)==null?void 0:o.getAttribute)==null?void 0:e.call(o,"lang"))!=null?r:""}catch(t){return""}}import{html as Ke,LitElement as ye,nothing as We}from"lit";import{property as S}from"lit/decorators.js";import{css as xe}from"lit";var X=xe`
+`)),S(h)&&pe.test(h)?we(h):S(h)?h:Xe(h,this._locale,this._locales)(r,t?.formats)}date(e,r){return ee(this._locales||this._locale,e,r)}number(e,r){return G(this._locales||this._locale,e,r)}};function Je(o={}){return new K(o)}var _=Je();var d=function(o,e,r,t){if(r==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?o!==e||!t:!e.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?t:r==="a"?t.call(o):t?t.value:e.get(o)},v=function(o,e,r,t,a){if(t==="m")throw new TypeError("Private method is not writable");if(t==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?o!==e||!a:!e.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,r):a?a.value=r:e.set(o,r),r};function fe(o){var e,r,t,a,l,s,n,h,m,C,E,T,k,M,F,f,V,P,U;class Ne extends o{constructor(...i){var c,g,p;super(...i),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),t.set(this,!1),a.set(this,!1),l.set(this,void 0),s.set(this,void 0),n.set(this,!0),m.set(this,""),C.set(this,()=>{v(this,a,!0,"f"),v(this,r,!0,"f"),d(this,e,"m",f).call(this)}),E.set(this,()=>{v(this,r,!1,"f"),d(this,e,"m",V).call(this,this.shouldFormValueUpdate()?d(this,m,"f"):""),!this.validity.valid&&d(this,a,"f")&&v(this,t,!0,"f");let z=d(this,e,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(z?this.internals.validationMessage:"")}),T.set(this,()=>{var z;d(this,n,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),v(this,n,!1,"f")),v(this,a,!0,"f"),v(this,t,!0,"f"),d(this,e,"m",f).call(this),(z=this===null||this===void 0?void 0:this.validationMessageCallback)===null||z===void 0||z.call(this,this.showError?this.internals.validationMessage:"")}),k.set(this,void 0),M.set(this,!1),F.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",d(this,C,"f")),(g=this.addEventListener)===null||g===void 0||g.call(this,"blur",d(this,E,"f")),(p=this.addEventListener)===null||p===void 0||p.call(this,"invalid",d(this,T,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let i=this.validators.map(p=>p.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...i])]}static getValidator(i){return this.validators.find(c=>c.attribute===i)||null}static getValidators(i){return this.validators.filter(c=>{var g;if(c.attribute===i||!((g=c.attribute)===null||g===void 0)&&g.includes(i))return!0})}get form(){return this.internals.form}get showError(){return d(this,e,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(i,c,g){var p;(p=super.attributeChangedCallback)===null||p===void 0||p.call(this,i,c,g);let O=this.constructor.getValidators(i);O?.length&&this.validationTarget&&this.setValue(d(this,m,"f"))}setValue(i){var c;v(this,t,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),v(this,m,i,"f");let p=this.shouldFormValueUpdate()?i:null;this.internals.setFormValue(p),d(this,e,"m",V).call(this,p),this.valueChangedCallback&&this.valueChangedCallback(p),d(this,e,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(i=>i(d(this,F,"f")))}formResetCallback(){var i,c;v(this,a,!1,"f"),v(this,t,!1,"f"),d(this,e,"m",f).call(this),(i=this.resetFormControl)===null||i===void 0||i.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,d(this,e,"m",f).call(this)?this.validationMessage:"")}}return r=new WeakMap,t=new WeakMap,a=new WeakMap,l=new WeakMap,s=new WeakMap,n=new WeakMap,m=new WeakMap,C=new WeakMap,E=new WeakMap,T=new WeakMap,k=new WeakMap,M=new WeakMap,F=new WeakMap,e=new WeakSet,h=function(){let i=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return i.querySelectorAll(c)},f=function(){if(this.hasAttribute("disabled"))return!1;let i=d(this,t,"f")||d(this,a,"f")&&!this.validity.valid&&!d(this,r,"f");return i&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),i},V=function(i){let c=this.constructor,g={},p=c.validators,z=[],O=p.some(y=>y.isValid instanceof Promise);d(this,M,"f")||(v(this,F,new Promise(y=>{v(this,k,y,"f")}),"f"),v(this,M,!0,"f")),d(this,l,"f")&&(d(this,l,"f").abort(),v(this,s,d(this,l,"f"),"f"));let N=new AbortController;v(this,l,N,"f");let j,se=!1;p.length&&(p.forEach(y=>{let B=y.key||"customError",I=y.isValid(this,i,N.signal);I instanceof Promise?(z.push(I),I.then(H=>{H!=null&&(g[B]=!H,j=d(this,e,"m",U).call(this,y,i),d(this,e,"m",P).call(this,g,j))})):(g[B]=!I,this.validity[B]!==!I&&(se=!0),!I&&!j&&(j=d(this,e,"m",U).call(this,y,i)))}),Promise.allSettled(z).then(()=>{var y;N?.signal.aborted||(v(this,M,!1,"f"),(y=d(this,k,"f"))===null||y===void 0||y.call(this))}),(se||!O)&&d(this,e,"m",P).call(this,g,j))},P=function(i,c){if(this.validationTarget)this.internals.setValidity(i,c,this.validationTarget),v(this,n,!1,"f");else{if(this.internals.setValidity(i,c),this.internals.validity.valid)return;v(this,n,!0,"f")}},U=function(i,c){if(this.validityCallback){let g=this.validityCallback(i.key||"customError");if(g)return g}return i.message instanceof Function?i.message(this,c):i.message},Ne}import{html as Z,LitElement as Ae,nothing as nr}from"lit";import{property as w,query as sr}from"lit/decorators.js";var Ke=["en","nb","fi","da","sv"],re="en",Q=o=>Ke.find(e=>o===e||o.toLowerCase().includes(e))||re;function ye(){if(typeof window>"u"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Q(o)}try{let o=ke(document);if(o)return Q(o);let e=tr();if(e)return Q(e);let r=ke(Ce());return r?Q(r):re}catch(o){return console.warn("could not detect locale, falling back to source locale",o),re}}var _e=(o,e,r,t,a)=>{_.load("en",o),_.load("nb",e),_.load("fi",r),_.load("da",t),_.load("sv",a);let l=ye();_.activate(l),ze(),er()},We="warp-i18n-change";function ze(){typeof window>"u"||window.dispatchEvent(new Event(We))}var xe=!1;function er(){if(xe||typeof window>"u"||!document?.documentElement)return;xe=!0;let o=()=>{let a=ye();_.locale!==a&&(_.activate(a),ze())},e=new MutationObserver(a=>{for(let l of a)if(l.type==="attributes"&&l.attributeName==="lang"){o();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=Ce();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=rr();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function Ce(){try{return window.parent?.document??null}catch{return null}}function ke(o){try{return o?.documentElement?.lang??""}catch{return""}}function rr(){try{return window.frameElement??null}catch{return null}}function tr(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{html as ar,LitElement as Se,nothing as ir}from"lit";import{property as L}from"lit/decorators.js";import{css as Ee}from"lit";var X=Ee`
   *,
   :before,
   :after {
@@ -279,7 +279,7 @@ Please compile your catalog first.
   svg {
     pointer-events: none;
   }
-`,vr=xe`*, :before, :after {
+`,pr=Ee`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2445,485 +2445,345 @@ Please compile your catalog first.
                     display: none
                 }
             }
-        `;import{css as Je}from"lit";var ke=Je`
-  /* If not a link variant this should look like a button */
-  :host(:not([variant="link"])) {
-    --_background: var(--background, var(--w-s-color-background));
-    --_background-hover: var(
-      --background-hover,
-      var(--w-s-color-background-hover)
-    );
-    --_background-active: var(
-      --background-active,
-      var(--w-s-color-background-active)
-    );
-    --_text-color: var(--color, var(--w-s-color-text-link));
-    --_text-color-hover: var(--color-hover, var(--w-s-color-text-link));
-    --_text-color-active: var(--color-active, var(--w-s-color-text-link));
-    --_border-width: var(--border-width, 2px);
-    --_border: var(--border, var(--w-s-color-border));
-    --_border-hover: var(--border-hover, var(--w-s-color-border-hover));
-    --_border-active: var(--border-active, var(--w-s-color-border-active));
-    --_border-radius: var(--border-radius, var(--w-button-radius-default, 8px));
-    --_font-size: var(--font-size, var(--w-font-size-m));
-    --_line-height: var(--line-height, var(--w-line-height-m));
-    --_font-weight: var(--font-weight, bold);
-    --_padding-x: var(--padding-x, 16px);
-    --_padding-y: var(--padding-y, 13px);
-  }
-
-  :host(:not([variant="link"])) a {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    text-decoration: none;
-    cursor: pointer;
-    transition:
+        `;import{css as or}from"lit";import{css as Y}from"lit";var te=Y`
+  :host {
+    display: inline-block;
+
+    /* Internal resolved vars (defaults) */
+    --_bg: var(--w-c-button-bg, var(--w-s-color-background));
+    --_bg-hover: var(--w-c-button-bg-hover, var(--w-s-color-background-hover));
+    --_bg-active: var(--w-c-button-bg-active, var(--w-s-color-background-active));
+
+    --_color: var(--w-c-button-color, var(--w-s-color-text-link));
+    --_color-hover: var(--w-c-button-color-hover, var(--_color));
+    --_color-active: var(--w-c-button-color-active, var(--_color));
+
+    --_border-width: var(--w-c-button-border-width, 2px);
+    --_border-color: var(--w-c-button-border-color, var(--w-s-color-border));
+    --_border-color-hover: var(--w-c-button-border-color-hover, var(--w-s-color-border-hover));
+    --_border-color-active: var(--w-c-button-border-color-active, var(--w-s-color-border-active));
+
+    --_radius: var(--w-c-button-radius, 8px);
+
+    --_font-size: var(--w-c-button-font-size, var(--w-font-size-m));
+    --_line-height: var(--w-c-button-line-height, var(--w-line-height-m));
+    --_font-weight: var(--w-c-button-font-weight, 700);
+
+    --_pad-x: var(--w-c-button-padding-x, 16px);
+    --_pad-y: var(--w-c-button-padding-y, 13px);
+
+    --_outline-width: var(--w-c-button-outline-width, 2px);
+    --_outline-color: var(--w-c-button-outline-color, var(--w-s-color-border-focus));
+    --_outline-offset: var(--w-c-button-outline-offset, var(--w-outline-offset, 1px));
+
+    --_transition: var(
+      --w-c-button-transition,
       color 150ms cubic-bezier(0.4, 0, 0.2, 1),
       background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-      border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-      fill 150ms cubic-bezier(0.4, 0, 0.2, 1),
-      stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
-
-    background-color: var(--_background);
-    color: var(--_text-color);
-    border: var(--_border-width) solid var(--_border);
-    border-radius: var(--_border-radius);
-    padding: calc(var(--_padding-y) - var(--_border-width))
-      calc(var(--_padding-x) - var(--_border-width));
-    font-size: var(--_font-size);
-    line-height: var(--_line-height);
-    font-weight: var(--_font-weight);
+      border-color 150ms cubic-bezier(0.4, 0, 0.2, 1)
+    );
+
+    /* Icon color for pill/icon-only variants (semantic; default dark grey icon) */
+    --w-c-button-icon-color: var(--w-s-color-icon);
   }
 
-  :host(:not([variant="link"])) a:hover {
-    background-color: var(--_background-hover);
-    border-color: var(--_border-hover);
-    color: var(--_text-color-hover);
+  :host(:focus-visible) {
+    outline: none;
+  }
+`,oe=Y`
+  :host([variant='primary']) {
+    --w-c-button-bg: var(--w-s-color-background-primary);
+    --w-c-button-bg-hover: var(--w-s-color-background-primary-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-primary-active);
+    --w-c-button-color: var(--w-s-color-text-inverted);
+    --w-c-button-border-width: 0px;
   }
 
-  :host(:not([variant="link"])) a:active {
-    background-color: var(--_background-active);
-    border-color: var(--_border-active);
-    color: var(--_text-color-active);
+  :host([variant='negative']) {
+    --w-c-button-bg: var(--w-s-color-background-negative);
+    --w-c-button-bg-hover: var(--w-s-color-background-negative-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-negative-active);
+    --w-c-button-color: var(--w-s-color-text-inverted);
+    --w-c-button-border-width: 0px;
   }
 
-  :host(:not([variant="link"])) a:focus-visible {
-    outline: 2px solid var(--w-s-color-border-focus);
-    outline-offset: var(--w-outline-offset, 1px);
-  }
-
-  /* Variants config */
-  :host([variant="primary"]) {
-    --background: var(--w-s-color-background-primary);
-    --background-hover: var(--w-s-color-background-primary-hover);
-    --background-active: var(--w-s-color-background-primary-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-width: 0px;
-  }
-  :host([variant="quiet"]),
-  :host([quiet]) /* deprecated, backwards compatibility, use variant="quiet" */ {
-    --background: transparent;
-    --color: var(--w-s-color-text-link);
-    --color-hover: var(--w-s-color-text-link-hover);
-    --color-active: var(--w-s-color-text-link-active);
-    --border-width: 0px;
-  }
-  :host([variant="negative"]) {
-    --background: var(--w-s-color-background-negative);
-    --background-hover: var(--w-s-color-background-negative-hover);
-    --background-active: var(--w-s-color-background-negative-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-width: 0px;
-  }
-  :host([variant="negativeQuiet"]),
-  :host([quiet][variant="negative"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --background-hover: var(--w-s-color-background-negative-subtle-hover);
-    --background-active: var(--w-s-color-background-negative-subtle-active);
-    --color: var(--w-s-color-text-negative);
-    --color-hover: var(--w-s-color-text-negative);
-    --color-active: var(--w-s-color-text-negative);
-    --border-width: 0px;
-  }
-  :host([variant="utility"]) {
-    --background: var(--w-s-color-background);
-    --background-hover: var(--w-s-color-background-hover);
-    --background-active: var(--w-s-color-background-active);
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-radius: var(--w-button-radius-utility, 4px);
-    --border-width: 1px;
-  }
-  :host([variant="utilityQuiet"]),
-  :host([quiet][variant="utility"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-width: 0px;
-  }
-  :host([variant="overlay"]) {
-    --background: var(--w-color-background);
-    --background-hover: var(--w-color-background-hover);
-    --background-active: var(--w-color-background-active);
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-  :host([variant="overlayQuiet"]),
-  :host([quiet][variant="overlay"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --background-hover: var(--w-s-color-background-hover);
-    --background-active: var(--w-s-color-background-active);
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-  :host([variant="overlayInverted"]) {
-    --background: var(--w-s-color-background-inverted);
-    --background-hover: var(--w-s-color-background-inverted-hover);
-    --background-active: var(--w-s-color-background-inverted-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-  :host([variant="overlayInvertedQuiet"]),
-  :host([quiet][variant="overlayInverted"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --background-hover: var(--w-s-color-background-inverted-hover);
-    --background-active: var(--w-s-color-background-inverted-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-
-  :host([variant="link"]) {
-    --background: none;
-    --background-hover: none;
-    --background-active: none;
-    --border-width: 0px;
-    --font-weight: normal;
-    display: inline;
+  :host([variant='negativeQuiet']) {
+    --w-c-button-bg: transparent;
+    --w-c-button-bg-hover: var(--w-s-color-background-negative-subtle-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-negative-subtle-active);
+    --w-c-button-color: var(--w-s-color-text-negative);
+    --w-c-button-border-width: 0px;
   }
 
-  /* States config,  selects --loading as well since loading is always supposed to be disabled */
-  :host(:disabled),
-  :host([disabled]) {
-    --background: var(--w-s-color-background-disabled);
-    --background-hover: var(--w-s-color-background-disabled);
-    --background-active: var(--w-s-color-background-disabled);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-width: 0px;
-  }
-
-  :host(:disabled) a,
-  :host([disabled]) a {
-    cursor: not-allowed;
-    pointer-events: none;
+  :host([variant='utility']) {
+    --w-c-button-bg: var(--w-s-color-background);
+    --w-c-button-color: var(--w-s-color-text);
+    --w-c-button-radius: 4px;
+    --w-c-button-border-width: 1px;
   }
 
-  :host([variant="link"]):hover a {
-    text-decoration: underline;
+  :host([variant='utilityQuiet']) {
+    --w-c-button-bg: transparent;
+    --w-c-button-color: var(--w-s-color-text);
+    --w-c-button-border-width: 0px;
+  }
+
+  :host([variant='quiet']) {
+    --w-c-button-bg: transparent;
+    --w-c-button-border-width: 0px;
+  }
+
+  :host([variant='overlay']) {
+    --w-c-button-bg: var(--w-s-color-background);
+    --w-c-button-bg-hover: var(--w-s-color-background-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-active);
+    --w-c-button-color: var(--w-s-color-text);
+    --w-c-button-radius: 9999px;
+    --w-c-button-border-width: 0px;
+  }
+
+  :host([variant='overlayInverted']) {
+    --w-c-button-bg: var(--w-s-color-background-inverted);
+    --w-c-button-bg-hover: var(--w-s-color-background-inverted-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-inverted-active);
+    --w-c-button-color: var(--w-s-color-text-inverted);
+    --w-c-button-radius: 9999px;
+    --w-c-button-border-width: 0px;
+  }
+
+  :host([variant='overlayQuiet']) {
+    --w-c-button-bg: transparent;
+    --w-c-button-bg-hover: var(--w-s-color-background-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-active);
+    --w-c-button-color: var(--w-s-color-text);
+    --w-c-button-radius: 9999px;
+    --w-c-button-border-width: 0px;
   }
 
-  /* Sizes config */
+  :host([variant='overlayInvertedQuiet']) {
+    --w-c-button-bg: transparent;
+    --w-c-button-bg-hover: var(--w-s-color-background-inverted-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-inverted-active);
+    --w-c-button-color: var(--w-s-color-text-inverted);
+    --w-c-button-radius: 9999px;
+    --w-c-button-border-width: 0px;
+  }
+
+  :host([variant='link']) {
+    --w-c-button-bg: transparent;
+    --w-c-button-border-width: 0px;
+    --w-c-button-padding-x: 0px;
+    --w-c-button-padding-y: 0px;
+    --w-c-button-font-weight: 400;
+
+    --w-c-button-bg-hover: transparent;
+    --w-c-button-bg-active: transparent;
+
+    --w-c-button-color: var(--w-s-color-text-link);
+    --w-c-button-color-hover: var(--w-s-color-text-link-hover, var(--w-c-button-color));
+    --w-c-button-color-active: var(--w-s-color-text-link-active, var(--w-c-button-color));
+  }
+`,ae=Y`
   :host([small]) {
-    --padding-x: 12px;
-    --padding-y: 8px;
-    --font-size: var(--w-font-size-xs);
-    --line-height: var(--w-line-height-xs);
+    --w-c-button-padding-x: 12px;
+    --w-c-button-padding-y: 8px;
+    --w-c-button-font-size: var(--w-font-size-xs);
+    --w-c-button-line-height: var(--w-line-height-xs);
   }
+`,ie=Y`
+  :host([disabled]) {
+    pointer-events: none;
 
-  /* Width config */
-  :host([full-width]) a {
-    width: 100%;
-    max-width: 100%;
+    --w-c-button-bg: var(--w-s-color-background-disabled);
+    --w-c-button-bg-hover: var(--w-s-color-background-disabled);
+    --w-c-button-bg-active: var(--w-s-color-background-disabled);
+
+    --w-c-button-color: var(--w-s-color-text-inverted);
+    --w-c-button-border-width: 0px;
   }
-`;var _e=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],x=class extends ye{constructor(){super(...arguments);this.autofocus=!1;this.small=!1;this.disabled=!1;this.fullWidth=!1}connectedCallback(){if(super.connectedCallback(),this.variant&&!_e.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
-${_e.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return Ke`
-      <a
-        href="${this.href}"
-        target="${this.target}"
-        rel="${this.target==="_blank"?this.rel||"noopener":We}"
-        tabindex="0"
-      >
-        <slot></slot>
-      </a>
-    `}};x.shadowRootOptions={...ye.shadowRootOptions,delegatesFocus:!0},x.styles=[X,ke],b([S({type:Boolean,reflect:!0})],x.prototype,"autofocus",2),b([S({reflect:!0})],x.prototype,"variant",2),b([S({type:Boolean,reflect:!0})],x.prototype,"small",2),b([S({reflect:!0})],x.prototype,"href",2),b([S({type:Boolean,reflect:!0})],x.prototype,"disabled",2),b([S({reflect:!0})],x.prototype,"target",2),b([S({reflect:!0})],x.prototype,"rel",2),b([S({attribute:"full-width",type:Boolean,reflect:!0})],x.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",x);var ze=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Ce=JSON.parse('{"button.aria.loading":["Loading..."]}');var Me=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Fe=JSON.parse('{"button.aria.loading":["Laster..."]}');var Ee=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as er}from"lit";var Ve=er`
-  :host {
-    /* Local scoped variables, given the default button (the secondary variant) as a default */
-    --_background: var(--background, var(--w-s-color-background));
-    --_background-hover: var(
-      --background-hover,
-      var(--w-s-color-background-hover)
-    );
-    --_background-active: var(
-      --background-active,
-      var(--w-s-color-background-active)
-    );
-    --_text-color: var(--color, var(--w-s-color-text-link));
-    --_text-color-hover: var(--color-hover, var(--w-s-color-text-link));
-    --_text-color-active: var(--color-active, var(--w-s-color-text-link));
-    --_border-width: var(--border-width, 2px);
-    --_border: var(--border, var(--w-s-color-border));
-    --_border-hover: var(--border-hover, var(--w-s-color-border-hover));
-    --_border-active: var(--border-active, var(--w-s-color-border-active));
-    --_border-radius: var(--border-radius, var(--w-button-radius-default, 8px));
-    --_font-size: var(--font-size, var(--w-font-size-m));
-    --_line-height: var(--line-height, var(--w-line-height-m));
-    --_font-weight: var(--font-weight, bold);
-    --_padding-x: var(--padding-x, 16px);
-    --_padding-y: var(--padding-y, 13px);
-  }
-
-  button {
-    /* Base setup for all buttons */
+`,Me=Y`
+  ${te}
+
+  /* ============================================================
+   * Base element (NATIVE button mode ONLY)
+   * ============================================================ */
+  button[part='base'] {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     text-align: center;
+
     cursor: pointer;
-    transition:
-      color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-      background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-      border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-      fill 150ms cubic-bezier(0.4, 0, 0.2, 1),
-      stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
-
-    /* Hook the local vars up to the button stuff  */
-    background-color: var(--_background);
-    color: var(--_text-color);
-    border: var(--_border-width) solid var(--_border);
-    border-radius: var(--_border-radius);
-    padding: calc(var(--_padding-y) - var(--_border-width))
-      calc(var(--_padding-x) - var(--_border-width));
+
+    background-color: var(--_bg);
+    color: var(--_color);
+
+    border: var(--_border-width) solid var(--_border-color);
+    border-radius: var(--_radius);
+
+    padding: calc(var(--_pad-y) - var(--_border-width))
+      calc(var(--_pad-x) - var(--_border-width));
+
     font-size: var(--_font-size);
     line-height: var(--_line-height);
     font-weight: var(--_font-weight);
+
+    transition: var(--_transition);
   }
 
-  button:hover {
-    background-color: var(--_background-hover);
-    border-color: var(--_border-hover);
-    color: var(--_text-color-hover);
+  /* Optional: helps avoid "grew a bit" from slot typography differences */
+  button[part='base'] ::slotted(*) {
+    line-height: inherit;
   }
 
-  button:active {
-    background-color: var(--_background-active);
-    border-color: var(--_border-active);
-    color: var(--_text-color-active);
+  /* ============================================================
+   * Link mode wrapper (w-link host carries part="base" in button.ts)
+   * Keep it layout-only to avoid double chrome.
+   * ============================================================ */
+  :host > w-link[part='base'] {
+    display: inline-block;
+    padding: 0;
+    border: 0;
+    background: transparent;
   }
 
-  button:focus-visible {
-    outline: 2px solid var(--w-s-color-border-focus);
-    outline-offset: var(--w-outline-offset, 1px);
-  }
-
-  /* Variants config */
-  :host([variant="primary"]) {
-    --background: var(--w-s-color-background-primary);
-    --background-hover: var(--w-s-color-background-primary-hover);
-    --background-active: var(--w-s-color-background-primary-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-width: 0px;
-  }
-  :host([variant="quiet"]),
-  :host([quiet]) /* deprecated, backwards compatibility, use variant="quiet" */ {
-    --background: transparent;
-    --color: var(--w-s-color-text-link);
-    --color-hover: var(--w-s-color-text-link-hover);
-    --color-active: var(--w-s-color-text-link-active);
-    --border-width: 0px;
-  }
-  :host([variant="negative"]) {
-    --background: var(--w-s-color-background-negative);
-    --background-hover: var(--w-s-color-background-negative-hover);
-    --background-active: var(--w-s-color-background-negative-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-width: 0px;
-  }
-  :host([variant="negativeQuiet"]),
-  :host([quiet][variant="negative"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --background-hover: var(--w-s-color-background-negative-subtle-hover);
-    --background-active: var(--w-s-color-background-negative-subtle-active);
-    --color: var(--w-s-color-text-negative);
-    --color-hover: var(--w-s-color-text-negative);
-    --color-active: var(--w-s-color-text-negative);
-    --border-width: 0px;
-  }
-  :host([variant="utility"]) {
-    --background: var(--w-s-color-background);
-    --background-hover: var(--w-s-color-background-hover);
-    --background-active: var(--w-s-color-background-active);
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-radius: var(--w-button-radius-utility, 4px);
-    --border-width: 1px;
-  }
-  :host([variant="utilityQuiet"]),
-  :host([quiet][variant="utility"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-width: 0px;
-  }
-  :host([variant="overlay"]) {
-    --background: var(--w-color-background);
-    --background-hover: var(--w-color-background-hover);
-    --background-active: var(--w-color-background-active);
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-  :host([variant="overlayQuiet"]),
-  :host([quiet][variant="overlay"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --background-hover: var(--w-s-color-background-hover);
-    --background-active: var(--w-s-color-background-active);
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-  :host([variant="overlayInverted"]) {
-    --background: var(--w-s-color-background-inverted);
-    --background-hover: var(--w-s-color-background-inverted-hover);
-    --background-active: var(--w-s-color-background-inverted-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-  :host([variant="overlayInvertedQuiet"]),
-  :host([quiet][variant="overlayInverted"]) /* deprecated, backwards compatibility */ {
-    --background: transparent;
-    --background-hover: var(--w-s-color-background-inverted-hover);
-    --background-active: var(--w-s-color-background-inverted-active);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-radius: 9999px;
-    --border-width: 0px;
-  }
-
-  :host([variant="link"]) {
-    --background: none;
-    --background-hover: none;
-    --background-active: none;
-    --border-width: 0px;
-    --font-weight: normal;
-    display: inline;
+  /* Hover / active (native button mode only) */
+  :host(:not([disabled]):not([loading])) button[part='base']:hover {
+    background-color: var(--_bg-hover);
+    border-color: var(--_border-color-hover);
+    color: var(--_color-hover);
   }
 
-  :host([variant="pill"]) {
-    --background: transparent;
-    --background-hover: var(--w-color-button-pill-background-hover); /** TODO: this should use a semantic token */
-    --background-active: var(--w-color-button-pill-background-active); /** TODO: this should use a semantic token */
-    --border-radius: 50%;
-    --border-width: 0px;
-    --color: var(--w-s-color-icon);
-    --color-hover: var(--w-s-color-icon-hover);
-    --color-active: var(--w-s-color-icon-active);
-    --padding-x: 14px; /* get a total height and width of 44px, matching atomic CSS variant */
-    --padding-y: 14px;
+  :host(:not([disabled]):not([loading])) button[part='base']:active {
+    background-color: var(--_bg-active);
+    border-color: var(--_border-color-active);
+    color: var(--_color-active);
   }
 
-  /* States config,  selects --loading as well since loading is always supposed to be disabled */
-  :host(:disabled),
-  :host([disabled]) {
-    --background: var(--w-s-color-background-disabled);
-    --background-hover: var(--w-s-color-background-disabled);
-    --background-active: var(--w-s-color-background-disabled);
-    --color: var(--w-s-color-text-inverted);
-    --color-hover: var(--w-s-color-text-inverted);
-    --color-active: var(--w-s-color-text-inverted);
-    --border-width: 0px;
-  }
-
-  :host(:disabled) button,
-  :host([disabled]) button {
-    cursor: not-allowed;
-    pointer-events: none;
+  :host(:focus-visible) button[part='base'] {
+    outline: var(--_outline-width) solid var(--_outline-color);
+    outline-offset: var(--_outline-offset);
   }
 
-  :host([loading]) {
-    --background: var(--w-s-color-background-subtle);
-    --background-hover: var(--w-s-color-background-subtle);
-    --background-active: var(--w-s-color-background-subtle);
-    --color: var(--w-s-color-text);
-    --color-hover: var(--w-s-color-text);
-    --color-active: var(--w-s-color-text);
-    --border-width: 0px;
+  /* ============================================================
+   * Variants (shared + button-specific quiet mappings)
+   * ============================================================ */
+  ${oe}
+
+  /* Button-specific: quiet attribute backwards compatibility */
+  :host([variant='negative'][quiet]) {
+    --w-c-button-bg: transparent;
+    --w-c-button-bg-hover: var(--w-s-color-background-negative-subtle-hover);
+    --w-c-button-bg-active: var(--w-s-color-background-negative-subtle-active);
+    --w-c-button-color: var(--w-s-color-text-negative);
+    --w-c-button-border-width: 0px;
   }
 
-  :host([loading]) button {
-    cursor: wait;
-    pointer-events: none;
+  :host([variant='utility'][quiet]) {
+    --w-c-button-bg: transparent;
+    --w-c-button-color: var(--w-s-color-text);
+    --w-c-button-border-width: 0px;
   }
 
-  :host([variant="link"]):hover {
-    text-decoration: underline;
+  /* Button-specific: pill variant */
+  :host([variant='pill']) {
+    --w-c-button-bg: transparent;
+    --w-c-button-radius: 50%;
+    --w-c-button-border-width: 0px;
+    --w-c-button-padding-x: 14px;
+    --w-c-button-padding-y: 14px;
+
+    /* pill uses semantic icon color (dark grey by default) */
+    --w-c-button-color: var(--w-c-button-icon-color, var(--w-s-color-icon));
   }
 
-  /* Sizes config */
-  :host([small]) {
-    --padding-x: 12px;
-    --padding-y: 8px;
-    --font-size: var(--w-font-size-xs);
-    --line-height: var(--w-line-height-xs);
+  /* Button-specific: link variant element styles */
+  :host([variant='link']) button[part='base'] {
+    display: inline;
+    padding: 0;
   }
 
-  :host([small][variant="pill"]) {
-    --padding-x: 8px; /* get a total height and width of 32px, matching atomic CSS variant */
-    --padding-y: 8px;
+  :host([variant='link']:not([disabled]):not([loading])) button[part='base']:hover {
+    text-decoration: underline;
+    background-color: transparent;
+    border-color: transparent;
+    color: var(--w-c-button-color-hover);
   }
 
-  /* Width config */
-  :host([full-width]) button {
-    width: 100%;
-    max-width: 100%;
+  /* ===== Size ===== */
+  ${ae}
+
+  :host([small][variant='pill']) {
+    --w-c-button-padding-x: 8px;
+    --w-c-button-padding-y: 8px;
   }
 
-  :host([has-icon-only]) {
-    --_padding-x: var(--_padding-y);
+  /* ===== Layout ===== */
+
+  :host([full-width]) button[part='base'],
+  :host([full-width]) > w-link[part='base'] {
+    width: 100%;
   }
 
-  :host([has-icon-only]) button {
-    width: auto;
-    max-width: none;
+  :host([icon-only]) button[part='base'] {
     aspect-ratio: 1 / 1;
+    padding-left: calc(var(--w-c-button-padding-y) - var(--w-c-button-border-width, 0px));
+    padding-right: calc(var(--w-c-button-padding-y) - var(--w-c-button-border-width, 0px));
+  }
+
+  /* ============================================================
+   * STATE OVERRIDES (must be last so they win over variants)
+   * Disabled first, Loading last (loading is disabled-like + visuals)
+   *
+   * IMPORTANT:
+   * Some variant selectors are more specific (e.g. [variant='negative']:not([quiet])).
+   * To ensure states always win, we match similar specificity via extra attribute selectors.
+   * ============================================================ */
+
+  /* ===== Disabled ===== */
+  ${ie}
+
+  /* Additional specificity for button to override quiet variants */
+  :host([disabled][variant]),
+  :host([disabled][quiet]) {
+    --w-c-button-bg: var(--w-s-color-background-disabled);
+    --w-c-button-bg-hover: var(--w-s-color-background-disabled);
+    --w-c-button-bg-active: var(--w-s-color-background-disabled);
+
+    --w-c-button-color: var(--w-s-color-text-inverted);
+
+    --w-c-button-border-width: 0px;
+    --w-c-button-border-color: transparent;
+    --w-c-button-border-color-hover: transparent;
+    --w-c-button-border-color-active: transparent;
+
+    --w-c-button-color-hover: var(--w-s-color-text-inverted);
+    --w-c-button-color-active: var(--w-s-color-text-inverted);
   }
 
-  /* Copy of loading animation from warp  */
-  :host([loading]) button {
+  /* ===== Loading (wins over everything) ===== */
+  :host([loading]),
+  :host([loading][variant]),
+  :host([loading][quiet]) {
+    pointer-events: none;
+
+    /* Strong overrides so variants can't leak through */
+    --w-c-button-bg: var(--w-s-color-background-subtle);
+    --w-c-button-bg-hover: var(--w-s-color-background-subtle);
+    --w-c-button-bg-active: var(--w-s-color-background-subtle);
+
+    --w-c-button-color: var(--w-s-color-text);
+    --w-c-button-color-hover: var(--w-s-color-text);
+    --w-c-button-color-active: var(--w-s-color-text);
+
+    --w-c-button-border-width: 0px;
+    --w-c-button-border-color: transparent;
+    --w-c-button-border-color-hover: transparent;
+    --w-c-button-border-color-active: transparent;
+  }
+
+  /* Loading stripes (native button mode only) */
+  :host([loading]) button[part='base'] {
     background-image: linear-gradient(
       135deg,
       rgba(0, 0, 0, 0.05) 25%,
@@ -2938,6 +2798,12 @@ ${_e.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
     animation: animate-inprogress 3s linear infinite;
   }
 
+  @media (prefers-reduced-motion: reduce) {
+    :host([loading]) button[part='base'] {
+      animation: none;
+    }
+  }
+
   @keyframes animate-inprogress {
     0% {
       background-position: 0 0;
@@ -2946,8 +2812,92 @@ ${_e.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
       background-position: 60px 0;
     }
   }
-`;import{ifDefined as or}from"lit/directives/if-defined.js";var Le=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],q,u=class extends ue(Se){constructor(){super();this.autofocus=!1;this.quiet=!1;this.iconOnly=!1;this.small=!1;this.loading=!1;this.disabled=!1;this.fullWidth=!1;ie(this,q,null);we(Ce,Fe,Me,ze,Ee),this.ariaValueTextLoading=_.t({id:"button.aria.loading",message:"Loading...",comment:"Screen reader message for buttons that are loading"})}updated(r){r.has("value")&&this.setValue(this.value)}connectedCallback(){super.connectedCallback();let r=this.variant||"secondary";if(!Le.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
-${Le.join(", ")}.`);ne(this,q,this.value)}firstUpdated(){this.autofocus&&!this.href&&setTimeout(()=>this.focus(),0)}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}resetFormControl(){this.value=ae(this,q)}render(){let r=this.variant||"secondary";return Z` ${this.href?Z`
+`;var Fe=or`
+  ${te}
+
+  /* ============================================================
+   * Link element (anchor with button styling)
+   * ============================================================ */
+  a[part='base'] {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+
+    cursor: pointer;
+    text-decoration: none;
+
+    background-color: var(--_bg);
+    color: var(--_color);
+
+    border: var(--_border-width) solid var(--_border-color);
+    border-radius: var(--_radius);
+
+    padding: calc(var(--_pad-y) - var(--_border-width))
+             calc(var(--_pad-x) - var(--_border-width));
+
+    font-size: var(--_font-size);
+    line-height: var(--_line-height);
+    font-weight: var(--_font-weight);
+
+    transition: var(--_transition);
+  }
+
+  :host(:not([disabled])) a[part='base']:hover {
+    background-color: var(--_bg-hover);
+    border-color: var(--_border-color-hover);
+    color: var(--_color-hover);
+  }
+
+  :host(:not([disabled])) a[part='base']:active {
+    background-color: var(--_bg-active);
+    border-color: var(--_border-color-active);
+    color: var(--_color-active);
+  }
+
+  :host(:focus-visible) a[part='base'] {
+    outline: var(--_outline-width) solid var(--_outline-color);
+    outline-offset: var(--_outline-offset);
+  }
+
+  /* ===== Variants (shared from button) ===== */
+  ${oe}
+
+  /* Link-specific: link variant element styles */
+  :host([variant='link']) a[part='base'] {
+    display: inline;
+    padding: 0;
+  }
+
+  :host([variant='link']:not([disabled])) a[part='base']:hover {
+    text-decoration: underline;
+    background-color: transparent;
+    border-color: transparent;
+  }
+
+  /* ===== Sizes (shared from button) ===== */
+  ${ae}
+
+  /* ===== Layout ===== */
+  :host([full-width]) a[part='base'] {
+    width: 100%;
+  }
+
+  /* ===== Disabled (shared from button) ===== */
+  ${ie}
+`;var Le=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],x=class extends Se{constructor(){super(...arguments);this.autofocus=!1;this.small=!1;this.disabled=!1;this.fullWidth=!1}connectedCallback(){if(super.connectedCallback(),this.variant&&!Le.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
+${Le.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return ar`
+      <a
+        href="${this.href}"
+        part="base"
+        target="${this.target}"
+        rel="${this.target==="_blank"?this.rel||"noopener":ir}"
+        tabindex="0"
+      >
+        <slot></slot>
+      </a>
+    `}};x.shadowRootOptions={...Se.shadowRootOptions,delegatesFocus:!0},x.styles=[X,Fe],b([L({type:Boolean,reflect:!0})],x.prototype,"autofocus",2),b([L({reflect:!0})],x.prototype,"variant",2),b([L({type:Boolean,reflect:!0})],x.prototype,"small",2),b([L({reflect:!0})],x.prototype,"href",2),b([L({type:Boolean,reflect:!0})],x.prototype,"disabled",2),b([L({reflect:!0})],x.prototype,"target",2),b([L({reflect:!0})],x.prototype,"rel",2),b([L({attribute:"full-width",type:Boolean,reflect:!0})],x.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",x);import{ifDefined as ne}from"lit/directives/if-defined.js";var Ve=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var $e=JSON.parse('{"button.aria.loading":["Loading..."]}');var Te=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Ie=JSON.parse('{"button.aria.loading":["Laster..."]}');var Pe=JSON.parse('{"button.aria.loading":["Laddar ..."]}');var Oe=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],D,u=class extends fe(Ae){constructor(){super();this.autofocus=!1;this.quiet=!1;this.iconOnly=!1;this.small=!1;this.loading=!1;this.disabled=!1;this.fullWidth=!1;be(this,D,null);_e($e,Ie,Te,Ve,Pe),this.ariaValueTextLoading=_.t({id:"button.aria.loading",message:"Loading...",comment:"Screen reader message for buttons that are loading"})}updated(r){r.has("value")&&this.setValue(this.value)}connectedCallback(){super.connectedCallback();let r=this.variant||"secondary";if(!Oe.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
+${Oe.join(", ")}.`);ue(this,D,this.value)}closestWithId(r){let t=this.shadowRoot,a=null;try{for(;t;){if(a=t.getElementById(r),a)return a;t=t.getRootNode().host?.getRootNode()}}catch{}return document.getElementById(r)}firstUpdated(){this.autofocus&&!this.href&&setTimeout(()=>this.focus(),0),this.buttonEl&&this.commandfor&&(this.buttonEl.commandForElement=this.closestWithId(this.commandfor))}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}resetFormControl(){this.value=de(this,D)}render(){let r=this.variant||"secondary";return Z` ${this.href?Z`
           <w-link
             href=${this.href}
             target=${this.target}
@@ -2964,8 +2914,11 @@ ${Le.join(", ")}.`);ne(this,q,this.value)}firstUpdated(){this.autofocus&&!this.h
         `:Z`
           <button
             type=${this.type||"button"}
-            class=${or(this.buttonClass)}
+            part="base"
+            class=${ne(this.buttonClass)}
             @click="${this._handleButtonClick}"
+            commandfor=${ne(this.commandfor)}
+            command=${ne(this.command)}
           >
             <slot></slot>
           </button>
@@ -2975,5 +2928,5 @@ ${Le.join(", ")}.`);ne(this,q,this.value)}firstUpdated(){this.autofocus&&!this.h
           role="progressbar"
           aria-valuenow="{0}"
           aria-valuetext=${this.ariaValueTextLoading}
-        ></span>`:rr}`}};q=new WeakMap,u.styles=[X,Ve],u.shadowRootOptions={...Se.shadowRootOptions,delegatesFocus:!0},b([w({reflect:!0})],u.prototype,"type",2),b([w({type:Boolean,reflect:!0})],u.prototype,"autofocus",2),b([w({reflect:!0})],u.prototype,"variant",2),b([w({type:Boolean,reflect:!0})],u.prototype,"quiet",2),b([w({type:Boolean,reflect:!0,attribute:"icon-only"})],u.prototype,"iconOnly",2),b([w({type:Boolean,reflect:!0})],u.prototype,"small",2),b([w({type:Boolean,reflect:!0})],u.prototype,"loading",2),b([w({reflect:!0})],u.prototype,"href",2),b([w({reflect:!0})],u.prototype,"target",2),b([w({type:Boolean,reflect:!0})],u.prototype,"disabled",2),b([w({reflect:!0})],u.prototype,"rel",2),b([w({attribute:"full-width",type:Boolean,reflect:!0})],u.prototype,"fullWidth",2),b([w({attribute:"button-class",reflect:!0})],u.prototype,"buttonClass",2),b([w({reflect:!0})],u.prototype,"name",2),b([w({reflect:!0})],u.prototype,"value",2);customElements.get("w-button")||customElements.define("w-button",u);export{u as WarpButton};
+        ></span>`:nr}`}};D=new WeakMap,u.styles=[X,Me],u.shadowRootOptions={...Ae.shadowRootOptions,delegatesFocus:!0},b([w({reflect:!0})],u.prototype,"type",2),b([w({type:Boolean,reflect:!0})],u.prototype,"autofocus",2),b([w({reflect:!0})],u.prototype,"variant",2),b([w({type:Boolean,reflect:!0})],u.prototype,"quiet",2),b([w({type:Boolean,reflect:!0,attribute:"icon-only"})],u.prototype,"iconOnly",2),b([w({type:Boolean,reflect:!0})],u.prototype,"small",2),b([w({type:Boolean,reflect:!0})],u.prototype,"loading",2),b([w({reflect:!0})],u.prototype,"href",2),b([w({reflect:!0})],u.prototype,"target",2),b([w({type:Boolean,reflect:!0})],u.prototype,"disabled",2),b([w({reflect:!0})],u.prototype,"rel",2),b([w({attribute:"full-width",type:Boolean,reflect:!0})],u.prototype,"fullWidth",2),b([w({attribute:"button-class",reflect:!0})],u.prototype,"buttonClass",2),b([w({reflect:!0})],u.prototype,"name",2),b([w({reflect:!0})],u.prototype,"value",2),b([w()],u.prototype,"commandfor",2),b([w()],u.prototype,"command",2),b([sr("button")],u.prototype,"buttonEl",2);customElements.get("w-button")||customElements.define("w-button",u);export{u as WarpButton};
 //# sourceMappingURL=button.js.map