@politiet/sheriff-web-components 2.5.1 → 2.6.1

package/dist/sheriff-web-components.js

@@ -1,4 +1,4 @@
-var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=/* @__PURE__ */Symbol(),r=/* @__PURE__ */new WeakMap;let a=class{constructor(t,s,e){if(this._$cssResult$=!0,e!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=r.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&r.set(s,t))}return t}toString(){return this.cssText}};const i=(t,...s)=>{const e=1===t.length?t[0]:s.reduce((s,e,o)=>s+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(e)+t[o+1],t[0]);return new a(e,t,o)},d=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let s="";for(const e of t.cssRules)s+=e.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,o))(s)})(t):t,{is:n,defineProperty:l,getOwnPropertyDescriptor:c,getOwnPropertyNames:h,getOwnPropertySymbols:p,getPrototypeOf:g}=Object,v=globalThis,u=v.trustedTypes,f=u?u.emptyScript:"",b=v.reactiveElementPolyfillSupport,_=(t,s)=>t,m={toAttribute(t,s){switch(s){case Boolean:t=t?f:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let e=t;switch(s){case Boolean:e=null!==t;break;case Number:e=null===t?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(o){e=null}}return e}},x=(t,s)=>!n(t,s),y={attribute:!0,type:String,converter:m,reflect:!1,useDefault:!1,hasChanged:x};Symbol.metadata??=/* @__PURE__ */Symbol("metadata"),v.litPropertyMetadata??=/* @__PURE__ */new WeakMap;let k=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const e=/* @__PURE__ */Symbol(),o=this.getPropertyDescriptor(t,e,s);void 0!==o&&l(this.prototype,t,o)}}static getPropertyDescriptor(t,s,e){const{get:o,set:r}=c(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:o,set(s){const a=o?.call(this);r?.call(this,s),this.requestUpdate(t,a,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??y}static _$Ei(){if(this.hasOwnProperty(_("elementProperties")))return;const t=g(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(_("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(_("properties"))){const t=this.properties,s=[...h(t),...p(t)];for(const e of s)this.createProperty(e,t[e])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,e]of s)this.elementProperties.set(t,e)}this._$Eh=/* @__PURE__ */new Map;for(const[s,e]of this.elementProperties){const t=this._$Eu(s,e);void 0!==t&&this._$Eh.set(t,s)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)s.unshift(d(t))}else void 0!==t&&s.push(d(t));return s}static _$Eu(t,s){const e=s.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=/* @__PURE__ */new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=/* @__PURE__ */new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=/* @__PURE__ */new Map,s=this.constructor.elementProperties;for(const e of s.keys())this.hasOwnProperty(e)&&(t.set(e,this[e]),delete this[e]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,o)=>{if(e)t.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of o){const o=document.createElement("style"),r=s.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=e.cssText,t.appendChild(o)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,s,e){this._$AK(t,e)}_$ET(t,s){const e=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,e);if(void 0!==o&&!0===e.reflect){const r=(void 0!==e.converter?.toAttribute?e.converter:m).toAttribute(s,e.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,s){const e=this.constructor,o=e._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=e.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:m;this._$Em=o;const a=r.fromAttribute(s,t.type);this[o]=a??this._$Ej?.get(o)??a,this._$Em=null}}requestUpdate(t,s,e,o=!1,r){if(void 0!==t){const a=this.constructor;if(!1===o&&(r=this[t]),e??=a.getPropertyOptions(t),!((e.hasChanged??x)(r,s)||e.useDefault&&e.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(a._$Eu(t,e))))return;this.C(t,s,e)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:e,reflect:o,wrapped:r},a){e&&!(this._$Ej??=/* @__PURE__ */new Map).has(t)&&(this._$Ej.set(t,a??s??this[t]),!0!==r||void 0!==a)||(this._$AL.has(t)||(this.hasUpdated||e||(s=void 0),this._$AL.set(t,s)),!0===o&&this._$Em!==t&&(this._$Eq??=/* @__PURE__ */new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(s){Promise.reject(s)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,e]of t){const{wrapped:t}=e,o=this[s];!0!==t||this._$AL.has(s)||void 0===o||this.C(s,void 0,e,o)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(s)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=/* @__PURE__ */new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}};k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[_("elementProperties")]=/* @__PURE__ */new Map,k[_("finalized")]=/* @__PURE__ */new Map,b?.({ReactiveElement:k}),(v.reactiveElementVersions??=[]).push("2.1.2");const w={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:x},z=(t=w,s,e)=>{const{kind:o,metadata:r}=e;let a=globalThis.litPropertyMetadata.get(r);if(void 0===a&&globalThis.litPropertyMetadata.set(r,a=/* @__PURE__ */new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),a.set(e.name,t),"accessor"===o){const{name:o}=e;return{set(e){const r=s.get.call(this);s.set.call(this,e),this.requestUpdate(o,r,t,!0,e)},init(s){return void 0!==s&&this.C(o,void 0,t,s),s}}}if("setter"===o){const{name:o}=e;return function(e){const r=this[o];s.call(this,e),this.requestUpdate(o,r,t,!0,e)}}throw Error("Unsupported decorator location: "+o)};function $(t){return(s,e)=>"object"==typeof e?z(t,s,e):((t,s,e)=>{const o=s.hasOwnProperty(e);return s.constructor.createProperty(e,t),o?Object.getOwnPropertyDescriptor(s,e):void 0})(t,s,e)}function S(t){return $({...t,state:!0,attribute:!1})}const C=(t,s,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&"object"!=typeof s&&Object.defineProperty(t,s,e),e);function E(t,s){return(s,e,o)=>C(s,e,{get(){return s=this,s.renderRoot?.querySelector(t)??null;var s}})}function O(t){return(s,e)=>{const{slot:o,selector:r}=t??{},a="slot"+(o?`[name=${o}]`:":not([name])");return C(s,e,{get(){const s=this.renderRoot?.querySelector(a),e=s?.assignedElements(t)??[];return void 0===r?e:e.filter(t=>t.matches(r))}})}}function A(t){return s=>{var e;customElements.get(t)||(e=t,(t,s)=>{void 0!==s?s.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})(s)}}const q=globalThis,P=t=>t,D=q.trustedTypes,L=D?D.createPolicy("lit-html",{createHTML:t=>t}):void 0,V="$lit$",R=`lit$${Math.random().toFixed(9).slice(2)}$`,M="?"+R,B=`<${M}>`,T=document,I=()=>T.createComment(""),j=t=>null===t||"object"!=typeof t&&"function"!=typeof t,F=Array.isArray,N="[ \t\n\f\r]",U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,H=/-->/g,K=/>/g,W=RegExp(`>|${N}(?:([^\\s"'>=/]+)(${N}*=${N}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),G=/'/g,Y=/"/g,Z=/^(?:script|style|textarea|title)$/i,Q=(et=1,(t,...s)=>({_$litType$:et,strings:t,values:s})),X=/* @__PURE__ */Symbol.for("lit-noChange"),J=/* @__PURE__ */Symbol.for("lit-nothing"),tt=/* @__PURE__ */new WeakMap,st=T.createTreeWalker(T,129);var et;function ot(t,s){if(!F(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==L?L.createHTML(s):s}class rt{constructor({strings:t,_$litType$:s},e){let o;this.parts=[];let r=0,a=0;const i=t.length-1,d=this.parts,[n,l]=((t,s)=>{const e=t.length-1,o=[];let r,a=2===s?"<svg>":3===s?"<math>":"",i=U;for(let d=0;d<e;d++){const s=t[d];let e,n,l=-1,c=0;for(;c<s.length&&(i.lastIndex=c,n=i.exec(s),null!==n);)c=i.lastIndex,i===U?"!--"===n[1]?i=H:void 0!==n[1]?i=K:void 0!==n[2]?(Z.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=W):void 0!==n[3]&&(i=W):i===W?">"===n[0]?(i=r??U,l=-1):void 0===n[1]?l=-2:(l=i.lastIndex-n[2].length,e=n[1],i=void 0===n[3]?W:'"'===n[3]?Y:G):i===Y||i===G?i=W:i===H||i===K?i=U:(i=W,r=void 0);const h=i===W&&t[d+1].startsWith("/>")?" ":"";a+=i===U?s+B:l>=0?(o.push(e),s.slice(0,l)+V+s.slice(l)+R+h):s+R+(-2===l?d:h)}return[ot(t,a+(t[e]||"<?>")+(2===s?"</svg>":3===s?"</math>":"")),o]})(t,s);if(this.el=rt.createElement(n,e),st.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=st.nextNode())&&d.length<i;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(V)){const s=l[a++],e=o.getAttribute(t).split(R),i=/([.?@])?(.*)/.exec(s);d.push({type:1,index:r,name:i[2],strings:e,ctor:"."===i[1]?lt:"?"===i[1]?ct:"@"===i[1]?ht:nt}),o.removeAttribute(t)}else t.startsWith(R)&&(d.push({type:6,index:r}),o.removeAttribute(t));if(Z.test(o.tagName)){const t=o.textContent.split(R),s=t.length-1;if(s>0){o.textContent=D?D.emptyScript:"";for(let e=0;e<s;e++)o.append(t[e],I()),st.nextNode(),d.push({type:2,index:++r});o.append(t[s],I())}}}else if(8===o.nodeType)if(o.data===M)d.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(R,t+1));)d.push({type:7,index:r}),t+=R.length-1}r++}}static createElement(t,s){const e=T.createElement("template");return e.innerHTML=t,e}}function at(t,s,e=t,o){if(s===X)return s;let r=void 0!==o?e._$Co?.[o]:e._$Cl;const a=j(s)?void 0:s._$litDirective$;return r?.constructor!==a&&(r?._$AO?.(!1),void 0===a?r=void 0:(r=new a(t),r._$AT(t,e,o)),void 0!==o?(e._$Co??=[])[o]=r:e._$Cl=r),void 0!==r&&(s=at(t,r._$AS(t,s.values),r,o)),s}class it{constructor(t,s){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:s},parts:e}=this._$AD,o=(t?.creationScope??T).importNode(s,!0);st.currentNode=o;let r=st.nextNode(),a=0,i=0,d=e[0];for(;void 0!==d;){if(a===d.index){let s;2===d.type?s=new dt(r,r.nextSibling,this,t):1===d.type?s=new d.ctor(r,d.name,d.strings,this,t):6===d.type&&(s=new pt(r,this,t)),this._$AV.push(s),d=e[++i]}a!==d?.index&&(r=st.nextNode(),a++)}return st.currentNode=T,o}p(t){let s=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,s),s+=e.strings.length-2):e._$AI(t[s])),s++}}class dt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,s,e,o){this.type=2,this._$AH=J,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=e,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return void 0!==s&&11===t?.nodeType&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=at(this,t,s),j(t)?t===J||null==t||""===t?(this._$AH!==J&&this._$AR(),this._$AH=J):t!==this._$AH&&t!==X&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>F(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==J&&j(this._$AH)?this._$AA.nextSibling.data=t:this.T(T.createTextNode(t)),this._$AH=t}$(t){const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=rt.createElement(ot(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===o)this._$AH.p(s);else{const t=new it(o,this),e=t.u(this.options);t.p(s),this.T(e),this._$AH=t}}_$AC(t){let s=tt.get(t.strings);return void 0===s&&tt.set(t.strings,s=new rt(t)),s}k(t){F(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let e,o=0;for(const r of t)o===s.length?s.push(e=new dt(this.O(I()),this.O(I()),this,this.options)):e=s[o],e._$AI(r),o++;o<s.length&&(this._$AR(e&&e._$AB.nextSibling,o),s.length=o)}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(!1,!0,s);t!==this._$AB;){const s=P(t).nextSibling;P(t).remove(),t=s}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class nt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,e,o,r){this.type=1,this._$AH=J,this._$AN=void 0,this.element=t,this.name=s,this._$AM=o,this.options=r,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=J}_$AI(t,s=this,e,o){const r=this.strings;let a=!1;if(void 0===r)t=at(this,t,s,0),a=!j(t)||t!==this._$AH&&t!==X,a&&(this._$AH=t);else{const o=t;let i,d;for(t=r[0],i=0;i<r.length-1;i++)d=at(this,o[e+i],s,i),d===X&&(d=this._$AH[i]),a||=!j(d)||d!==this._$AH[i],d===J?t=J:t!==J&&(t+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(t)}j(t){t===J?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class lt extends nt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===J?void 0:t}}class ct extends nt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==J)}}class ht extends nt{constructor(t,s,e,o,r){super(t,s,e,o,r),this.type=5}_$AI(t,s=this){if((t=at(this,t,s,0)??J)===X)return;const e=this._$AH,o=t===J&&e!==J||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,r=t!==J&&(e===J||o);o&&this.element.removeEventListener(this.name,this,e),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class pt{constructor(t,s,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){at(this,t)}}const gt=q.litHtmlPolyfillSupport;gt?.(rt,dt),(q.litHtmlVersions??=[]).push("3.3.2");const vt=globalThis;let ut=class extends k{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,s,e)=>{const o=e?.renderBefore??s;let r=o._$litPart$;if(void 0===r){const t=e?.renderBefore??null;o._$litPart$=r=new dt(s.insertBefore(I(),t),t,void 0,e??{})}return r._$AI(t),r})(s,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return X}};ut._$litElement$=!0,ut.finalized=!0,vt.litElementHydrateSupport?.({LitElement:ut});const ft=vt.litElementPolyfillSupport;ft?.({LitElement:ut}),(vt.litElementVersions??=[]).push("4.2.2");const bt=/* @__PURE__ */Symbol.for(""),_t=t=>{if(t?.r===bt)return t?._$litStatic$},mt=(t,...s)=>({_$litStatic$:s.reduce((s,e,o)=>s+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n            take care to ensure page security.`)})(e)+t[o+1],t[0]),r:bt}),xt=/* @__PURE__ */new Map,yt=(t=>(s,...e)=>{const o=e.length;let r,a;const i=[],d=[];let n,l=0,c=!1;for(;l<o;){for(n=s[l];l<o&&void 0!==(a=e[l],r=_t(a));)n+=r+s[++l],c=!0;l!==o&&d.push(a),i.push(n),l++}if(l===o&&i.push(s[o]),c){const t=i.join("$$lit$$");void 0===(s=xt.get(t))&&(i.raw=i,xt.set(t,s=i)),e=d}return t(s,...e)})(Q),kt=i`
+var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=/* @__PURE__ */Symbol(),r=/* @__PURE__ */new WeakMap;let a=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(s&&void 0===t){const s=void 0!==e&&1===e.length;s&&(t=r.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&r.set(e,t))}return t}toString(){return this.cssText}};const i=t=>new a("string"==typeof t?t:t+"",void 0,o),d=(t,...e)=>{const s=1===t.length?t[0]:e.reduce((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1],t[0]);return new a(s,t,o)},n=s?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return i(e)})(t):t,{is:l,defineProperty:c,getOwnPropertyDescriptor:h,getOwnPropertyNames:p,getOwnPropertySymbols:g,getPrototypeOf:v}=Object,u=globalThis,f=u.trustedTypes,b=f?f.emptyScript:"",m=u.reactiveElementPolyfillSupport,_=(t,e)=>t,x={toAttribute(t,e){switch(e){case Boolean:t=t?b:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(o){s=null}}return s}},y=(t,e)=>!l(t,e),w={attribute:!0,type:String,converter:x,reflect:!1,useDefault:!1,hasChanged:y};Symbol.metadata??=/* @__PURE__ */Symbol("metadata"),u.litPropertyMetadata??=/* @__PURE__ */new WeakMap;let k=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=w){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=/* @__PURE__ */Symbol(),o=this.getPropertyDescriptor(t,s,e);void 0!==o&&c(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){const{get:o,set:r}=h(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:o,set(e){const a=o?.call(this);r?.call(this,e),this.requestUpdate(t,a,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??w}static _$Ei(){if(this.hasOwnProperty(_("elementProperties")))return;const t=v(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(_("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(_("properties"))){const t=this.properties,e=[...p(t),...g(t)];for(const s of e)this.createProperty(s,t[s])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,s]of e)this.elementProperties.set(t,s)}this._$Eh=/* @__PURE__ */new Map;for(const[e,s]of this.elementProperties){const t=this._$Eu(e,s);void 0!==t&&this._$Eh.set(t,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(n(t))}else void 0!==t&&e.push(n(t));return e}static _$Eu(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=/* @__PURE__ */new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=/* @__PURE__ */new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=/* @__PURE__ */new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,o)=>{if(s)t.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const s of o){const o=document.createElement("style"),r=e.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=s.cssText,t.appendChild(o)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){const s=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,s);if(void 0!==o&&!0===s.reflect){const r=(void 0!==s.converter?.toAttribute?s.converter:x).toAttribute(e,s.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,e){const s=this.constructor,o=s._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=s.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:x;this._$Em=o;const a=r.fromAttribute(e,t.type);this[o]=a??this._$Ej?.get(o)??a,this._$Em=null}}requestUpdate(t,e,s,o=!1,r){if(void 0!==t){const a=this.constructor;if(!1===o&&(r=this[t]),s??=a.getPropertyOptions(t),!((s.hasChanged??y)(r,e)||s.useDefault&&s.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(a._$Eu(t,s))))return;this.C(t,e,s)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:o,wrapped:r},a){s&&!(this._$Ej??=/* @__PURE__ */new Map).has(t)&&(this._$Ej.set(t,a??e??this[t]),!0!==r||void 0!==a)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),!0===o&&this._$Em!==t&&(this._$Eq??=/* @__PURE__ */new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,s]of t){const{wrapped:t}=s,o=this[e];!0!==t||this._$AL.has(e)||void 0===o||this.C(e,void 0,s,o)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=/* @__PURE__ */new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}};k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[_("elementProperties")]=/* @__PURE__ */new Map,k[_("finalized")]=/* @__PURE__ */new Map,m?.({ReactiveElement:k}),(u.reactiveElementVersions??=[]).push("2.1.2");const z={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:y},$=(t=z,e,s)=>{const{kind:o,metadata:r}=s;let a=globalThis.litPropertyMetadata.get(r);if(void 0===a&&globalThis.litPropertyMetadata.set(r,a=/* @__PURE__ */new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),a.set(s.name,t),"accessor"===o){const{name:o}=s;return{set(s){const r=e.get.call(this);e.set.call(this,s),this.requestUpdate(o,r,t,!0,s)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===o){const{name:o}=s;return function(s){const r=this[o];e.call(this,s),this.requestUpdate(o,r,t,!0,s)}}throw Error("Unsupported decorator location: "+o)};function S(t){return(e,s)=>"object"==typeof s?$(t,e,s):((t,e,s)=>{const o=e.hasOwnProperty(s);return e.constructor.createProperty(s,t),o?Object.getOwnPropertyDescriptor(e,s):void 0})(t,e,s)}function C(t){return S({...t,state:!0,attribute:!1})}const E=(t,e,s)=>(s.configurable=!0,s.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,s),s);function A(t,e){return(e,s,o)=>E(e,s,{get(){return e=this,e.renderRoot?.querySelector(t)??null;var e}})}function O(t){return e=>{var s;customElements.get(t)||(s=t,(t,e)=>{void 0!==e?e.addInitializer(()=>{customElements.define(s,t)}):customElements.define(s,t)})(e)}}const P=globalThis,D=t=>t,L=P.trustedTypes,q=L?L.createPolicy("lit-html",{createHTML:t=>t}):void 0,T="$lit$",R=`lit$${Math.random().toFixed(9).slice(2)}$`,M="?"+R,V=`<${M}>`,B=document,F=()=>B.createComment(""),I=t=>null===t||"object"!=typeof t&&"function"!=typeof t,H=Array.isArray,j="[ \t\n\f\r]",N=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,U=/-->/g,W=/>/g,K=RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),G=/'/g,Y=/"/g,X=/^(?:script|style|textarea|title)$/i,Z=(st=1,(t,...e)=>({_$litType$:st,strings:t,values:e})),Q=/* @__PURE__ */Symbol.for("lit-noChange"),J=/* @__PURE__ */Symbol.for("lit-nothing"),tt=/* @__PURE__ */new WeakMap,et=B.createTreeWalker(B,129);var st;function ot(t,e){if(!H(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==q?q.createHTML(e):e}let rt=class t{constructor({strings:e,_$litType$:s},o){let r;this.parts=[];let a=0,i=0;const d=e.length-1,n=this.parts,[l,c]=((t,e)=>{const s=t.length-1,o=[];let r,a=2===e?"<svg>":3===e?"<math>":"",i=N;for(let d=0;d<s;d++){const e=t[d];let s,n,l=-1,c=0;for(;c<e.length&&(i.lastIndex=c,n=i.exec(e),null!==n);)c=i.lastIndex,i===N?"!--"===n[1]?i=U:void 0!==n[1]?i=W:void 0!==n[2]?(X.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=K):void 0!==n[3]&&(i=K):i===K?">"===n[0]?(i=r??N,l=-1):void 0===n[1]?l=-2:(l=i.lastIndex-n[2].length,s=n[1],i=void 0===n[3]?K:'"'===n[3]?Y:G):i===Y||i===G?i=K:i===U||i===W?i=N:(i=K,r=void 0);const h=i===K&&t[d+1].startsWith("/>")?" ":"";a+=i===N?e+V:l>=0?(o.push(s),e.slice(0,l)+T+e.slice(l)+R+h):e+R+(-2===l?d:h)}return[ot(t,a+(t[s]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]})(e,s);if(this.el=t.createElement(l,o),et.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=et.nextNode())&&n.length<d;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(T)){const e=c[i++],s=r.getAttribute(t).split(R),o=/([.?@])?(.*)/.exec(e);n.push({type:1,index:a,name:o[2],strings:s,ctor:"."===o[1]?lt:"?"===o[1]?ct:"@"===o[1]?ht:nt}),r.removeAttribute(t)}else t.startsWith(R)&&(n.push({type:6,index:a}),r.removeAttribute(t));if(X.test(r.tagName)){const t=r.textContent.split(R),e=t.length-1;if(e>0){r.textContent=L?L.emptyScript:"";for(let s=0;s<e;s++)r.append(t[s],F()),et.nextNode(),n.push({type:2,index:++a});r.append(t[e],F())}}}else if(8===r.nodeType)if(r.data===M)n.push({type:2,index:a});else{let t=-1;for(;-1!==(t=r.data.indexOf(R,t+1));)n.push({type:7,index:a}),t+=R.length-1}a++}}static createElement(t,e){const s=B.createElement("template");return s.innerHTML=t,s}};function at(t,e,s=t,o){if(e===Q)return e;let r=void 0!==o?s._$Co?.[o]:s._$Cl;const a=I(e)?void 0:e._$litDirective$;return r?.constructor!==a&&(r?._$AO?.(!1),void 0===a?r=void 0:(r=new a(t),r._$AT(t,s,o)),void 0!==o?(s._$Co??=[])[o]=r:s._$Cl=r),void 0!==r&&(e=at(t,r._$AS(t,e.values),r,o)),e}let it=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,o=(t?.creationScope??B).importNode(e,!0);et.currentNode=o;let r=et.nextNode(),a=0,i=0,d=s[0];for(;void 0!==d;){if(a===d.index){let e;2===d.type?e=new dt(r,r.nextSibling,this,t):1===d.type?e=new d.ctor(r,d.name,d.strings,this,t):6===d.type&&(e=new pt(r,this,t)),this._$AV.push(e),d=s[++i]}a!==d?.index&&(r=et.nextNode(),a++)}return et.currentNode=B,o}p(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}},dt=class t{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=J,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=at(this,t,e),I(t)?t===J||null==t||""===t?(this._$AH!==J&&this._$AR(),this._$AH=J):t!==this._$AH&&t!==Q&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>H(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==J&&I(this._$AH)?this._$AA.nextSibling.data=t:this.T(B.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,o="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=rt.createElement(ot(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new it(o,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=tt.get(t.strings);return void 0===e&&tt.set(t.strings,e=new rt(t)),e}k(e){H(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let o,r=0;for(const a of e)r===s.length?s.push(o=new t(this.O(F()),this.O(F()),this,this.options)):o=s[r],o._$AI(a),r++;r<s.length&&(this._$AR(o&&o._$AB.nextSibling,r),s.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=D(t).nextSibling;D(t).remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}},nt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,r){this.type=1,this._$AH=J,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=J}_$AI(t,e=this,s,o){const r=this.strings;let a=!1;if(void 0===r)t=at(this,t,e,0),a=!I(t)||t!==this._$AH&&t!==Q,a&&(this._$AH=t);else{const o=t;let i,d;for(t=r[0],i=0;i<r.length-1;i++)d=at(this,o[s+i],e,i),d===Q&&(d=this._$AH[i]),a||=!I(d)||d!==this._$AH[i],d===J?t=J:t!==J&&(t+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(t)}j(t){t===J?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},lt=class extends nt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===J?void 0:t}},ct=class extends nt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==J)}},ht=class extends nt{constructor(t,e,s,o,r){super(t,e,s,o,r),this.type=5}_$AI(t,e=this){if((t=at(this,t,e,0)??J)===Q)return;const s=this._$AH,o=t===J&&s!==J||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==J&&(s===J||o);o&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},pt=class{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){at(this,t)}};const gt=P.litHtmlPolyfillSupport;gt?.(rt,dt),(P.litHtmlVersions??=[]).push("3.3.2");const vt=globalThis;let ut=class extends k{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,s)=>{const o=s?.renderBefore??e;let r=o._$litPart$;if(void 0===r){const t=s?.renderBefore??null;o._$litPart$=r=new dt(e.insertBefore(F(),t),t,void 0,s??{})}return r._$AI(t),r})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Q}};ut._$litElement$=!0,ut.finalized=!0,vt.litElementHydrateSupport?.({LitElement:ut});const ft=vt.litElementPolyfillSupport;ft?.({LitElement:ut}),(vt.litElementVersions??=[]).push("4.2.2");const bt=/* @__PURE__ */Symbol.for(""),mt=t=>{if(t?.r===bt)return t?._$litStatic$},_t=t=>({_$litStatic$:t,r:bt}),xt=(t,...e)=>({_$litStatic$:e.reduce((e,s,o)=>e+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n            take care to ensure page security.`)})(s)+t[o+1],t[0]),r:bt}),yt=/* @__PURE__ */new Map,wt=(t=>(e,...s)=>{const o=s.length;let r,a;const i=[],d=[];let n,l=0,c=!1;for(;l<o;){for(n=e[l];l<o&&void 0!==(a=s[l],r=mt(a));)n+=r+e[++l],c=!0;l!==o&&d.push(a),i.push(n),l++}if(l===o&&i.push(e[o]),c){const t=i.join("$$lit$$");void 0===(e=yt.get(t))&&(i.raw=i,yt.set(t,e=i)),s=d}return t(e,...s)})(Z),kt=d`
 	:host {
 		--_sds-alert-background-color: var(--sds-alert-background-color, var(--sds-color-alert-info-surface-tinted));
 
@@ -180,7 +180,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		margin: 0 !important;
 		max-width: var(--_sds-alert-max-line-width) !important;
 	}
-`,wt=/* @__PURE__ */new Set(["focus","blur","focusin","focusout","input","change","play","pause","ended","volumechange","timeupdate","durationchange","loadeddata","loadedmetadata","loadstart","canplay","canplaythrough","playing","seeked","stalled","suspend","waiting","ratechange","load","unload","abort","error","resize","scroll","keyup","reset","select"]);function zt(t){return class extends t{dispatchSheriffEvent(t,s,e=!wt.has(t)){return this.dispatchEvent(new CustomEvent(t,{detail:s,bubbles:!0,composed:!0,cancelable:e}))}dispatchKeyboardEvent(t,s){return this.dispatchEvent(new KeyboardEvent(t,{key:s.key,code:s.code,bubbles:!0,composed:!0,cancelable:!wt.has(t),ctrlKey:s.ctrlKey,shiftKey:s.shiftKey,altKey:s.altKey,metaKey:s.metaKey,repeat:s.repeat,isComposing:s.isComposing,location:s.location}))}}}var $t=Object.defineProperty,St=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&$t(s,e,a),a};const Ct={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",danger:"dangerous-material-filled"},Et=class extends(zt(ut)){constructor(){super(...arguments),this.variant="primary",this.size="md",this.palette="info",this.iconTag=mt`sds-icon`,this.buttonTag=mt`sds-button`,this._remove=()=>{this.dispatchSheriffEvent("sds-remove")},this._renderIcon=(t,s,e)=>yt`<${this.iconTag} ${e?`class=${e}`:""} name="${t}" size=${s}></${this.iconTag}>`,this._renderRemoveButton=t=>yt`<${this.buttonTag}
+`,zt=/* @__PURE__ */new Set(["focus","blur","focusin","focusout","input","change","play","pause","ended","volumechange","timeupdate","durationchange","loadeddata","loadedmetadata","loadstart","canplay","canplaythrough","playing","seeked","stalled","suspend","waiting","ratechange","load","unload","abort","error","resize","scroll","keyup","reset","select"]);function $t(t){return class extends t{dispatchSheriffEvent(t,e,s=!zt.has(t)){return this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0,cancelable:s}))}dispatchKeyboardEvent(t,e){return this.dispatchEvent(new KeyboardEvent(t,{key:e.key,code:e.code,bubbles:!0,composed:!0,cancelable:!zt.has(t),ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey,repeat:e.repeat,isComposing:e.isComposing,location:e.location}))}}}var St=Object.defineProperty,Ct=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&St(e,s,a),a};const Et={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",danger:"dangerous-material-filled"},At=class extends($t(ut)){constructor(){super(...arguments),this.variant="primary",this.size="md",this.palette="info",this.iconTag=xt`sds-icon`,this.buttonTag=xt`sds-button`,this._remove=()=>{this.dispatchSheriffEvent("sds-remove")},this._renderIcon=(t,e,s)=>wt`<${this.iconTag} ${s?`class=${s}`:""} name="${t}" size=${e}></${this.iconTag}>`,this._renderRemoveButton=t=>wt`<${this.buttonTag}
 		class="sds-alert__remove-btn"
 		variant="tertiary"
 		size="sm"
@@ -189,14 +189,14 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		@click=${this._remove}
 		>
 		${this._renderIcon("close-material-outlined","sm")}
-		</${this.buttonTag}>`}render(){const t="primary"===this.variant?"md":this.size??"md",s=Ct[this.palette]??Ct.info;return Q`<div class="sds-alert">
-			<div class="sds-alert__type">${this._renderIcon(s,t,"sds-alert__icon")}</div>
+		</${this.buttonTag}>`}render(){const t="primary"===this.variant?"md":this.size??"md",e=Et[this.palette]??Et.info;return Z`<div class="sds-alert">
+			<div class="sds-alert__type">${this._renderIcon(e,t,"sds-alert__icon")}</div>
 			<div class="sds-alert__content">
 				<slot name="title"></slot>
 				<slot name="message"></slot>
 			</div>
-			${this.removableLabel&&"primary"===this.variant?Q`<div class="sds-alert__actions">${this._renderRemoveButton(this.removableLabel)}</div>`:J}
-		</div>`}};Et.styles=[kt];let Ot=Et;St([$({type:String,reflect:!0})],Ot.prototype,"variant"),St([$({type:String,reflect:!0})],Ot.prototype,"size"),St([$({type:String,attribute:"removable-label",reflect:!0})],Ot.prototype,"removableLabel"),St([$({type:String,attribute:"data-palette",reflect:!0})],Ot.prototype,"palette");const At=t=>t??J,qt=1,Pt=2,Dt=t=>(...s)=>({_$litDirective$:t,values:s});class Lt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,s,e){this._$Ct=t,this._$AM=s,this._$Ci=e}_$AS(t,s){return this.update(t,s)}update(t,s){return this.render(...s)}}let Vt=class extends Lt{constructor(t){if(super(t),this.it=J,t.type!==Pt)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===J||null==t)return this._t=void 0,this.it=t;if(t===X)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const s=[t];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}};Vt.directiveName="unsafeHTML",Vt.resultType=1;class Rt extends Vt{}Rt.directiveName="unsafeSVG",Rt.resultType=2;const Mt=Dt(Rt),Bt=["arrow_forward-material-outlined","check_circle-material-filled","close-material-outlined","dangerous-material-filled","InformationSquareFill-aksel-filled","lock-material-filled","search-material-filled","warning-material-filled","chevron_up-material-filled"],Tt={"arrow_forward-material-outlined":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M662.82-440.39H145.87v-79.22h516.95L423.87-758.57 480-814.7 814.7-480 480-145.87l-56.13-55.56z"/></svg>',"check_circle-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="m419.87-289.52 289.22-289.22-57.31-56.87L419.87-403.7 304.96-518.61l-56.31 56.87zm60.21 223.65q-85.47 0-161.01-32.39-75.53-32.4-131.97-88.84T98.26-318.99q-32.39-75.46-32.39-160.93 0-86.47 32.39-162.01 32.4-75.53 88.75-131.5t131.85-88.62 161.01-32.65q86.52 0 162.12 32.61 75.61 32.6 131.53 88.5 55.93 55.89 88.55 131.45Q894.7-566.58 894.7-480q0 85.55-32.65 161.07-32.65 75.53-88.62 131.9T642.01-98.26q-75.46 32.39-161.93 32.39"/></svg>',"close-material-outlined":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M249-193.43 193.43-249l231-231-231-231L249-766.57l231 231 231-231L766.57-711l-231 231 231 231L711-193.43l-231-231z"/></svg>',"dangerous-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M324.35-105.87 105.87-324.35v-311.87L324.35-854.7h311.87L854.7-636.22v311.87L636.22-105.87zm34.91-206.87L480-433.48l120.74 120.74 47.09-46.52L526.52-480l121.31-120.74-47.09-47.09L480-526.52 359.26-647.83l-46.52 47.09L433.48-480 312.74-359.26z"/></svg>',"InformationSquareFill-aksel-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>',"lock-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M225.09-67q-32.68 0-55.95-23.27t-23.27-55.95v-423.82q0-32.91 23.27-56.35t55.95-23.44h58.69v-83.56q0-82.44 57.17-140.18 57.16-57.73 139.02-57.73t139.05 57.73q57.2 57.74 57.2 140.18v83.56h58.69q32.91 0 56.35 23.44t23.44 56.35v423.82q0 32.68-23.44 55.95T734.91-67zm255.08-214.13q31.83 0 54.33-22.03t22.5-52.97q0-30-22.67-54.5t-54.5-24.5-54.33 24.5-22.5 55 22.67 52.5 54.5 22M363-649.83h234v-83.43q0-49.96-33.79-84.11-33.8-34.15-82.96-34.15t-83.21 34.15Q363-783.22 363-733.26z"/></svg>',"search-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M795.43-105.17 529.04-371q-29.43 24.26-69.11 37.94-39.67 13.67-85.32 13.67-112.12 0-189.87-77.83Q107-475.04 107-585t77.83-187.78q77.82-77.83 188.28-77.83t187.78 77.83q77.33 77.82 77.33 187.93 0 43.98-13.15 83.13-13.16 39.15-39.46 73.59L853-162.74zM373.81-398.61q77.66 0 131.42-54.53Q559-507.67 559-585t-53.85-131.86-131.34-54.53q-78.33 0-132.96 54.53T186.22-585t54.55 131.86 133.04 54.53"/></svg>',"warning-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M27.56-112.65 480-894.7l452.44 782.05zm456.62-125.48q13.15 0 22.61-9.64 9.47-9.65 9.47-22.8t-9.64-22.33q-9.65-9.19-22.8-9.19t-22.61 9.36q-9.47 9.36-9.47 22.51t9.64 22.62q9.65 9.47 22.8 9.47M454-348h60v-219.48h-60z"/></svg>',"chevron_up-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32"><path d="m16 11.5 8 8-1.867 1.867L16 15.233l-6.133 6.134L8 19.5z"/></svg>'},It=t=>import(`@politiet/sheriff-icons/dist/assets/${t}.js`).then(({default:t})=>t).catch(t=>{console.log(t)}),jt=t=>fetch(`https://cdn.jsdelivr.net/npm/@politiet/sheriff-icons/dist/assets/${t}.svg`).then(s=>{if(!s.ok)throw new TypeError(`Sheriff: unknown icon: '${t}'`);return s.text()});const Ft=i`
+			${this.removableLabel&&"primary"===this.variant?Z`<div class="sds-alert__actions">${this._renderRemoveButton(this.removableLabel)}</div>`:J}
+		</div>`}};At.styles=[kt];let Ot=At;Ct([S({type:String,reflect:!0})],Ot.prototype,"variant"),Ct([S({type:String,reflect:!0})],Ot.prototype,"size"),Ct([S({type:String,attribute:"removable-label",reflect:!0})],Ot.prototype,"removableLabel"),Ct([S({type:String,attribute:"data-palette",reflect:!0})],Ot.prototype,"palette");const Pt=t=>t??J,Dt=1,Lt=2,qt=t=>(...e)=>({_$litDirective$:t,values:e});let Tt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}},Rt=class extends Tt{constructor(t){if(super(t),this.it=J,t.type!==Lt)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===J||null==t)return this._t=void 0,this.it=t;if(t===Q)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};Rt.directiveName="unsafeHTML",Rt.resultType=1;let Mt=class extends Rt{};Mt.directiveName="unsafeSVG",Mt.resultType=2;const Vt=qt(Mt),Bt=["arrow_forward-material-outlined","check_circle-material-filled","close-material-outlined","dangerous-material-filled","InformationSquareFill-aksel-filled","lock-material-filled","search-material-filled","warning-material-filled","chevron_up-material-filled"],Ft={"arrow_forward-material-outlined":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M662.82-440.39H145.87v-79.22h516.95L423.87-758.57 480-814.7 814.7-480 480-145.87l-56.13-55.56z"/></svg>',"check_circle-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="m419.87-289.52 289.22-289.22-57.31-56.87L419.87-403.7 304.96-518.61l-56.31 56.87zm60.21 223.65q-85.47 0-161.01-32.39-75.53-32.4-131.97-88.84T98.26-318.99q-32.39-75.46-32.39-160.93 0-86.47 32.39-162.01 32.4-75.53 88.75-131.5t131.85-88.62 161.01-32.65q86.52 0 162.12 32.61 75.61 32.6 131.53 88.5 55.93 55.89 88.55 131.45Q894.7-566.58 894.7-480q0 85.55-32.65 161.07-32.65 75.53-88.62 131.9T642.01-98.26q-75.46 32.39-161.93 32.39"/></svg>',"close-material-outlined":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M249-193.43 193.43-249l231-231-231-231L249-766.57l231 231 231-231L766.57-711l-231 231 231 231L711-193.43l-231-231z"/></svg>',"dangerous-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M324.35-105.87 105.87-324.35v-311.87L324.35-854.7h311.87L854.7-636.22v311.87L636.22-105.87zm34.91-206.87L480-433.48l120.74 120.74 47.09-46.52L526.52-480l121.31-120.74-47.09-47.09L480-526.52 359.26-647.83l-46.52 47.09L433.48-480 312.74-359.26z"/></svg>',"InformationSquareFill-aksel-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>',"lock-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M225.09-67q-32.68 0-55.95-23.27t-23.27-55.95v-423.82q0-32.91 23.27-56.35t55.95-23.44h58.69v-83.56q0-82.44 57.17-140.18 57.16-57.73 139.02-57.73t139.05 57.73q57.2 57.74 57.2 140.18v83.56h58.69q32.91 0 56.35 23.44t23.44 56.35v423.82q0 32.68-23.44 55.95T734.91-67zm255.08-214.13q31.83 0 54.33-22.03t22.5-52.97q0-30-22.67-54.5t-54.5-24.5-54.33 24.5-22.5 55 22.67 52.5 54.5 22M363-649.83h234v-83.43q0-49.96-33.79-84.11-33.8-34.15-82.96-34.15t-83.21 34.15Q363-783.22 363-733.26z"/></svg>',"search-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M795.43-105.17 529.04-371q-29.43 24.26-69.11 37.94-39.67 13.67-85.32 13.67-112.12 0-189.87-77.83Q107-475.04 107-585t77.83-187.78q77.82-77.83 188.28-77.83t187.78 77.83q77.33 77.82 77.33 187.93 0 43.98-13.15 83.13-13.16 39.15-39.46 73.59L853-162.74zM373.81-398.61q77.66 0 131.42-54.53Q559-507.67 559-585t-53.85-131.86-131.34-54.53q-78.33 0-132.96 54.53T186.22-585t54.55 131.86 133.04 54.53"/></svg>',"warning-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M27.56-112.65 480-894.7l452.44 782.05zm456.62-125.48q13.15 0 22.61-9.64 9.47-9.65 9.47-22.8t-9.64-22.33q-9.65-9.19-22.8-9.19t-22.61 9.36q-9.47 9.36-9.47 22.51t9.64 22.62q9.65 9.47 22.8 9.47M454-348h60v-219.48h-60z"/></svg>',"chevron_up-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32"><path d="m16 11.5 8 8-1.867 1.867L16 15.233l-6.133 6.134L8 19.5z"/></svg>'},It=t=>import(`@politiet/sheriff-icons/dist/assets/${t}.js`).then(({default:t})=>t).catch(t=>{console.log(t)}),Ht=t=>fetch(`https://cdn.jsdelivr.net/npm/@politiet/sheriff-icons/dist/assets/${t}.svg`).then(e=>{if(!e.ok)throw new TypeError(`Sheriff: unknown icon: '${t}'`);return e.text()});const jt=d`
 	:host {
 		--_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-md));
 		--_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
@@ -229,11 +229,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		height: 100%;
 		overflow: hidden;
 	}
-`;var Nt=Object.defineProperty,Ut=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&Nt(s,e,a),a};const Ht=((t=class extends ut{constructor(){super(...arguments),this.name="",this.color="",this.label="",this.svg=""}static setLoadLocal(t){this.iconLoader.loadLocal=t}static registerResolver(t){this.iconLoader.resolver=t}render(){return Q`
-			<div class="sds-icon" role="${At(this.label?"img":void 0)}" style="${At(this.color?`color:${this.color}`:void 0)}" aria-label="${At(this.label)}">
-				${this.name?Q`<slot aria-hidden="true">${Mt(this.svg)}</slot>`:Q`<slot aria-hidden="true"></slot>`}
+`;var Nt=Object.defineProperty,Ut=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&Nt(e,s,a),a};const Wt=((t=class extends ut{constructor(){super(...arguments),this.name="",this.color="",this.label="",this.svg=""}static setLoadLocal(t){this.iconLoader.loadLocal=t}static registerResolver(t){this.iconLoader.resolver=t}render(){return Z`
+			<div class="sds-icon" role="${Pt(this.label?"img":void 0)}" style="${Pt(this.color?`color:${this.color}`:void 0)}" aria-label="${Pt(this.label)}">
+				${this.name?Z`<slot aria-hidden="true">${Vt(this.svg)}</slot>`:Z`<slot aria-hidden="true"></slot>`}
 			</div>
-		`}async fetchIcon(){if(!this.name)return void(this.svg="");const s=await new Promise(s=>{t.iconLoader.resolve(this.name,s)});this.svg=s}updated(t){super.updated(t),t.has("name")&&this.name&&this.fetchIcon()}}).styles=[Ft],t.iconLoader=new class{constructor(){this.cache=/* @__PURE__ */new Map,this._loadLocal=!1,this._disableSystemIcons=!1,this.resolver=this._loadLocal?It:jt}get loadLocal(){return this._loadLocal}set loadLocal(t){this._loadLocal=t,this.resolver=t?It:jt}set disableSystemIcons(t){this._disableSystemIcons=t}resolve(t,s){if(!this._disableSystemIcons&&(t=>Bt.includes(t))(t))return void s(Tt[t]);let e=this.cache.get(t);"string"!=typeof e?(e||(e=this.resolver(t).catch(()=>"").then(s=>(this.cache.set(t,s),s)),this.cache.set(t,e)),e.then(s)):s(e)}clear(){this.cache.clear()}get currentLoader(){return this.resolver}},t);Ut([$({type:String,reflect:!0})],Ht.prototype,"name"),Ut([$({type:String,reflect:!0})],Ht.prototype,"size"),Ut([$({type:String,reflect:!0})],Ht.prototype,"color"),Ut([$({type:String,reflect:!0})],Ht.prototype,"label"),Ut([S()],Ht.prototype,"svg");let Kt=Ht;var Wt=Object.getOwnPropertyDescriptor;let Gt=class extends Kt{};Gt=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Wt(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([A("sds-icon")],Gt);const Yt=Dt(class extends Lt{constructor(t){if(super(t),t.type!==qt||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(s=>t[s]).join(" ")+" "}update(t,[s]){if(void 0===this.st){this.st=/* @__PURE__ */new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(t=>""!==t)));for(const t in s)s[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(s)}const e=t.element.classList;for(const o of this.st)o in s||(e.remove(o),this.st.delete(o));for(const o in s){const t=!!s[o];t===this.st.has(o)||this.nt?.has(o)||(t?(e.add(o),this.st.add(o)):(e.remove(o),this.st.delete(o)))}return X}}),Zt=i`
+		`}async fetchIcon(){if(!this.name)return void(this.svg="");const e=await new Promise(e=>{t.iconLoader.resolve(this.name,e)});this.svg=e}updated(t){super.updated(t),t.has("name")&&this.name&&this.fetchIcon()}}).styles=[jt],t.iconLoader=new class{constructor(){this.cache=/* @__PURE__ */new Map,this._loadLocal=!1,this._disableSystemIcons=!1,this.resolver=this._loadLocal?It:Ht}get loadLocal(){return this._loadLocal}set loadLocal(t){this._loadLocal=t,this.resolver=t?It:Ht}set disableSystemIcons(t){this._disableSystemIcons=t}resolve(t,e){if(!this._disableSystemIcons&&(t=>Bt.includes(t))(t))return void e(Ft[t]);let s=this.cache.get(t);"string"!=typeof s?(s||(s=this.resolver(t).catch(()=>"").then(e=>(this.cache.set(t,e),e)),this.cache.set(t,s)),s.then(e)):e(s)}clear(){this.cache.clear()}get currentLoader(){return this.resolver}},t);Ut([S({type:String,reflect:!0})],Wt.prototype,"name"),Ut([S({type:String,reflect:!0})],Wt.prototype,"size"),Ut([S({type:String,reflect:!0})],Wt.prototype,"color"),Ut([S({type:String,reflect:!0})],Wt.prototype,"label"),Ut([C()],Wt.prototype,"svg");let Kt=Wt;var Gt=Object.getOwnPropertyDescriptor;let Yt=class extends Kt{};Yt=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?Gt(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-icon")],Yt);const Xt=qt(class extends Tt{constructor(t){if(super(t),t.type!==Dt||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){if(void 0===this.st){this.st=/* @__PURE__ */new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(t=>""!==t)));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const s=t.element.classList;for(const o of this.st)o in e||(s.remove(o),this.st.delete(o));for(const o in e){const t=!!e[o];t===this.st.has(o)||this.nt?.has(o)||(t?(s.add(o),this.st.add(o)):(s.remove(o),this.st.delete(o)))}return Q}}),Zt=d`
 	:host {
 		--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
 		--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
@@ -405,26 +405,26 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);
 		min-width: var(--_sds-button-min-height);
 	}
-`;var Qt=Object.defineProperty,Xt=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&Qt(s,e,a),a};const Jt=class extends(zt(ut)){constructor(){super(),this.disabled=!1,this.icon=!1,this.loading=!1,this.size="lg",this.type="button",this.value="",this.variant="primary",this._handleClick=t=>{if(t.preventDefault(),t.stopImmediatePropagation(),!this.disabled)switch(this.type){case"submit":if(this.dispatchSheriffEvent("submit"))if(this.form){const t=this.getRootNode().querySelector(`form#${this.form}`);t?.requestSubmit()}else this.internals.form&&this.internals.form.requestSubmit();break;case"reset":if(this.dispatchSheriffEvent("reset"))if(this.form){const t=this.getRootNode().querySelector(`form#${this.form}`);t?.reset()}else this.internals.form&&this.internals.form.reset();break;default:this.dispatchSheriffEvent("click")}},this.internals=this.attachInternals()}updated(t){t.has("variant")&&"critical"===this.variant&&this.setAttribute("data-palette","danger")}focus(){this.disabled||this.shadowRoot?.querySelector("button")?.focus()}blur(){this.disabled||this.shadowRoot?.querySelector("button")?.blur()}click(){this.disabled||this.shadowRoot?.querySelector("button")?.click()}render(){const t={"sds-button":!0,"sds-button--as-link":!!this.href};return this.href?Q` <a id="link" class="${Yt(t)}" href="${this.href}" target="${At(this.target)}">
+`;function Qt(t){return class extends t{focus(){this.disabled||this.control?.focus()}blur(){this.disabled||this.control?.blur()}click(){this.disabled||this.readOnly||this.control?.click()}}}var Jt=Object.defineProperty,te=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&Jt(e,s,a),a};function ee(t){const e=class extends t{constructor(...t){super(...t),this.disabled=!1,this.readOnly=!1,this.internals=this.attachInternals()}get form(){return this.internals.form}formDisabledCallback(t){this.disabled=t}};e.formAssociated=!0,e.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0};let s=e;return te([S({type:String,reflect:!0})],s.prototype,"name"),te([S({type:Boolean})],s.prototype,"disabled"),te([S({type:Boolean,attribute:"readonly",reflect:!0})],s.prototype,"readOnly"),s}var se=Object.defineProperty,oe=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&se(e,s,a),a};var re=Object.defineProperty,ae=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&re(e,s,a),a};var ie=Object.defineProperty,de=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&ie(e,s,a),a};const ne=class extends(function(t){class e extends t{updated(t){super.updated(t),(t.has("command")||t.has("commandFor"))&&this._updateCommandTarget()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDialogObserver()}_cleanupDialogObserver(){this._dialogOpenObserver&&(this._dialogOpenObserver.disconnect(),this._dialogOpenObserver=void 0),this._dialogElement=void 0}_observeDialog(t,e){this._dialogElement=e,this._dialogOpenObserver=new MutationObserver(s=>{for(const o of s)if("open"===o.attributeName){const s=e.hasAttribute("open");t.setAttribute("aria-expanded",String(s))}}),this._dialogOpenObserver.observe(e,{attributes:!0,attributeFilter:["open"]})}_clearAriaFields(t){t.removeAttribute("aria-haspopup"),t.removeAttribute("aria-expanded"),t.removeAttribute("aria-controls")}_updateCommandTarget(){this._cleanupDialogObserver();const t=this.shadowRoot?.querySelector("#control");if(!t)return;if(!this.commandFor||!this.command)return void this._clearAriaFields(t);if("show-modal"!==this.command)return void this._clearAriaFields(t);const e=this.getRootNode(),s=e.getElementById?.(this.commandFor)??document.getElementById(this.commandFor);s?(t.setAttribute("aria-haspopup","dialog"),t.setAttribute("aria-expanded",String(s.open)),t.setAttribute("aria-controls",this.commandFor),this._observeDialog(t,s)):this._clearAriaFields(t)}runDialogCommand(){if(this._dialogElement)switch(this.command){case"show-modal":this._dialogElement.showModal();break;case"close":this._dialogElement.close();break;case"request-close":this._dialogElement.requestClose()}}}return oe([S({type:String,attribute:"command"})],e.prototype,"command"),oe([S({type:String,attribute:"commandfor"})],e.prototype,"commandFor"),e}(function(t){class e extends t{updated(t){super.updated(t),(t.has("popoverTarget")||t.has("popoverTargetAction"))&&this._updatePopoverTarget()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupPopoverListener()}_cleanupPopoverListener(){this._popoverToggleHandler&&this._popoverElement&&(this._popoverElement.removeEventListener("toggle",this._popoverToggleHandler),this._popoverToggleHandler=void 0,this._popoverElement=void 0)}_updatePopoverTarget(){const t=this.shadowRoot?.querySelector("#control");if(t)if(this._cleanupPopoverListener(),this.popoverTarget){const e=this.getRootNode(),s=e.getElementById?.(this.popoverTarget)??document.getElementById(this.popoverTarget);if(s){t.popoverTargetElement=s,this._popoverElement=s;const e=s.getAttribute("role");"tooltip"===e?t.setAttribute("aria-describedby",this.popoverTarget):(this._popoverToggleHandler=e=>{const s="open"===e.newState;t.setAttribute("aria-expanded",String(s))},s.addEventListener("toggle",this._popoverToggleHandler),t.setAttribute("aria-haspopup",e||"dialog"),t.setAttribute("aria-expanded","false"),t.setAttribute("aria-controls",this.popoverTarget))}this.popoverTargetAction&&(t.popoverTargetAction=this.popoverTargetAction)}else t.popoverTargetElement=null,t.popoverTargetAction="",t.removeAttribute("aria-haspopup"),t.removeAttribute("aria-expanded"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-describedby")}}return ae([S({type:String,attribute:"popovertarget"})],e.prototype,"popoverTarget"),ae([S({type:String,attribute:"popovertargetaction"})],e.prototype,"popoverTargetAction"),e}(Qt($t(ut))))){constructor(){super(),this.disabled=!1,this.icon=!1,this.loading=!1,this.size="lg",this.type="button",this.value="",this.variant="primary",this._handleClick=t=>{if(this.popoverTarget)return t.stopImmediatePropagation(),void(this.disabled||this.dispatchSheriffEvent("click"));if(this.commandFor&&this.command)return t.preventDefault(),t.stopImmediatePropagation(),void(this.disabled||(this.runDialogCommand(),this.dispatchSheriffEvent("click")));if(t.preventDefault(),t.stopImmediatePropagation(),!this.disabled)switch(this.type){case"submit":if(this.dispatchSheriffEvent("submit"))if(this.form){const t=this.getRootNode().querySelector(`form#${this.form}`);t?.requestSubmit()}else this.internals.form&&this.internals.form.requestSubmit();break;case"reset":if(this.dispatchSheriffEvent("reset"))if(this.form){const t=this.getRootNode().querySelector(`form#${this.form}`);t?.reset()}else this.internals.form&&this.internals.form.reset();break;default:this.dispatchSheriffEvent("click")}},this.internals=this.attachInternals()}updated(t){super.updated(t),t.has("variant")&&"critical"===this.variant&&this.setAttribute("data-palette","danger")}render(){const t={"sds-button":!0,"sds-button--as-link":!!this.href};return this.href?Z` <a id="link" class="${Xt(t)}" href="${this.href}" target="${Pt(this.target)}">
 				<slot name="before"></slot>
 				<slot></slot>
 				<slot name="after"></slot>
-			</a>`:Q`
+			</a>`:Z`
 			<button
 				id="control"
-				form="${At(this.form)}"
-				class="${Yt(t)}"
+				form="${Pt(this.form)}"
+				class="${Xt(t)}"
 				type="${this.type}"
-				name="${At(this.name)}"
-				value="${At(this.value)}"
+				name="${Pt(this.name)}"
+				value="${Pt(this.value)}"
 				?disabled="${this.disabled}"
 				@click="${this._handleClick}"
 			>
-				${this.loading?Q`<sds-loader slot="before" ?contrast="${"primary"!==this.variant}"></sds-loader>`:J} ${this.loading?J:Q`<slot name="before"></slot>`}
+				${this.loading?Z`<sds-loader slot="before" ?contrast="${"primary"!==this.variant}"></sds-loader>`:J} ${this.loading?J:Z`<slot name="before"></slot>`}
 				<slot></slot>
-				${this.loading?J:Q`<slot name="after"></slot>`}
+				${this.loading?J:Z`<slot name="after"></slot>`}
 			</button>
-		`}};Jt.styles=[Zt],Jt.formAssociated=!0,Jt.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0};let ts=Jt;Xt([$({type:Boolean,reflect:!0})],ts.prototype,"disabled"),Xt([$({type:Boolean,reflect:!0})],ts.prototype,"icon"),Xt([$({type:Boolean,reflect:!0})],ts.prototype,"loading"),Xt([$({type:String,reflect:!0})],ts.prototype,"form"),Xt([$({type:String,reflect:!0})],ts.prototype,"href"),Xt([$({type:String,reflect:!0})],ts.prototype,"name"),Xt([$({type:String,reflect:!0})],ts.prototype,"size"),Xt([$({type:String,reflect:!0})],ts.prototype,"target"),Xt([$({type:String,reflect:!0})],ts.prototype,"type"),Xt([$({type:String,reflect:!0})],ts.prototype,"value"),Xt([$({type:String,reflect:!0})],ts.prototype,"variant");var ss=Object.getOwnPropertyDescriptor;let es=class extends ts{};es=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?ss(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([A("sds-button")],es);var os=Object.getOwnPropertyDescriptor;let rs=class extends Ot{};function as(t,s,e,o){const r=t?.assignedNodes({flatten:!0}).filter(t=>{if(t.nodeType===Node.TEXT_NODE){return(t.textContent?.trim()??"").length>0}if(t.nodeType===Node.ELEMENT_NODE){const e=t,o=e.tagName.toUpperCase();if(!s.includes(o))return!0;return Array.from(e.childNodes).some(t=>t.nodeType===Node.ELEMENT_NODE)}return!1});r?.length>0&&console.warn(o,...r)}rs=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?os(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([A("sds-alert")],rs);const is=i`
+		`}};ne.styles=[Zt],ne.formAssociated=!0,ne.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0};let le=ne;de([S({type:Boolean,reflect:!0})],le.prototype,"disabled"),de([S({type:Boolean,reflect:!0})],le.prototype,"icon"),de([S({type:Boolean,reflect:!0})],le.prototype,"loading"),de([S({type:String,reflect:!0})],le.prototype,"form"),de([S({type:String,reflect:!0})],le.prototype,"href"),de([S({type:String,reflect:!0})],le.prototype,"name"),de([S({type:String,reflect:!0})],le.prototype,"size"),de([S({type:String,reflect:!0})],le.prototype,"target"),de([S({type:String,reflect:!0})],le.prototype,"type"),de([S({type:String,reflect:!0})],le.prototype,"value"),de([S({type:String,reflect:!0})],le.prototype,"variant"),de([A("#control")],le.prototype,"control");var ce=Object.getOwnPropertyDescriptor;let he=class extends le{};he=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?ce(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-button")],he);var pe=Object.getOwnPropertyDescriptor;let ge=class extends Ot{};function ve(t,e,s,o){const r=t?.assignedNodes({flatten:!0}).filter(t=>{if(t.nodeType===Node.TEXT_NODE){return(t.textContent?.trim()??"").length>0}if(t.nodeType===Node.ELEMENT_NODE){const s=t,o=s.tagName.toUpperCase();if(!e.includes(o))return!0;return Array.from(s.childNodes).some(t=>t.nodeType===Node.ELEMENT_NODE)}return!1});r?.length>0&&console.warn(o,...r)}ge=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?pe(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-alert")],ge);const ue=d`
 	:host {
 		--_sds-card-background-color: var(--sds-card-background-color, var(--sds-color-surface-tinted, var(--sds-color-main-surface-tinted)));
 		--_sds-card-border-radius: var(--sds-card-border-radius, var(--sds-radius-md));
@@ -545,11 +545,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 			--_sds-card-text-line-height: var(--sds-card-text-line-height, var(--sds-typography-body-md-desktop-line-height));
 		}
 	}
-`;var ds=Object.defineProperty,ns=Object.getOwnPropertyDescriptor,ls=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ns(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&ds(s,e,a),a};let cs=class extends ut{constructor(){super(...arguments),this._contentWarning="[sds-card] text slot should only contain top-level <p> elements with no nested elements:",this._headerWarning="[sds-card] header slot should only contain one of <h2>–<h6> elements:",this._handleHeadingSlotChange=()=>{this.headingSlot.assignedNodes({flatten:!0}).length>0&&as(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)},this._handleTextSlotChange=()=>{as(this.textSlot,["P"],0,this._contentWarning)}}firstUpdated(){as(this.textSlot,["P"],0,this._contentWarning);this.headingSlot.assignedNodes({flatten:!0}).length>0&&as(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)}render(){const t=Q`
+`;var fe=Object.defineProperty,be=Object.getOwnPropertyDescriptor,me=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?be(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&fe(e,s,a),a};let _e=class extends ut{constructor(){super(...arguments),this._contentWarning="[sds-card] text slot should only contain top-level <p> elements with no nested elements:",this._headerWarning="[sds-card] header slot should only contain one of <h2>–<h6> elements:",this._handleHeadingSlotChange=()=>{this.headingSlot.assignedNodes({flatten:!0}).length>0&&ve(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)},this._handleTextSlotChange=()=>{ve(this.textSlot,["P"],0,this._contentWarning)}}firstUpdated(){ve(this.textSlot,["P"],0,this._contentWarning);this.headingSlot.assignedNodes({flatten:!0}).length>0&&ve(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)}render(){const t=Z`
 			<slot name="heading" id="heading" @slotchange=${this._handleHeadingSlotChange}></slot>
 			<slot name="text" id="content" @slotchange=${this._handleTextSlotChange}></slot>
 			<sds-icon name="arrow_forward-material-outlined" size="md" class="sds-card__icon"></sds-icon>
-		`;return Q`<article class="sds-card">${this.link?Q`<a href="${this.link}" class="sds-card__content">${t}</a>`:Q`<div class="sds-card__content">${t}</div>`}</article>`}};cs.styles=[is],ls([$({type:String,reflect:!0})],cs.prototype,"link",2),ls([E("slot#heading")],cs.prototype,"headingSlot",2),ls([E("slot#text")],cs.prototype,"textSlot",2),cs=ls([A("sds-card")],cs);const hs=i`
+		`;return Z`<article class="sds-card">${this.link?Z`<a href="${this.link}" class="sds-card__content">${t}</a>`:Z`<div class="sds-card__content">${t}</div>`}</article>`}};_e.styles=[ue],me([S({type:String,reflect:!0})],_e.prototype,"link",2),me([A("slot#heading")],_e.prototype,"headingSlot",2),me([A("slot#text")],_e.prototype,"textSlot",2),_e=me([O("sds-card")],_e);const xe=d`
 	:host {
 		--_sds-checkbox-block-gap: var(--sds-checkbox-block-gap, var(--sds-spacing-4xs));
 		--_sds-checkbox-inline-gap: var(--sds-checkbox-inline-gap, var(--sds-spacing-3xs));
@@ -630,6 +630,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 	.sds-checkbox__input {
 		grid-column: var(--_sds-checkbox-input-grid-area);
 		grid-row: 1;
+		position: relative;
 		appearance: none;
 		background-color: var(--_sds-checkbox-input-background-color);
 		cursor: pointer;
@@ -771,13 +772,13 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 			margin-block-start: -1px;
 		}
 	}
-`;var ps=Object.defineProperty,gs=Object.getOwnPropertyDescriptor,vs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?gs(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&ps(s,e,a),a};let us=class extends(zt(ut)){constructor(){super(),this.checked=!1,this.error=!1,this.required=!1,this.size="md",this.readOnly=!1,this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._handleChange=t=>{if(t.stopImmediatePropagation(),this.disabled||this.readOnly)return t.target.checked=this.checked,void t.preventDefault();const s=t.target;this.checked=s.checked,this.internals.setFormValue(s.checked?s.value:null),this._validate(),this.dispatchSheriffEvent("change")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("blur")},this.internals=this.attachInternals()}get disabled(){return this._disabled}set disabled(t){const s=t??!1,e=this._disabled;e!==s&&(this._disabled=s,this.requestUpdate("disabled",e),this._settingDisabledFromParent||(this._disabledIsAuthorControlled=s))}get parentRequestDisabled(){return this._parentRequestDisabled}set parentRequestDisabled(t){const s=t??!1,e=this._parentRequestDisabled;e!==s&&(this._parentRequestDisabled=s,this.requestUpdate("parentRequestDisabled",e),this._disabledIsAuthorControlled||(this._settingDisabledFromParent=!0,this.disabled=s,this._settingDisabledFromParent=!1))}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.role="checkbox",this.checked&&this.internals.setFormValue(this.value??"on")}firstUpdated(t){super.firstUpdated(t),this.control&&(this.control.required=this.required),this._validate()}formResetCallback(){this.checked=this._initialChecked,this.control&&(this.control.checked=this._initialChecked);const t=this.checked?this.value??"on":null;this.internals.setFormValue(t),this._validate()}_validate(){this.required&&!this.checked?this.internals.setValidity({valueMissing:!0},this.control.validationMessage,this.control):this.internals.setValidity({})}focus(){this.disabled||this.shadowRoot?.querySelector("input")?.focus()}blur(){this.disabled||this.shadowRoot?.querySelector("input")?.blur()}click(){this.disabled||this.readOnly||this.shadowRoot?.querySelector("input")?.click()}updated(t){super.updated(t),t.has("required")&&this.control&&(this.control.required=this.required),t.has("checked")&&this._validate(),this._disabledIsAuthorControlled||this.disabled===this._parentRequestDisabled||(this._settingDisabledFromParent=!0,this.disabled=this._parentRequestDisabled??!1,this._settingDisabledFromParent=!1)}get type(){return"checkbox"}render(){const t={"sds-checkbox":!0,"sds-checkbox--error":Boolean(this.error)},s={"sds-checkbox__input":!0,"sds-checkbox__input--error":Boolean(this.error)};return Q`
-			<div class="${Yt(t)}">
+`;var ye=Object.defineProperty,we=Object.getOwnPropertyDescriptor,ke=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?we(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&ye(e,s,a),a};let ze=class extends(Qt($t(ee(ut)))){constructor(){super(...arguments),this.checked=!1,this.error=!1,this.required=!1,this.size="md",this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._handleChange=t=>{if(t.stopImmediatePropagation(),this.disabled||this.readOnly)return t.target.checked=this.checked,void t.preventDefault();const e=t.target;this.checked=e.checked,this.internals.setFormValue(e.checked?e.value:null),this._validate(),this.dispatchSheriffEvent("change")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("blur")}}get disabled(){return this._disabled}set disabled(t){const e=t??!1,s=this._disabled;s!==e&&(this._disabled=e,this.requestUpdate("disabled",s),this._settingDisabledFromParent||(this._disabledIsAuthorControlled=e))}get parentRequestDisabled(){return this._parentRequestDisabled}set parentRequestDisabled(t){const e=t??!1,s=this._parentRequestDisabled;s!==e&&(this._parentRequestDisabled=e,this.requestUpdate("parentRequestDisabled",s),this._disabledIsAuthorControlled||(this._settingDisabledFromParent=!0,this.disabled=e,this._settingDisabledFromParent=!1))}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.role="checkbox",this.checked&&this.internals.setFormValue(this.value??"on")}firstUpdated(t){super.firstUpdated(t),this.control&&(this.control.required=this.required),this._validate()}formResetCallback(){this.checked=this._initialChecked,this.control&&(this.control.checked=this._initialChecked);const t=this.checked?this.value??"on":null;this.internals.setFormValue(t),this._validate()}_validate(){this.required&&!this.checked?this.internals.setValidity({valueMissing:!0},this.control.validationMessage,this.control):this.internals.setValidity({})}updated(t){super.updated(t),t.has("required")&&this.control&&(this.control.required=this.required),t.has("checked")&&this._validate(),this._disabledIsAuthorControlled||this.disabled===this._parentRequestDisabled||(this._settingDisabledFromParent=!0,this.disabled=this._parentRequestDisabled??!1,this._settingDisabledFromParent=!1)}get type(){return"checkbox"}render(){const t={"sds-checkbox":!0,"sds-checkbox--error":Boolean(this.error)},e={"sds-checkbox__input":!0,"sds-checkbox__input--error":Boolean(this.error)};return Z`
+			<div class="${Xt(t)}">
 				<input
 					id="control"
 					type="checkbox"
-					name="${At(this.name)}"
-					value="${At(this.value)}"
+					name="${Pt(this.name)}"
+					value="${Pt(this.value)}"
 					.checked="${this.checked}"
 					?checked="${this.checked}"
 					?disabled="${this.disabled}"
@@ -786,12 +787,12 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 					@change="${this._handleChange}"
 					@focus="${this._handleFocus}"
 					@blur="${this._handleBlur}"
-					class="${Yt(s)}"
+					class="${Xt(e)}"
 				/>
-				${this.label?Q`<label for="control" class="sds-checkbox__label">${this.label}</label>`:J}
-				${this.helpText?Q`<span class="sds-checkbox__help-text">${this.helpText}</span>`:J}
+				${this.label?Z`<label for="control" class="sds-checkbox__label">${this.label}</label>`:J}
+				${this.helpText?Z`<span class="sds-checkbox__help-text">${this.helpText}</span>`:J}
 			</div>
-		`}};us.styles=[hs],us.formAssociated=!0,us.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},vs([$({type:String,reflect:!0})],us.prototype,"name",2),vs([$({type:String,reflect:!0})],us.prototype,"label",2),vs([$({type:String})],us.prototype,"value",2),vs([$({type:Boolean,reflect:!0})],us.prototype,"checked",2),vs([$({type:Boolean,reflect:!0})],us.prototype,"disabled",1),vs([$({type:Boolean,reflect:!0})],us.prototype,"error",2),vs([$({type:Boolean,reflect:!0})],us.prototype,"required",2),vs([$({type:String,reflect:!0})],us.prototype,"size",2),vs([$({type:String,attribute:"help-text"})],us.prototype,"helpText",2),vs([$({type:Boolean,attribute:"readonly",reflect:!0})],us.prototype,"readOnly",2),vs([$({type:Boolean,attribute:!1})],us.prototype,"parentRequestDisabled",1),vs([E("#control")],us.prototype,"control",2),us=vs([A("sds-checkbox")],us);const fs=i`
+		`}};ze.styles=[xe],ke([S({type:String,reflect:!0})],ze.prototype,"label",2),ke([S({type:String})],ze.prototype,"value",2),ke([S({type:Boolean,reflect:!0})],ze.prototype,"checked",2),ke([S({type:Boolean,reflect:!0})],ze.prototype,"error",2),ke([S({type:Boolean,reflect:!0})],ze.prototype,"required",2),ke([S({type:String,reflect:!0})],ze.prototype,"size",2),ke([S({type:String,attribute:"help-text"})],ze.prototype,"helpText",2),ke([S({type:Boolean})],ze.prototype,"disabled",1),ke([S({type:Boolean,attribute:!1})],ze.prototype,"parentRequestDisabled",1),ke([A("#control")],ze.prototype,"control",2),ze=ke([O("sds-checkbox")],ze);const $e=d`
 	:host {
 		--_sds-checkbox-group-gap: var(--sds-checkbox-group-gap, var(--sds-spacing-xs));
 		--_sds-checkbox-group-font-family: var(--sds-checkbox-group-font-family, var(--sds-typography-font-family-roboto));
@@ -883,16 +884,16 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		--_sds-checkbox-group-help-text-font-size: var(--sds-checkbox-group-help-text-font-size, var(--sds-components-font-size-content-lg));
 		--_sds-checkbox-group-help-text-line-height: var(--sds-checkbox-group-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
 	}
-`;var bs=Object.defineProperty,_s=Object.getOwnPropertyDescriptor,ms=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?_s(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&bs(s,e,a),a};const xs=["disabled","errorMessage","readOnly","size"];let ys=class extends(zt(ut)){constructor(){super(...arguments),this.readOnly=!1,this.disabled=!1,this.size="md",this._selectedValues=[],this._handleCheckboxChange=t=>{const s=t.target,e=s.value,o=s.checked;this._selectedValues=o?[...this._selectedValues,e]:this._selectedValues.filter(t=>t!==e),this.dispatchSheriffEvent("sds-update")},this._handleSlotChange=()=>{this._updateChildProps([...xs])}}_getChildCheckboxes(){return this._slotElement?.assignedElements({flatten:!0}).filter(t=>"SDS-CHECKBOX"===t.tagName)??[]}_updateChildProps(t){const s=this._getChildCheckboxes();for(const e of s)for(const s of t)switch(s){case"readOnly":e.readOnly=this.readOnly;break;case"disabled":e.parentRequestDisabled=this.disabled;break;case"errorMessage":e.error=Boolean(this.errorMessage);break;case"size":e.size=this.size}}updated(t){super.updated(t);const s=Array.from(t.keys());(s.includes("errorMessage")||s.includes("error-message"))&&this._updateChildProps(["errorMessage"])}attributeChangedCallback(t,s,e){if(super.attributeChangedCallback(t,s,e),"readonly"===t)return void this._updateChildProps(["readOnly"]);const o=t;xs.includes(o)&&this._updateChildProps([o])}get value(){return{selectedValues:this._selectedValues}}render(){const t={"sds-checkbox-group":!0,"sds-checkbox-group--disabled":this.disabled,"sds-checkbox-group--error":Boolean(this.errorMessage)};return Q`
-			<fieldset class="${Yt(t)}">
-				${this.legend?Q`<legend class="sds-checkbox-group__legend">${this.readOnly?Q`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:J}</sds-icon>${this.legend}</legend>`:J}
-				${this.helpText?Q`<p class="sds-checkbox-group__help-text">${this.helpText}</p>`:J}
+`;var Se=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,Ee=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Ce(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Se(e,s,a),a};const Ae=["disabled","errorMessage","readOnly","size"];let Oe=class extends($t(ut)){constructor(){super(...arguments),this.readOnly=!1,this.disabled=!1,this.size="md",this._selectedValues=[],this._handleCheckboxChange=t=>{const e=t.target,s=e.value,o=e.checked;this._selectedValues=o?[...this._selectedValues,s]:this._selectedValues.filter(t=>t!==s),this.dispatchSheriffEvent("sds-update")},this._handleSlotChange=()=>{this._updateChildProps([...Ae])}}_getChildCheckboxes(){return this._slotElement?.assignedElements({flatten:!0}).filter(t=>"SDS-CHECKBOX"===t.tagName)??[]}_updateChildProps(t){const e=this._getChildCheckboxes();for(const s of e)for(const e of t)switch(e){case"readOnly":s.readOnly=this.readOnly;break;case"disabled":s.parentRequestDisabled=this.disabled;break;case"errorMessage":s.error=Boolean(this.errorMessage);break;case"size":s.size=this.size}}updated(t){super.updated(t);const e=Array.from(t.keys());(e.includes("errorMessage")||e.includes("error-message"))&&this._updateChildProps(["errorMessage"])}attributeChangedCallback(t,e,s){if(super.attributeChangedCallback(t,e,s),"readonly"===t)return void this._updateChildProps(["readOnly"]);const o=t;Ae.includes(o)&&this._updateChildProps([o])}get value(){return{selectedValues:this._selectedValues}}render(){const t={"sds-checkbox-group":!0,"sds-checkbox-group--disabled":this.disabled,"sds-checkbox-group--error":Boolean(this.errorMessage)};return Z`
+			<fieldset class="${Xt(t)}">
+				${this.legend?Z`<legend class="sds-checkbox-group__legend">${this.readOnly?Z`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:J}</sds-icon>${this.legend}</legend>`:J}
+				${this.helpText?Z`<p class="sds-checkbox-group__help-text">${this.helpText}</p>`:J}
 				<div class="sds-checkbox-group__checkboxes" @change=${this._handleCheckboxChange}>
 					<slot @slotchange=${this._handleSlotChange}></slot>
 				</div>
-				${this.errorMessage?Q`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:J}
+				${this.errorMessage?Z`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:J}
 			</fieldset>
-		`}};ys.styles=[fs],ms([$({type:String,reflect:!0})],ys.prototype,"legend",2),ms([$({type:String,attribute:"help-text",reflect:!0})],ys.prototype,"helpText",2),ms([$({type:String,attribute:"error-message",reflect:!0})],ys.prototype,"errorMessage",2),ms([$({type:Boolean,attribute:"readonly",reflect:!0})],ys.prototype,"readOnly",2),ms([$({type:Boolean,reflect:!0})],ys.prototype,"disabled",2),ms([$({type:String,reflect:!0})],ys.prototype,"size",2),ms([S()],ys.prototype,"_selectedValues",2),ms([E("slot")],ys.prototype,"_slotElement",2),ys=ms([A("sds-checkbox-group")],ys);const ks=i`
+		`}};Oe.styles=[$e],Ee([S({type:String,reflect:!0})],Oe.prototype,"legend",2),Ee([S({type:String,attribute:"help-text",reflect:!0})],Oe.prototype,"helpText",2),Ee([S({type:String,attribute:"error-message",reflect:!0})],Oe.prototype,"errorMessage",2),Ee([S({type:Boolean,attribute:"readonly",reflect:!0})],Oe.prototype,"readOnly",2),Ee([S({type:Boolean,reflect:!0})],Oe.prototype,"disabled",2),Ee([S({type:String,reflect:!0})],Oe.prototype,"size",2),Ee([C()],Oe.prototype,"_selectedValues",2),Ee([A("slot")],Oe.prototype,"_slotElement",2),Oe=Ee([O("sds-checkbox-group")],Oe);const Pe=d`
 	:host {
 		--_sds-chip-font-family: var(--sds-chip-font-family, var(--sds-typography-font-family-roboto));
 		--_sds-chip-font-weight: var(--sds-chip-font-weight, var(--sds-typography-font-weight-regular));
@@ -926,7 +927,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		}
 	}
 
-	:host([disabled]) {
+	:host(:disabled) {
 		opacity: var(--_sds-chip-disabled-opacity);
 		cursor: not-allowed;
 		pointer-events: none;
@@ -1037,22 +1038,22 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 			white-space: nowrap;
 		}
 	}
-`;var ws=Object.defineProperty,zs=Object.getOwnPropertyDescriptor,$s=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?zs(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&ws(s,e,a),a};let Ss=class extends(zt(ut)){constructor(){super(),this.variant="selectable",this.size="md",this.checked=!1,this.disabled=!1,this.readonly=!1,this._initialChecked=!1,this._toggle=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.disabled||this.readonly||(this.checked=!this.checked,this.internals.setFormValue(this.checked?this.value??"on":null),this.dispatchSheriffEvent("change"))},this._remove=()=>{this.disabled||this.readonly||this.dispatchSheriffEvent("sds-remove")},this._keypress=t=>{[" ","Enter"].includes(t.key)&&("removable"===this.variant?this._remove():this._toggle(t))},this.internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.role="checkbox",this.checked&&this.internals.setFormValue(this.value??null)}formResetCallback(){this.checked=this._initialChecked,this.internals.setFormValue(this.value??null)}focus(){this.disabled||this.shadowRoot?.querySelector("input")?.focus()}blur(){this.disabled||this.shadowRoot?.querySelector("input")?.blur()}click(){this.disabled||this.shadowRoot?.querySelector("input")?.click()}render(){const t="removable"===this.variant&&!this.readonly&&!this.disabled,s={"sds-chip":!0,"sds-chip--small":"small"===this.size||"sm"===this.size,"sds-chip--large":"large"===this.size||"lg"===this.size,"sds-chip--removable":t};return t?Q`<button class="${Yt(s)}" @click=${this._remove} @keyup="${this._keypress}">
+`;var De=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,qe=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Le(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&De(e,s,a),a};let Te=class extends(Qt($t(ee(ut)))){constructor(){super(...arguments),this._initialChecked=!1,this._readOnly=!1,this.variant="selectable",this.size="md",this.checked=!1,this._toggle=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.disabled||this.readOnly||(this.checked=!this.checked,this.internals.setFormValue(this.checked?this.value??"on":null),this.dispatchSheriffEvent("change"))},this._remove=()=>{this.disabled||this.readOnly||this.dispatchSheriffEvent("sds-remove")},this._keypress=t=>{[" ","Enter"].includes(t.key)&&("removable"===this.variant?this._remove():this._toggle(t))}}get readOnly(){return this._readOnly}set readOnly(t){const e=this._readOnly;this._readOnly=t??!1,this.requestUpdate("readOnly",e)}set readonly(t){this.readOnly=t}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked??!1,this.internals.role="checkbox",this.checked&&this.internals.setFormValue(this.value??null)}formResetCallback(){this.checked=this._initialChecked,this.internals.setFormValue(this.value??null)}render(){const t="removable"===this.variant&&!this.readOnly&&!this.disabled,e={"sds-chip":!0,"sds-chip--small":"small"===this.size||"sm"===this.size,"sds-chip--large":"large"===this.size||"lg"===this.size,"sds-chip--removable":t};return t?Z`<button class="${Xt(e)}" @click=${this._remove} @keyup="${this._keypress}">
 				<slot></slot>
 				<sds-icon name="close-material-outlined" size="s"></sds-icon>
-			</button>`:Q`<label class="${Yt(s)}" @click="${this._toggle}" @keyup="${this._keypress}">
+			</button>`:Z`<label class="${Xt(e)}" @click="${this._toggle}" @keyup="${this._keypress}">
 			<input
 				id="control"
 				type="checkbox"
-				name="${At(this.name)}"
-				value="${At(this.value)}"
+				name="${Pt(this.name)}"
+				value="${Pt(this.value)}"
 				.checked="${this.checked}"
 				?checked="${this.checked}"
 				?disabled="${this.disabled}"
-				?readonly="${this.readonly}"
+				?readonly="${this.readOnly}"
 			/>
 			<slot></slot>
-		</label>`}};Ss.styles=[ks],Ss.formAssociated=!0,Ss.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},$s([$({type:String,reflect:!0})],Ss.prototype,"variant",2),$s([$({type:String,reflect:!0})],Ss.prototype,"size",2),$s([$({type:Boolean,reflect:!0})],Ss.prototype,"checked",2),$s([$({type:String,reflect:!0})],Ss.prototype,"name",2),$s([$({type:String})],Ss.prototype,"value",2),$s([$({type:Boolean,reflect:!0})],Ss.prototype,"disabled",2),$s([$({type:Boolean,reflect:!0})],Ss.prototype,"readonly",2),$s([E("#control")],Ss.prototype,"control",2),Ss=$s([A("sds-chip")],Ss);const Cs=i`
+		</label>`}};Te.styles=[Pe],qe([A("#control")],Te.prototype,"control",2),qe([S({type:String,reflect:!0})],Te.prototype,"variant",2),qe([S({type:String,reflect:!0})],Te.prototype,"size",2),qe([S({type:Boolean,reflect:!0})],Te.prototype,"checked",2),qe([S({type:String})],Te.prototype,"value",2),qe([S({type:Boolean,attribute:"readonly",reflect:!0})],Te.prototype,"readOnly",1),Te=qe([O("sds-chip")],Te);const Re=d`
 	:host {
 		--_sds-details-text-color: var(--sds-details-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
 
@@ -1183,7 +1184,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		display: inline;
 		margin: 0;
 	}
-`;var Es=Object.defineProperty,Os=Object.getOwnPropertyDescriptor,As=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Os(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Es(s,e,a),a};let qs=class extends(zt(ut)){constructor(){super(...arguments),this.open=!1,this.standalone=!1,this.name=void 0,this._handleToggle=t=>{const s=t.currentTarget;this.open!==s.open&&(this.open=s.open),this.dispatchSheriffEvent("sds-toggle",{open:s.open})}}render(){return Q`
+`;var Me=Object.defineProperty,Ve=Object.getOwnPropertyDescriptor,Be=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Ve(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Me(e,s,a),a};let Fe=class extends($t(ut)){constructor(){super(...arguments),this.open=!1,this.standalone=!1,this.name=void 0,this._handleToggle=t=>{const e=t.currentTarget;this.open!==e.open&&(this.open=e.open),this.dispatchSheriffEvent("sds-toggle",{open:e.open})}}render(){return Z`
 			<details class="sds-details" .name="${this.name??""}" ?data-standalone="${this.standalone}" ?open="${this.open}" @toggle="${this._handleToggle}">
 				<summary class="sds-details__summary">
 					<sds-icon name="chevron_up-material-filled"></sds-icon>
@@ -1195,7 +1196,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 					<slot></slot>
 				</div>
 			</details>
-		`}};qs.styles=[Cs],As([$({type:Boolean,reflect:!0})],qs.prototype,"open",2),As([$({type:Boolean,reflect:!0})],qs.prototype,"standalone",2),As([$({type:String,reflect:!0})],qs.prototype,"name",2),qs=As([A("sds-details")],qs);const Ps=i`
+		`}};Fe.styles=[Re],Be([S({type:Boolean,reflect:!0})],Fe.prototype,"open",2),Be([S({type:Boolean,reflect:!0})],Fe.prototype,"standalone",2),Be([S({type:String,reflect:!0})],Fe.prototype,"name",2),Fe=Be([O("sds-details")],Fe);const Ie=d`
 	:host {
 		--_sds-dialog-background-color: var(--sds-dialog-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));
 		--_sds-dialog-backdrop-color: var(--sds-dialog-backdrop-color, rgba(0, 0, 0, 0.5));
@@ -1207,6 +1208,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		--_sds-dialog-max-width: var(--sds-dialog-max-width, min(60ch, 100vw));
 		--_sds-dialog-max-height: var(--sds-dialog-max-height, calc(100dvh - var(--sds-spacing-lg)));
 
+		--_sds-dialog-margin: var(--sds-dialog-margin, auto);
 		--_sds-dialog-padding-block: var(--sds-dialog-padding-block, var(--sds-spacing-sm));
 		--_sds-dialog-padding-inline: var(--sds-dialog-padding-inline, var(--sds-spacing-sm));
 		--_sds-dialog-gap: var(--sds-dialog-gap, var(--sds-spacing-xs));
@@ -1250,14 +1252,13 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		&[open] {
 			display: flex;
 			flex-direction: column;
+			margin: var(--_sds-dialog-margin);
 			padding-block: var(--_sds-dialog-padding-block);
 			padding-inline: var(--_sds-dialog-padding-inline);
 			gap: var(--_sds-dialog-gap);
 		}
 
-		&.sds-dialog__empty-header {
-			/* Set gap to 0 to collapse empty header */
-			--_sds-dialog-gap: var(--sds-dialog-gap, var(--sds-spacing-zero));
+		&.sds-dialog__empty-header:has(.sds-dialog__close-button) {
 			/* Set padding right to avoid overflowing the close button */
 			padding-right: var(--sds-dialog-padding-right, var(--sds-spacing-lg));
 		}
@@ -1298,7 +1299,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 	@media (max-width: 640px) {
 		:host {
 			--_sds-dialog-max-width: var(--sds-dialog-max-width, 100%);
-			--_sds-dialog-border-radius: var(--sds-dialog-border-radius, var(--sds-spacing-zero));
+			--_sds-dialog-margin: var(--sds-dialog-margin, var(--sds-spacing-xs));
 		}
 	}
 
@@ -1307,11 +1308,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 			--_sds-dialog-animation-duration: 0ms;
 		}
 	}
-`;var Ds=Object.defineProperty,Ls=Object.getOwnPropertyDescriptor,Vs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ls(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Ds(s,e,a),a};let Rs=class extends(zt(ut)){constructor(){super(...arguments),this.open=!1,this.modal=!1,this.closedby="closerequest",this.closeButtonLabel="Lukk dialogvindu",this._handleClose=()=>{this.open=!1,this.dispatchSheriffEvent("sds-close")},this._handleClick=t=>{const s=t.target;if(s?.closest('[data-command="close"]'))return void this._closeDialog();if(s!==this._dialog)return;if("any"!==this.closedby)return;if("closedBy"in this._dialog)return;const{clientX:e,clientY:o}=t,{top:r,bottom:a,left:i,right:d}=this._dialog.getBoundingClientRect();(r>o||a<o||i>e||d<e)&&this._closeDialog()},this._handleCancel=t=>{"none"===this.closedby&&t.preventDefault()},this._handleAutoFocus=()=>{const t=this.shadowRoot?.querySelector("slot:not([name])")?.assignedElements({flatten:!0});if(!t||0===t.length)return;const s=t.find(t=>null!=t.getAttribute("autofocus"));s instanceof HTMLElement&&document.activeElement!==s&&s.focus()}}firstUpdated(){this._setupEventListeners(),this.open&&this._openDialog()}updated(t){t.has("open")&&(this.open?this._openDialog():this._closeDialog())}_setupEventListeners(){this._dialog.addEventListener("close",this._handleClose),this._dialog.addEventListener("cancel",this._handleCancel),this._dialog.addEventListener("click",this._handleClick),this._dialog.addEventListener("animationend",this._handleAutoFocus)}_openDialog(){this._dialog&&(this.modal?this._dialog.showModal():this._dialog.show())}_closeDialog(){this._dialog&&this._dialog.close()}show(){this.open=!0}showModal(){this.modal=!0,this.open=!0}close(){this.open=!1}render(){const t=0===this.headerSlotElements.length;return Q`
-			<dialog closedby="${this.closedby}" class=${t?"sds-dialog__empty-header":""}>
+`;var He=Object.defineProperty,je=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&He(e,s,a),a};const Ne=class extends($t(ut)){constructor(){super(...arguments),this.open=!1,this.modal=!1,this.closedby="closerequest",this.closeButtonLabel="Lukk dialogvindu",this._isHeaderSlotEmpty=!0,this._pointerDownInside=!1,this._handleClose=()=>{this.open=!1,this.dispatchSheriffEvent("sds-close")},this._handleClick=t=>{const e=t.target;e?.closest('[data-command="close"],[command="close"]')&&this._closeDialog()},this._handlePointerDown=t=>{const e=this._dialog.getBoundingClientRect(),{clientX:s,clientY:o}=t;this._pointerDownInside=e.top<=o&&o<=e.bottom&&e.left<=s&&s<=e.right},this._handlePointerUp=t=>{const e=this._pointerDownInside;this._pointerDownInside=!1,"any"!==this.closedby||e||t.target===this._dialog&&requestAnimationFrame(()=>{this._dialog&&this._dialog.open&&this._closeDialog()})},this._handleCancel=t=>{"none"===this.closedby&&t.preventDefault()},this._handleHeaderSlotChange=t=>{const e=t.target;this._isHeaderSlotEmpty=0===e.assignedElements().length},this._handleAutoFocus=()=>{const t=this.shadowRoot?.querySelector("slot:not([name])")?.assignedElements({flatten:!0});if(!t||0===t.length)return;const e=t.find(t=>null!=t.getAttribute("autofocus"));e instanceof HTMLElement&&document.activeElement!==e&&e.focus()}}firstUpdated(){this._setupEventListeners(),this.open&&this._openDialog()}updated(t){t.has("open")&&(this.open?this._openDialog():this._closeDialog())}_setupEventListeners(){this._dialog.addEventListener("close",this._handleClose),this._dialog.addEventListener("cancel",this._handleCancel),this._dialog.addEventListener("click",this._handleClick),this._dialog.addEventListener("pointerdown",this._handlePointerDown),this._dialog.addEventListener("pointerup",this._handlePointerUp),this._dialog.addEventListener("animationend",this._handleAutoFocus)}_openDialog(){this._dialog&&(this.modal?this._dialog.showModal():this._dialog.show())}_closeDialog(){this._dialog&&this._dialog.close()}show(){this.open=!0}showModal(){this.modal=!0,this.open=!0}close(){this.open=!1}requestClose(){this._dialog&&this._dialog.requestClose()}render(){return Z`
+			<dialog .closedBy="${this.closedby}" class=${this._isHeaderSlotEmpty?"sds-dialog__empty-header":""}>
 				<div class="sds-dialog__header">
-					<slot name="header"></slot>
-					${this.closeButtonLabel?Q`
+					<slot name="header" @slotchange=${this._handleHeaderSlotChange}></slot>
+					${this.closeButtonLabel?Z`
 								<sds-button class="sds-dialog__close-button" icon variant="tertiary" size="md" data-command="close" aria-label="${this.closeButtonLabel}">
 									<sds-icon name="close-material-outlined" size="md"></sds-icon>
 								</sds-button>
@@ -1320,7 +1321,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 				<slot></slot>
 				<slot name="footer"></slot>
 			</dialog>
-		`}};Rs.styles=[Ps],Vs([$({type:Boolean,reflect:!0})],Rs.prototype,"open",2),Vs([$({type:Boolean,reflect:!0})],Rs.prototype,"modal",2),Vs([$({type:String,reflect:!0})],Rs.prototype,"closedby",2),Vs([$({type:String,attribute:"close-button-label"})],Rs.prototype,"closeButtonLabel",2),Vs([E("dialog")],Rs.prototype,"_dialog",2),Vs([O({slot:"header",flatten:!1})],Rs.prototype,"headerSlotElements",2),Rs=Vs([A("sds-dialog")],Rs);const Ms=i`
+		`}};Ne.styles=[Ie];let Ue=Ne;je([S({type:Boolean,reflect:!0})],Ue.prototype,"open"),je([S({type:Boolean,reflect:!0})],Ue.prototype,"modal"),je([S({type:String,reflect:!0})],Ue.prototype,"closedby"),je([S({type:String,attribute:"close-button-label"})],Ue.prototype,"closeButtonLabel"),je([A("dialog")],Ue.prototype,"_dialog"),je([C()],Ue.prototype,"_isHeaderSlotEmpty");var We=Object.getOwnPropertyDescriptor;let Ke=class extends Ue{};Ke=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?We(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-dialog")],Ke);const Ge=d`
 	:host {
 		--_sds-heading-font-family: var(--sds-heading-font-family, var(--sds-typography-font-family-roboto));
 		--_sds-heading-text-color: var(--sds-heading-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -1473,7 +1474,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 			--_sds-heading-line-height: var(--sds-heading-line-height, var(--sds-typography-heading-xs-desktop-line-height));
 		}
 	}
-`;var Bs=Object.defineProperty,Ts=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&Bs(s,e,a),a};const Is=class extends ut{constructor(){super(...arguments),this.level="h1"}render(){const t={"sds-heading":!0,"sds-heading--xl":"xl"===this.size,"sds-heading--lg":"l"===this.size||"lg"===this.size,"sds-heading--md":"m"===this.size||"md"===this.size,"sds-heading--sm":"s"===this.size||"sm"===this.size,"sds-heading--xs":"xs"===this.size};switch(this.level?.toLowerCase()){case"h1":default:return Q`<h1 class=${Yt(t)}><slot></slot></h1>`;case"h2":return Q`<h2 class=${Yt(t)}><slot></slot></h2>`;case"h3":return Q`<h3 class=${Yt(t)}><slot></slot></h3>`;case"h4":return Q`<h4 class=${Yt(t)}><slot></slot></h4>`;case"h5":return Q`<h5 class=${Yt(t)}><slot></slot></h5>`;case"h6":return Q`<h6 class=${Yt(t)}><slot></slot></h6>`}}};Is.styles=[Ms];let js=Is;Ts([$({type:String,reflect:!0})],js.prototype,"level"),Ts([$({type:String,reflect:!0})],js.prototype,"size");var Fs=Object.getOwnPropertyDescriptor;let Ns=class extends js{};Ns=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Fs(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([A("sds-heading")],Ns);const Us=i`
+`;var Ye=Object.defineProperty,Xe=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&Ye(e,s,a),a};const Ze=class extends ut{constructor(){super(...arguments),this.level="h1"}render(){const t={"sds-heading":!0,"sds-heading--xl":"xl"===this.size,"sds-heading--lg":"l"===this.size||"lg"===this.size,"sds-heading--md":"m"===this.size||"md"===this.size,"sds-heading--sm":"s"===this.size||"sm"===this.size,"sds-heading--xs":"xs"===this.size};switch(this.level?.toLowerCase()){case"h1":default:return Z`<h1 class=${Xt(t)}><slot></slot></h1>`;case"h2":return Z`<h2 class=${Xt(t)}><slot></slot></h2>`;case"h3":return Z`<h3 class=${Xt(t)}><slot></slot></h3>`;case"h4":return Z`<h4 class=${Xt(t)}><slot></slot></h4>`;case"h5":return Z`<h5 class=${Xt(t)}><slot></slot></h5>`;case"h6":return Z`<h6 class=${Xt(t)}><slot></slot></h6>`}}};Ze.styles=[Ge];let Qe=Ze;Xe([S({type:String,reflect:!0})],Qe.prototype,"level"),Xe([S({type:String,reflect:!0})],Qe.prototype,"size");var Je=Object.getOwnPropertyDescriptor;let ts=class extends Qe{};ts=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?Je(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-heading")],ts);const es=d`
 	:host {
 		--_sds-loader-main-color: var(--sds-loader-main-color, var(--sds-color-action-contrast-default, var(--sds-color-main-action-contrast-default)));
 		--_sds-loader-secondary-color: var(--sds-loader-secondary-color, var(--sds-color-border-subtle, var(--sds-color-main-border-subtle)));
@@ -1549,10 +1550,10 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 			stroke-dashoffset: -120px;
 		}
 	}
-`;var Hs=Object.defineProperty,Ks=Object.getOwnPropertyDescriptor,Ws=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ks(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Hs(s,e,a),a};let Gs=class extends ut{constructor(){super(...arguments),this.size="md",this.contrast=!1}render(){return Q`<svg aria-label="Laster" class="sds-loader" role="img" viewBox="0 0 50 50">
+`;var ss=Object.defineProperty,os=Object.getOwnPropertyDescriptor,rs=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?os(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&ss(e,s,a),a};let as=class extends ut{constructor(){super(...arguments),this.size="md",this.contrast=!1}render(){return Z`<svg aria-label="Laster" class="sds-loader" role="img" viewBox="0 0 50 50">
 			<circle class="sds-loader__background" cx="25" cy="25" r="20" fill="none" stroke-width="7"></circle>
 			<circle class="sds-loader__circle" cx="25" cy="25" r="20" fill="none" stroke-width="7"></circle>
-		</svg>`}};Gs.styles=[Us],Ws([$({type:String,reflect:!0})],Gs.prototype,"size",2),Ws([$({type:Boolean,reflect:!0})],Gs.prototype,"contrast",2),Gs=Ws([A("sds-loader")],Gs);const Ys=i`
+		</svg>`}};as.styles=[es],rs([S({type:String,reflect:!0})],as.prototype,"size",2),rs([S({type:Boolean,reflect:!0})],as.prototype,"contrast",2),as=rs([O("sds-loader")],as);const is=d`
 	:host {
 		--_sds-notification-background-color: var(--sds-notification-background-color, var(--sds-color-alert-info-surface-tinted));
 
@@ -1689,20 +1690,227 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		margin: 0 !important;
 		max-width: var(--_sds-notification-max-line-width) !important;
 	}
-`;var Zs=Object.defineProperty,Qs=Object.getOwnPropertyDescriptor,Xs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Qs(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Zs(s,e,a),a};const Js={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",warning:"warning-material-filled",danger:"dangerous-material-filled",critical:"dangerous-material-filled"};let te=!1,se=class extends(zt(ut)){constructor(){super(),this.variant="info",this._remove=()=>{this.dispatchSheriffEvent("sds-remove")},te||(te=!0,console.warn("[Sheriff] The Notification component is deprecated and will be removed in the next major release. Please migrate to the Alert component."))}updated(t){t.has("variant")&&"critical"===this.variant?this.variant="danger":t.has("variant")&&"warning"===this.variant&&(this.variant="attention")}render(){const t="danger"===this.variant||"critical"===this.variant?"danger":"accent";return Q`<div class="${Yt({"sds-notification":!0})}">
+`;var ds=Object.defineProperty,ns=Object.getOwnPropertyDescriptor,ls=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?ns(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&ds(e,s,a),a};const cs={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",warning:"warning-material-filled",danger:"dangerous-material-filled",critical:"dangerous-material-filled"};let hs=!1,ps=class extends($t(ut)){constructor(){super(),this.variant="info",this._remove=()=>{this.dispatchSheriffEvent("sds-remove")},hs||(hs=!0,console.warn("[Sheriff] The Notification component is deprecated and will be removed in the next major release. Please migrate to the Alert component."))}updated(t){t.has("variant")&&"critical"===this.variant?this.variant="danger":t.has("variant")&&"warning"===this.variant&&(this.variant="attention")}render(){const t="danger"===this.variant||"critical"===this.variant?"danger":"accent";return Z`<div class="${Xt({"sds-notification":!0})}">
 			<div class="sds-notification__type">
-				<sds-icon class="sds-notification__icon" name="${Js[this.variant]}" size="md"></sds-icon>
+				<sds-icon class="sds-notification__icon" name="${cs[this.variant]}" size="md"></sds-icon>
 			</div>
 			<div class="sds-notification__content">
 				<slot name="title"></slot>
 				<slot name="message"></slot>
 			</div>
-			${this.removableLabel?Q`<div class="sds-notification__actions">
+			${this.removableLabel?Z`<div class="sds-notification__actions">
 						<sds-button icon variant="tertiary" color="${t}" size="sm" @click=${this._remove} aria-label="${this.removableLabel}">
 							<sds-icon name="close-material-outlined" size="sm"></sds-icon>
 						</sds-button>
 					</div>`:J}
-		</div>`}};se.styles=[Ys],Xs([$({type:String,reflect:!0})],se.prototype,"variant",2),Xs([$({type:String,attribute:"removable-label",reflect:!0})],se.prototype,"removableLabel",2),se=Xs([A("sds-notification")],se);const ee=i`
+		</div>`}};ps.styles=[is],ls([S({type:String,reflect:!0})],ps.prototype,"variant",2),ls([S({type:String,attribute:"removable-label",reflect:!0})],ps.prototype,"removableLabel",2),ps=ls([O("sds-notification")],ps);const gs=d`
+	:host {
+		display: flex;
+		flex-direction: column;
+	}
+`;var vs=Object.defineProperty,us=Object.getOwnPropertyDescriptor,fs=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?us(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&vs(e,s,a),a};let bs=class extends ut{constructor(){super(),this.internals=this.attachInternals(),this.internals.role="list"}render(){return Z`<slot></slot>`}};bs.styles=[gs],fs([S({type:String,reflect:!0,attribute:"heading-level"})],bs.prototype,"headingLevel",2),bs=fs([O("sds-process")],bs);const ms=d`
+	:host {
+		--_sds-process-step-border-width: var(--sds-process-step-border-width, 2px);
+		--_sds-process-step-border-color: var(--sds-process-step-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
+		--_sds-process-step-marker-sm: var(--sds-process-step-marker-sm, 1rem);
+		--_sds-process-step-marker-lg: var(--sds-process-step-marker-lg, 2rem);
+		--_sds-process-step-marker-size: var(--_sds-process-step-marker-lg);
+		--_sds-process-step-marker-base: var(--sds-process-step-marker-base, 2rem);
+		--_sds-process-step-marker-text-color: var(--sds-process-step-marker-text-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
+		--_sds-process-step-marker-background: var(--sds-process-step-marker-background, var(--sds-color-action-contrast-subtle, var(--sds-color-main-action-contrast-subtle)));
+		--_sds-process-step-marker-margin-block-start: var(--sds-process-step-marker-margin-block-start, calc((var(--_sds-process-step-marker-lg) - var(--_sds-process-step-marker-sm)) / 2));
+		--_sds-process-step-marker-border-radius: var(--sds-process-step-marker-border-radius, var(--sds-radius-full));
+		--_sds-process-step-grid-template-rows: var(--sds-process-step-grid-template-rows, [line-1] auto [step-start] var(--_sds-process-step-marker-size) [line-2 step-end] auto);
+		--_sds-process-step-grid-template-columns: var(--sds-process-step-grid-template-columns, var(--_sds-process-step-marker-base) auto);
+		--_sds-process-step-sub-step-margin-block-start: var(--sds-process-step-sub-step-margin-block-start, calc((var(--_sds-process-step-marker-sm) / 2) * -1));
+
+		--_sds-process-step-item-grid-template-columns: var(--sds-process-step-item-grid-template-columns, [marker] var(--_sds-process-step-marker-base) [content] auto);
+		--_sds-process-step-item-grid-area: var(--sds-process-step-item-grid-area, 2 / 1 / -1 / -1);
+
+		--_sds-process-step-line-display: var(--sds-process-step-line-display, block);
+		--_sds-process-step-line-min-height: var(--sds-process-step-line-min-height, 2rem);
+
+		--_sds-process-step-heading-color: var(--sds-process-step-heading-color, var(--sds-color-neutral-text-default));
+		--_sds-process-step-heading-font-weight: var(--sds-process-step-heading-font-weight, var(--sds-typography-body-sm-strong-desktop-font-weight));
+		--_sds-process-step-heading-font-size: var(--sds-process-step-heading-font-size, var(--sds-typography-body-md-desktop-font-size));
+		--_sds-process-step-heading-line-height: var(--sds-process-step-heading-line-height, var(--sds-typography-body-md-strong-desktop-line-height));
+		--_sds-process-step-heading-padding-block: var(--sds-process-step-heading-padding-block, var(--sds-spacing-3xs));
+		--_sds-process-step-heading-margin-block: var(--sds-process-step-heading-margin-block, 0);
+
+		--_sds-process-step-timestamp-color: var(--sds-process-step-timestamp-color, var(--sds-color-neutral-text-subtle));
+		--_sds-process-step-timestamp-font-weight: var(--sds-process-step-timestamp-font-weight, var(--sds-typography-body-sm-desktop-font-weight));
+		--_sds-process-step-timestamp-font-size: var(--sds-process-step-timestamp-font-size, var(--sds-typography-body-sm-desktop-font-size));
+		--_sds-process-step-timestamp-line-height: var(--sds-process-step-timestamp-line-height, var(--sds-typography-body-sm-desktop-line-height));
+		--_sds-process-step-timestamp-padding-block-start: var(--sds-process-step-timestamp-padding-block-start, var(--sds-spacing-zero));
+		--_sds-process-step-timestamp-padding-block-end: var(--sds-process-step-timestamp-padding-block-end, var(--sds-spacing-3xs));
+
+		--_sds-process-step-slot-content-padding-block: var(--sds-process-step-slot-content-padding-block, var(--sds-spacing-zero));
+
+		--sds-icon-color: var(--_sds-process-step-marker-text-color);
+	}
+
+	.sds-process-step {
+		display: grid;
+		font-family: var(--sds-typography-font-family);
+		grid-template-rows: var(--_sds-process-step-grid-template-rows);
+		grid-template-columns: var(--_sds-process-step-grid-template-columns);
+		justify-items: flex-start;
+	}
+
+	.sds-process-step--sub-step {
+		--_sds-process-step-marker-background: var(--sds-process-step-marker-background, var(--sds-color-action-default, var(--sds-color-main-action-default)));
+		--_sds-process-step-marker-size: var(--_sds-process-step-marker-sm);
+		--_sds-process-step-grid-template-rows: var(--sds-process-step-grid-template-rows, [line-1] auto [step-start] var(--_sds-process-step-marker-size) [line-2 step-end] auto);
+		margin-block-start: var(--_sds-process-step-sub-step-margin-block-start);
+
+		.sds-process-step__marker {
+			margin-block-start: var(--_sds-process-step-marker-margin-block-start);
+		}
+	}
+
+	.sds-process-step__item {
+		grid-area: var(--_sds-process-step-item-grid-area);
+		grid-template-columns: var(--_sds-process-step-item-grid-template-columns);
+		gap: var(--sds-spacing-xs);
+		padding: var(--_sds-process-step-border-width);
+		margin: calc(var(--_sds-process-step-border-width) * -1) calc(var(--_sds-process-step-border-width) * -1) var(--sds-spacing-sm);
+		justify-content: flex-start;
+		width: 100%;
+		display: grid;
+	}
+
+	.sds-process-step__marker {
+		width: var(--_sds-process-step-marker-size);
+		height: var(--_sds-process-step-marker-size);
+		border-radius: var(--_sds-process-step-marker-border-radius);
+		border: var(--_sds-process-step-border-width) solid;
+		color: var(--_sds-process-step-marker-text-color);
+		background-color: var(--_sds-process-step-marker-background);
+		border-color: var(--_sds-process-step-border-color);
+		font-weight: var(--sds-typography-body-sm-strong-desktop-font-weight);
+		grid-column: marker;
+		place-self: baseline center;
+		place-items: center;
+		line-height: 1;
+		display: inline-grid;
+	}
+
+	.sds-process-step__content {
+		grid-column: content;
+	}
+
+	.sds-process-step__line {
+		display: var(--_sds-process-step-line-display);
+		border: calc(var(--_sds-process-step-border-width) / 2) solid var(--_sds-process-step-border-color);
+		grid-column: 1;
+		justify-self: center;
+		width: 0;
+		min-height: var(--_sds-process-step-line-min-height);
+		grid-row: line-2;
+		position: relative;
+		top: var(--_sds-process-step-border-width);
+	}
+
+	.sds-process-step__heading {
+		color: var(--_sds-process-step-heading-color);
+		font-weight: var(--_sds-process-step-heading-font-weight);
+		font-size: var(--_sds-process-step-heading-font-size);
+		line-height: var(--_sds-process-step-heading-line-height);
+		padding-block: var(--_sds-process-step-heading-padding-block);
+		margin-block: var(--_sds-process-step-heading-margin-block);
+	}
+
+	.sds-process-step__timestamp {
+		color: var(--_sds-process-step-timestamp-color);
+		font-weight: var(--_sds-process-step-timestamp-font-weight);
+		font-size: var(--_sds-process-step-timestamp-font-size);
+		line-height: var(--_sds-process-step-timestamp-line-height);
+		padding-block-start: var(--_sds-process-step-timestamp-padding-block-start);
+		padding-block-end: var(--_sds-process-step-timestamp-padding-block-end);
+
+		&:first-child {
+			--_sds-process-step-timestamp-padding-block-start: var(--sds-process-step-timestamp-padding-block-start, var(--sds-spacing-3xs));
+		}
+
+		&:empty {
+			display: none;
+		}
+	}
+
+	.sds-process-step__slot-content {
+		padding-block: var(--_sds-process-step-slot-content-padding-block);
+
+		&:first-child {
+			--_sds-process-step-slot-content-padding-block: var(--sds-process-step-slot-content-padding-block, var(--sds-spacing-3xs));
+		}
+	}
+
+	:host(:last-of-type) {
+		--_sds-process-step-line-display: none;
+	}
+`;var _s=Object.defineProperty,xs=Object.getOwnPropertyDescriptor,ys=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?xs(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&_s(e,s,a),a};let ws=class extends ut{constructor(){super(),this._headingLevel="h2",this._handleMarkerSlotChange=()=>{if(!this.markerSlot||!this.step)return;const t=0===this.markerSlot.assignedNodes({flatten:!0}).length;this.step.classList.toggle("sds-process-step--sub-step",t)},this.internals=this.attachInternals(),this.internals.role="listitem"}connectedCallback(){super.connectedCallback();const t=this.closest("sds-process");t&&t.headingLevel&&(this._headingLevel=t.headingLevel)}firstUpdated(){this._handleMarkerSlotChange()}get safeHeadingLevel(){return["h2","h3","h4","h5","h6"].includes(this._headingLevel)?this._headingLevel:"h2"}render(){return wt`
+			<div class="sds-process-step">
+				<div class="sds-process-step__item">
+					<div class="sds-process-step__marker" aria-hidden="true">
+						<slot name="marker" @slotchange=${this._handleMarkerSlotChange}></slot>
+					</div>
+					<div class="sds-process-step__content">
+						${this.heading?wt`<${_t(this.safeHeadingLevel)} class="sds-process-step__heading">${this.heading}</${_t(this.safeHeadingLevel)}>`:J}
+						${this.timestamp?wt`<div class="sds-process-step__timestamp">${this.timestamp}</div>`:J}
+						<div class="sds-process-step__slot-content"><slot></slot></div>
+					</div>
+				</div>
+				<span class="sds-process-step__line"></span>
+			</div>
+		`}};ws.styles=[ms],ys([S({type:String,reflect:!0})],ws.prototype,"heading",2),ys([S({type:String,reflect:!0})],ws.prototype,"timestamp",2),ys([A('slot[name="marker"]')],ws.prototype,"markerSlot",2),ys([A(".sds-process-step")],ws.prototype,"step",2),ws=ys([O("sds-process-step")],ws);const ks=d`
+	${i(':host{--_ds-floating:top;--_ds-floating-arrow-size:0;--_ds-floating-arrow-visibility:inherit;animation:ds-fade-in .15s ease-in-out forwards;inset:0 auto auto 0;margin:0;overflow:visible;position:absolute}:host:before{background:inherit;border:inherit;border-left-color:transparent;border-top-color:transparent;box-sizing:border-box;content:"";height:var(--_ds-floating-arrow-size);left:var(--_ds-floating-arrow-x,50%);position:absolute;rotate:45deg;top:var(--_ds-floating-arrow-y,100%);translate:-50% -50%;visibility:var(--_ds-floating-arrow-visibility);width:var(--_ds-floating-arrow-size)}:host[data-overscroll=contain]{--_ds-floating-overscroll:contain;overflow:auto;overscroll-behavior:contain}:host{--_ds-floating:var(--dsc-popover-placement);--_ds-floating-arrow-size:var(--dsc-popover-arrow-size);--dsc-popover-background:var(--ds-color-surface-default);--dsc-popover-border-width:var(--ds-border-width-default);--dsc-popover-border-style:solid;--dsc-popover-border-color:var(--ds-color-border-default);--dsc-popover-color:var(--ds-color-text-default);--dsc-popover-arrow-size:var(--ds-size-3);--dsc-popover-border-radius:var(--ds-border-radius-md);--dsc-popover-max-width:300px;--dsc-popover-padding:var(--ds-size-3) var(--ds-size-4);--dsc-popover-box-shadow:var(--ds-shadow-md);--dsc-popover-placement:top;background:var(--dsc-popover-background);border-color:var(--dsc-popover-border-color);border-radius:var(--dsc-popover-border-radius);border-style:var(--dsc-popover-border-style);border-width:var(--dsc-popover-border-width);box-shadow:var(--dsc-popover-box-shadow);box-sizing:border-box;color:var(--dsc-popover-color);max-width:var(--dsc-popover-max-width);padding:var(--dsc-popover-padding);&[data-floating|=top]:before{rotate:45deg;top:100%}&[data-floating|=right]:before{left:0;rotate:135deg}&[data-floating|=bottom]:before{rotate:-135deg;top:0}&[data-floating|=left]:before{left:100%;rotate:-45deg}}:host[data-variant=default]{--dsc-popover-background:var(--ds-color-surface-default)}:host[data-variant=tinted]{--dsc-popover-background:var(--ds-color-surface-tinted)}[data-popover=inline]{all:unset;cursor:pointer;font-size:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:.27em}[data-popover=inline]:not([hidden]){display:inline}[data-popover=inline]:focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}[data-popover=inline]:focus-visible *{--_ds--focus: }')}
+
+	:host {
+		--dsc-popover-background: var(--sds-popover-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));
+		--dsc-popover-border-width: var(--sds-popover-border-width, var(--sds-border-sm));
+		--dsc-popover-border-style: var(--sds-popover-border-style, solid);
+		--dsc-popover-border-color: var(--sds-popover-border-color, var(--sds-color-border-default, var(--sds-color-main-border-default)));
+		--dsc-popover-color: var(--sds-popover-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
+		--dsc-popover-arrow-size: var(--sds-popover-arrow-size, 12px);
+		--dsc-popover-border-radius: var(--sds-popover-border-radius, var(--sds-radius-sm));
+		--dsc-popover-max-width: var(--sds-popover-max-width, 300px);
+		--dsc-popover-padding: var(--sds-popover-padding, var(--sds-spacing-2xs) var(--sds-spacing-xs));
+		--dsc-popover-box-shadow: var(--sds-popover-shadow, 0 0 1px 0 rgba(0, 0, 0, 0.14), 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.12));
+		--dsc-popover-placement: top;
+	}
+
+	/* Note: Designsystem's popover.css uses CSS that does not work in the shadow DOM.
+	   These rules ensures that arrow positioning works for our popover.
+	   Do not remove unless the CSS selectors from Designsystem works out of the box. */
+	:host([data-floating|='top'])::before {
+		rotate: 45deg;
+		top: 100%;
+	}
+	:host([data-floating|='right'])::before {
+		left: 0;
+		rotate: 135deg;
+	}
+	:host([data-floating|='bottom'])::before {
+		rotate: -135deg;
+		top: 0;
+	}
+	:host([data-floating|='left'])::before {
+		left: 100%;
+		rotate: -45deg;
+	}
+
+	@keyframes ds-fade-in {
+		from {
+			opacity: 0;
+		}
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		:host {
+			animation: none;
+		}
+	}
+`,zs={passive:!0,capture:!0},$s=(t,e,s)=>void 0===s?t.getAttribute(e)??null:(null===s?t.removeAttribute(e):t.getAttribute(e)!==s&&t.setAttribute(e,s),null),Ss=(t,...e)=>{let[s,...o]=e;for(let r of s.split(" "))t.addEventListener(r,...o);return()=>Cs(t,...e)},Cs=(t,...e)=>{let[s,...o]=e;for(let r of s.split(" "))t.removeEventListener(r,...o)};Date.now().toString(36),Math.random().toString(36).slice(2,5);const Es=Math.min,As=Math.max,Os=Math.round,Ps=Math.floor,Ds=t=>({x:t,y:t}),Ls={left:"right",right:"left",bottom:"top",top:"bottom"},qs={start:"end",end:"start"};function Ts(t,e,s){return As(t,Es(e,s))}function Rs(t,e){return"function"==typeof t?t(e):t}function Ms(t){return t.split("-")[0]}function Vs(t){return t.split("-")[1]}function Bs(t){return"x"===t?"y":"x"}function Fs(t){return"y"===t?"height":"width"}const Is=/* @__PURE__ */new Set(["top","bottom"]);function Hs(t){return Is.has(Ms(t))?"y":"x"}function js(t){return Bs(Hs(t))}function Ns(t){return t.replace(/start|end/g,t=>qs[t])}const Us=["left","right"],Ws=["right","left"],Ks=["top","bottom"],Gs=["bottom","top"];function Ys(t){return t.replace(/left|right|bottom|top/g,t=>Ls[t])}function Xs(t){const{x:e,y:s,width:o,height:r}=t;return{width:o,height:r,top:s,left:e,right:e+o,bottom:s+r,x:e,y:s}}function Zs(t,e,s){let{reference:o,floating:r}=t;const a=Hs(e),i=js(e),d=Fs(i),n=Ms(e),l="y"===a,c=o.x+o.width/2-r.width/2,h=o.y+o.height/2-r.height/2,p=o[d]/2-r[d]/2;let g;switch(n){case"top":g={x:c,y:o.y-r.height};break;case"bottom":g={x:c,y:o.y+o.height};break;case"right":g={x:o.x+o.width,y:h};break;case"left":g={x:o.x-r.width,y:h};break;default:g={x:o.x,y:o.y}}switch(Vs(e)){case"start":g[i]-=p*(s&&l?-1:1);break;case"end":g[i]+=p*(s&&l?-1:1)}return g}async function Qs(t,e){var s;void 0===e&&(e={});const{x:o,y:r,platform:a,rects:i,elements:d,strategy:n}=t,{boundary:l="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:p=!1,padding:g=0}=Rs(e,t),v="number"!=typeof(y=g)?(w=y,{top:0,right:0,bottom:0,left:0,...w}):{top:y,right:y,bottom:y,left:y},u=d[p?"floating"===h?"reference":"floating":h],f=Xs(await a.getClippingRect({element:null==(s=await(null==a.isElement?void 0:a.isElement(u)))||s?u:u.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(d.floating)),boundary:l,rootBoundary:c,strategy:n})),b="floating"===h?{x:o,y:r,width:i.floating.width,height:i.floating.height}:i.reference,m=await(null==a.getOffsetParent?void 0:a.getOffsetParent(d.floating)),_=await(null==a.isElement?void 0:a.isElement(m))&&await(null==a.getScale?void 0:a.getScale(m))||{x:1,y:1},x=Xs(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:d,rect:b,offsetParent:m,strategy:n}):b);var y,w;return{top:(f.top-x.top+v.top)/_.y,bottom:(x.bottom-f.bottom+v.bottom)/_.y,left:(f.left-x.left+v.left)/_.x,right:(x.right-f.right+v.right)/_.x}}const Js=/* @__PURE__ */new Set(["left","top"]);function to(){return"undefined"!=typeof window}function eo(t){return ro(t)?(t.nodeName||"").toLowerCase():"#document"}function so(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function oo(t){var e;return null==(e=(ro(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function ro(t){return!!to()&&(t instanceof Node||t instanceof so(t).Node)}function ao(t){return!!to()&&(t instanceof Element||t instanceof so(t).Element)}function io(t){return!!to()&&(t instanceof HTMLElement||t instanceof so(t).HTMLElement)}function no(t){return!(!to()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof so(t).ShadowRoot)}const lo=/* @__PURE__ */new Set(["inline","contents"]);function co(t){const{overflow:e,overflowX:s,overflowY:o,display:r}=wo(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+s)&&!lo.has(r)}const ho=/* @__PURE__ */new Set(["table","td","th"]);function po(t){return ho.has(eo(t))}const go=[":popover-open",":modal"];function vo(t){return go.some(e=>{try{return t.matches(e)}catch(s){return!1}})}const uo=["transform","translate","scale","rotate","perspective"],fo=["transform","translate","scale","rotate","perspective","filter"],bo=["paint","layout","strict","content"];function mo(t){const e=_o(),s=ao(t)?wo(t):t;return uo.some(t=>!!s[t]&&"none"!==s[t])||!!s.containerType&&"normal"!==s.containerType||!e&&!!s.backdropFilter&&"none"!==s.backdropFilter||!e&&!!s.filter&&"none"!==s.filter||fo.some(t=>(s.willChange||"").includes(t))||bo.some(t=>(s.contain||"").includes(t))}function _o(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const xo=/* @__PURE__ */new Set(["html","body","#document"]);function yo(t){return xo.has(eo(t))}function wo(t){return so(t).getComputedStyle(t)}function ko(t){return ao(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function zo(t){if("html"===eo(t))return t;const e=t.assignedSlot||t.parentNode||no(t)&&t.host||oo(t);return no(e)?e.host:e}function $o(t){const e=zo(t);return yo(e)?t.ownerDocument?t.ownerDocument.body:t.body:io(e)&&co(e)?e:$o(e)}function So(t,e,s){var o;void 0===e&&(e=[]),void 0===s&&(s=!0);const r=$o(t),a=r===(null==(o=t.ownerDocument)?void 0:o.body),i=so(r);if(a){const t=Co(i);return e.concat(i,i.visualViewport||[],co(r)?r:[],t&&s?So(t):[])}return e.concat(r,So(r,[],s))}function Co(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Eo(t){const e=wo(t);let s=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const r=io(t),a=r?t.offsetWidth:s,i=r?t.offsetHeight:o,d=Os(s)!==a||Os(o)!==i;return d&&(s=a,o=i),{width:s,height:o,$:d}}function Ao(t){return ao(t)?t:t.contextElement}function Oo(t){const e=Ao(t);if(!io(e))return Ds(1);const s=e.getBoundingClientRect(),{width:o,height:r,$:a}=Eo(e);let i=(a?Os(s.width):s.width)/o,d=(a?Os(s.height):s.height)/r;return i&&Number.isFinite(i)||(i=1),d&&Number.isFinite(d)||(d=1),{x:i,y:d}}const Po=Ds(0);function Do(t){const e=so(t);return _o()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Po}function Lo(t,e,s,o){void 0===e&&(e=!1),void 0===s&&(s=!1);const r=t.getBoundingClientRect(),a=Ao(t);let i=Ds(1);e&&(o?ao(o)&&(i=Oo(o)):i=Oo(t));const d=(n=a,void 0===(l=s)&&(l=!1),!(c=o)||l&&c!==so(n)||!l?Ds(0):Do(a));var n,l,c;let h=(r.left+d.x)/i.x,p=(r.top+d.y)/i.y,g=r.width/i.x,v=r.height/i.y;if(a){const t=so(a),e=o&&ao(o)?so(o):o;let s=t,r=Co(s);for(;r&&o&&e!==s;){const t=Oo(r),e=r.getBoundingClientRect(),o=wo(r),a=e.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x,i=e.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;h*=t.x,p*=t.y,g*=t.x,v*=t.y,h+=a,p+=i,s=so(r),r=Co(s)}}return Xs({width:g,height:v,x:h,y:p})}function qo(t,e){const s=ko(t).scrollLeft;return e?e.left+s:Lo(oo(t)).left+s}function To(t,e){const s=t.getBoundingClientRect();return{x:s.left+e.scrollLeft-qo(t,s),y:s.top+e.scrollTop}}const Ro=/* @__PURE__ */new Set(["absolute","fixed"]);function Mo(t,e,s){let o;if("viewport"===e)o=function(t,e){const s=so(t),o=oo(t),r=s.visualViewport;let a=o.clientWidth,i=o.clientHeight,d=0,n=0;if(r){a=r.width,i=r.height;const t=_o();(!t||t&&"fixed"===e)&&(d=r.offsetLeft,n=r.offsetTop)}const l=qo(o);if(l<=0){const t=o.ownerDocument,e=t.body,s=getComputedStyle(e),r="CSS1Compat"===t.compatMode&&parseFloat(s.marginLeft)+parseFloat(s.marginRight)||0,i=Math.abs(o.clientWidth-e.clientWidth-r);i<=25&&(a-=i)}else l<=25&&(a+=l);return{width:a,height:i,x:d,y:n}}(t,s);else if("document"===e)o=function(t){const e=oo(t),s=ko(t),o=t.ownerDocument.body,r=As(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),a=As(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let i=-s.scrollLeft+qo(t);const d=-s.scrollTop;return"rtl"===wo(o).direction&&(i+=As(e.clientWidth,o.clientWidth)-r),{width:r,height:a,x:i,y:d}}(oo(t));else if(ao(e))o=function(t,e){const s=Lo(t,!0,"fixed"===e),o=s.top+t.clientTop,r=s.left+t.clientLeft,a=io(t)?Oo(t):Ds(1);return{width:t.clientWidth*a.x,height:t.clientHeight*a.y,x:r*a.x,y:o*a.y}}(e,s);else{const s=Do(t);o={x:e.x-s.x,y:e.y-s.y,width:e.width,height:e.height}}return Xs(o)}function Vo(t,e){const s=zo(t);return!(s===e||!ao(s)||yo(s))&&("fixed"===wo(s).position||Vo(s,e))}function Bo(t,e,s){const o=io(e),r=oo(e),a="fixed"===s,i=Lo(t,!0,a,e);let d={scrollLeft:0,scrollTop:0};const n=Ds(0);function l(){n.x=qo(r)}if(o||!o&&!a)if(("body"!==eo(e)||co(r))&&(d=ko(e)),o){const t=Lo(e,!0,a,e);n.x=t.x+e.clientLeft,n.y=t.y+e.clientTop}else r&&l();a&&!o&&r&&l();const c=!r||o||a?Ds(0):To(r,d);return{x:i.left+d.scrollLeft-n.x-c.x,y:i.top+d.scrollTop-n.y-c.y,width:i.width,height:i.height}}function Fo(t){return"static"===wo(t).position}function Io(t,e){if(!io(t)||"fixed"===wo(t).position)return null;if(e)return e(t);let s=t.offsetParent;return oo(t)===s&&(s=s.ownerDocument.body),s}function Ho(t,e){const s=so(t);if(vo(t))return s;if(!io(t)){let e=zo(t);for(;e&&!yo(e);){if(ao(e)&&!Fo(e))return e;e=zo(e)}return s}let o=Io(t,e);for(;o&&po(o)&&Fo(o);)o=Io(o,e);return o&&yo(o)&&Fo(o)&&!mo(o)?s:o||function(t){let e=zo(t);for(;io(e)&&!yo(e);){if(mo(e))return e;if(vo(e))return null;e=zo(e)}return null}(t)||s}const jo={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:s,offsetParent:o,strategy:r}=t;const a="fixed"===r,i=oo(o),d=!!e&&vo(e.floating);if(o===i||d&&a)return s;let n={scrollLeft:0,scrollTop:0},l=Ds(1);const c=Ds(0),h=io(o);if((h||!h&&!a)&&(("body"!==eo(o)||co(i))&&(n=ko(o)),io(o))){const t=Lo(o);l=Oo(o),c.x=t.x+o.clientLeft,c.y=t.y+o.clientTop}const p=!i||h||a?Ds(0):To(i,n);return{width:s.width*l.x,height:s.height*l.y,x:s.x*l.x-n.scrollLeft*l.x+c.x+p.x,y:s.y*l.y-n.scrollTop*l.y+c.y+p.y}},getDocumentElement:oo,getClippingRect:function(t){let{element:e,boundary:s,rootBoundary:o,strategy:r}=t;const a=[..."clippingAncestors"===s?vo(e)?[]:function(t,e){const s=e.get(t);if(s)return s;let o=So(t,[],!1).filter(t=>ao(t)&&"body"!==eo(t)),r=null;const a="fixed"===wo(t).position;let i=a?zo(t):t;for(;ao(i)&&!yo(i);){const e=wo(i),s=mo(i);s||"fixed"!==e.position||(r=null),(a?!s&&!r:!s&&"static"===e.position&&r&&Ro.has(r.position)||co(i)&&!s&&Vo(t,i))?o=o.filter(t=>t!==i):r=e,i=zo(i)}return e.set(t,o),o}(e,this._c):[].concat(s),o],i=a[0],d=a.reduce((t,s)=>{const o=Mo(e,s,r);return t.top=As(o.top,t.top),t.right=Es(o.right,t.right),t.bottom=Es(o.bottom,t.bottom),t.left=As(o.left,t.left),t},Mo(e,i,r));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}},getOffsetParent:Ho,getElementRects:async function(t){const e=this.getOffsetParent||Ho,s=this.getDimensions,o=await s(t.floating);return{reference:Bo(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:s}=Eo(t);return{width:e,height:s}},getScale:Oo,isElement:ao,isRTL:function(t){return"rtl"===wo(t).direction}};function No(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}const Uo=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var s,o;const{x:r,y:a,placement:i,middlewareData:d}=e,n=await async function(t,e){const{placement:s,platform:o,elements:r}=t,a=await(null==o.isRTL?void 0:o.isRTL(r.floating)),i=Ms(s),d=Vs(s),n="y"===Hs(s),l=Js.has(i)?-1:1,c=a&&n?-1:1,h=Rs(e,t);let{mainAxis:p,crossAxis:g,alignmentAxis:v}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return d&&"number"==typeof v&&(g="end"===d?-1*v:v),n?{x:g*c,y:p*l}:{x:p*l,y:g*c}}(e,t);return i===(null==(s=d.offset)?void 0:s.placement)&&null!=(o=d.arrow)&&o.alignmentOffset?{}:{x:r+n.x,y:a+n.y,data:{...n,placement:i}}}}},Wo=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:s,y:o,placement:r,platform:a}=e,{mainAxis:i=!0,crossAxis:d=!1,limiter:n={fn:t=>{let{x:e,y:s}=t;return{x:e,y:s}}},...l}=Rs(t,e),c={x:s,y:o},h=await a.detectOverflow(e,l),p=Hs(Ms(r)),g=Bs(p);let v=c[g],u=c[p];if(i){const t="y"===g?"bottom":"right";v=Ts(v+h["y"===g?"top":"left"],v,v-h[t])}if(d){const t="y"===p?"bottom":"right";u=Ts(u+h["y"===p?"top":"left"],u,u-h[t])}const f=n.fn({...e,[g]:v,[p]:u});return{...f,data:{x:f.x-s,y:f.y-o,enabled:{[g]:i,[p]:d}}}}}},Ko=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var s,o;const{placement:r,middlewareData:a,rects:i,initialPlacement:d,platform:n,elements:l}=e,{mainAxis:c=!0,crossAxis:h=!0,fallbackPlacements:p,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:u=!0,...f}=Rs(t,e);if(null!=(s=a.arrow)&&s.alignmentOffset)return{};const b=Ms(r),m=Hs(d),_=Ms(d)===d,x=await(null==n.isRTL?void 0:n.isRTL(l.floating)),y=p||(_||!u?[Ys(d)]:function(t){const e=Ys(t);return[Ns(t),e,Ns(e)]}(d)),w="none"!==v;!p&&w&&y.push(...function(t,e,s,o){const r=Vs(t);let a=function(t,e,s){switch(t){case"top":case"bottom":return s?e?Ws:Us:e?Us:Ws;case"left":case"right":return e?Ks:Gs;default:return[]}}(Ms(t),"start"===s,o);return r&&(a=a.map(t=>t+"-"+r),e&&(a=a.concat(a.map(Ns)))),a}(d,u,v,x));const k=[d,...y],z=await n.detectOverflow(e,f),$=[];let S=(null==(o=a.flip)?void 0:o.overflows)||[];if(c&&$.push(z[b]),h){const t=function(t,e,s){void 0===s&&(s=!1);const o=Vs(t),r=js(t),a=Fs(r);let i="x"===r?o===(s?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[a]>e.floating[a]&&(i=Ys(i)),[i,Ys(i)]}(r,i,x);$.push(z[t[0]],z[t[1]])}if(S=[...S,{placement:r,overflows:$}],!$.every(t=>t<=0)){var C,E;const t=((null==(C=a.flip)?void 0:C.index)||0)+1,e=k[t];if(e&&("alignment"!==h||m===Hs(e)||S.every(t=>Hs(t.placement)!==m||t.overflows[0]>0)))return{data:{index:t,overflows:S},reset:{placement:e}};let s=null==(E=S.filter(t=>t.overflows[0]<=0).sort((t,e)=>t.overflows[1]-e.overflows[1])[0])?void 0:E.placement;if(!s)switch(g){case"bestFit":{var A;const t=null==(A=S.filter(t=>{if(w){const e=Hs(t.placement);return e===m||"y"===e}return!0}).map(t=>[t.placement,t.overflows.filter(t=>t>0).reduce((t,e)=>t+e,0)]).sort((t,e)=>t[1]-e[1])[0])?void 0:A[0];t&&(s=t);break}case"initialPlacement":s=d}if(r!==s)return{reset:{placement:s}}}return{}}}},Go=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var s,o;const{placement:r,rects:a,platform:i,elements:d}=e,{apply:n=()=>{},...l}=Rs(t,e),c=await i.detectOverflow(e,l),h=Ms(r),p=Vs(r),g="y"===Hs(r),{width:v,height:u}=a.floating;let f,b;"top"===h||"bottom"===h?(f=h,b=p===(await(null==i.isRTL?void 0:i.isRTL(d.floating))?"start":"end")?"left":"right"):(b=h,f="end"===p?"top":"bottom");const m=u-c.top-c.bottom,_=v-c.left-c.right,x=Es(u-c[f],m),y=Es(v-c[b],_),w=!e.middlewareData.shift;let k=x,z=y;if(null!=(s=e.middlewareData.shift)&&s.enabled.x&&(z=_),null!=(o=e.middlewareData.shift)&&o.enabled.y&&(k=m),w&&!p){const t=As(c.left,0),e=As(c.right,0),s=As(c.top,0),o=As(c.bottom,0);g?z=v-2*(0!==t||0!==e?t+e:As(c.left,c.right)):k=u-2*(0!==s||0!==o?s+o:As(c.top,c.bottom))}await n({...e,availableWidth:z,availableHeight:k});const $=await i.getDimensions(d.floating);return v!==$.width||u!==$.height?{reset:{rects:!0}}:{}}}},Yo=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:s,y:o,placement:r,rects:a,middlewareData:i}=e,{offset:d=0,mainAxis:n=!0,crossAxis:l=!0}=Rs(t,e),c={x:s,y:o},h=Hs(r),p=Bs(h);let g=c[p],v=c[h];const u=Rs(d,e),f="number"==typeof u?{mainAxis:u,crossAxis:0}:{mainAxis:0,crossAxis:0,...u};if(n){const t="y"===p?"height":"width",e=a.reference[p]-a.floating[t]+f.mainAxis,s=a.reference[p]+a.reference[t]-f.mainAxis;g<e?g=e:g>s&&(g=s)}if(l){var b,m;const t="y"===p?"width":"height",e=Js.has(Ms(r)),s=a.reference[h]-a.floating[t]+(e&&(null==(b=i.offset)?void 0:b[h])||0)+(e?0:f.crossAxis),o=a.reference[h]+a.reference[t]+(e?0:(null==(m=i.offset)?void 0:m[h])||0)-(e?f.crossAxis:0);v<s?v=s:v>o&&(v=o)}return{[p]:g,[h]:v}}}},Xo="data-placement",Zo="data-autoplacement",Qo=/* @__PURE__ */new Map;function Jo(t){let{newState:e,oldState:s,target:o,source:r=t.detail}=t,a=o instanceof HTMLElement&&sr(o,"--_ds-floating");if(!a)return;if("closed"===e)return Qo.get(o)?.();if(!r){let t=o.getRootNode(),e=`[popovertarget="${o.id}"],[commandfor="${o.id}"]`;r=o.id&&t?.querySelector?.(e)||void 0}if(!r||r===o||s&&s===e)return;let i=sr(o,"--_ds-floating-overscroll"),d=$s(o,Xo)||$s(r,Xo)||a,n=$s(o,Zo)||$s(r,Zo),l=parseFloat(getComputedStyle(o,"::before").height)||0,c=d.match(/left|right/gi)?"Height":"Width",h=r[`offset${c}`]/2+l;if("none"===d)return;let p={strategy:"absolute",placement:d,middleware:[Uo(l||0),Wo({padding:10,limiter:Yo({offset:{mainAxis:h}})}),or(),..."false"===n?[]:[Ko({padding:10,crossAxis:!1})],...i?[Go({apply({availableHeight:t}){"fit"===i&&(o.style.width=`${r.clientWidth}px`),o.style.maxHeight=`${Math.max(50,t-20)}px`}})]:[]]},g=function(t,e,s,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:a=!0,elementResize:i="function"==typeof ResizeObserver,layoutShift:d="function"==typeof IntersectionObserver,animationFrame:n=!1}=o,l=Ao(t),c=r||a?[...l?So(l):[],...So(e)]:[];c.forEach(t=>{r&&t.addEventListener("scroll",s,{passive:!0}),a&&t.addEventListener("resize",s)});const h=l&&d?function(t,e){let s,o=null;const r=oo(t);function a(){var t;clearTimeout(s),null==(t=o)||t.disconnect(),o=null}return function i(d,n){void 0===d&&(d=!1),void 0===n&&(n=1),a();const l=t.getBoundingClientRect(),{left:c,top:h,width:p,height:g}=l;if(d||e(),!p||!g)return;const v={rootMargin:-Ps(h)+"px "+-Ps(r.clientWidth-(c+p))+"px "+-Ps(r.clientHeight-(h+g))+"px "+-Ps(c)+"px",threshold:As(0,Es(1,n))||1};let u=!0;function f(e){const o=e[0].intersectionRatio;if(o!==n){if(!u)return i();o?i(!1,o):s=setTimeout(()=>{i(!1,1e-7)},1e3)}1!==o||No(l,t.getBoundingClientRect())||i(),u=!1}try{o=new IntersectionObserver(f,{...v,root:r.ownerDocument})}catch(b){o=new IntersectionObserver(f,v)}o.observe(t)}(!0),a}(l,s):null;let p,g=-1,v=null;i&&(v=new ResizeObserver(t=>{let[o]=t;o&&o.target===l&&v&&(v.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame(()=>{var t;null==(t=v)||t.observe(e)})),s()}),l&&!n&&v.observe(l),v.observe(e));let u=n?Lo(t):null;return n&&function e(){const o=Lo(t);u&&!No(u,o)&&s(),u=o,p=requestAnimationFrame(e)}(),s(),()=>{var t;c.forEach(t=>{r&&t.removeEventListener("scroll",s),a&&t.removeEventListener("resize",s)}),null==h||h(),null==(t=v)||t.disconnect(),v=null,n&&cancelAnimationFrame(p)}}(r,o,async()=>{if(!r?.isConnected)return Qo.get(o)?.();let{x:t,y:e}=await((t,e,s)=>{const o=/* @__PURE__ */new Map,r={platform:jo,...s},a={...r.platform,_c:o};return(async(t,e,s)=>{const{placement:o="bottom",strategy:r="absolute",middleware:a=[],platform:i}=s,d=a.filter(Boolean),n=await(null==i.isRTL?void 0:i.isRTL(e));let l=await i.getElementRects({reference:t,floating:e,strategy:r}),{x:c,y:h}=Zs(l,o,n),p=o,g={},v=0;for(let f=0;f<d.length;f++){var u;const{name:s,fn:a}=d[f],{x:b,y:m,data:_,reset:x}=await a({x:c,y:h,initialPlacement:o,placement:p,strategy:r,middlewareData:g,rects:l,platform:{...i,detectOverflow:null!=(u=i.detectOverflow)?u:Qs},elements:{reference:t,floating:e}});c=null!=b?b:c,h=null!=m?m:h,g={...g,[s]:{...g[s],..._}},x&&v<=50&&(v++,"object"==typeof x&&(x.placement&&(p=x.placement),x.rects&&(l=!0===x.rects?await i.getElementRects({reference:t,floating:e,strategy:r}):x.rects),({x:c,y:h}=Zs(l,p,n))),f=-1)}return{x:c,y:h,placement:p,strategy:r,middlewareData:g}})(t,e,{...r,platform:a})})(r,o,p);o.style.translate=`${t}px ${e}px`});Qo.set(o,()=>Qo.delete(o)&&g())}let tr;const er=({type:t})=>{if("mousedown"===t&&(tr=!1),"scroll"===t&&!1===tr&&(tr=!0),"mouseup"===t&&tr)for(let[e]of Qo)e.showPopover()};(t=>{typeof window<"u"&&typeof document<"u"&&(window._dsHotReloadCleanup||(window._dsHotReloadCleanup=/* @__PURE__ */new Map),window._dsHotReloadCleanup?.get(t)?.map(t=>t()),window._dsHotReloadCleanup?.set(t,[Ss(document,"mousedown scroll mouseup",er,!0),Ss(document,"toggle ds-toggle-source",Jo,zs)]))})("popover");const sr=(t,e)=>getComputedStyle(t).getPropertyValue(e).trim(),or=()=>({name:"arrowPseudo",fn(t){let e=t.elements.floating,s=t.rects.reference,o=`${Math.round(s.width/2+s.x-t.x)}px`,r=`${Math.round(s.height/2+s.y-t.y)}px`;return e.style.setProperty("--_ds-floating-arrow-x",o),e.style.setProperty("--_ds-floating-arrow-y",r),$s(e,"data-floating",t.placement),t}});var rr=Object.defineProperty,ar=Object.getOwnPropertyDescriptor,ir=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?ar(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&rr(e,s,a),a};let dr=class extends ut{constructor(){super(...arguments),this.placement="top",this.autoPlacement=void 0,this.overscroll=void 0}connectedCallback(){super.connectedCallback(),this.hasAttribute("popover")||this.setAttribute("popover","auto")}render(){return Z`<slot></slot>`}};dr.styles=[ks],ir([S({type:String,attribute:"data-placement",reflect:!0})],dr.prototype,"placement",2),ir([S({type:String,attribute:"data-autoplacement",reflect:!0})],dr.prototype,"autoPlacement",2),ir([S({type:String,attribute:"data-overscroll",reflect:!0})],dr.prototype,"overscroll",2),dr=ir([O("sds-popover")],dr);const nr=d`
 	:host {
 		--_sds-radio-font-family: var(--sds-radio-font-family, var(--sds-typography-font-family-roboto));
 		--_sds-radio-disabled-opacity: var(--sds-radio-disabled-opacity, var(--sds-color-states-disabled-opacity));
@@ -1904,13 +2112,13 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 			margin-block-start: -1px;
 		}
 	}
-`;var oe=Object.defineProperty,re=Object.getOwnPropertyDescriptor,ae=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?re(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&oe(s,e,a),a};let ie=class extends(zt(ut)){constructor(){super(),this.required=!1,this.label="",this.hideLabel=!1,this.value="on",this.checked=!1,this.error=!1,this.readOnly=!1,this.size="md",this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._handleKeydown=t=>{if(!this.name||this.disabled||this.readOnly)return;const s=this.getRootNode(),e=Array.from(s.querySelectorAll(`sds-radio[name="${this.name}"]`)),o=e.indexOf(this);if(-1===o)return;let r=null;switch(t.key){case"ArrowUp":case"ArrowLeft":r=o>0?o-1:e.length-1;break;case"ArrowDown":case"ArrowRight":r=o<e.length-1?o+1:0;break;default:return}const a=e[r];a?.focus(),a?.click(),t.preventDefault()},this._handleChange=t=>{if(this.disabled||this.readOnly)return t.target.checked=this.checked??!1,void t.preventDefault();const s=t.target;this.checked=s.checked,this.checked&&this._uncheckSiblings(),this._updateGroupValidation(),this.dispatchSheriffEvent("change")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("blur")},this.internals=this.attachInternals()}get disabled(){return this._disabled}set disabled(t){const s=t??!1,e=this._disabled;e!==s&&(this._disabled=s,this.requestUpdate("disabled",e),this._settingDisabledFromParent||(this._disabledIsAuthorControlled=s))}get parentRequestDisabled(){return this._parentRequestDisabled}set parentRequestDisabled(t){const s=t??!1,e=this._parentRequestDisabled;e!==s&&(this._parentRequestDisabled=s,this.requestUpdate("parentRequestDisabled",e),this._disabledIsAuthorControlled||(this._settingDisabledFromParent=!0,this.disabled=s,this._settingDisabledFromParent=!1))}connectedCallback(){super.connectedCallback(),this.internals.role="radio",this._initialChecked||(this._initialChecked=this.checked??!1),this.addEventListener("keydown",this._handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown)}firstUpdated(t){super.firstUpdated(t),this._updateGroupValidation()}updated(t){super.updated(t),t.has("checked")&&(this.checked?(this._uncheckSiblings(),this.internals.setFormValue(this.value??null)):this.internals.setFormValue(null),this._updateGroupValidation()),t.has("required")&&this.control&&(this.control.required=this.required??!1),this._disabledIsAuthorControlled||this.disabled===this._parentRequestDisabled||(this._settingDisabledFromParent=!0,this.disabled=this._parentRequestDisabled??!1,this._settingDisabledFromParent=!1)}_getGroupRadios(){if(!this.name)return[this];const t=this.getRootNode();return Array.from(t.querySelectorAll(`sds-radio[name="${this.name}"]`))}_updateGroupValidation(){const t=this._getGroupRadios(),s=t.some(t=>t.checked),e=t.some(t=>t.required);t.forEach(t=>{t.control&&(e?t.internals.setValidity(s?{}:{valueMissing:!0},s?"":t.control.validationMessage,t.control):t.internals.setValidity({}))})}formResetCallback(){this.checked=this._initialChecked,this.control.checked=this._initialChecked,this.internals.setFormValue(this.checked?this.value??"on":null),this._updateGroupValidation()}_uncheckSiblings(){if(!this.name)return;const t=this._getGroupRadios();for(const s of t)s!==this&&s.checked&&(s.checked=!1,s.internals.setFormValue(null))}get form(){return this.internals.form}get type(){return"radio"}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}checkValidity(){return this.internals.checkValidity()}reportValidity(){return this.internals.reportValidity()}setCustomValidity(t){this.internals.setValidity({customError:!!t},t)}formDisabledCallback(t){this._settingDisabledFromParent=!0,this.disabled=t,this._settingDisabledFromParent=!1,this.control&&(this.control.disabled=t)}focus(){this.disabled||this.shadowRoot?.querySelector("input")?.focus()}blur(){this.disabled||this.shadowRoot?.querySelector("input")?.blur()}click(){this.disabled||this.readOnly||this.shadowRoot?.querySelector("input")?.click()}render(){const t={"sds-radio":!0,"sds-radio--error":Boolean(this.error)},s={"sds-radio__input":!0,"sds-radio__input--error":Boolean(this.error)};return Q`
-			<div class="${Yt(t)}">
+`;var lr=Object.defineProperty,cr=Object.getOwnPropertyDescriptor,hr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?cr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&lr(e,s,a),a};let pr=class extends(Qt($t(ee(ut)))){constructor(){super(...arguments),this.required=!1,this.label="",this.hideLabel=!1,this.value="on",this.checked=!1,this.error=!1,this.size="md",this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._handleKeydown=t=>{if(!this.name||this.disabled||this.readOnly)return;const e=this.getRootNode(),s=Array.from(e.querySelectorAll(`sds-radio[name="${this.name}"]`)),o=s.indexOf(this);if(-1===o)return;let r=null;switch(t.key){case"ArrowUp":case"ArrowLeft":r=o>0?o-1:s.length-1;break;case"ArrowDown":case"ArrowRight":r=o<s.length-1?o+1:0;break;default:return}const a=s[r];a?.focus(),a?.click(),t.preventDefault()},this._handleChange=t=>{if(this.disabled||this.readOnly)return t.target.checked=this.checked??!1,void t.preventDefault();const e=t.target;this.checked=e.checked,this.checked&&this._uncheckSiblings(),this._updateGroupValidation(),this.dispatchSheriffEvent("change")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("blur")}}get disabled(){return this._disabled}set disabled(t){const e=t??!1,s=this._disabled;s!==e&&(this._disabled=e,this.requestUpdate("disabled",s),this._settingDisabledFromParent||(this._disabledIsAuthorControlled=e))}get parentRequestDisabled(){return this._parentRequestDisabled}set parentRequestDisabled(t){const e=t??!1,s=this._parentRequestDisabled;s!==e&&(this._parentRequestDisabled=e,this.requestUpdate("parentRequestDisabled",s),this._disabledIsAuthorControlled||(this._settingDisabledFromParent=!0,this.disabled=e,this._settingDisabledFromParent=!1))}connectedCallback(){super.connectedCallback(),this.internals.role="radio",this._initialChecked||(this._initialChecked=this.checked??!1),this.addEventListener("keydown",this._handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown)}firstUpdated(t){super.firstUpdated(t),this._updateGroupValidation()}updated(t){super.updated(t),t.has("checked")&&(this.checked?(this._uncheckSiblings(),this.internals.setFormValue(this.value??null)):this.internals.setFormValue(null),this._updateGroupValidation()),t.has("required")&&this.control&&(this.control.required=this.required??!1),this._disabledIsAuthorControlled||this.disabled===this._parentRequestDisabled||(this._settingDisabledFromParent=!0,this.disabled=this._parentRequestDisabled??!1,this._settingDisabledFromParent=!1)}_getGroupRadios(){if(!this.name)return[this];const t=this.getRootNode();return Array.from(t.querySelectorAll(`sds-radio[name="${this.name}"]`))}_updateGroupValidation(){const t=this._getGroupRadios(),e=t.some(t=>t.checked),s=t.some(t=>t.required);t.forEach(t=>{t.control&&(s?t.internals.setValidity(e?{}:{valueMissing:!0},e?"":t.control.validationMessage,t.control):t.internals.setValidity({}))})}formResetCallback(){this.checked=this._initialChecked,this.control.checked=this._initialChecked,this.internals.setFormValue(this.checked?this.value??"on":null),this._updateGroupValidation()}_uncheckSiblings(){if(!this.name)return;const t=this._getGroupRadios();for(const e of t)e!==this&&e.checked&&(e.checked=!1,e.internals.setFormValue(null))}get type(){return"radio"}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}checkValidity(){return this.internals.checkValidity()}reportValidity(){return this.internals.reportValidity()}setCustomValidity(t){this.internals.setValidity({customError:!!t},t)}formDisabledCallback(t){this._settingDisabledFromParent=!0,this.disabled=t,this._settingDisabledFromParent=!1,this.control&&(this.control.disabled=t)}render(){const t={"sds-radio":!0,"sds-radio--error":Boolean(this.error)},e={"sds-radio__input":!0,"sds-radio__input--error":Boolean(this.error)};return Z`
+			<div class="${Xt(t)}">
 				<input
 					id="control"
 					type="radio"
-					name="${At(this.name)}"
-					value="${At(this.value)}"
+					name="${Pt(this.name)}"
+					value="${Pt(this.value)}"
 					?checked="${this.checked??!1}"
 					.checked="${this.checked??!1}"
 					?disabled="${this.disabled??!1}"
@@ -1920,12 +2128,12 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 					@change="${this._handleChange}"
 					@focus="${this._handleFocus}"
 					@blur="${this._handleBlur}"
-					class="${Yt(s)}"
+					class="${Xt(e)}"
 				/>
-				${this.label?Q`<label class="sds-radio__label" for="control">${this.label}</label>`:J}
-				${this.helpText?Q`<span class="sds-radio__help-text">${this.helpText}</span>`:J}
+				${this.label?Z`<label class="sds-radio__label" for="control">${this.label}</label>`:J}
+				${this.helpText?Z`<span class="sds-radio__help-text">${this.helpText}</span>`:J}
 			</div>
-		`}};ie.styles=[ee],ie.formAssociated=!0,ie.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},ae([$({type:Boolean,reflect:!0})],ie.prototype,"required",2),ae([$({type:String,reflect:!0})],ie.prototype,"label",2),ae([$({type:Boolean,reflect:!0,attribute:"hide-label"})],ie.prototype,"hideLabel",2),ae([$({type:String,reflect:!0})],ie.prototype,"name",2),ae([$({type:String})],ie.prototype,"value",2),ae([$({type:Boolean,reflect:!0})],ie.prototype,"checked",2),ae([$({type:Boolean,reflect:!0})],ie.prototype,"error",2),ae([$({type:Boolean,attribute:"readonly",reflect:!0})],ie.prototype,"readOnly",2),ae([$({type:String,reflect:!0})],ie.prototype,"size",2),ae([$({type:String,attribute:"help-text"})],ie.prototype,"helpText",2),ae([$({type:Boolean,reflect:!0})],ie.prototype,"disabled",1),ae([$({type:Boolean,attribute:!1})],ie.prototype,"parentRequestDisabled",1),ae([E("#control")],ie.prototype,"control",2),ie=ae([A("sds-radio")],ie);const de=i`
+		`}};pr.styles=[nr],hr([S({type:Boolean,reflect:!0})],pr.prototype,"required",2),hr([S({type:String,reflect:!0})],pr.prototype,"label",2),hr([S({type:Boolean,reflect:!0,attribute:"hide-label"})],pr.prototype,"hideLabel",2),hr([S({type:String})],pr.prototype,"value",2),hr([S({type:Boolean,reflect:!0})],pr.prototype,"checked",2),hr([S({type:Boolean,reflect:!0})],pr.prototype,"error",2),hr([S({type:String,reflect:!0})],pr.prototype,"size",2),hr([S({type:String,attribute:"help-text"})],pr.prototype,"helpText",2),hr([S({type:Boolean})],pr.prototype,"disabled",1),hr([S({type:Boolean,attribute:!1})],pr.prototype,"parentRequestDisabled",1),hr([A("#control")],pr.prototype,"control",2),pr=hr([O("sds-radio")],pr);const gr=d`
 	:host {
 		--_sds-radio-group-gap: var(--sds-radio-group-gap, var(--sds-spacing-xs));
 		--_sds-radio-group-row-gap: var(--sds-radio-group-row-gap, var(--sds-spacing-md));
@@ -2023,18 +2231,18 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		--_sds-radio-group-help-text-font-size: var(--sds-radio-group-help-text-font-size, var(--sds-components-font-size-content-lg));
 		--_sds-radio-group-help-text-line-height: var(--sds-radio-group-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
 	}
-`;var ne=Object.defineProperty,le=Object.getOwnPropertyDescriptor,ce=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?le(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&ne(s,e,a),a};const he=["disabled","errorMessage","readOnly","required","size"];let pe=class extends(zt(ut)){constructor(){super(...arguments),this.readOnly=!1,this.direction="column",this.disabled=!1,this.required=!1,this.size="md",this._selectedValue=null,this._handleRadioChange=t=>{const s=t.composedPath().find(t=>t instanceof HTMLElement&&"SDS-RADIO"===t.tagName);s&&(this._selectedValue=s.getAttribute("value")||null,this.dispatchSheriffEvent("sds-update"))},this._handleSlotChange=()=>{this._updateChildProps([...he])}}_getChildRadios(){return this._slotElement?.assignedElements({flatten:!0}).filter(t=>"SDS-RADIO"===t.tagName)??[]}_updateChildProps(t){const s=this._getChildRadios();for(const e of s)for(const s of t)switch(s){case"readOnly":e.readOnly=this.readOnly;break;case"disabled":e.parentRequestDisabled=this.disabled;break;case"errorMessage":e.error=Boolean(this.errorMessage);break;case"required":e.required=this.required;break;case"size":e.size=this.size}}updated(t){super.updated(t);const s=Array.from(t.keys());(s.includes("errorMessage")||s.includes("error-message"))&&this._updateChildProps(["errorMessage"])}attributeChangedCallback(t,s,e){if(super.attributeChangedCallback(t,s,e),"readonly"===t)return void this._updateChildProps(["readOnly"]);const o=t;he.includes(o)&&this._updateChildProps([o])}render(){const t={"sds-radio-group":!0,"sds-radio-group--readonly":this.readOnly??!1,"sds-radio-group--disabled":this.disabled??!1},s={"sds-radio-group__radios":!0,"sds-radio-group--column":"column"===this.direction,"sds-radio-group--row":"row"===this.direction};return Q`
-			<fieldset class="${Yt(t)}">
-				${this.legend?Q`<legend class="sds-radio-group__legend">${this.readOnly?Q`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:J}${this.legend}</legend>`:J}
-				${this.helpText?Q`<p class="sds-radio-group__help-text">${this.helpText}</p>`:J}
-				<div class="${Yt(s)}" @change=${this._handleRadioChange}>
+`;var vr=Object.defineProperty,ur=Object.getOwnPropertyDescriptor,fr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?ur(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&vr(e,s,a),a};const br=["disabled","errorMessage","readOnly","required","size"];let mr=class extends($t(ut)){constructor(){super(...arguments),this.readOnly=!1,this.direction="column",this.disabled=!1,this.required=!1,this.size="md",this._selectedValue=null,this._handleRadioChange=t=>{const e=t.composedPath().find(t=>t instanceof HTMLElement&&"SDS-RADIO"===t.tagName);e&&(this._selectedValue=e.getAttribute("value")||null,this.dispatchSheriffEvent("sds-update"))},this._handleSlotChange=()=>{this._updateChildProps([...br])}}_getChildRadios(){return this._slotElement?.assignedElements({flatten:!0}).filter(t=>"SDS-RADIO"===t.tagName)??[]}_updateChildProps(t){const e=this._getChildRadios();for(const s of e)for(const e of t)switch(e){case"readOnly":s.readOnly=this.readOnly;break;case"disabled":s.parentRequestDisabled=this.disabled;break;case"errorMessage":s.error=Boolean(this.errorMessage);break;case"required":s.required=this.required;break;case"size":s.size=this.size}}updated(t){super.updated(t);const e=Array.from(t.keys());(e.includes("errorMessage")||e.includes("error-message"))&&this._updateChildProps(["errorMessage"])}attributeChangedCallback(t,e,s){if(super.attributeChangedCallback(t,e,s),"readonly"===t)return void this._updateChildProps(["readOnly"]);const o=t;br.includes(o)&&this._updateChildProps([o])}render(){const t={"sds-radio-group":!0,"sds-radio-group--readonly":this.readOnly??!1,"sds-radio-group--disabled":this.disabled??!1},e={"sds-radio-group__radios":!0,"sds-radio-group--column":"column"===this.direction,"sds-radio-group--row":"row"===this.direction};return Z`
+			<fieldset class="${Xt(t)}">
+				${this.legend?Z`<legend class="sds-radio-group__legend">${this.readOnly?Z`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:J}${this.legend}</legend>`:J}
+				${this.helpText?Z`<p class="sds-radio-group__help-text">${this.helpText}</p>`:J}
+				<div class="${Xt(e)}" @change=${this._handleRadioChange}>
 					<slot @slotchange=${this._handleSlotChange}></slot>
 				</div>
-				${this.errorMessage?Q`<sds-alert variant="secondary" data-palette="danger">
+				${this.errorMessage?Z`<sds-alert variant="secondary" data-palette="danger">
 							<p slot="message">${this.errorMessage}</p>
 						</sds-alert>`:J}
 			</fieldset>
-		`}get value(){return{selectedValue:this._selectedValue}}};pe.styles=[de],ce([$({type:String})],pe.prototype,"legend",2),ce([$({type:String,attribute:"help-text"})],pe.prototype,"helpText",2),ce([$({type:String,attribute:"error-message"})],pe.prototype,"errorMessage",2),ce([$({type:Boolean,attribute:"readonly",reflect:!0})],pe.prototype,"readOnly",2),ce([$({type:String})],pe.prototype,"direction",2),ce([$({type:Boolean,reflect:!0})],pe.prototype,"disabled",2),ce([$({type:Boolean,reflect:!0})],pe.prototype,"required",2),ce([$({type:String,reflect:!0})],pe.prototype,"size",2),ce([S()],pe.prototype,"_selectedValue",2),ce([E("slot")],pe.prototype,"_slotElement",2),pe=ce([A("sds-radio-group")],pe);const ge=i`
+		`}get value(){return{selectedValue:this._selectedValue}}};mr.styles=[gr],fr([S({type:String})],mr.prototype,"legend",2),fr([S({type:String,attribute:"help-text"})],mr.prototype,"helpText",2),fr([S({type:String,attribute:"error-message"})],mr.prototype,"errorMessage",2),fr([S({type:Boolean,attribute:"readonly",reflect:!0})],mr.prototype,"readOnly",2),fr([S({type:String})],mr.prototype,"direction",2),fr([S({type:Boolean,reflect:!0})],mr.prototype,"disabled",2),fr([S({type:Boolean,reflect:!0})],mr.prototype,"required",2),fr([S({type:String,reflect:!0})],mr.prototype,"size",2),fr([C()],mr.prototype,"_selectedValue",2),fr([A("slot")],mr.prototype,"_slotElement",2),mr=fr([O("sds-radio-group")],mr);const _r=d`
 	:host {
 		--_sds-select-background-color: var(--sds-select-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
 		--_sds-select-text-color: var(--sds-select-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -2165,7 +2373,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		gap: var(--sds-spacing-3xs);
 	}
 
-	:host([disabled]) .sds-select__control {
+	:host(:disabled) .sds-select__control {
 		opacity: var(--_sds-select-disabled-opacity);
 		cursor: not-allowed;
 	}
@@ -2210,22 +2418,22 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		--_sds-select-helptext-font-size: var(--sds-select-helptext-font-size, var(--sds-components-font-size-content-lg));
 		--_sds-select-helptext-line-height: var(--sds-select-helptext-line-height, var(--sds-components-line-height-squeezed-lg));
 	}
-`;var ve=Object.defineProperty,ue=Object.getOwnPropertyDescriptor,fe=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ue(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&ve(s,e,a),a};let be=class extends(zt(ut)){constructor(){super(),this.disabled=!1,this.required=!1,this.readOnly=!1,this.size="md",this._defaultValue=null,this._pendingLightDomSync=!1,this._handleSlotChange=()=>{if(null==this.value){const t=this.getLightDomSelectedValue();null!=t&&(this.value=t)}this._scheduleLightDomSync()},this._handleChange=t=>{t.stopImmediatePropagation(),t.target instanceof HTMLSelectElement&&(this.disabled||this.readOnly?t.target.value=this.value??"":(this.value=t.target.value,this._setFormValue(this.value),this.updateValidity(),this.dispatchSheriffEvent("input"),this.dispatchSheriffEvent("change")))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")},this._handleKeyDown=t=>{if(!this.readOnly)return;/* @__PURE__ */new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"," ","Enter"]).has(t.key)&&(t.preventDefault(),t.stopImmediatePropagation())},this.internals=this.attachInternals()}connectedCallback(){if(super.connectedCallback(),null==this.value){const t=Array.from(this.querySelectorAll("option")).find(t=>t.hasAttribute("selected")||t.defaultSelected);t&&(this.value=t.value)}this._startObservingLightDom()}disconnectedCallback(){this._stopObservingLightDom(),super.disconnectedCallback()}firstUpdated(){const t=this.control?.value??"";this.value=this.value??this.defaultValue??t,this.control.value=this.value??"",this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue),this.updateValidity()}updated(t){this.control&&t.has("value")&&(this.control.value=this.value??"",this._setFormValue(this.value),this.updateValidity())}_setFormValue(t){this.internals.setFormValue(null==t?null:t)}_scheduleLightDomSync(){this._pendingLightDomSync||(this._pendingLightDomSync=!0,queueMicrotask(()=>{this._pendingLightDomSync=!1;const t=this.getLightDomSelectedValue();void 0!==t&&t!==this.value&&(this.value=t),this.requestUpdate(),this.updateComplete.then(()=>{this.control&&(this.control.value=this.value??"",this._setFormValue(this.value),this.updateValidity())})}))}_startObservingLightDom(){this._lightDomObserver||(this._lightDomObserver=new MutationObserver(t=>{for(const s of t){if("childList"===s.type)return void this._scheduleLightDomSync();if("characterData"===s.type)return void this._scheduleLightDomSync();if("attributes"===s.type){const t=s.target;if(!(t instanceof HTMLElement))continue;const e=t.tagName;if("OPTION"===e||"OPTGROUP"===e||"HR"===e)return void this._scheduleLightDomSync()}}}),this._lightDomObserver.observe(this,{subtree:!0,childList:!0,attributes:!0,characterData:!0}))}_stopObservingLightDom(){this._lightDomObserver?.disconnect(),this._lightDomObserver=void 0,this._pendingLightDomSync=!1}updateValidity(){this.control&&(this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control))}getLightDomSelectedValue(){const t=Array.from(this.querySelectorAll("option")).find(t=>t.hasAttribute("selected")||t.defaultSelected);return t?.value}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control&&(this.control.value=t),this.value=this._defaultValue??"",this.updateValidity()}focus(){this.disabled||this.readOnly||!this.control||this.control.focus()}blur(){this.disabled||this.readOnly||!this.control||this.control.blur()}click(){this.disabled||this.readOnly||!this.control||this.control.click()}renderFromLightDom(){const t=this.children??[];return Array.from(t).filter(t=>t instanceof HTMLElement).map(t=>{switch(t.tagName){case"OPTION":return this.renderOption(t);case"OPTGROUP":return this.renderOptgroup(t);case"HR":return Q`<hr />`;default:return J}})}renderOption(t){const s=t.getAttribute("value"),e=t.value,o=null!=this.value&&e===this.value;return Q` <option value=${At(null===s?void 0:s)} ?disabled=${t.disabled} .selected=${o}>${t.text}</option> `}renderOptgroup(t){const s=Array.from(t.querySelectorAll("option"));return Q` <optgroup label=${At(t.label||void 0)} ?disabled=${t.disabled}>${s.map(t=>this.renderOption(t))}</optgroup> `}render(){const t={"sds-select":!0,"sds-select--error":Boolean(this.errorMessage)};return Q`
-			<div class="${Yt(t)}">
-				${this.label?Q` <label for="select" class="sds-select__label"> ${this.readOnly?Q`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:J} ${this.label} </label> `:J}
-				${this.helpText?Q`<p class="sds-select__help-text">${this.helpText}</p>`:J}
+`;var xr=Object.defineProperty,yr=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&xr(e,s,a),a};const wr=class extends(Qt($t(ee(ut)))){constructor(){super(...arguments),this.required=!1,this.size="md",this._defaultValue=null,this._pendingLightDomSync=!1,this._handleSlotChange=()=>{if(null==this.value){const t=this.getLightDomSelectedValue();null!=t&&(this.value=t)}this._scheduleLightDomSync()},this._handleChange=t=>{t.stopImmediatePropagation(),t.target instanceof HTMLSelectElement&&(this.disabled||this.readOnly?t.target.value=this.value??"":(this.value=t.target.value,this._setFormValue(this.value),this.updateValidity(),this.dispatchSheriffEvent("input"),this.dispatchSheriffEvent("change")))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")},this._handleKeyDown=t=>{if(!this.readOnly)return;/* @__PURE__ */new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"," ","Enter"]).has(t.key)&&(t.preventDefault(),t.stopImmediatePropagation())}}connectedCallback(){if(super.connectedCallback(),null==this.value){const t=Array.from(this.querySelectorAll("option")).find(t=>t.hasAttribute("selected")||t.defaultSelected);t&&(this.value=t.value)}this._startObservingLightDom()}disconnectedCallback(){this._stopObservingLightDom(),super.disconnectedCallback()}firstUpdated(){const t=this.control?.value??"";this.value=this.value??this.defaultValue??t,this.control.value=this.value??"",this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue),this.updateValidity()}updated(t){super.updated(t),this.control&&t.has("value")&&(this.control.value=this.value??"",this._setFormValue(this.value),this.updateValidity())}_setFormValue(t){this.internals.setFormValue(null==t?null:t)}_scheduleLightDomSync(){this._pendingLightDomSync||(this._pendingLightDomSync=!0,queueMicrotask(()=>{this._pendingLightDomSync=!1;const t=this.getLightDomSelectedValue();void 0!==t&&t!==this.value&&(this.value=t),this.requestUpdate(),this.updateComplete.then(()=>{this.control&&(this.control.value=this.value??"",this._setFormValue(this.value),this.updateValidity())})}))}_startObservingLightDom(){this._lightDomObserver||(this._lightDomObserver=new MutationObserver(t=>{for(const e of t){if("childList"===e.type)return void this._scheduleLightDomSync();if("characterData"===e.type)return void this._scheduleLightDomSync();if("attributes"===e.type){const t=e.target;if(!(t instanceof HTMLElement))continue;const s=t.tagName;if("OPTION"===s||"OPTGROUP"===s||"HR"===s)return void this._scheduleLightDomSync()}}}),this._lightDomObserver.observe(this,{subtree:!0,childList:!0,attributes:!0,characterData:!0}))}_stopObservingLightDom(){this._lightDomObserver?.disconnect(),this._lightDomObserver=void 0,this._pendingLightDomSync=!1}updateValidity(){this.control&&(this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control))}getLightDomSelectedValue(){const t=Array.from(this.querySelectorAll("option")).find(t=>t.hasAttribute("selected")||t.defaultSelected);return t?.value}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control&&(this.control.value=t),this.value=this._defaultValue??"",this.updateValidity()}renderFromLightDom(){const t=this.children??[];return Array.from(t).filter(t=>t instanceof HTMLElement).map(t=>{switch(t.tagName){case"OPTION":return this.renderOption(t);case"OPTGROUP":return this.renderOptgroup(t);case"HR":return Z`<hr />`;default:return J}})}renderOption(t){const e=t.getAttribute("value"),s=t.value,o=null!=this.value&&s===this.value;return Z` <option value=${Pt(null===e?void 0:e)} ?disabled=${t.disabled} .selected=${o}>${t.text}</option> `}renderOptgroup(t){const e=Array.from(t.querySelectorAll("option"));return Z` <optgroup label=${Pt(t.label||void 0)} ?disabled=${t.disabled}>${e.map(t=>this.renderOption(t))}</optgroup> `}render(){const t={"sds-select":!0,"sds-select--error":Boolean(this.errorMessage)};return Z`
+			<div class="${Xt(t)}">
+				${this.label?Z` <label for="control" class="sds-select__label"> ${this.readOnly?Z`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:J} ${this.label} </label> `:J}
+				${this.helpText?Z`<p class="sds-select__help-text">${this.helpText}</p>`:J}
 
 				<div hidden>
 					<slot @slotchange=${this._handleSlotChange}></slot>
 				</div>
 
 				<select
-					id="select"
+					id="control"
 					class="sds-select__control"
-					name=${At(this.name)}
+					name=${Pt(this.name)}
 					?disabled=${this.disabled}
 					?required=${this.required}
-					aria-readonly=${At(this.readOnly)}
+					aria-readonly=${Pt(this.readOnly)}
 					aria-invalid=${this.errorMessage?"true":"false"}
 					@keydown=${this._handleKeyDown}
 					@change=${this._handleChange}
@@ -2235,18 +2443,54 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 					${this.renderFromLightDom()}
 				</select>
 
-				${this.errorMessage?Q`
+				${this.errorMessage?Z`
 							<sds-alert variant="secondary" data-palette="danger">
 								<p slot="message">${this.errorMessage}</p>
 							</sds-alert>
 						`:J}
 			</div>
-		`}};be.styles=[ge],be.formAssociated=!0,be.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},fe([$({type:String,reflect:!0})],be.prototype,"name",2),fe([$({type:String,reflect:!0})],be.prototype,"label",2),fe([$({type:String,attribute:!1})],be.prototype,"value",2),fe([$({type:String,attribute:"default-value"})],be.prototype,"defaultValue",2),fe([$({type:String,attribute:"help-text",reflect:!0})],be.prototype,"helpText",2),fe([$({type:String,attribute:"error-message",reflect:!0})],be.prototype,"errorMessage",2),fe([$({type:Boolean,reflect:!0})],be.prototype,"disabled",2),fe([$({type:Boolean,reflect:!0})],be.prototype,"required",2),fe([$({type:Boolean,attribute:"readonly",reflect:!0})],be.prototype,"readOnly",2),fe([$({type:String,reflect:!0})],be.prototype,"size",2),fe([E("#select")],be.prototype,"control",2),be=fe([A("sds-select")],be);const _e=i`
+		`}};wr.styles=[_r];let kr=wr;yr([S({type:String,reflect:!0})],kr.prototype,"label"),yr([S({type:String,attribute:!1})],kr.prototype,"value"),yr([S({type:String,attribute:"default-value"})],kr.prototype,"defaultValue"),yr([S({type:String,attribute:"help-text",reflect:!0})],kr.prototype,"helpText"),yr([S({type:String,attribute:"error-message",reflect:!0})],kr.prototype,"errorMessage"),yr([S({type:Boolean,reflect:!0})],kr.prototype,"required"),yr([S({type:String,reflect:!0})],kr.prototype,"size"),yr([A("#control")],kr.prototype,"control");var zr=Object.getOwnPropertyDescriptor;let $r=class extends kr{};$r=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?zr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-select")],$r);const Sr=d`
+	:host {
+		display: flex;
+		flex-direction: row;
+		counter-reset: stepper;
+		align-items: flex-start;
+		text-align: center;
+
+		--sds-stepper-circle-size: 28px;
+	}
+
+	:host([orientation='vertical']) {
+		flex-direction: column;
+
+		--sds-stepper-step-grid-template-rows: [line-1] auto [step-start] var(--sds-stepper-circle-size) [line-2 step-end] auto;
+		--sds-stepper-step-grid-template-columns: var(--sds-stepper-circle-size) auto;
+
+		--sds-stepper-step-step-grid-area: 2/1/-1/-1;
+		--sds-stepper-step-step-grid-template-columns: [circle] var(--sds-stepper-circle-size) [content] auto;
+		--sds-stepper-step-step-margin: 0 0 var(--sds-stepper-circle-size) 0;
+
+		--sds-stepper-step-counter-grid-area: circle / 1;
+		--sds-stepper-step-label-grid-area: auto;
+		--sds-stepper-step-label-padding-inline: 0;
+
+		--sds-stepper-step-divider-before-visibility: hidden;
+		--sds-stepper-step-divider-width: 1px;
+		--sds-stepper-step-divider-height: 100%;
+		--sds-stepper-step-divider-min-height: 1rem;
+		--sds-stepper-step-divider-grid-row: line-2;
+		--sds-stepper-step-divider-after-grid-column: 1;
+		--sds-stepper-step-divider-before-display: none;
+
+		--sds-stepper-step-step-gap: 0 var(--sds-spacing-3xs);
+	}
+`;var Cr=Object.defineProperty,Er=Object.getOwnPropertyDescriptor,Ar=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Er(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Cr(e,s,a),a};let Or=class extends($t(ut)){constructor(){super(),this.orientation="horizontal",this._setActiveStep=(t,e)=>{t.forEach((t,s)=>{t.active=s===e})},this._handleChildClick=t=>{t.preventDefault(),t.stopImmediatePropagation();const e=t.composedPath().find(t=>t instanceof Element&&"sds-stepper-step"===t.tagName.toLowerCase());if(!e)return;const s=this.steps.indexOf(e);-1!==s&&(this._setActiveStep(this.steps,s),this.dispatchSheriffEvent("change",{index:s}))},this.internals=this.attachInternals(),this.internals.role="tablist"}getActiveStep(){return this.steps.findIndex(t=>t.active)}connectedCallback(){super.connectedCallback(),this.hasAttribute("aria-label")||(this.ariaLabel="Steg")}goToStep(t){t<0||t>=this.steps.length||(this._setActiveStep(this.steps,t),this.dispatchSheriffEvent("change",{index:t}))}_applyStepNumbers(){this.steps.forEach((t,e)=>{t.style.setProperty("--sds-stepper-step-counter-content",`"${e+1}"`)})}firstUpdated(){const t=navigator.userAgent;if(/safari/i.test(t)&&!/chrome/i.test(t)&&!/crios/i.test(t)&&!/edgios/i.test(t)&&!/fxios/i.test(t)){this.shadowRoot.querySelector("slot").addEventListener("slotchange",()=>this._applyStepNumbers()),this._applyStepNumbers()}}render(){return Z`<slot @_sds-step-clicked="${this._handleChildClick}"></slot>`}};var Pr;Or.styles=[Sr],Ar([S({type:String,reflect:!0})],Or.prototype,"orientation",2),Ar([(Pr={selector:"sds-stepper-step",flatten:!0},(t,e)=>{const{slot:s,selector:o}=Pr??{},r="slot"+(s?`[name=${s}]`:":not([name])");return E(t,e,{get(){const t=this.renderRoot?.querySelector(r),e=t?.assignedElements(Pr)??[];return void 0===o?e:e.filter(t=>t.matches(o))}})})],Or.prototype,"steps",2),Or=Ar([O("sds-stepper")],Or);const Dr=d`
 	:host {
 		/* Sizing */
-		--_sds-stepper-step-circle-size: var(--sds-stepper-circle-size, 32px);
+		--_sds-stepper-step-circle-size: var(--sds-stepper-circle-size, 28px);
 		--_sds-stepper-step-border-width: var(--sds-stepper-step-border-width, 2px);
 		--_sds-stepper-step-radius: var(--sds-stepper-step-radius, var(--sds-radius-sm));
+		--_sds-stepper-step-gap: var(--sds-stepper-step-gap, var(--sds-spacing-3xs));
 
 		/* Layout */
 		--_sds-stepper-step-grid-template-rows: var(--sds-stepper-step-grid-template-rows, var(--_sds-stepper-step-circle-size) auto);
@@ -2281,7 +2525,8 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		--_sds-stepper-step-label-text-underline-offset: var(--sds-stepper-step-label-text-underline-offset, var(--sds-typography-link-text-underline-offset));
 		--_sds-stepper-step-label-max-width: var(--sds-stepper-step-label-max-width, 24ch);
 		--_sds-stepper-step-label-text-color: var(--sds-stepper-step-label-text-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
-		--_sds-stepper-step-label-text-decoration: var(--sds-stepper-step-label-text-decoration, var(--sds-typography-link-text-decoration));
+		--_sds-stepper-step-label-text-decoration: var(--sds-stepper-step-label-text-decoration, none);
+		--_sds-stepper-step-label-padding-inline: var(--sds-stepper-step-label-padding-inline, var(--sds-spacing-3xs));
 
 		/* Counter */
 		--_sds-stepper-step-counter-grid-area: var(--sds-stepper-step-counter-grid-area, circle / 2);
@@ -2315,7 +2560,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		display: grid;
 		grid-template-columns: var(--_sds-stepper-step-grid-template-columns);
 		grid-template-rows: var(--_sds-stepper-step-grid-template-rows);
-		gap: var(--sds-spacing-xs);
+		gap: var(--_sds-stepper-step-gap);
 		justify-items: flex-start;
 		flex: 100%;
 		padding-block-start: var(--_sds-stepper-step-border-width);
@@ -2383,6 +2628,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		min-width: fit-content;
 		max-width: var(--_sds-stepper-step-label-max-width);
 		text-align: left;
+		padding-inline: var(--_sds-stepper-step-label-padding-inline);
 
 		color: var(--_sds-stepper-step-label-text-color);
 		font-family: var(--sds-typography-font-family);
@@ -2450,7 +2696,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		--_sds-stepper-step-counter-border-color: var(--sds-stepper-step-counter-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
 		--_sds-stepper-step-counter-text-color: var(--sds-stepper-step-counter-text-color, var(--sds-color-main-action-contrast-default));
 		--_sds-stepper-step-label-text-decoration: var(--sds-stepper-step-label-text-decoration, none);
-		--_sds-stepper-step-label-text-color: var(--sds-stepper-step-label-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
+		--_sds-stepper-step-label-text-color: var(--sds-stepper-step-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
 
 		pointer-events: none;
 	}
@@ -2458,7 +2704,6 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 	:host(:not([active])) .sds-stepper-step__step:hover {
 		--_sds-stepper-step-label-text-color: var(--sds-stepper-step-label-text-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
 		--_sds-stepper-step-label-text-decoration: var(--sds-stepper-step-label-text-decoration, var(--sds-typography-link-text-decoration));
-		--_sds-stepper-step-label-text-decoration-thickness: var(--sds-stepper-step-label-text-decoration-thickness, calc(var(--sds-typography-link-text-decoration-thickness) + 1px));
 		--_sds-stepper-step-counter-background-color: var(--sds-stepper-step-counter-background-color, var(--sds-color-action-contrast-subtle, var(--sds-color-main-action-contrast-subtle)));
 		--_sds-stepper-step-counter-border-color: var(--sds-stepper-step-counter-border-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
 		--_sds-stepper-step-counter-text-color: var(--sds-stepper-step-counter-text-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
@@ -2499,55 +2744,21 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		--_sds-stepper-step-counter-border-color: var(--sds-stepper-step-counter-border-color, var(--sds-color-neutral-border-strong));
 		--_sds-stepper-step-counter-text-color: var(--sds-stepper-step-counter-text-color, var(--sds-color-neutral-text-default));
 	}
-`;var me=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,ye=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?xe(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&me(s,e,a),a};let ke=class extends(zt(ut)){constructor(){super(),this.complete=!1,this.interactive=!1,this.active=!1,this._handleClick=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.dispatchSheriffEvent("_sds-step-clicked")},this._renderNonInteractiveStep=()=>Q`<div class="sds-stepper-step__step--static">
+`;var Lr=Object.defineProperty,qr=Object.getOwnPropertyDescriptor,Tr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?qr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Lr(e,s,a),a};let Rr=class extends($t(ut)){constructor(){super(),this.complete=!1,this.interactive=!1,this.active=!1,this._handleClick=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.dispatchSheriffEvent("_sds-step-clicked")},this._renderNonInteractiveStep=()=>Z`<div class="sds-stepper-step__step--static">
 			<span class="sds-stepper-step__counter"></span>
 			<div class="sds-stepper-step__label"><slot></slot></div>
-		</div>`,this._renderInteractiveStep=()=>Q`<button type="button" role="tab" aria-selected="${this.active?"true":"false"}" id="button" class="sds-stepper-step__step" @click="${this._handleClick}">
+		</div>`,this._renderInteractiveStep=()=>Z`<button type="button" role="tab" aria-selected="${this.active?"true":"false"}" id="button" class="sds-stepper-step__step" @click="${this._handleClick}">
 			<span class="sds-stepper-step__counter"></span>
 			<div class="sds-stepper-step__label"><slot></slot></div>
-		</button>`,this.internals=this.attachInternals()}render(){return this.interactive?Q`<div class="sds-stepper-step">
+		</button>`,this.internals=this.attachInternals()}render(){return this.interactive?Z`<div class="sds-stepper-step">
 				<span class="sds-stepper-step__divider sds-stepper-step__divider--before"></span>
 				${this._renderInteractiveStep()}
 				<span class="sds-stepper-step__divider sds-stepper-step__divider--after"></span>
-			</div>`:Q`<div class="sds-stepper-step" role="tab" aria-disabled="true" tabindex="-1" aria-selected="false">
+			</div>`:Z`<div class="sds-stepper-step" role="tab" aria-disabled="true" tabindex="-1" aria-selected="false">
 			<span class="sds-stepper-step__divider sds-stepper-step__divider--before"></span>
 			${this._renderNonInteractiveStep()}
 			<span class="sds-stepper-step__divider sds-stepper-step__divider--after"></span>
-		</div>`}};ke.styles=[_e],ke.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},ye([$({type:Boolean,reflect:!0})],ke.prototype,"complete",2),ye([$({type:Boolean,reflect:!0})],ke.prototype,"interactive",2),ye([$({type:Boolean,reflect:!0})],ke.prototype,"active",2),ke=ye([A("sds-stepper-step")],ke);const we=i`
-	:host {
-		display: flex;
-		flex-direction: row;
-		counter-reset: stepper;
-		align-items: flex-start;
-		text-align: center;
-
-		--sds-stepper-circle-size: 32px;
-	}
-
-	:host([orientation='vertical']) {
-		flex-direction: column;
-
-		--sds-stepper-step-grid-template-rows: [line-1] auto [step-start] var(--sds-stepper-circle-size) [line-2 step-end] auto;
-		--sds-stepper-step-grid-template-columns: var(--sds-stepper-circle-size) auto;
-
-		--sds-stepper-step-step-grid-area: 2/1/-1/-1;
-		--sds-stepper-step-step-grid-template-columns: [circle] var(--sds-stepper-circle-size) [content] auto;
-		--sds-stepper-step-step-margin: 0 0 var(--sds-stepper-circle-size) 0;
-
-		--sds-stepper-step-counter-grid-area: circle / 1;
-		--sds-stepper-step-label-grid-area: auto;
-
-		--sds-stepper-step-divider-before-visibility: hidden;
-		--sds-stepper-step-divider-width: 1px;
-		--sds-stepper-step-divider-height: 100%;
-		--sds-stepper-step-divider-min-height: 1rem;
-		--sds-stepper-step-divider-grid-row: line-2;
-		--sds-stepper-step-divider-after-grid-column: 1;
-		--sds-stepper-step-divider-before-display: none;
-
-		--sds-stepper-step-step-gap: 0 var(--sds-spacing-3xs);
-	}
-`;var ze=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,Se=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?$e(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&ze(s,e,a),a};let Ce=class extends(zt(ut)){constructor(){super(),this.orientation="horizontal",this._setActiveStep=(t,s)=>{t.forEach((t,e)=>{t.active=e===s})},this._handleChildClick=t=>{t.preventDefault(),t.stopImmediatePropagation();const s=t.composedPath().find(t=>t instanceof ke);if(!s)return;const e=this.steps.indexOf(s);-1!==e&&(this._setActiveStep(this.steps,e),this.dispatchSheriffEvent("change",{index:e}))},this.role="tablist",this.internals=this.attachInternals()}getActiveStep(){return this.steps.findIndex(t=>t.active)}connectedCallback(){super.connectedCallback(),this.hasAttribute("aria-label")||(this.ariaLabel="Steg")}goToStep(t){t<0||t>=this.steps.length||(this._setActiveStep(this.steps,t),this.dispatchSheriffEvent("change",{index:t}))}_applyStepNumbers(){this.steps.forEach((t,s)=>{t.style.setProperty("--sds-stepper-step-counter-content",`"${s+1}"`)})}firstUpdated(){const t=navigator.userAgent;if(/safari/i.test(t)&&!/chrome/i.test(t)&&!/crios/i.test(t)&&!/edgios/i.test(t)&&!/fxios/i.test(t)){this.shadowRoot.querySelector("slot").addEventListener("slotchange",()=>this._applyStepNumbers()),this._applyStepNumbers()}}render(){return Q`<slot @_sds-step-clicked="${this._handleChildClick}"></slot>`}};Ce.styles=[we],Se([$({type:String,reflect:!0})],Ce.prototype,"orientation",2),Se([O({selector:"sds-stepper-step",flatten:!0})],Ce.prototype,"steps",2),Ce=Se([A("sds-stepper")],Ce);const Ee=i`
+		</div>`}};Rr.styles=[Dr],Rr.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},Tr([S({type:Boolean,reflect:!0})],Rr.prototype,"complete",2),Tr([S({type:Boolean,reflect:!0})],Rr.prototype,"interactive",2),Tr([S({type:Boolean,reflect:!0})],Rr.prototype,"active",2),Rr=Tr([O("sds-stepper-step")],Rr);const Mr=d`
 	:host {
 		--_sds-switch-background-color: var(--sds-switch-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
 		--_sds-switch-text-color: var(--sds-switch-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -2596,7 +2807,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		pointer-events: none;
 	}
 
-	:host([disabled]) {
+	:host(:disabled) {
 		opacity: var(--_sds-switch-disabled-opacity);
 		pointer-events: none;
 	}
@@ -2697,7 +2908,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 	.sds-switch__input:checked::before {
 		--_sds-switch-button-position: calc(var(--_sds-switch-width) - var(--_sds-switch-button-size) - var(--_sds-switch-button-gap) - var(--_sds-switch-border-width));
 	}
-`;var Oe=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,qe=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ae(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Oe(s,e,a),a};let Pe=class extends(zt(ut)){constructor(){super(),this.disabled=!1,this.label="",this.hideLabel=!1,this.reverse=!1,this.checked=!1,this.readOnly=!1,this.size="md",this._initialChecked=!1,this._handleChange=t=>{if(t.stopImmediatePropagation(),!this.disabled){const s=t.target;this.checked=s.checked,this.internals.setFormValue(this.checked?"on":"off"),this.dispatchSheriffEvent("change")}},this._handleFocus=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.disabled||this.disabled||this.dispatchSheriffEvent("blur")},this.getIconSize=()=>{switch(this.size){case"sm":case"md":case"lg":return this.size;case"l":return"lg";case"s":return"sm"}},this.internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.setFormValue(this.checked?"on":"off")}updated(t){t.has("checked")&&(this.control.checked=this.checked,this.internals.setFormValue(this.checked?"on":"off"))}formResetCallback(){this.checked=this._initialChecked,this.control.checked=this._initialChecked,this.internals.setFormValue(this._initialChecked?"on":"off")}formStateRestoreCallback(t){this.checked=t}get value(){return this.checked?"on":"off"}render(){const t={"sds-switch__label":!0,"sds-switch__label--hidden":this.hideLabel},s=Q`<input
+`;var Vr=Object.defineProperty,Br=Object.getOwnPropertyDescriptor,Fr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Br(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Vr(e,s,a),a};let Ir=class extends(Qt($t(ee(ut)))){constructor(){super(...arguments),this.label="",this.hideLabel=!1,this.reverse=!1,this.checked=!1,this.size="md",this._initialChecked=!1,this._handleChange=t=>{if(t.stopImmediatePropagation(),this.disabled||this.readOnly)return t.target.checked=this.checked,void t.preventDefault();const e=t.target;this.checked=e.checked,this.internals.setFormValue(this.checked?"on":"off"),this.dispatchSheriffEvent("change")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("blur")},this.getIconSize=()=>{switch(this.size){case"sm":case"md":case"lg":return this.size;case"l":return"lg";case"s":return"sm"}}}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.setFormValue(this.checked?"on":"off")}updated(t){super.updated(t),t.has("checked")&&(this.control.checked=this.checked,this.internals.setFormValue(this.checked?"on":"off"))}formResetCallback(){this.checked=this._initialChecked,this.control.checked=this._initialChecked,this.internals.setFormValue(this._initialChecked?"on":"off")}formStateRestoreCallback(t){this.checked=t}get value(){return this.checked?"on":"off"}render(){const t={"sds-switch__label":!0,"sds-switch__label--hidden":this.hideLabel},e=Z`<input
 			class="sds-switch__input"
 			id="control"
 			type="checkbox"
@@ -2706,11 +2917,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 			?disabled="${this.disabled}"
 			.checked="${this.checked}"
 			?checked="${this.checked}"
-			name="${At(this.name)}"
+			name="${Pt(this.name)}"
 			@change="${this._handleChange}"
 			@focus="${this._handleFocus}"
 			@blur="${this._handleBlur}"
-		/>`,e=this.readOnly?Q`<sds-icon name="lock-material-filled" size="${this.getIconSize()}"></sds-icon>`:J,o=Q`<label class="${Yt(t)}" for="control">${e}${this.label}</label>`;return Q`<div class="${Yt({"sds-switch":!0})}">${this.reverse?[o,s]:[s,o]}</div>`}};Pe.styles=[Ee],Pe.formAssociated=!0,Pe.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},qe([$({type:Boolean,reflect:!0})],Pe.prototype,"disabled",2),qe([$({type:String,reflect:!0})],Pe.prototype,"label",2),qe([$({type:Boolean,reflect:!0,attribute:"hide-label"})],Pe.prototype,"hideLabel",2),qe([$({type:String,reflect:!0})],Pe.prototype,"name",2),qe([$({type:Boolean,reflect:!0})],Pe.prototype,"reverse",2),qe([$({type:Boolean,reflect:!0})],Pe.prototype,"checked",2),qe([$({type:Boolean,attribute:"readonly",reflect:!0})],Pe.prototype,"readOnly",2),qe([$({type:String,reflect:!0})],Pe.prototype,"size",2),qe([E("#control")],Pe.prototype,"control",2),Pe=qe([A("sds-switch")],Pe);const De=i`
+		/>`,s=this.readOnly?Z`<sds-icon name="lock-material-filled" size="${this.getIconSize()}"></sds-icon>`:J,o=Z`<label class="${Xt(t)}" for="control">${s}${this.label}</label>`;return Z`<div class="${Xt({"sds-switch":!0})}">${this.reverse?[o,e]:[e,o]}</div>`}};Ir.styles=[Mr],Fr([S({type:String,reflect:!0})],Ir.prototype,"label",2),Fr([S({type:Boolean,reflect:!0,attribute:"hide-label"})],Ir.prototype,"hideLabel",2),Fr([S({type:Boolean,reflect:!0})],Ir.prototype,"reverse",2),Fr([S({type:Boolean,reflect:!0})],Ir.prototype,"checked",2),Fr([S({type:String,reflect:!0})],Ir.prototype,"size",2),Fr([A("#control")],Ir.prototype,"control",2),Ir=Fr([O("sds-switch")],Ir);const Hr=d`
 	:host {
 		--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
 		--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -2771,9 +2982,9 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		--_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-content-lg));
 		--_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-squeezed-lg));
 	}
-`;var Le=Object.defineProperty,Ve=Object.getOwnPropertyDescriptor,Re=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ve(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Le(s,e,a),a};let Me=class extends ut{constructor(){super(...arguments),this.size="md"}render(){return Q`<span class="${Yt({"sds-tag":!0})}">
+`;var jr=Object.defineProperty,Nr=Object.getOwnPropertyDescriptor,Ur=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Nr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&jr(e,s,a),a};let Wr=class extends ut{constructor(){super(...arguments),this.size="md"}render(){return Z`<span class="${Xt({"sds-tag":!0})}">
 			<slot></slot>
-		</span>`}};Me.styles=[De],Re([$({type:String,reflect:!0})],Me.prototype,"size",2),Me=Re([A("sds-tag")],Me);const Be=i`
+		</span>`}};Wr.styles=[Hr],Ur([S({type:String,reflect:!0})],Wr.prototype,"size",2),Wr=Ur([O("sds-tag")],Wr);const Kr=d`
 	:host {
 		--_sds-text-font-family: var(--sds-text-font-family, var(--sds-typography-font-family-roboto));
 		--_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-md-mobile-font-size));
@@ -3048,7 +3259,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 			--_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xl-desktop-line-height));
 		}
 	}
-`;var Te=Object.defineProperty,Ie=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&Te(s,e,a),a};const je=class extends ut{constructor(){super(...arguments),this.size="md",this.strong=!1,this.tall=!1}render(){return Q`<p><slot></slot></p>`}};je.styles=[Be];let Fe=je;Ie([$({type:String,reflect:!0})],Fe.prototype,"size"),Ie([$({type:Boolean,reflect:!0})],Fe.prototype,"strong"),Ie([$({type:Boolean,reflect:!0})],Fe.prototype,"tall");var Ne=Object.getOwnPropertyDescriptor;let Ue=class extends Fe{};Ue=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ne(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([A("sds-text")],Ue);const He=i`
+`;var Gr=Object.defineProperty,Yr=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&Gr(e,s,a),a};const Xr=class extends ut{constructor(){super(...arguments),this.size="md",this.strong=!1,this.tall=!1}render(){return Z`<p><slot></slot></p>`}};Xr.styles=[Kr];let Zr=Xr;Yr([S({type:String,reflect:!0})],Zr.prototype,"size"),Yr([S({type:Boolean,reflect:!0})],Zr.prototype,"strong"),Yr([S({type:Boolean,reflect:!0})],Zr.prototype,"tall");var Qr=Object.getOwnPropertyDescriptor;let Jr=class extends Zr{};Jr=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?Qr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-text")],Jr);const ta=d`
 	:host {
 		--_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
 		--_sds-textfield-text-color: var(--sds-textfield-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -3084,6 +3295,8 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		--_sds-textfield-focus-inner-color: var(--sds-textfield-focus-inner-color, var(--sds-color-states-focus-inner));
 		--_sds-textfield-focus-spacing: var(--sds-textfield-focus-spacing, var(--sds-color-states-focus-spacing));
 
+		--_sds-textfield-cursor: var(--sds-textfield-cursor, auto);
+
 		--_sds-textfield-icon-right: var(--sds-textfield-icon-right, var(--sds-spacing-xs));
 		--_sds-textfield-icon-top: var(--sds-textfield-icon-top, var(--sds-spacing-3xs));
 
@@ -3116,6 +3329,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 			border-radius: var(--_sds-textfield-border-radius);
 			border: var(--_sds-textfield-border-width) solid var(--_sds-textfield-border-color);
 			background: var(--_sds-textfield-background-color);
+			cursor: var(--_sds-textfield-cursor);
 			width: 100%;
 
 			&:hover {
@@ -3164,9 +3378,10 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 
 	:host([readonly]) {
 		--_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
+		--_sds-textfield-cursor: var(--sds-textfield-cursor, default);
 	}
 
-	:host([disabled]) {
+	:host(:disabled) {
 		opacity: var(--_sds-textfield-disabled-opacity);
 		pointer-events: none;
 	}
@@ -3215,26 +3430,26 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 			--sds-icon-size: var(--sds-textfield-icon-size, var(--sds-components-icon-lg));
 		}
 	}
-`;var Ke=Object.defineProperty,We=Object.getOwnPropertyDescriptor,Ge=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?We(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Ke(s,e,a),a};let Ye=class extends(zt(ut)){constructor(){super(),this.type="text",this.disabled=!1,this.readOnly=!1,this.required=!1,this.size="md",this.hasIcon=!1,this._defaultValue=null,this.handleSlotChange=t=>{const s=t.target;this.hasIcon=s.assignedNodes({flatten:!0}).length>0},this._handleInputChange=t=>{t.stopImmediatePropagation(),!this.disabled&&t.target instanceof HTMLInputElement&&(this.value=t.target.value,this.internals.setFormValue(""===this.value?null:this.value),this.updateValidity(),this.dispatchSheriffEvent(t.type))},this._handleSelect=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("select")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")},this._handleKeyDown=t=>{t.stopImmediatePropagation();if(this.dispatchKeyboardEvent("keydown",t)&&"Enter"===t.key){const t=this.internals?.form;t?.requestSubmit?t.requestSubmit():t?.submit()}},this.internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}updated(t){super.updated(t),t.has("value")&&(this.internals.setFormValue(this.value??""),this.control&&(this.control.value=this.value??""))}updateValidity(){this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control)}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control.value=t,this.value=t,this.updateValidity()}select(){this.disabled||this.control.select()}focus(){this.disabled||this.control.focus()}blur(){this.disabled||this.control.blur()}click(){this.disabled||this.control.click()}get selectionStart(){return this.control?this.control.selectionStart:null}set selectionStart(t){this.control&&null!==t&&(this.control.selectionStart=t)}get selectionEnd(){return this.control?this.control.selectionEnd:null}set selectionEnd(t){this.control&&null!==t&&(this.control.selectionEnd=t)}setSelectionRange(t,s,e){this.control&&this.control.setSelectionRange(t,s,e)}checkValidity(){return this.control.checkValidity()}reportValidity(){return this.control.reportValidity()}setCustomValidity(t){this.control.setCustomValidity(t),this.updateValidity()}render(){const t={"sds-textfield":!0,"sds-textfield--error":Boolean(this.errorMessage),"sds-textfield--has-icon":this.hasIcon};return Q`
-			<div class="${Yt(t)}">
-				${this.label?Q`<label for="sds-textfield" class="sds-textfield__label">${this.readOnly?Q`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:J}</sds-icon>${this.label}</label>`:J}
-				${this.helpText?Q`<p class="sds-textfield__help-text">${this.helpText}</p>`:J}
+`;var ea=Object.defineProperty,sa=Object.getOwnPropertyDescriptor,oa=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?sa(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&ea(e,s,a),a};let ra=class extends(Qt($t(ee(ut)))){constructor(){super(...arguments),this.type="text",this.required=!1,this.size="md",this.hasIcon=!1,this._defaultValue=null,this.handleSlotChange=t=>{const e=t.target;this.hasIcon=e.assignedNodes({flatten:!0}).length>0},this._handleInputChange=t=>{t.stopImmediatePropagation(),!this.disabled&&t.target instanceof HTMLInputElement&&(this.value=t.target.value,this.internals.setFormValue(""===this.value?null:this.value),this.updateValidity(),this.dispatchSheriffEvent(t.type))},this._handleSelect=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("select")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")},this._handleKeyDown=t=>{t.stopImmediatePropagation();if(this.dispatchKeyboardEvent("keydown",t)&&"Enter"===t.key){const t=this.form;t?.requestSubmit?t.requestSubmit():t?.submit()}}}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}updated(t){super.updated(t),t.has("value")&&(this.internals.setFormValue(this.value??""),this.control&&(this.control.value=this.value??""))}updateValidity(){this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control)}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control.value=t,this.value=t,this.updateValidity()}select(){this.disabled||this.control.select()}get selectionStart(){return this.control?this.control.selectionStart:null}set selectionStart(t){this.control&&null!==t&&(this.control.selectionStart=t)}get selectionEnd(){return this.control?this.control.selectionEnd:null}set selectionEnd(t){this.control&&null!==t&&(this.control.selectionEnd=t)}setSelectionRange(t,e,s){this.control&&this.control.setSelectionRange(t,e,s)}checkValidity(){return this.control.checkValidity()}reportValidity(){return this.control.reportValidity()}setCustomValidity(t){this.control.setCustomValidity(t),this.updateValidity()}render(){const t={"sds-textfield":!0,"sds-textfield--error":Boolean(this.errorMessage),"sds-textfield--has-icon":this.hasIcon};return Z`
+			<div class="${Xt(t)}">
+				${this.label?Z`<label for="sds-textfield" class="sds-textfield__label">${this.readOnly?Z`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:J}</sds-icon>${this.label}</label>`:J}
+				${this.helpText?Z`<p class="sds-textfield__help-text">${this.helpText}</p>`:J}
 				<div class="sds-textfield__input-container">
 					<input
 						part="input"
 						class="sds-textfield__input"
-						type="${At(this.type)}"
+						type="${Pt(this.type)}"
 						id="sds-textfield"
 						?disabled="${this.disabled}"
 						?readonly="${this.readOnly}"
-						placeholder="${At(this.placeholder)}"
+						placeholder="${Pt(this.placeholder)}"
 						.value="${this.value??""}"
-						name="${At(this.name)}"
-						autocomplete="${At(this.autocomplete)}"
+						name="${Pt(this.name)}"
+						autocomplete="${Pt(this.autocomplete)}"
 						?required="${this.required}"
-						pattern="${At(this.pattern)}"
-						minlength="${At(this.minlength)}"
-						maxlength="${At(this.maxlength)}"
+						pattern="${Pt(this.pattern)}"
+						minlength="${Pt(this.minlength)}"
+						maxlength="${Pt(this.maxlength)}"
 						@input="${this._handleInputChange}"
 						@change="${this._handleInputChange}"
 						@select="${this._handleSelect}"
@@ -3244,9 +3459,9 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 					/>
 					<slot name="after" @slotchange="${this.handleSlotChange}" aria-hidden="true"></slot>
 				</div>
-				${this.errorMessage?Q`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:J}
+				${this.errorMessage?Z`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:J}
 			</div>
-		`}};Ye.styles=[He],Ye.formAssociated=!0,Ye.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},Ge([$({type:String,reflect:!0})],Ye.prototype,"type",2),Ge([$({type:String})],Ye.prototype,"value",2),Ge([$({type:String,reflect:!0})],Ye.prototype,"name",2),Ge([$({type:String,reflect:!0})],Ye.prototype,"label",2),Ge([$({type:String,reflect:!0})],Ye.prototype,"placeholder",2),Ge([$({type:String,attribute:"help-text",reflect:!0})],Ye.prototype,"helpText",2),Ge([$({type:String,attribute:"error-message",reflect:!0})],Ye.prototype,"errorMessage",2),Ge([$({type:Boolean,reflect:!0})],Ye.prototype,"disabled",2),Ge([$({type:Boolean,attribute:"readonly",reflect:!0})],Ye.prototype,"readOnly",2),Ge([$({type:String,reflect:!0})],Ye.prototype,"autocomplete",2),Ge([$({type:Boolean,reflect:!0})],Ye.prototype,"required",2),Ge([$({type:String,reflect:!0})],Ye.prototype,"pattern",2),Ge([$({type:Number,reflect:!0})],Ye.prototype,"minlength",2),Ge([$({type:Number,reflect:!0})],Ye.prototype,"maxlength",2),Ge([$({type:String,reflect:!0})],Ye.prototype,"size",2),Ge([S()],Ye.prototype,"hasIcon",2),Ge([E("#sds-textfield")],Ye.prototype,"control",2),Ye=Ge([A("sds-textfield")],Ye);const Ze=i`
+		`}};ra.styles=[ta],oa([S({type:String,reflect:!0})],ra.prototype,"type",2),oa([S({type:String})],ra.prototype,"value",2),oa([S({type:String,reflect:!0})],ra.prototype,"label",2),oa([S({type:String,reflect:!0})],ra.prototype,"placeholder",2),oa([S({type:String,attribute:"help-text",reflect:!0})],ra.prototype,"helpText",2),oa([S({type:String,attribute:"error-message",reflect:!0})],ra.prototype,"errorMessage",2),oa([S({type:String,reflect:!0})],ra.prototype,"autocomplete",2),oa([S({type:Boolean,reflect:!0})],ra.prototype,"required",2),oa([S({type:String,reflect:!0})],ra.prototype,"pattern",2),oa([S({type:Number,reflect:!0})],ra.prototype,"minlength",2),oa([S({type:Number,reflect:!0})],ra.prototype,"maxlength",2),oa([S({type:String,reflect:!0})],ra.prototype,"size",2),oa([C()],ra.prototype,"hasIcon",2),oa([A("#sds-textfield")],ra.prototype,"control",2),ra=oa([O("sds-textfield")],ra);const aa=d`
 	:host {
 		--_sds-textarea-background-color: var(--sds-textarea-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
 		--_sds-textarea-text-color: var(--sds-textarea-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -3283,6 +3498,9 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		--_sds-textarea-counter-font-weight: var(--sds-textarea-counter-font-weight, var(--sds-typography-font-weight-regular));
 		--_sds-textarea-counter-line-height: var(--sds-textarea-counter-line-height, var(--sds-components-line-height-squeezed-md));
 
+		--_sds-textarea-resize: var(--sds-textarea-resize, vertical);
+		--_sds-textarea-cursor: var(--sds-textarea-cursor, auto);
+
 		--_sds-textarea-focus-color: var(--sds-textarea-focus-color, var(--sds-color-states-focus-outer));
 		--_sds-textarea-focus-inner-color: var(--sds-textarea-focus-inner-color, var(--sds-color-states-focus-inner));
 		--_sds-textarea-focus-spacing: var(--sds-textarea-focus-spacing, var(--sds-color-states-focus-spacing));
@@ -3315,10 +3533,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 			border-radius: var(--_sds-textarea-border-radius);
 			border: var(--_sds-textarea-border-width) solid var(--_sds-textarea-border-color);
 			background: var(--_sds-textarea-background-color);
+			cursor: var(--_sds-textarea-cursor);
 			max-width: var(--sds-typography-max-line-width);
 			width: 100%;
 			min-height: var(--_sds-textarea-min-height);
-			resize: vertical;
+			resize: var(--_sds-textarea-resize);
 
 			&:hover {
 				--_sds-textarea-border-color: var(--sds-textarea-border-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
@@ -3391,12 +3610,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 	:host([readonly]) {
 		--_sds-textarea-background-color: var(--sds-textarea-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
 		--_sds-textarea-border-color: var(--sds-textarea-border-color, var(--sds-color-border-subtle, var(--sds-color-neutral-border-subtle)));
-		.sds-textarea__input {
-			resize: none;
-		}
+		--_sds-textarea-resize: var(--sds-textarea-resize, none);
+		--_sds-textarea-cursor: var(--sds-textarea-cursor, default);
 	}
 
-	:host([disabled]) {
+	:host(:disabled) {
 		opacity: var(--_sds-textarea-disabled-opacity);
 		pointer-events: none;
 	}
@@ -3430,13 +3648,13 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 		--_sds-textarea-counter-font-size: var(--sds-textarea-counter-font-size, var(--sds-components-font-size-content-lg));
 		--_sds-textarea-counter-line-height: var(--sds-textarea-counter-line-height, var(--sds-components-line-height-squeezed-lg));
 	}
-`;var Qe=Object.defineProperty,Xe=Object.getOwnPropertyDescriptor,Je=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Xe(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Qe(s,e,a),a};let to=class extends(zt(ut)){constructor(){super(),this.disabled=!1,this.readOnly=!1,this.required=!1,this.size="md",this._defaultValue=null,this._handleInputChange=t=>{t.stopImmediatePropagation(),!this.disabled&&t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.internals.setFormValue(""===this.value?null:this.value),this.updateValidity(),this.dispatchSheriffEvent(t.type))},this._handleSelect=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("select")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")},this.internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}updated(t){super.updated(t),t.has("value")&&(this.internals.setFormValue(this.value??""),this.control&&(this.control.value=this.value??""))}updateValidity(){this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control)}hasTypedTooManyCharacters(){if(!this.counter)return!1;return(this.value?.length||0)>this.counter}renderCharacterCounter(){if(void 0===this.counter)return J;const t=this.value?.length||0;return this.hasTypedTooManyCharacters()?Q`<sds-alert variant="secondary" data-palette="danger"
+`;var ia=Object.defineProperty,da=Object.getOwnPropertyDescriptor,na=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?da(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&ia(e,s,a),a};let la=class extends(Qt($t(ee(ut)))){constructor(){super(...arguments),this.required=!1,this.size="md",this._defaultValue=null,this._handleInputChange=t=>{t.stopImmediatePropagation(),!this.disabled&&t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.internals.setFormValue(""===this.value?null:this.value),this.updateValidity(),this.dispatchSheriffEvent(t.type))},this._handleSelect=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("select")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")}}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}updated(t){super.updated(t),t.has("value")&&(this.internals.setFormValue(this.value??""),this.control&&(this.control.value=this.value??""))}updateValidity(){this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control)}hasTypedTooManyCharacters(){if(!this.counter)return!1;return(this.value?.length||0)>this.counter}renderCharacterCounter(){if(void 0===this.counter)return J;const t=this.value?.length||0;return this.hasTypedTooManyCharacters()?Z`<sds-alert variant="secondary" data-palette="danger"
 				><p class="sds-textarea__character-counter" slot="message">Du har ${t-this.counter} tegn for mye</p></sds-alert
-			>`:Q`<p class="sds-textarea__character-counter">Du har ${this.counter-t} tegn igjen</p>`}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control.value=t,this.value=t,this.updateValidity()}select(){this.disabled||this.control.select()}type(){return"textarea"}focus(){this.disabled||this.control.focus()}blur(){this.disabled||this.control.blur()}click(){this.disabled||this.control.click()}get selectionStart(){return this.control?this.control.selectionStart:null}set selectionStart(t){this.control&&null!==t&&(this.control.selectionStart=t)}get selectionEnd(){return this.control?this.control.selectionEnd:null}set selectionEnd(t){this.control&&null!==t&&(this.control.selectionEnd=t)}setSelectionRange(t,s,e){this.control&&this.control.setSelectionRange(t,s,e)}checkValidity(){return this.control.checkValidity()}reportValidity(){return this.control.reportValidity()}setCustomValidity(t){this.control.setCustomValidity(t),this.updateValidity()}render(){const t={"sds-textarea":!0,"sds-textarea--error":Boolean(this.errorMessage||this.hasTypedTooManyCharacters())};return Q`
-			<div class="${Yt(t)}">
-				${this.label||this.helpText?Q`<div>
-							${this.label?Q`<label for="sds-textarea" class="sds-textarea__label">${this.label}</label>`:J}
-							${this.helpText?Q`<p class="sds-textarea__help-text">${this.helpText}</p>`:J}
+			>`:Z`<p class="sds-textarea__character-counter">Du har ${this.counter-t} tegn igjen</p>`}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control.value=t,this.value=t,this.updateValidity()}select(){this.disabled||this.control.select()}type(){return"textarea"}get selectionStart(){return this.control?this.control.selectionStart:null}set selectionStart(t){this.control&&null!==t&&(this.control.selectionStart=t)}get selectionEnd(){return this.control?this.control.selectionEnd:null}set selectionEnd(t){this.control&&null!==t&&(this.control.selectionEnd=t)}setSelectionRange(t,e,s){this.control&&this.control.setSelectionRange(t,e,s)}checkValidity(){return this.control.checkValidity()}reportValidity(){return this.control.reportValidity()}setCustomValidity(t){this.control.setCustomValidity(t),this.updateValidity()}render(){const t={"sds-textarea":!0,"sds-textarea--error":Boolean(this.errorMessage||this.hasTypedTooManyCharacters())};return Z`
+			<div class="${Xt(t)}">
+				${this.label||this.helpText?Z`<div>
+							${this.label?Z`<label for="sds-textarea" class="sds-textarea__label">${this.label}</label>`:J}
+							${this.helpText?Z`<p class="sds-textarea__help-text">${this.helpText}</p>`:J}
 						</div>`:J}
 				<div class="sds-textarea__input-container">
 					<textarea
@@ -3444,16 +3662,16 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 						id="sds-textarea"
 						?disabled="${this.disabled}"
 						?readonly="${this.readOnly}"
-						placeholder="${At(this.placeholder)}"
+						placeholder="${Pt(this.placeholder)}"
 						.value="${this.value??""}"
 						.autocomplete="${this.autocomplete}"
-						name="${At(this.name)}"
+						name="${Pt(this.name)}"
 						?required="${this.required}"
-						rows="${At(this.rows)}"
-						cols="${At(this.cols)}"
-						wrap="${At(this.wrap)}"
-						minlength="${At(this.minlength)}"
-						maxlength="${At(this.maxlength)}"
+						rows="${Pt(this.rows)}"
+						cols="${Pt(this.cols)}"
+						wrap="${Pt(this.wrap)}"
+						minlength="${Pt(this.minlength)}"
+						maxlength="${Pt(this.maxlength)}"
 						@input="${this._handleInputChange}"
 						@change="${this._handleInputChange}"
 						@select="${this._handleSelect}"
@@ -3461,6 +3679,6 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
 						@blur="${this._handleBlur}"
 					></textarea>
 				</div>
-				${this.errorMessage?Q`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:J} ${this.renderCharacterCounter()}
+				${this.errorMessage?Z`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:J} ${this.renderCharacterCounter()}
 			</div>
-		`}};to.styles=[Ze],to.formAssociated=!0,to.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},Je([$({type:String})],to.prototype,"value",2),Je([$({type:String,reflect:!0})],to.prototype,"name",2),Je([$({type:String,reflect:!0})],to.prototype,"label",2),Je([$({type:String,reflect:!0})],to.prototype,"placeholder",2),Je([$({type:String,attribute:"help-text",reflect:!0})],to.prototype,"helpText",2),Je([$({type:String,attribute:"error-message",reflect:!0})],to.prototype,"errorMessage",2),Je([$({type:Boolean,reflect:!0})],to.prototype,"disabled",2),Je([$({type:Boolean,attribute:"readonly",reflect:!0})],to.prototype,"readOnly",2),Je([$({type:String,reflect:!0})],to.prototype,"autocomplete",2),Je([$({type:Boolean,reflect:!0})],to.prototype,"required",2),Je([$({type:Number,reflect:!0})],to.prototype,"rows",2),Je([$({type:Number,reflect:!0})],to.prototype,"cols",2),Je([$({type:String,reflect:!0})],to.prototype,"wrap",2),Je([$({type:Number,reflect:!0})],to.prototype,"minlength",2),Je([$({type:Number,reflect:!0})],to.prototype,"maxlength",2),Je([$({type:Number,reflect:!0})],to.prototype,"counter",2),Je([$({type:String,reflect:!0})],to.prototype,"size",2),Je([E("#sds-textarea")],to.prototype,"control",2),to=Je([A("sds-textarea")],to);export{rs as SDSAlert,es as SDSButton,cs as SDSCard,us as SDSCheckbox,ys as SDSCheckboxGroup,Ss as SDSChip,qs as SDSDetails,Rs as SDSDialog,Ns as SDSHeading,Gt as SDSIcon,Gs as SDSLoader,se as SDSNotification,ie as SDSRadio,pe as SDSRadioGroup,be as SDSSelect,Ce as SDSStepper,ke as SDSStepperStep,Pe as SDSSwitch,Me as SDSTag,Ue as SDSText,to as SDSTextArea,Ye as SDSTextField};
+		`}};la.styles=[aa],na([S({type:String})],la.prototype,"value",2),na([S({type:String,reflect:!0})],la.prototype,"label",2),na([S({type:String,reflect:!0})],la.prototype,"placeholder",2),na([S({type:String,attribute:"help-text",reflect:!0})],la.prototype,"helpText",2),na([S({type:String,attribute:"error-message",reflect:!0})],la.prototype,"errorMessage",2),na([S({type:String,reflect:!0})],la.prototype,"autocomplete",2),na([S({type:Boolean,reflect:!0})],la.prototype,"required",2),na([S({type:Number,reflect:!0})],la.prototype,"rows",2),na([S({type:Number,reflect:!0})],la.prototype,"cols",2),na([S({type:String,reflect:!0})],la.prototype,"wrap",2),na([S({type:Number,reflect:!0})],la.prototype,"minlength",2),na([S({type:Number,reflect:!0})],la.prototype,"maxlength",2),na([S({type:Number,reflect:!0})],la.prototype,"counter",2),na([S({type:String,reflect:!0})],la.prototype,"size",2),na([A("#sds-textarea")],la.prototype,"control",2),la=na([O("sds-textarea")],la);export{ge as SDSAlert,he as SDSButton,_e as SDSCard,ze as SDSCheckbox,Oe as SDSCheckboxGroup,Te as SDSChip,Fe as SDSDetails,Ke as SDSDialog,ts as SDSHeading,Yt as SDSIcon,as as SDSLoader,ps as SDSNotification,dr as SDSPopover,bs as SDSProcess,ws as SDSProcessStep,pr as SDSRadio,mr as SDSRadioGroup,$r as SDSSelect,Or as SDSStepper,Rr as SDSStepperStep,Ir as SDSSwitch,Wr as SDSTag,Jr as SDSText,la as SDSTextArea,ra as SDSTextField};