@politiet/sheriff-web-components 2.0.3 → 2.1.1

package/dist/sheriff-web-components.js

@@ -1,598 +1,4 @@
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$4 = globalThis, e$7 = t$4.ShadowRoot && (void 0 === t$4.ShadyCSS || t$4.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = Symbol(), o$6 = /* @__PURE__ */ new WeakMap();
-let n$3 = class n {
-  constructor(t2, e3, o2) {
-    if (this._$cssResult$ = true, o2 !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t2, this.t = e3;
-  }
-  get styleSheet() {
-    let t2 = this.o;
-    const s2 = this.t;
-    if (e$7 && void 0 === t2) {
-      const e3 = void 0 !== s2 && 1 === s2.length;
-      e3 && (t2 = o$6.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e3 && o$6.set(s2, t2));
-    }
-    return t2;
-  }
-  toString() {
-    return this.cssText;
-  }
-};
-const r$4 = (t2) => new n$3("string" == typeof t2 ? t2 : t2 + "", void 0, s$2), i$4 = (t2, ...e3) => {
-  const o2 = 1 === t2.length ? t2[0] : e3.reduce((e4, s2, o3) => e4 + ((t3) => {
-    if (true === t3._$cssResult$) return t3.cssText;
-    if ("number" == typeof t3) return t3;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + t3 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(s2) + t2[o3 + 1], t2[0]);
-  return new n$3(o2, t2, s$2);
-}, S$1 = (s2, o2) => {
-  if (e$7) s2.adoptedStyleSheets = o2.map((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet);
-  else for (const e3 of o2) {
-    const o3 = document.createElement("style"), n3 = t$4.litNonce;
-    void 0 !== n3 && o3.setAttribute("nonce", n3), o3.textContent = e3.cssText, s2.appendChild(o3);
-  }
-}, c$2 = e$7 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
-  let e3 = "";
-  for (const s2 of t3.cssRules) e3 += s2.cssText;
-  return r$4(e3);
-})(t2) : t2;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { is: i$3, defineProperty: e$6, getOwnPropertyDescriptor: h$1, getOwnPropertyNames: r$3, getOwnPropertySymbols: o$5, getPrototypeOf: n$2 } = Object, a$1 = globalThis, c$1 = a$1.trustedTypes, l$1 = c$1 ? c$1.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = (t2, s2) => t2, u$1 = { toAttribute(t2, s2) {
-  switch (s2) {
-    case Boolean:
-      t2 = t2 ? l$1 : null;
-      break;
-    case Object:
-    case Array:
-      t2 = null == t2 ? t2 : JSON.stringify(t2);
-  }
-  return t2;
-}, fromAttribute(t2, s2) {
-  let i3 = t2;
-  switch (s2) {
-    case Boolean:
-      i3 = null !== t2;
-      break;
-    case Number:
-      i3 = null === t2 ? null : Number(t2);
-      break;
-    case Object:
-    case Array:
-      try {
-        i3 = JSON.parse(t2);
-      } catch (t3) {
-        i3 = null;
-      }
-  }
-  return i3;
-} }, f$1 = (t2, s2) => !i$3(t2, s2), b = { attribute: true, type: String, converter: u$1, reflect: false, useDefault: false, hasChanged: f$1 };
-Symbol.metadata ??= Symbol("metadata"), a$1.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let y$1 = class y extends HTMLElement {
-  static addInitializer(t2) {
-    this._$Ei(), (this.l ??= []).push(t2);
-  }
-  static get observedAttributes() {
-    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
-  }
-  static createProperty(t2, s2 = b) {
-    if (s2.state && (s2.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t2) && ((s2 = Object.create(s2)).wrapped = true), this.elementProperties.set(t2, s2), !s2.noAccessor) {
-      const i3 = Symbol(), h2 = this.getPropertyDescriptor(t2, i3, s2);
-      void 0 !== h2 && e$6(this.prototype, t2, h2);
-    }
-  }
-  static getPropertyDescriptor(t2, s2, i3) {
-    const { get: e3, set: r2 } = h$1(this.prototype, t2) ?? { get() {
-      return this[s2];
-    }, set(t3) {
-      this[s2] = t3;
-    } };
-    return { get: e3, set(s3) {
-      const h2 = e3?.call(this);
-      r2?.call(this, s3), this.requestUpdate(t2, h2, i3);
-    }, configurable: true, enumerable: true };
-  }
-  static getPropertyOptions(t2) {
-    return this.elementProperties.get(t2) ?? b;
-  }
-  static _$Ei() {
-    if (this.hasOwnProperty(d$1("elementProperties"))) return;
-    const t2 = n$2(this);
-    t2.finalize(), void 0 !== t2.l && (this.l = [...t2.l]), this.elementProperties = new Map(t2.elementProperties);
-  }
-  static finalize() {
-    if (this.hasOwnProperty(d$1("finalized"))) return;
-    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
-      const t3 = this.properties, s2 = [...r$3(t3), ...o$5(t3)];
-      for (const i3 of s2) this.createProperty(i3, t3[i3]);
-    }
-    const t2 = this[Symbol.metadata];
-    if (null !== t2) {
-      const s2 = litPropertyMetadata.get(t2);
-      if (void 0 !== s2) for (const [t3, i3] of s2) this.elementProperties.set(t3, i3);
-    }
-    this._$Eh = /* @__PURE__ */ new Map();
-    for (const [t3, s2] of this.elementProperties) {
-      const i3 = this._$Eu(t3, s2);
-      void 0 !== i3 && this._$Eh.set(i3, t3);
-    }
-    this.elementStyles = this.finalizeStyles(this.styles);
-  }
-  static finalizeStyles(s2) {
-    const i3 = [];
-    if (Array.isArray(s2)) {
-      const e3 = new Set(s2.flat(1 / 0).reverse());
-      for (const s3 of e3) i3.unshift(c$2(s3));
-    } else void 0 !== s2 && i3.push(c$2(s2));
-    return i3;
-  }
-  static _$Eu(t2, s2) {
-    const i3 = s2.attribute;
-    return false === i3 ? void 0 : "string" == typeof i3 ? i3 : "string" == typeof t2 ? t2.toLowerCase() : void 0;
-  }
-  constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
-  }
-  _$Ev() {
-    this._$ES = new Promise((t2) => this.enableUpdating = t2), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t2) => t2(this));
-  }
-  addController(t2) {
-    (this._$EO ??= /* @__PURE__ */ new Set()).add(t2), void 0 !== this.renderRoot && this.isConnected && t2.hostConnected?.();
-  }
-  removeController(t2) {
-    this._$EO?.delete(t2);
-  }
-  _$E_() {
-    const t2 = /* @__PURE__ */ new Map(), s2 = this.constructor.elementProperties;
-    for (const i3 of s2.keys()) this.hasOwnProperty(i3) && (t2.set(i3, this[i3]), delete this[i3]);
-    t2.size > 0 && (this._$Ep = t2);
-  }
-  createRenderRoot() {
-    const t2 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return S$1(t2, this.constructor.elementStyles), t2;
-  }
-  connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t2) => t2.hostConnected?.());
-  }
-  enableUpdating(t2) {
-  }
-  disconnectedCallback() {
-    this._$EO?.forEach((t2) => t2.hostDisconnected?.());
-  }
-  attributeChangedCallback(t2, s2, i3) {
-    this._$AK(t2, i3);
-  }
-  _$ET(t2, s2) {
-    const i3 = this.constructor.elementProperties.get(t2), e3 = this.constructor._$Eu(t2, i3);
-    if (void 0 !== e3 && true === i3.reflect) {
-      const h2 = (void 0 !== i3.converter?.toAttribute ? i3.converter : u$1).toAttribute(s2, i3.type);
-      this._$Em = t2, null == h2 ? this.removeAttribute(e3) : this.setAttribute(e3, h2), this._$Em = null;
-    }
-  }
-  _$AK(t2, s2) {
-    const i3 = this.constructor, e3 = i3._$Eh.get(t2);
-    if (void 0 !== e3 && this._$Em !== e3) {
-      const t3 = i3.getPropertyOptions(e3), h2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== t3.converter?.fromAttribute ? t3.converter : u$1;
-      this._$Em = e3, this[e3] = h2.fromAttribute(s2, t3.type) ?? this._$Ej?.get(e3) ?? null, this._$Em = null;
-    }
-  }
-  requestUpdate(t2, s2, i3) {
-    if (void 0 !== t2) {
-      const e3 = this.constructor, h2 = this[t2];
-      if (i3 ??= e3.getPropertyOptions(t2), !((i3.hasChanged ?? f$1)(h2, s2) || i3.useDefault && i3.reflect && h2 === this._$Ej?.get(t2) && !this.hasAttribute(e3._$Eu(t2, i3)))) return;
-      this.C(t2, s2, i3);
-    }
-    false === this.isUpdatePending && (this._$ES = this._$EP());
-  }
-  C(t2, s2, { useDefault: i3, reflect: e3, wrapped: h2 }, r2) {
-    i3 && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t2) && (this._$Ej.set(t2, r2 ?? s2 ?? this[t2]), true !== h2 || void 0 !== r2) || (this._$AL.has(t2) || (this.hasUpdated || i3 || (s2 = void 0), this._$AL.set(t2, s2)), true === e3 && this._$Em !== t2 && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t2));
-  }
-  async _$EP() {
-    this.isUpdatePending = true;
-    try {
-      await this._$ES;
-    } catch (t3) {
-      Promise.reject(t3);
-    }
-    const t2 = this.scheduleUpdate();
-    return null != t2 && await t2, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    if (!this.isUpdatePending) return;
-    if (!this.hasUpdated) {
-      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [t4, s3] of this._$Ep) this[t4] = s3;
-        this._$Ep = void 0;
-      }
-      const t3 = this.constructor.elementProperties;
-      if (t3.size > 0) for (const [s3, i3] of t3) {
-        const { wrapped: t4 } = i3, e3 = this[s3];
-        true !== t4 || this._$AL.has(s3) || void 0 === e3 || this.C(s3, void 0, i3, e3);
-      }
-    }
-    let t2 = false;
-    const s2 = this._$AL;
-    try {
-      t2 = this.shouldUpdate(s2), t2 ? (this.willUpdate(s2), this._$EO?.forEach((t3) => t3.hostUpdate?.()), this.update(s2)) : this._$EM();
-    } catch (s3) {
-      throw t2 = false, this._$EM(), s3;
-    }
-    t2 && this._$AE(s2);
-  }
-  willUpdate(t2) {
-  }
-  _$AE(t2) {
-    this._$EO?.forEach((t3) => t3.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t2)), this.updated(t2);
-  }
-  _$EM() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$ES;
-  }
-  shouldUpdate(t2) {
-    return true;
-  }
-  update(t2) {
-    this._$Eq &&= this._$Eq.forEach((t3) => this._$ET(t3, this[t3])), this._$EM();
-  }
-  updated(t2) {
-  }
-  firstUpdated(t2) {
-  }
-};
-y$1.elementStyles = [], y$1.shadowRootOptions = { mode: "open" }, y$1[d$1("elementProperties")] = /* @__PURE__ */ new Map(), y$1[d$1("finalized")] = /* @__PURE__ */ new Map(), p$1?.({ ReactiveElement: y$1 }), (a$1.reactiveElementVersions ??= []).push("2.1.0");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$3 = globalThis, i$2 = t$3.trustedTypes, s$1 = i$2 ? i$2.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e$5 = "$lit$", h = `lit$${Math.random().toFixed(9).slice(2)}$`, o$4 = "?" + h, n$1 = `<${o$4}>`, r$2 = document, l = () => r$2.createComment(""), c = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, a = Array.isArray, u = (t2) => a(t2) || "function" == typeof t2?.[Symbol.iterator], d = "[ 	\n\f\r]", f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, _ = />/g, m = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), p = /'/g, g = /"/g, $ = /^(?:script|style|textarea|title)$/i, y2 = (t2) => (i3, ...s2) => ({ _$litType$: t2, strings: i3, values: s2 }), x = y2(1), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = /* @__PURE__ */ new WeakMap(), C = r$2.createTreeWalker(r$2, 129);
-function P(t2, i3) {
-  if (!a(t2) || !t2.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return void 0 !== s$1 ? s$1.createHTML(i3) : i3;
-}
-const V = (t2, i3) => {
-  const s2 = t2.length - 1, o2 = [];
-  let r2, l2 = 2 === i3 ? "<svg>" : 3 === i3 ? "<math>" : "", c2 = f;
-  for (let i4 = 0; i4 < s2; i4++) {
-    const s3 = t2[i4];
-    let a2, u2, d2 = -1, y3 = 0;
-    for (; y3 < s3.length && (c2.lastIndex = y3, u2 = c2.exec(s3), null !== u2); ) y3 = c2.lastIndex, c2 === f ? "!--" === u2[1] ? c2 = v : void 0 !== u2[1] ? c2 = _ : void 0 !== u2[2] ? ($.test(u2[2]) && (r2 = RegExp("</" + u2[2], "g")), c2 = m) : void 0 !== u2[3] && (c2 = m) : c2 === m ? ">" === u2[0] ? (c2 = r2 ?? f, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c2.lastIndex - u2[2].length, a2 = u2[1], c2 = void 0 === u2[3] ? m : '"' === u2[3] ? g : p) : c2 === g || c2 === p ? c2 = m : c2 === v || c2 === _ ? c2 = f : (c2 = m, r2 = void 0);
-    const x2 = c2 === m && t2[i4 + 1].startsWith("/>") ? " " : "";
-    l2 += c2 === f ? s3 + n$1 : d2 >= 0 ? (o2.push(a2), s3.slice(0, d2) + e$5 + s3.slice(d2) + h + x2) : s3 + h + (-2 === d2 ? i4 : x2);
-  }
-  return [P(t2, l2 + (t2[s2] || "<?>") + (2 === i3 ? "</svg>" : 3 === i3 ? "</math>" : "")), o2];
-};
-class N {
-  constructor({ strings: t2, _$litType$: s2 }, n3) {
-    let r2;
-    this.parts = [];
-    let c2 = 0, a2 = 0;
-    const u2 = t2.length - 1, d2 = this.parts, [f2, v2] = V(t2, s2);
-    if (this.el = N.createElement(f2, n3), C.currentNode = this.el.content, 2 === s2 || 3 === s2) {
-      const t3 = this.el.content.firstChild;
-      t3.replaceWith(...t3.childNodes);
-    }
-    for (; null !== (r2 = C.nextNode()) && d2.length < u2; ) {
-      if (1 === r2.nodeType) {
-        if (r2.hasAttributes()) for (const t3 of r2.getAttributeNames()) if (t3.endsWith(e$5)) {
-          const i3 = v2[a2++], s3 = r2.getAttribute(t3).split(h), e3 = /([.?@])?(.*)/.exec(i3);
-          d2.push({ type: 1, index: c2, name: e3[2], strings: s3, ctor: "." === e3[1] ? H : "?" === e3[1] ? I : "@" === e3[1] ? L : k }), r2.removeAttribute(t3);
-        } else t3.startsWith(h) && (d2.push({ type: 6, index: c2 }), r2.removeAttribute(t3));
-        if ($.test(r2.tagName)) {
-          const t3 = r2.textContent.split(h), s3 = t3.length - 1;
-          if (s3 > 0) {
-            r2.textContent = i$2 ? i$2.emptyScript : "";
-            for (let i3 = 0; i3 < s3; i3++) r2.append(t3[i3], l()), C.nextNode(), d2.push({ type: 2, index: ++c2 });
-            r2.append(t3[s3], l());
-          }
-        }
-      } else if (8 === r2.nodeType) if (r2.data === o$4) d2.push({ type: 2, index: c2 });
-      else {
-        let t3 = -1;
-        for (; -1 !== (t3 = r2.data.indexOf(h, t3 + 1)); ) d2.push({ type: 7, index: c2 }), t3 += h.length - 1;
-      }
-      c2++;
-    }
-  }
-  static createElement(t2, i3) {
-    const s2 = r$2.createElement("template");
-    return s2.innerHTML = t2, s2;
-  }
-}
-function S(t2, i3, s2 = t2, e3) {
-  if (i3 === T) return i3;
-  let h2 = void 0 !== e3 ? s2._$Co?.[e3] : s2._$Cl;
-  const o2 = c(i3) ? void 0 : i3._$litDirective$;
-  return h2?.constructor !== o2 && (h2?._$AO?.(false), void 0 === o2 ? h2 = void 0 : (h2 = new o2(t2), h2._$AT(t2, s2, e3)), void 0 !== e3 ? (s2._$Co ??= [])[e3] = h2 : s2._$Cl = h2), void 0 !== h2 && (i3 = S(t2, h2._$AS(t2, i3.values), h2, e3)), i3;
-}
-class M {
-  constructor(t2, i3) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i3;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(t2) {
-    const { el: { content: i3 }, parts: s2 } = this._$AD, e3 = (t2?.creationScope ?? r$2).importNode(i3, true);
-    C.currentNode = e3;
-    let h2 = C.nextNode(), o2 = 0, n3 = 0, l2 = s2[0];
-    for (; void 0 !== l2; ) {
-      if (o2 === l2.index) {
-        let i4;
-        2 === l2.type ? i4 = new R(h2, h2.nextSibling, this, t2) : 1 === l2.type ? i4 = new l2.ctor(h2, l2.name, l2.strings, this, t2) : 6 === l2.type && (i4 = new z(h2, this, t2)), this._$AV.push(i4), l2 = s2[++n3];
-      }
-      o2 !== l2?.index && (h2 = C.nextNode(), o2++);
-    }
-    return C.currentNode = r$2, e3;
-  }
-  p(t2) {
-    let i3 = 0;
-    for (const s2 of this._$AV) void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t2, s2, i3), i3 += s2.strings.length - 2) : s2._$AI(t2[i3])), i3++;
-  }
-}
-class R {
-  get _$AU() {
-    return this._$AM?._$AU ?? this._$Cv;
-  }
-  constructor(t2, i3, s2, e3) {
-    this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t2, this._$AB = i3, this._$AM = s2, this.options = e3, this._$Cv = e3?.isConnected ?? true;
-  }
-  get parentNode() {
-    let t2 = this._$AA.parentNode;
-    const i3 = this._$AM;
-    return void 0 !== i3 && 11 === t2?.nodeType && (t2 = i3.parentNode), t2;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t2, i3 = this) {
-    t2 = S(this, t2, i3), c(t2) ? t2 === E || null == t2 || "" === t2 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t2 !== this._$AH && t2 !== T && this._(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : u(t2) ? this.k(t2) : this._(t2);
-  }
-  O(t2) {
-    return this._$AA.parentNode.insertBefore(t2, this._$AB);
-  }
-  T(t2) {
-    this._$AH !== t2 && (this._$AR(), this._$AH = this.O(t2));
-  }
-  _(t2) {
-    this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(r$2.createTextNode(t2)), this._$AH = t2;
-  }
-  $(t2) {
-    const { values: i3, _$litType$: s2 } = t2, e3 = "number" == typeof s2 ? this._$AC(t2) : (void 0 === s2.el && (s2.el = N.createElement(P(s2.h, s2.h[0]), this.options)), s2);
-    if (this._$AH?._$AD === e3) this._$AH.p(i3);
-    else {
-      const t3 = new M(e3, this), s3 = t3.u(this.options);
-      t3.p(i3), this.T(s3), this._$AH = t3;
-    }
-  }
-  _$AC(t2) {
-    let i3 = A.get(t2.strings);
-    return void 0 === i3 && A.set(t2.strings, i3 = new N(t2)), i3;
-  }
-  k(t2) {
-    a(this._$AH) || (this._$AH = [], this._$AR());
-    const i3 = this._$AH;
-    let s2, e3 = 0;
-    for (const h2 of t2) e3 === i3.length ? i3.push(s2 = new R(this.O(l()), this.O(l()), this, this.options)) : s2 = i3[e3], s2._$AI(h2), e3++;
-    e3 < i3.length && (this._$AR(s2 && s2._$AB.nextSibling, e3), i3.length = e3);
-  }
-  _$AR(t2 = this._$AA.nextSibling, i3) {
-    for (this._$AP?.(false, true, i3); t2 && t2 !== this._$AB; ) {
-      const i4 = t2.nextSibling;
-      t2.remove(), t2 = i4;
-    }
-  }
-  setConnected(t2) {
-    void 0 === this._$AM && (this._$Cv = t2, this._$AP?.(t2));
-  }
-}
-class k {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(t2, i3, s2, e3, h2) {
-    this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t2, this.name = i3, this._$AM = e3, this.options = h2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = E;
-  }
-  _$AI(t2, i3 = this, s2, e3) {
-    const h2 = this.strings;
-    let o2 = false;
-    if (void 0 === h2) t2 = S(this, t2, i3, 0), o2 = !c(t2) || t2 !== this._$AH && t2 !== T, o2 && (this._$AH = t2);
-    else {
-      const e4 = t2;
-      let n3, r2;
-      for (t2 = h2[0], n3 = 0; n3 < h2.length - 1; n3++) r2 = S(this, e4[s2 + n3], i3, n3), r2 === T && (r2 = this._$AH[n3]), o2 ||= !c(r2) || r2 !== this._$AH[n3], r2 === E ? t2 = E : t2 !== E && (t2 += (r2 ?? "") + h2[n3 + 1]), this._$AH[n3] = r2;
-    }
-    o2 && !e3 && this.j(t2);
-  }
-  j(t2) {
-    t2 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 ?? "");
-  }
-}
-class H extends k {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t2) {
-    this.element[this.name] = t2 === E ? void 0 : t2;
-  }
-}
-class I extends k {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t2) {
-    this.element.toggleAttribute(this.name, !!t2 && t2 !== E);
-  }
-}
-class L extends k {
-  constructor(t2, i3, s2, e3, h2) {
-    super(t2, i3, s2, e3, h2), this.type = 5;
-  }
-  _$AI(t2, i3 = this) {
-    if ((t2 = S(this, t2, i3, 0) ?? E) === T) return;
-    const s2 = this._$AH, e3 = t2 === E && s2 !== E || t2.capture !== s2.capture || t2.once !== s2.once || t2.passive !== s2.passive, h2 = t2 !== E && (s2 === E || e3);
-    e3 && this.element.removeEventListener(this.name, this, s2), h2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
-  }
-  handleEvent(t2) {
-    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t2) : this._$AH.handleEvent(t2);
-  }
-}
-class z {
-  constructor(t2, i3, s2) {
-    this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i3, this.options = s2;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t2) {
-    S(this, t2);
-  }
-}
-const j = t$3.litHtmlPolyfillSupport;
-j?.(N, R), (t$3.litHtmlVersions ??= []).push("3.3.0");
-const B = (t2, i3, s2) => {
-  const e3 = s2?.renderBefore ?? i3;
-  let h2 = e3._$litPart$;
-  if (void 0 === h2) {
-    const t3 = s2?.renderBefore ?? null;
-    e3._$litPart$ = h2 = new R(i3.insertBefore(l(), t3), t3, void 0, s2 ?? {});
-  }
-  return h2._$AI(t2), h2;
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const s = globalThis;
-let i$1 = class i extends y$1 {
-  constructor() {
-    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
-  }
-  createRenderRoot() {
-    const t2 = super.createRenderRoot();
-    return this.renderOptions.renderBefore ??= t2.firstChild, t2;
-  }
-  update(t2) {
-    const r2 = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t2), this._$Do = B(r2, this.renderRoot, this.renderOptions);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._$Do?.setConnected(true);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._$Do?.setConnected(false);
-  }
-  render() {
-    return T;
-  }
-};
-i$1._$litElement$ = true, i$1["finalized"] = true, s.litElementHydrateSupport?.({ LitElement: i$1 });
-const o$3 = s.litElementPolyfillSupport;
-o$3?.({ LitElement: i$1 });
-(s.litElementVersions ??= []).push("4.2.0");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$2 = (t2) => (e3, o2) => {
-  void 0 !== o2 ? o2.addInitializer(() => {
-    customElements.define(t2, e3);
-  }) : customElements.define(t2, e3);
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const o$2 = { attribute: true, type: String, converter: u$1, reflect: false, hasChanged: f$1 }, r$1 = (t2 = o$2, e3, r2) => {
-  const { kind: n3, metadata: i3 } = r2;
-  let s2 = globalThis.litPropertyMetadata.get(i3);
-  if (void 0 === s2 && globalThis.litPropertyMetadata.set(i3, s2 = /* @__PURE__ */ new Map()), "setter" === n3 && ((t2 = Object.create(t2)).wrapped = true), s2.set(r2.name, t2), "accessor" === n3) {
-    const { name: o2 } = r2;
-    return { set(r3) {
-      const n4 = e3.get.call(this);
-      e3.set.call(this, r3), this.requestUpdate(o2, n4, t2);
-    }, init(e4) {
-      return void 0 !== e4 && this.C(o2, void 0, t2, e4), e4;
-    } };
-  }
-  if ("setter" === n3) {
-    const { name: o2 } = r2;
-    return function(r3) {
-      const n4 = this[o2];
-      e3.call(this, r3), this.requestUpdate(o2, n4, t2);
-    };
-  }
-  throw Error("Unsupported decorator location: " + n3);
-};
-function n2(t2) {
-  return (e3, o2) => "object" == typeof o2 ? r$1(t2, e3, o2) : ((t3, e4, o3) => {
-    const r2 = e4.hasOwnProperty(o3);
-    return e4.constructor.createProperty(o3, t3), r2 ? Object.getOwnPropertyDescriptor(e4, o3) : void 0;
-  })(t2, e3, o2);
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function r(r2) {
-  return n2({ ...r2, state: true, attribute: false });
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const e$4 = (e3, t2, c2) => (c2.configurable = true, c2.enumerable = true, Reflect.decorate && "object" != typeof t2 && Object.defineProperty(e3, t2, c2), c2);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function e$3(e3, r2) {
-  return (n3, s2, i3) => {
-    const o2 = (t2) => t2.renderRoot?.querySelector(e3) ?? null;
-    return e$4(n3, s2, { get() {
-      return o2(this);
-    } });
-  };
-}
-function guardedCustomElement(tagName) {
-  return (cls) => {
-    if (!customElements.get(tagName)) {
-      t$2(tagName)(cls);
-    }
-  };
-}
-const styles$g = i$4`
+const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,e=Symbol(),o=/* @__PURE__ */new WeakMap;let r=class{constructor(t,s,o){if(this._$cssResult$=!0,o!==e)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}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=o.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&o.set(e,t))}return t}toString(){return this.cssText}};const a=(t,...s)=>{const o=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 r(o,t,e)},i=s?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let s="";for(const e of t.cssRules)s+=e.cssText;return(t=>new r("string"==typeof t?t:t+"",void 0,e))(s)})(t):t,{is:d,defineProperty:n,getOwnPropertyDescriptor:l,getOwnPropertyNames:c,getOwnPropertySymbols:h,getPrototypeOf:p}=Object,g=globalThis,v=g.trustedTypes,u=v?v.emptyScript:"",f=g.reactiveElementPolyfillSupport,b=(t,s)=>t,_={toAttribute(t,s){switch(s){case Boolean:t=t?u: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)=>!d(t,s),m={attribute:!0,type:String,converter:_,reflect:!1,useDefault:!1,hasChanged:x};Symbol.metadata??=Symbol("metadata"),g.litPropertyMetadata??=/* @__PURE__ */new WeakMap;let y=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=m){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=Symbol(),o=this.getPropertyDescriptor(t,e,s);void 0!==o&&n(this.prototype,t,o)}}static getPropertyDescriptor(t,s,e){const{get:o,set:r}=l(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)??m}static _$Ei(){if(this.hasOwnProperty(b("elementProperties")))return;const t=p(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(b("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(b("properties"))){const t=this.properties,s=[...c(t),...h(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(i(t))}else void 0!==t&&s.push(i(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 e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,o)=>{if(s)e.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const s of o){const o=document.createElement("style"),r=t.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=s.cssText,e.appendChild(o)}})(e,this.constructor.elementStyles),e}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:_).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:_;this._$Em=o,this[o]=r.fromAttribute(s,t.type)??this._$Ej?.get(o)??null,this._$Em=null}}requestUpdate(t,s,e){if(void 0!==t){const o=this.constructor,r=this[t];if(e??=o.getPropertyOptions(t),!((e.hasChanged??x)(r,s)||e.useDefault&&e.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(o._$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){}};y.elementStyles=[],y.shadowRootOptions={mode:"open"},y[b("elementProperties")]=/* @__PURE__ */new Map,y[b("finalized")]=/* @__PURE__ */new Map,f?.({ReactiveElement:y}),(g.reactiveElementVersions??=[]).push("2.1.0");const w=globalThis,k=w.trustedTypes,z=k?k.createPolicy("lit-html",{createHTML:t=>t}):void 0,$="$lit$",S=`lit$${Math.random().toFixed(9).slice(2)}$`,C="?"+S,E=`<${C}>`,A=document,q=()=>A.createComment(""),O=t=>null===t||"object"!=typeof t&&"function"!=typeof t,P=Array.isArray,D="[ \t\n\f\r]",M=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,V=/-->/g,R=/>/g,T=RegExp(`>|${D}(?:([^\\s"'>=/]+)(${D}*=${D}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),L=/'/g,B=/"/g,I=/^(?:script|style|textarea|title)$/i,j=(G=1,(t,...s)=>({_$litType$:G,strings:t,values:s})),N=Symbol.for("lit-noChange"),U=Symbol.for("lit-nothing"),F=/* @__PURE__ */new WeakMap,H=A.createTreeWalker(A,129);var G;function K(t,s){if(!P(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==z?z.createHTML(s):s}class W{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=M;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===M?"!--"===n[1]?i=V:void 0!==n[1]?i=R:void 0!==n[2]?(I.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=T):void 0!==n[3]&&(i=T):i===T?">"===n[0]?(i=r??M,l=-1):void 0===n[1]?l=-2:(l=i.lastIndex-n[2].length,e=n[1],i=void 0===n[3]?T:'"'===n[3]?B:L):i===B||i===L?i=T:i===V||i===R?i=M:(i=T,r=void 0);const h=i===T&&t[d+1].startsWith("/>")?" ":"";a+=i===M?s+E:l>=0?(o.push(e),s.slice(0,l)+$+s.slice(l)+S+h):s+S+(-2===l?d:h)}return[K(t,a+(t[e]||"<?>")+(2===s?"</svg>":3===s?"</math>":"")),o]})(t,s);if(this.el=W.createElement(n,e),H.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=H.nextNode())&&d.length<i;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith($)){const s=l[a++],e=o.getAttribute(t).split(S),i=/([.?@])?(.*)/.exec(s);d.push({type:1,index:r,name:i[2],strings:e,ctor:"."===i[1]?J:"?"===i[1]?tt:"@"===i[1]?st:Y}),o.removeAttribute(t)}else t.startsWith(S)&&(d.push({type:6,index:r}),o.removeAttribute(t));if(I.test(o.tagName)){const t=o.textContent.split(S),s=t.length-1;if(s>0){o.textContent=k?k.emptyScript:"";for(let e=0;e<s;e++)o.append(t[e],q()),H.nextNode(),d.push({type:2,index:++r});o.append(t[s],q())}}}else if(8===o.nodeType)if(o.data===C)d.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(S,t+1));)d.push({type:7,index:r}),t+=S.length-1}r++}}static createElement(t,s){const e=A.createElement("template");return e.innerHTML=t,e}}function Z(t,s,e=t,o){if(s===N)return s;let r=void 0!==o?e._$Co?.[o]:e._$Cl;const a=O(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=Z(t,r._$AS(t,s.values),r,o)),s}class Q{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??A).importNode(s,!0);H.currentNode=o;let r=H.nextNode(),a=0,i=0,d=e[0];for(;void 0!==d;){if(a===d.index){let s;2===d.type?s=new X(r,r.nextSibling,this,t):1===d.type?s=new d.ctor(r,d.name,d.strings,this,t):6===d.type&&(s=new et(r,this,t)),this._$AV.push(s),d=e[++i]}a!==d?.index&&(r=H.nextNode(),a++)}return H.currentNode=A,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 X{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,s,e,o){this.type=2,this._$AH=U,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=Z(this,t,s),O(t)?t===U||null==t||""===t?(this._$AH!==U&&this._$AR(),this._$AH=U):t!==this._$AH&&t!==N&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>P(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!==U&&O(this._$AH)?this._$AA.nextSibling.data=t:this.T(A.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=W.createElement(K(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===o)this._$AH.p(s);else{const t=new Q(o,this),e=t.u(this.options);t.p(s),this.T(e),this._$AH=t}}_$AC(t){let s=F.get(t.strings);return void 0===s&&F.set(t.strings,s=new W(t)),s}k(t){P(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 X(this.O(q()),this.O(q()),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&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class Y{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,e,o,r){this.type=1,this._$AH=U,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=U}_$AI(t,s=this,e,o){const r=this.strings;let a=!1;if(void 0===r)t=Z(this,t,s,0),a=!O(t)||t!==this._$AH&&t!==N,a&&(this._$AH=t);else{const o=t;let i,d;for(t=r[0],i=0;i<r.length-1;i++)d=Z(this,o[e+i],s,i),d===N&&(d=this._$AH[i]),a||=!O(d)||d!==this._$AH[i],d===U?t=U:t!==U&&(t+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(t)}j(t){t===U?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class J extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===U?void 0:t}}class tt extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==U)}}class st extends Y{constructor(t,s,e,o,r){super(t,s,e,o,r),this.type=5}_$AI(t,s=this){if((t=Z(this,t,s,0)??U)===N)return;const e=this._$AH,o=t===U&&e!==U||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,r=t!==U&&(e===U||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 et{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){Z(this,t)}}const ot=w.litHtmlPolyfillSupport;ot?.(W,X),(w.litHtmlVersions??=[]).push("3.3.0");const rt=globalThis;let at=class extends y{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 X(s.insertBefore(q(),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 N}};at._$litElement$=!0,at.finalized=!0,rt.litElementHydrateSupport?.({LitElement:at});const it=rt.litElementPolyfillSupport;it?.({LitElement:at}),(rt.litElementVersions??=[]).push("4.2.0");const dt={attribute:!0,type:String,converter:_,reflect:!1,hasChanged:x},nt=(t=dt,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)},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)}}throw Error("Unsupported decorator location: "+o)};function lt(t){return(s,e)=>"object"==typeof e?nt(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 ct(t){return lt({...t,state:!0,attribute:!1})}function ht(t,s){return(s,e,o)=>((t,s,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&"object"!=typeof s&&Object.defineProperty(t,s,e),e))(s,e,{get(){return(s=>s.renderRoot?.querySelector(t)??null)(this)}})}function pt(t){return s=>{customElements.get(t)||(t=>(s,e)=>{void 0!==e?e.addInitializer((()=>{customElements.define(t,s)})):customElements.define(t,s)})(t)(s)}}const gt=a`
 	:host {
 		--_sds-alert-background-color: var(--sds-alert-background-color, var(--sds-color-alert-info-surface-tinted));
 
@@ -619,6 +25,8 @@ const styles$g = i$4`
 		--_sds-alert-max-line-width: var(--sds-alert-max-line-width, var(--sds-typography-max-line-width));
 		--_sds-alert-padding: var(--sds-alert-padding, var(--sds-spacing-sm));
 
+		--sds-icon-color: var(--sds-alert-icon-color, var(--_sds-alert-icon-color));
+
 		display: block;
 	}
 
@@ -764,142 +172,7 @@ const styles$g = i$4`
 		margin: 0 !important;
 		max-width: var(--_sds-alert-max-line-width) !important;
 	}
-`;
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const o$1 = (o2) => o2 ?? E;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$1 = { ATTRIBUTE: 1, CHILD: 2 }, e$2 = (t2) => (...e3) => ({ _$litDirective$: t2, values: e3 });
-class i2 {
-  constructor(t2) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(t2, e3, i3) {
-    this._$Ct = t2, this._$AM = e3, this._$Ci = i3;
-  }
-  _$AS(t2, e3) {
-    return this.update(t2, e3);
-  }
-  update(t2, e3) {
-    return this.render(...e3);
-  }
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let e$1 = class e extends i2 {
-  constructor(i3) {
-    if (super(i3), this.it = E, i3.type !== t$1.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(r2) {
-    if (r2 === E || null == r2) return this._t = void 0, this.it = r2;
-    if (r2 === T) return r2;
-    if ("string" != typeof r2) throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (r2 === this.it) return this._t;
-    this.it = r2;
-    const s2 = [r2];
-    return s2.raw = s2, this._t = { _$litType$: this.constructor.resultType, strings: s2, values: [] };
-  }
-};
-e$1.directiveName = "unsafeHTML", e$1.resultType = 1;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class t extends e$1 {
-}
-t.directiveName = "unsafeSVG", t.resultType = 2;
-const o = e$2(t);
-const SYSTEM_ICONS = [
-  "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"
-];
-const isSystemIcon = (name) => {
-  return SYSTEM_ICONS.includes(name);
-};
-const systemIcons = {
-  "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>`
-};
-const loadLocalIcons = (name) => import(`@politiet/sheriff-icons/dist/assets/${name}.js`).then(({ default: svg }) => {
-  return svg;
-}).catch((error) => {
-  console.log(error);
-});
-const loadCdnIcons = (name) => fetch(`https://cdn.jsdelivr.net/npm/@politiet/sheriff-icons/dist/assets/${name}.svg`).then((response) => {
-  if (!response.ok) {
-    throw new TypeError(`Sheriff: unknown icon: '${name}'`);
-  }
-  return response.text();
-});
-class SDSIconLoader {
-  constructor() {
-    this.cache = /* @__PURE__ */ new Map();
-    this._loadLocal = false;
-    this._disableSystemIcons = false;
-    this.resolver = this._loadLocal ? loadLocalIcons : loadCdnIcons;
-  }
-  get loadLocal() {
-    return this._loadLocal;
-  }
-  set loadLocal(value) {
-    this._loadLocal = value;
-    this.resolver = value ? loadLocalIcons : loadCdnIcons;
-  }
-  set disableSystemIcons(value) {
-    this._disableSystemIcons = value;
-  }
-  resolve(name, onResolved) {
-    if (!this._disableSystemIcons && isSystemIcon(name)) {
-      onResolved(systemIcons[name]);
-      return;
-    }
-    let cached = this.cache.get(name);
-    if (typeof cached === "string") {
-      onResolved(cached);
-      return;
-    }
-    if (!cached) {
-      cached = this.resolver(name).catch(() => "").then((svg) => {
-        this.cache.set(name, svg);
-        return svg;
-      });
-      this.cache.set(name, cached);
-    }
-    cached.then(onResolved);
-  }
-  clear() {
-    this.cache.clear();
-  }
-  get currentLoader() {
-    return this.resolver;
-  }
-}
-const styles$f = i$4`
+`,vt=t=>t??U,ut=1,ft=2,bt=t=>(...s)=>({_$litDirective$:t,values:s});class _t{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 xt=class extends _t{constructor(t){if(super(t),this.it=U,t.type!==ft)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===U||null==t)return this._t=void 0,this.it=t;if(t===N)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:[]}}};xt.directiveName="unsafeHTML",xt.resultType=1;class mt extends xt{}mt.directiveName="unsafeSVG",mt.resultType=2;const yt=bt(mt),wt=["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"],kt={"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>'},zt=t=>import(`@politiet/sheriff-icons/dist/assets/${t}.js`).then((({default:t})=>t)).catch((t=>{console.log(t)})),$t=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 St=a`
 	: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)));
@@ -931,108 +204,11 @@ const styles$f = i$4`
 		height: 100%;
 		overflow: hidden;
 	}
-`;
-var __defProp$g = Object.defineProperty;
-var __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;
-var __decorateClass$g = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$g(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$g(target, key, result);
-  return result;
-};
-let SDSIcon = class extends i$1 {
-  constructor() {
-    super(...arguments);
-    this.name = "";
-    this.color = "";
-    this.label = "";
-    this.svg = "";
-  }
-  static setLoadLocal(loadLocal) {
-    this.iconLoader.loadLocal = loadLocal;
-  }
-  static registerResolver(resolver) {
-    this.iconLoader.resolver = resolver;
-  }
-  render() {
-    return x`
-			<div class="sds-icon" role="${o$1(this.label ? "img" : void 0)}" style="${o$1(this.color ? `color:${this.color}` : void 0)}" aria-label="${o$1(this.label)}">
-				${this.name ? x`<slot aria-hidden="true">${o(this.svg)}</slot>` : x`<slot aria-hidden="true"></slot>`}
+`;var Ct=Object.defineProperty,Et=Object.getOwnPropertyDescriptor,At=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Et(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&&Ct(s,e,a),a};let qt=class extends at{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 j`
+			<div class="sds-icon" role="${vt(this.label?"img":void 0)}" style="${vt(this.color?`color:${this.color}`:void 0)}" aria-label="${vt(this.label)}">
+				${this.name?j`<slot aria-hidden="true">${yt(this.svg)}</slot>`:j`<slot aria-hidden="true"></slot>`}
 			</div>
-		`;
-  }
-  /**
-   * Wraps the icon loader's callback in a promise. Even if the loader
-   * calls the callback synchronously, awaiting the promise defers the
-   * property update to the next microtask.
-   */
-  async fetchIcon() {
-    if (!this.name) {
-      this.svg = "";
-      return;
-    }
-    const svg = await new Promise((resolve) => {
-      SDSIcon.iconLoader.resolve(this.name, resolve);
-    });
-    this.svg = svg;
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    if (changedProperties.has("name") && this.name) {
-      void this.fetchIcon();
-    }
-  }
-};
-SDSIcon.styles = [styles$f];
-SDSIcon.iconLoader = new SDSIconLoader();
-__decorateClass$g([
-  n2({ type: String, reflect: true })
-], SDSIcon.prototype, "name", 2);
-__decorateClass$g([
-  n2({ type: String, reflect: true })
-], SDSIcon.prototype, "size", 2);
-__decorateClass$g([
-  n2({ type: String, reflect: true })
-], SDSIcon.prototype, "color", 2);
-__decorateClass$g([
-  n2({ type: String, reflect: true })
-], SDSIcon.prototype, "label", 2);
-__decorateClass$g([
-  r()
-], SDSIcon.prototype, "svg", 2);
-SDSIcon = __decorateClass$g([
-  guardedCustomElement("sds-icon")
-], SDSIcon);
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const e2 = e$2(class extends i2 {
-  constructor(t2) {
-    if (super(t2), t2.type !== t$1.ATTRIBUTE || "class" !== t2.name || t2.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
-  }
-  render(t2) {
-    return " " + Object.keys(t2).filter((s2) => t2[s2]).join(" ") + " ";
-  }
-  update(s2, [i3]) {
-    if (void 0 === this.st) {
-      this.st = /* @__PURE__ */ new Set(), void 0 !== s2.strings && (this.nt = new Set(s2.strings.join(" ").split(/\s/).filter((t2) => "" !== t2)));
-      for (const t2 in i3) i3[t2] && !this.nt?.has(t2) && this.st.add(t2);
-      return this.render(i3);
-    }
-    const r2 = s2.element.classList;
-    for (const t2 of this.st) t2 in i3 || (r2.remove(t2), this.st.delete(t2));
-    for (const t2 in i3) {
-      const s3 = !!i3[t2];
-      s3 === this.st.has(t2) || this.nt?.has(t2) || (s3 ? (r2.add(t2), this.st.add(t2)) : (r2.remove(t2), this.st.delete(t2)));
-    }
-    return T;
-  }
-});
-const styles$e = i$4`
+		`}async fetchIcon(){if(!this.name)return void(this.svg="");const t=await new Promise((t=>{qt.iconLoader.resolve(this.name,t)}));this.svg=t}updated(t){super.updated(t),t.has("name")&&this.name&&this.fetchIcon()}};qt.styles=[St],qt.iconLoader=new class{constructor(){this.cache=/* @__PURE__ */new Map,this._loadLocal=!1,this._disableSystemIcons=!1,this.resolver=this._loadLocal?zt:$t}get loadLocal(){return this._loadLocal}set loadLocal(t){this._loadLocal=t,this.resolver=t?zt:$t}set disableSystemIcons(t){this._disableSystemIcons=t}resolve(t,s){if(!this._disableSystemIcons&&(t=>wt.includes(t))(t))return void s(kt[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}},At([lt({type:String,reflect:!0})],qt.prototype,"name",2),At([lt({type:String,reflect:!0})],qt.prototype,"size",2),At([lt({type:String,reflect:!0})],qt.prototype,"color",2),At([lt({type:String,reflect:!0})],qt.prototype,"label",2),At([ct()],qt.prototype,"svg",2),qt=At([pt("sds-icon")],qt);const Ot=bt(class extends _t{constructor(t){if(super(t),t.type!==ut||"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 N}}),Pt=a`
 	: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)));
@@ -1042,7 +218,7 @@ const styles$e = i$4`
 		--_sds-button-focus-inner-color: var(--sds-button-focus-inner-color, var(--sds-color-states-focus-inner));
 		--_sds-button-focus-spacing: var(--sds-button-focus-spacing, var(--sds-color-states-focus-spacing));
 		--_sds-button-font-family: var(--sds-button-font, var(--sds-typography-font-family-roboto));
-		--_sds-button-font-size: var(--sds-button-font-size, var(--sds-typography-body-md-desktop-font-size));
+		--_sds-button-font-size: var(--sds-button-font-size, var(--sds-components-font-size-content-lg));
 		--_sds-button-font-weight: var(--sds-button-font-weight, var(--sds-typography-body-md-strong-desktop-font-weight));
 		--_sds-button-gap: var(--sds-button-gap, var(--sds-spacing-3xs));
 		--_sds-button-line-height: var(--sds-button-line-height, var(--sds-typography-body-md-desktop-line-height));
@@ -1165,6 +341,7 @@ const styles$e = i$4`
 		--_sds-button-min-height: var(--sds-button-height, var(--sds-components-button-md));
 		--_sds-button-padding-block: var(--sds-button-padding-block, var(--sds-spacing-4xs));
 		--_sds-button-padding-inline: var(--sds-button-padding-inline, var(--sds-spacing-3xs));
+		--_sds-button-font-size: var(--sds-button-font-size, var(--sds-components-font-size-content-md));
 
 		&:host([variant='tertiary']) {
 			--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);
@@ -1176,7 +353,7 @@ const styles$e = i$4`
 		--_sds-button-min-height: var(--sds-button-height, var(--sds-components-button-sm));
 		--_sds-button-padding-block: var(--sds-button-padding-block, 0);
 		--_sds-button-padding-inline: var(--sds-button-padding-inline, var(--sds-spacing-3xs));
-		font-size: 0.875rem;
+		--_sds-button-font-size: var(--sds-button-font-size, var(--sds-components-font-size-content-sm));
 
 		&:host([variant='tertiary']) {
 			--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);
@@ -1187,251 +364,39 @@ const styles$e = i$4`
 		--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);
 		min-width: var(--_sds-button-min-height);
 	}
-`;
-var __defProp$f = Object.defineProperty;
-var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
-var __decorateClass$f = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$f(target, key, result);
-  return result;
-};
-let SDSButton = class extends i$1 {
-  constructor() {
-    super();
-    this.disabled = false;
-    this.icon = false;
-    this.loading = false;
-    this.size = "lg";
-    this.type = "button";
-    this.value = "";
-    this.variant = "primary";
-    this._handleClick = (event) => {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-      if (!this.disabled) {
-        switch (this.type) {
-          case "submit": {
-            const submitEvent = new CustomEvent("submit", {
-              bubbles: true,
-              composed: true,
-              cancelable: true
-            });
-            const shouldSubmit = this.dispatchEvent(submitEvent);
-            if (shouldSubmit) {
-              if (this.form) {
-                const root = this.getRootNode();
-                const formElement = root.querySelector(`form#${this.form}`);
-                formElement?.requestSubmit();
-              } else if (this.internals.form) {
-                this.internals.form.requestSubmit();
-              }
-            }
-            break;
-          }
-          case "reset": {
-            const resetEvent = new CustomEvent("reset", {
-              bubbles: true,
-              composed: true,
-              cancelable: true
-            });
-            const shouldReset = this.dispatchEvent(resetEvent);
-            if (shouldReset) {
-              if (this.form) {
-                const root = this.getRootNode();
-                const formElement = root.querySelector(`form#${this.form}`);
-                formElement?.reset();
-              } else if (this.internals.form) {
-                this.internals.form.reset();
-              }
-            }
-            break;
-          }
-          default:
-            this.dispatchEvent(
-              new CustomEvent("click", {
-                bubbles: true,
-                composed: true
-              })
-            );
-        }
-      }
-    };
-    this.internals = this.attachInternals();
-    this.attachShadow({ mode: "open", delegatesFocus: true });
-  }
-  updated(changed) {
-    if (changed.has("variant") && this.variant === "critical") {
-      this.setAttribute("data-palette", "danger");
-    }
-  }
-  focus() {
-    if (!this.disabled) this.shadowRoot?.querySelector("button")?.focus();
-  }
-  blur() {
-    if (!this.disabled) this.shadowRoot?.querySelector("button")?.blur();
-  }
-  click() {
-    if (!this.disabled) this.shadowRoot?.querySelector("button")?.click();
-  }
-  render() {
-    const buttonClasses = {
-      "sds-button": true,
-      "sds-button--as-link": !!this.href
-    };
-    if (this.href) {
-      return x` <a id="link" class="${e2(buttonClasses)}" href="${this.href}" target="${o$1(this.target)}">
+`;var Dt=Object.defineProperty,Mt=Object.getOwnPropertyDescriptor,Vt=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Mt(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&&Dt(s,e,a),a};let Rt=class extends at{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":{const t=new CustomEvent("submit",{bubbles:!0,composed:!0,cancelable:!0});if(this.dispatchEvent(t))if(this.form){const t=this.getRootNode().querySelector(`form#${this.form}`);t?.requestSubmit()}else this.internals.form&&this.internals.form.requestSubmit();break}case"reset":{const t=new CustomEvent("reset",{bubbles:!0,composed:!0,cancelable:!0});if(this.dispatchEvent(t))if(this.form){const t=this.getRootNode().querySelector(`form#${this.form}`);t?.reset()}else this.internals.form&&this.internals.form.reset();break}default:this.dispatchEvent(new CustomEvent("click",{bubbles:!0,composed:!0}))}},this.internals=this.attachInternals(),this.attachShadow({mode:"open",delegatesFocus:!0})}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?j` <a id="link" class="${Ot(t)}" href="${this.href}" target="${vt(this.target)}">
 				<slot name="before"></slot>
 				<slot></slot>
 				<slot name="after"></slot>
-			</a>`;
-    }
-    return x`
+			</a>`:j`
 			<button
 				id="control"
-				form="${o$1(this.form)}"
-				class="${e2(buttonClasses)}"
+				form="${vt(this.form)}"
+				class="${Ot(t)}"
 				type="${this.type}"
-				name="${o$1(this.name)}"
-				value="${o$1(this.value)}"
+				name="${vt(this.name)}"
+				value="${vt(this.value)}"
 				?disabled="${this.disabled}"
 				@click="${this._handleClick}"
 			>
-				${this.loading ? x`<sds-loader slot="before" ?contrast="${this.variant !== "primary"}"></sds-loader>` : E} ${this.loading ? E : x`<slot name="before"></slot>`}
+				${this.loading?j`<sds-loader slot="before" ?contrast="${"primary"!==this.variant}"></sds-loader>`:U} ${this.loading?U:j`<slot name="before"></slot>`}
 				<slot></slot>
-				${this.loading ? E : x`<slot name="after"></slot>`}
+				${this.loading?U:j`<slot name="after"></slot>`}
 			</button>
-		`;
-  }
-};
-SDSButton.styles = [styles$e];
-SDSButton.formAssociated = true;
-__decorateClass$f([
-  n2({ type: Boolean, reflect: true })
-], SDSButton.prototype, "disabled", 2);
-__decorateClass$f([
-  n2({ type: Boolean, reflect: true })
-], SDSButton.prototype, "icon", 2);
-__decorateClass$f([
-  n2({ type: Boolean, reflect: true })
-], SDSButton.prototype, "loading", 2);
-__decorateClass$f([
-  n2({ type: String, reflect: true })
-], SDSButton.prototype, "form", 2);
-__decorateClass$f([
-  n2({ type: String, reflect: true })
-], SDSButton.prototype, "href", 2);
-__decorateClass$f([
-  n2({ type: String, reflect: true })
-], SDSButton.prototype, "name", 2);
-__decorateClass$f([
-  n2({ type: String, reflect: true })
-], SDSButton.prototype, "size", 2);
-__decorateClass$f([
-  n2({ type: String, reflect: true })
-], SDSButton.prototype, "target", 2);
-__decorateClass$f([
-  n2({ type: String, reflect: true })
-], SDSButton.prototype, "type", 2);
-__decorateClass$f([
-  n2({ type: String, reflect: true })
-], SDSButton.prototype, "value", 2);
-__decorateClass$f([
-  n2({ type: String, reflect: true })
-], SDSButton.prototype, "variant", 2);
-SDSButton = __decorateClass$f([
-  guardedCustomElement("sds-button")
-], SDSButton);
-var __defProp$e = Object.defineProperty;
-var __getOwnPropDesc$e = Object.getOwnPropertyDescriptor;
-var __decorateClass$e = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$e(target, key, result);
-  return result;
-};
-const alertIcons = {
-  info: "InformationSquareFill-aksel-filled",
-  success: "check_circle-material-filled",
-  attention: "warning-material-filled",
-  danger: "dangerous-material-filled"
-};
-let SDSAlert = class extends i$1 {
-  constructor() {
-    super(...arguments);
-    this.variant = "primary";
-    this.size = "md";
-    this.palette = "info";
-    this._remove = () => {
-      this.dispatchEvent(
-        new CustomEvent("sds-remove", {
-          bubbles: true,
-          composed: true
-        })
-      );
-    };
-  }
-  render() {
-    const iconSize = this.variant === "primary" ? "md" : this.size ?? "md";
-    const iconName = alertIcons[this.palette] ?? alertIcons["info"];
-    return x`<div class="sds-alert">
+		`}};Rt.styles=[Pt],Rt.formAssociated=!0,Vt([lt({type:Boolean,reflect:!0})],Rt.prototype,"disabled",2),Vt([lt({type:Boolean,reflect:!0})],Rt.prototype,"icon",2),Vt([lt({type:Boolean,reflect:!0})],Rt.prototype,"loading",2),Vt([lt({type:String,reflect:!0})],Rt.prototype,"form",2),Vt([lt({type:String,reflect:!0})],Rt.prototype,"href",2),Vt([lt({type:String,reflect:!0})],Rt.prototype,"name",2),Vt([lt({type:String,reflect:!0})],Rt.prototype,"size",2),Vt([lt({type:String,reflect:!0})],Rt.prototype,"target",2),Vt([lt({type:String,reflect:!0})],Rt.prototype,"type",2),Vt([lt({type:String,reflect:!0})],Rt.prototype,"value",2),Vt([lt({type:String,reflect:!0})],Rt.prototype,"variant",2),Rt=Vt([pt("sds-button")],Rt);var Tt=Object.defineProperty,Lt=Object.getOwnPropertyDescriptor,Bt=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Lt(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&&Tt(s,e,a),a};const It={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",danger:"dangerous-material-filled"};let jt=class extends at{constructor(){super(...arguments),this.variant="primary",this.size="md",this.palette="info",this._remove=()=>{this.dispatchEvent(new CustomEvent("sds-remove",{bubbles:!0,composed:!0}))}}render(){const t="primary"===this.variant?"md":this.size??"md",s=It[this.palette]??It.info;return j`<div class="sds-alert">
 			<div class="sds-alert__type">
-				<sds-icon class="sds-alert__icon" name="${iconName}" size="${iconSize}"></sds-icon>
+				<sds-icon class="sds-alert__icon" name="${s}" size="${t}"></sds-icon>
 			</div>
 			<div class="sds-alert__content">
 				<slot name="title"></slot>
 				<slot name="message"></slot>
 			</div>
-			${this.removableLabel && this.variant === "primary" ? x`<div class="sds-alert__actions">
+			${this.removableLabel&&"primary"===this.variant?j`<div class="sds-alert__actions">
 						<sds-button icon variant="tertiary" size="sm" @click=${this._remove} aria-label="${this.removableLabel}">
 							<sds-icon name="close-material-outlined" size="sm"></sds-icon>
 						</sds-button>
-					</div>` : E}
-		</div>`;
-  }
-};
-SDSAlert.styles = [styles$g];
-__decorateClass$e([
-  n2({ type: String, reflect: true })
-], SDSAlert.prototype, "variant", 2);
-__decorateClass$e([
-  n2({ type: String, reflect: true })
-], SDSAlert.prototype, "size", 2);
-__decorateClass$e([
-  n2({ type: String, attribute: "removable-label", reflect: true })
-], SDSAlert.prototype, "removableLabel", 2);
-__decorateClass$e([
-  n2({ type: String, attribute: "data-palette", reflect: true })
-], SDSAlert.prototype, "palette", 2);
-SDSAlert = __decorateClass$e([
-  guardedCustomElement("sds-alert")
-], SDSAlert);
-function validateSlotContent(slot, allowedTags, allowText, warningMessage) {
-  const invalid = slot.assignedNodes({ flatten: true }).filter((node) => {
-    if (node.nodeType === Node.TEXT_NODE) {
-      const text = node.textContent?.trim() ?? "";
-      return text.length > 0;
-    }
-    if (node.nodeType === Node.ELEMENT_NODE) {
-      const el = node;
-      const tagName = el.tagName.toUpperCase();
-      if (!allowedTags.includes(tagName)) {
-        return true;
-      }
-      const hasNestedElements = Array.from(el.childNodes).some((child) => child.nodeType === Node.ELEMENT_NODE);
-      return hasNestedElements;
-    }
-    return false;
-  });
-  if (invalid.length > 0) {
-    console.warn(warningMessage, ...invalid);
-  }
-}
-const styles$d = i$4`
+					</div>`:U}
+		</div>`}};function Nt(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)}jt.styles=[gt],Bt([lt({type:String,reflect:!0})],jt.prototype,"variant",2),Bt([lt({type:String,reflect:!0})],jt.prototype,"size",2),Bt([lt({type:String,attribute:"removable-label",reflect:!0})],jt.prototype,"removableLabel",2),Bt([lt({type:String,attribute:"data-palette",reflect:!0})],jt.prototype,"palette",2),jt=Bt([pt("sds-alert")],jt);const Ut=a`
 	: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));
@@ -1552,59 +517,11 @@ const styles$d = i$4`
 			--_sds-card-text-line-height: var(--sds-card-text-line-height, var(--sds-typography-body-md-desktop-line-height));
 		}
 	}
-`;
-var __defProp$d = Object.defineProperty;
-var __getOwnPropDesc$d = Object.getOwnPropertyDescriptor;
-var __decorateClass$d = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$d(target, key, result);
-  return result;
-};
-let SDSCard = class extends i$1 {
-  firstUpdated() {
-    const contentWarning = "[sds-card] text slot should only contain top-level <p> elements with no nested elements:";
-    const headerWarning = "[sds-card] header slot should only contain one of <h2>–<h6> elements:";
-    validateSlotContent(this.textSlot, ["P"], false, contentWarning);
-    const headerNodes = this.headingSlot.assignedNodes({ flatten: true });
-    if (headerNodes.length > 0) {
-      validateSlotContent(this.headingSlot, ["H2", "H3", "H4", "H5", "H6"], false, headerWarning);
-    }
-    this.textSlot.addEventListener("slotchange", () => {
-      validateSlotContent(this.textSlot, ["P"], false, contentWarning);
-    });
-    this.headingSlot.addEventListener("slotchange", () => {
-      const nodes = this.headingSlot.assignedNodes({ flatten: true });
-      if (nodes.length > 0) {
-        validateSlotContent(this.headingSlot, ["H2", "H3", "H4", "H5", "H6"], false, headerWarning);
-      }
-    });
-  }
-  render() {
-    const cardBody = x`
+`;var Ft=Object.defineProperty,Ht=Object.getOwnPropertyDescriptor,Gt=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ht(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&&Ft(s,e,a),a};let Kt=class extends at{firstUpdated(){const t="[sds-card] text slot should only contain top-level <p> elements with no nested elements:",s="[sds-card] header slot should only contain one of <h2>–<h6> elements:";Nt(this.textSlot,["P"],0,t);this.headingSlot.assignedNodes({flatten:!0}).length>0&&Nt(this.headingSlot,["H2","H3","H4","H5","H6"],0,s),this.textSlot.addEventListener("slotchange",(()=>{Nt(this.textSlot,["P"],0,t)})),this.headingSlot.addEventListener("slotchange",(()=>{this.headingSlot.assignedNodes({flatten:!0}).length>0&&Nt(this.headingSlot,["H2","H3","H4","H5","H6"],0,s)}))}render(){const t=j`
 			<slot name="heading" id="heading"></slot>
 			<slot name="text" id="content"></slot>
 			<sds-icon name="arrow_forward-material-outlined" size="md" class="sds-card__icon"></sds-icon>
-		`;
-    return x`<article class="sds-card">${this.link ? x`<a href="${this.link}" class="sds-card__content">${cardBody}</a>` : x`<div class="sds-card__content">${cardBody}</div>`}</article>`;
-  }
-};
-SDSCard.styles = [styles$d];
-__decorateClass$d([
-  n2({ type: String, reflect: true })
-], SDSCard.prototype, "link", 2);
-__decorateClass$d([
-  e$3("slot#heading")
-], SDSCard.prototype, "headingSlot", 2);
-__decorateClass$d([
-  e$3("slot#text")
-], SDSCard.prototype, "textSlot", 2);
-SDSCard = __decorateClass$d([
-  guardedCustomElement("sds-card")
-], SDSCard);
-const styles$c = i$4`
+		`;return j`<article class="sds-card">${this.link?j`<a href="${this.link}" class="sds-card__content">${t}</a>`:j`<div class="sds-card__content">${t}</div>`}</article>`}};Kt.styles=[Ut],Gt([lt({type:String,reflect:!0})],Kt.prototype,"link",2),Gt([ht("slot#heading")],Kt.prototype,"headingSlot",2),Gt([ht("slot#text")],Kt.prototype,"textSlot",2),Kt=Gt([pt("sds-card")],Kt);const Wt=a`
 	: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));
@@ -1625,7 +542,7 @@ const styles$c = i$4`
 		--_sds-checkbox-input-icon-color: var(--sds-checkbox-input-text-color, var(--sds-color-main-action-contrast-default));
 
 		--_sds-checkbox-help-text-color: var(--sds-checkbox-help-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
-		--_sds-checkbox-help-text-font-size: var(--sds-checkbox-help-text-font-size, var(--sds-components-font-size-md));
+		--_sds-checkbox-help-text-font-size: var(--sds-checkbox-help-text-font-size, var(--sds-components-font-size-content-md));
 		--_sds-checkbox-help-text-font-weight: var(--sds-checkbox-help-text-font-weight, var(--sds-typography-body-md-desktop-font-weight));
 		--_sds-checkbox-help-text-line-height: var(--sds-checkbox-help-text-line-height, var(--sds-components-line-height-squeezed-md));
 
@@ -1636,6 +553,11 @@ const styles$c = i$4`
 
 		--_sds-checkbox-disabled-opacity: var(--sds-checkbox-disabled-opacity, var(--sds-color-states-disabled-opacity));
 
+		--_sds-checkbox-grid-template-areas: var(--sds-checkbox-grid-template-area, 'input content');
+		--_sds-checkbox-label-grid-area: var(--sds-checkbox-label-grid-area, content);
+		--_sds-checkbox-input-grid-area: var(--sds-checkbox-input-grid-area, input);
+		--_sds-checkbox-help-text-grid-area: var(--sds-checkbox-help-text-grid-area, content);
+
 		flex: 0 0 auto;
 	}
 
@@ -1644,7 +566,7 @@ const styles$c = i$4`
 		display: grid;
 		font-family: var(--_sds-checkbox-font-family);
 		gap: var(--_sds-checkbox-block-gap) var(--_sds-checkbox-inline-gap);
-		grid-template-areas: 'input content';
+		grid-template-areas: var(--_sds-checkbox-grid-template-areas);
 		grid-template-columns: auto 1fr;
 		width: fit-content;
 
@@ -1666,7 +588,7 @@ const styles$c = i$4`
 	}
 
 	.sds-checkbox__label {
-		grid-column: content;
+		grid-column: var(--_sds-checkbox-label-grid-area);
 		align-self: center;
 		cursor: pointer;
 		color: var(--_sds-checkbox-label-text-color);
@@ -1678,7 +600,7 @@ const styles$c = i$4`
 	}
 
 	.sds-checkbox__input {
-		grid-column: input;
+		grid-column: var(--_sds-checkbox-input-grid-area);
 		grid-row: 1;
 		appearance: none;
 		background-color: var(--_sds-checkbox-input-background-color);
@@ -1781,7 +703,7 @@ const styles$c = i$4`
 	}
 
 	.sds-checkbox__help-text {
-		grid-column: content;
+		grid-column: var(--_sds-checkbox-help-text-grid-area);
 		margin: 0;
 		color: var(--_sds-checkbox-help-text-color);
 		font-size: var(--_sds-checkbox-help-text-font-size);
@@ -1821,119 +743,13 @@ const styles$c = i$4`
 			margin-block-start: -1px;
 		}
 	}
-`;
-var __defProp$c = Object.defineProperty;
-var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
-var __decorateClass$c = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$c(target, key, result);
-  return result;
-};
-let SDSCheckbox = class extends i$1 {
-  constructor() {
-    super();
-    this.checked = false;
-    this.disabled = false;
-    this.error = false;
-    this.required = false;
-    this.size = "md";
-    this.readOnly = false;
-    this._initialChecked = false;
-    this._handleChange = (event) => {
-      event.stopImmediatePropagation();
-      if (this.disabled || this.readOnly) {
-        event.target.checked = this.checked;
-        event.preventDefault();
-        return;
-      }
-      const elem = event.target;
-      this.checked = elem.checked;
-      this.internals.setFormValue(elem.checked ? elem.value : null);
-      this._validate();
-      this.dispatchEvent(new CustomEvent("change", { bubbles: true, composed: true }));
-    };
-    this._handleFocus = (event) => {
-      event.stopImmediatePropagation();
-      this.dispatchEvent(new CustomEvent("focus", { bubbles: true, composed: true }));
-    };
-    this._handleBlur = (event) => {
-      event.stopImmediatePropagation();
-      this.dispatchEvent(new CustomEvent("blur", { bubbles: true, composed: true }));
-    };
-    this.internals = this.attachInternals();
-    this.attachShadow({ mode: "open", delegatesFocus: true });
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this._initialChecked = this.checked;
-    this.internals.role = "checkbox";
-    if (this.checked) {
-      this.internals.setFormValue(this.value ?? "on");
-    }
-  }
-  firstUpdated(_changedProperties) {
-    super.firstUpdated(_changedProperties);
-    if (this.control) {
-      this.control.required = this.required;
-    }
-    this._validate();
-  }
-  formResetCallback() {
-    this.checked = this._initialChecked;
-    if (this.control) {
-      this.control.checked = this._initialChecked;
-    }
-    const resetValue = this.checked ? this.value ?? "on" : null;
-    this.internals.setFormValue(resetValue);
-    this._validate();
-  }
-  _validate() {
-    if (this.required && !this.checked) {
-      this.internals.setValidity({ valueMissing: true }, this.control.validationMessage, this.control);
-    } else {
-      this.internals.setValidity({});
-    }
-  }
-  focus() {
-    if (!this.disabled) this.shadowRoot?.querySelector("input")?.focus();
-  }
-  blur() {
-    if (!this.disabled) this.shadowRoot?.querySelector("input")?.blur();
-  }
-  click() {
-    if (!this.disabled && !this.readOnly) this.shadowRoot?.querySelector("input")?.click();
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    if (changedProperties.has("required") && this.control) {
-      this.control.required = this.required;
-    }
-    if (changedProperties.has("checked")) {
-      this._validate();
-    }
-  }
-  get type() {
-    return "checkbox";
-  }
-  render() {
-    const checkboxClasses = {
-      "sds-checkbox": true,
-      "sds-checkbox--error": Boolean(this.error)
-    };
-    const inputClasses = {
-      "sds-checkbox__input": true,
-      "sds-checkbox__input--error": Boolean(this.error)
-    };
-    return x`
-			<div class="${e2(checkboxClasses)}">
+`;var Zt=Object.defineProperty,Qt=Object.getOwnPropertyDescriptor,Xt=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Qt(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&&Zt(s,e,a),a};let Yt=class extends at{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.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this.internals=this.attachInternals(),this.attachShadow({mode:"open",delegatesFocus:!0})}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 j`
+			<div class="${Ot(t)}">
 				<input
 					id="control"
 					type="checkbox"
-					name="${o$1(this.name)}"
-					value="${o$1(this.value)}"
+					name="${vt(this.name)}"
+					value="${vt(this.value)}"
 					.checked="${this.checked}"
 					?checked="${this.checked}"
 					?disabled="${this.disabled}"
@@ -1942,57 +758,16 @@ let SDSCheckbox = class extends i$1 {
 					@change="${this._handleChange}"
 					@focus="${this._handleFocus}"
 					@blur="${this._handleBlur}"
-					class="${e2(inputClasses)}"
+					class="${Ot(s)}"
 				/>
-				${this.label ? x`<label for="control" class="sds-checkbox__label">${this.label}</label>` : E}
-				${this.helpText ? x`<span class="sds-checkbox__help-text">${this.helpText}</span>` : E}
+				${this.label?j`<label for="control" class="sds-checkbox__label">${this.label}</label>`:U}
+				${this.helpText?j`<span class="sds-checkbox__help-text">${this.helpText}</span>`:U}
 			</div>
-		`;
-  }
-};
-SDSCheckbox.styles = [styles$c];
-SDSCheckbox.formAssociated = true;
-__decorateClass$c([
-  n2({ type: String, reflect: true })
-], SDSCheckbox.prototype, "name", 2);
-__decorateClass$c([
-  n2({ type: String, reflect: true })
-], SDSCheckbox.prototype, "label", 2);
-__decorateClass$c([
-  n2({ type: String })
-], SDSCheckbox.prototype, "value", 2);
-__decorateClass$c([
-  n2({ type: Boolean, reflect: true })
-], SDSCheckbox.prototype, "checked", 2);
-__decorateClass$c([
-  n2({ type: Boolean, reflect: true })
-], SDSCheckbox.prototype, "disabled", 2);
-__decorateClass$c([
-  n2({ type: Boolean, reflect: true })
-], SDSCheckbox.prototype, "error", 2);
-__decorateClass$c([
-  n2({ type: Boolean, reflect: true })
-], SDSCheckbox.prototype, "required", 2);
-__decorateClass$c([
-  n2({ type: String, reflect: true })
-], SDSCheckbox.prototype, "size", 2);
-__decorateClass$c([
-  n2({ type: String, attribute: "help-text" })
-], SDSCheckbox.prototype, "helpText", 2);
-__decorateClass$c([
-  n2({ type: Boolean, attribute: "readonly", reflect: true })
-], SDSCheckbox.prototype, "readOnly", 2);
-__decorateClass$c([
-  e$3("#control")
-], SDSCheckbox.prototype, "control", 2);
-SDSCheckbox = __decorateClass$c([
-  guardedCustomElement("sds-checkbox")
-], SDSCheckbox);
-const styles$b = i$4`
+		`}};Yt.styles=[Wt],Yt.formAssociated=!0,Xt([lt({type:String,reflect:!0})],Yt.prototype,"name",2),Xt([lt({type:String,reflect:!0})],Yt.prototype,"label",2),Xt([lt({type:String})],Yt.prototype,"value",2),Xt([lt({type:Boolean,reflect:!0})],Yt.prototype,"checked",2),Xt([lt({type:Boolean,reflect:!0})],Yt.prototype,"disabled",1),Xt([lt({type:Boolean,reflect:!0})],Yt.prototype,"error",2),Xt([lt({type:Boolean,reflect:!0})],Yt.prototype,"required",2),Xt([lt({type:String,reflect:!0})],Yt.prototype,"size",2),Xt([lt({type:String,attribute:"help-text"})],Yt.prototype,"helpText",2),Xt([lt({type:Boolean,attribute:"readonly",reflect:!0})],Yt.prototype,"readOnly",2),Xt([lt({type:Boolean,attribute:!1})],Yt.prototype,"parentRequestDisabled",1),Xt([ht("#control")],Yt.prototype,"control",2),Yt=Xt([pt("sds-checkbox")],Yt);const Jt=a`
 	: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));
-		--_sds-checkbox-group-font-size: var(--sds-checkbox-group-font-size, var(--sds-components-font-size-md));
+		--_sds-checkbox-group-font-size: var(--sds-checkbox-group-font-size, var(--sds-components-font-size-content-md));
 		--_sds-checkbox-group-text-color: var(--sds-checkbox-group-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
 		--_sds-checkbox-group-max-line-width: var(--sds-checkbox-group-max-line-width, var(--sds-typography-max-line-width));
 		--_sds-checkbox-group-disabled-opacity: var(--sds-checkbox-group-disabled-opacity, var(--sds-color-states-disabled-opacity));
@@ -2002,7 +777,7 @@ const styles$b = i$4`
 		--_sds-checkbox-group-legend-help-text-gap: var(--sds-checkbox-group-legend-help-text-gap, var(--sds-spacing-4xs));
 
 		--_sds-checkbox-group-help-text-color: var(--sds-checkbox-group-help-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
-		--_sds-checkbox-group-help-text-font-size: var(--sds-checkbox-group-help-text-font-size, var(--sds-components-font-size-md));
+		--_sds-checkbox-group-help-text-font-size: var(--sds-checkbox-group-help-text-font-size, var(--sds-components-font-size-content-md));
 		--_sds-checkbox-group-help-text-font-weight: var(--sds-checkbox-group-help-text-font-weight, var(--sds-typography-body-md-desktop-font-weight));
 		--_sds-checkbox-group-help-text-line-height: var(--sds-checkbox-group-help-text-line-height, var(--sds-components-line-height-squeezed-md));
 
@@ -2068,135 +843,32 @@ const styles$b = i$4`
 	}
 
 	:host([size='sm']) {
-		--_sds-checkbox-group-font-size: var(--sds-checkbox-group-font-size, var(--sds-components-font-size-sm));
+		--_sds-checkbox-group-font-size: var(--sds-checkbox-group-font-size, var(--sds-components-font-size-content-sm));
 		--_sds-checkbox-group-legend-line-height: var(--sds-checkbox-group-legend-line-height, var(--sds-components-line-height-squeezed-sm));
-		--_sds-checkbox-group-help-text-font-size: var(--sds-checkbox-group-help-text-font-size, var(--sds-components-font-size-sm));
+		--_sds-checkbox-group-help-text-font-size: var(--sds-checkbox-group-help-text-font-size, var(--sds-components-font-size-content-sm));
 		--_sds-checkbox-group-help-text-line-height: var(--sds-checkbox-group-help-text-line-height, var(--sds-components-line-height-squeezed-sm));
 	}
 
 	:host([size='lg']) {
-		--_sds-checkbox-group-font-size: var(--sds-checkbox-group-font-size, var(--sds-components-font-size-lg));
+		--_sds-checkbox-group-font-size: var(--sds-checkbox-group-font-size, var(--sds-components-font-size-content-lg));
 		--_sds-checkbox-group-legend-line-height: var(--sds-checkbox-group-legend-line-height, var(--sds-components-line-height-squeezed-lg));
-		--_sds-checkbox-group-help-text-font-size: var(--sds-checkbox-group-help-text-font-size, var(--sds-components-font-size-lg));
+		--_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 __defProp$b = Object.defineProperty;
-var __getOwnPropDesc$b = Object.getOwnPropertyDescriptor;
-var __decorateClass$b = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$b(target, key, result);
-  return result;
-};
-let SDSCheckboxGroup = class extends i$1 {
-  constructor() {
-    super(...arguments);
-    this.readOnly = false;
-    this.disabled = false;
-    this.size = "md";
-    this._selectedValues = [];
-    this._handleCheckboxChange = (event) => {
-      const checkbox = event.target;
-      const value = checkbox.value;
-      const isChecked = checkbox.checked;
-      this._selectedValues = isChecked ? [...this._selectedValues, value] : this._selectedValues.filter((v2) => v2 !== value);
-      this.dispatchEvent(
-        new CustomEvent("sds-update", {
-          bubbles: true,
-          composed: true
-        })
-      );
-    };
-    this._handleSlotChange = () => {
-      this._updateChildProps(["readOnly", "disabled", "size", "error"]);
-    };
-  }
-  _updateChildProps(props) {
-    const checkboxChildren = this._slotElement.assignedElements({ flatten: true });
-    checkboxChildren.forEach((child) => {
-      if (child instanceof SDSCheckbox) {
-        props.forEach((prop) => {
-          if (prop === "error") {
-            child.error = Boolean(this.errorMessage);
-          } else {
-            child[prop] = this[prop];
-          }
-        });
-      }
-    });
-  }
-  updated(changedProps) {
-    super.updated(changedProps);
-    if (changedProps.has("readonly")) {
-      this._updateChildProps(["readOnly"]);
-    }
-    if (changedProps.has("disabled")) {
-      this._updateChildProps(["disabled"]);
-    }
-    if (changedProps.has("size")) {
-      this._updateChildProps(["size"]);
-    }
-    if (changedProps.has("errorMessage")) {
-      this._updateChildProps(["error"]);
-    }
-  }
-  get value() {
-    return { selectedValues: this._selectedValues };
-  }
-  render() {
-    const groupClasses = {
-      "sds-checkbox-group": true,
-      "sds-checkbox-group--disabled": this.disabled,
-      "sds-checkbox-group--error": Boolean(this.errorMessage)
-    };
-    return x`
-			<fieldset class="${e2(groupClasses)}">
-				${this.legend ? x`<legend class="sds-checkbox-group__legend">${this.readOnly ? x`<sds-icon name="lock-material-filled" size="md"></sds-icon>` : E}</sds-icon>${this.legend}</legend>` : E}
-				${this.helpText ? x`<p class="sds-checkbox-group__help-text">${this.helpText}</p>` : E}
+`;var ts=Object.defineProperty,ss=Object.getOwnPropertyDescriptor,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=(o?r(s,e,a):r(a))||a);return o&&a&&ts(s,e,a),a};const os=["disabled","errorMessage","readOnly","size"];let rs=class extends at{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.dispatchEvent(new CustomEvent("sds-update",{bubbles:!0,composed:!0}))},this._handleSlotChange=()=>{this._updateChildProps([...os])}}_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;os.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 j`
+			<fieldset class="${Ot(t)}">
+				${this.legend?j`<legend class="sds-checkbox-group__legend">${this.readOnly?j`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:U}</sds-icon>${this.legend}</legend>`:U}
+				${this.helpText?j`<p class="sds-checkbox-group__help-text">${this.helpText}</p>`:U}
 				<div class="sds-checkbox-group__checkboxes" @change=${this._handleCheckboxChange}>
 					<slot @slotchange=${this._handleSlotChange}></slot>
 				</div>
-				${this.errorMessage ? x`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>` : E}
+				${this.errorMessage?j`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:U}
 			</fieldset>
-		`;
-  }
-};
-SDSCheckboxGroup.styles = [styles$b];
-__decorateClass$b([
-  n2({ type: String, reflect: true })
-], SDSCheckboxGroup.prototype, "legend", 2);
-__decorateClass$b([
-  n2({ type: String, attribute: "help-text", reflect: true })
-], SDSCheckboxGroup.prototype, "helpText", 2);
-__decorateClass$b([
-  n2({ type: String, attribute: "error-message", reflect: true })
-], SDSCheckboxGroup.prototype, "errorMessage", 2);
-__decorateClass$b([
-  n2({ type: Boolean, attribute: "readonly", reflect: true })
-], SDSCheckboxGroup.prototype, "readOnly", 2);
-__decorateClass$b([
-  n2({ type: Boolean, reflect: true })
-], SDSCheckboxGroup.prototype, "disabled", 2);
-__decorateClass$b([
-  n2({ type: String, reflect: true })
-], SDSCheckboxGroup.prototype, "size", 2);
-__decorateClass$b([
-  r()
-], SDSCheckboxGroup.prototype, "_selectedValues", 2);
-__decorateClass$b([
-  e$3("slot")
-], SDSCheckboxGroup.prototype, "_slotElement", 2);
-SDSCheckboxGroup = __decorateClass$b([
-  guardedCustomElement("sds-checkbox-group")
-], SDSCheckboxGroup);
-const styles$a = i$4`
+		`}};rs.styles=[Jt],es([lt({type:String,reflect:!0})],rs.prototype,"legend",2),es([lt({type:String,attribute:"help-text",reflect:!0})],rs.prototype,"helpText",2),es([lt({type:String,attribute:"error-message",reflect:!0})],rs.prototype,"errorMessage",2),es([lt({type:Boolean,attribute:"readonly",reflect:!0})],rs.prototype,"readOnly",2),es([lt({type:Boolean,reflect:!0})],rs.prototype,"disabled",2),es([lt({type:String,reflect:!0})],rs.prototype,"size",2),es([ct()],rs.prototype,"_selectedValues",2),es([ht("slot")],rs.prototype,"_slotElement",2),rs=es([pt("sds-checkbox-group")],rs);const as=a`
 	: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));
-		--_sds-chip-font-size: var(--sds-chip-font-size, var(--sds-components-font-size-md));
+		--_sds-chip-font-size: var(--sds-chip-font-size, var(--sds-components-font-size-content-md));
 		--_sds-chip-line-height: var(--sds-chip-line-height, var(--sds-components-line-height-squeezed-md));
 		--_sds-chip-height: var(--sds-chip-height, var(--sds-components-chip-md));
 
@@ -2219,6 +891,10 @@ const styles$a = i$4`
 
 		display: inline-block;
 		box-sizing: border-box;
+
+		sds-icon {
+			--sds-icon-color: --_sds-chip-text-color;
+		}
 	}
 
 	:host([disabled]) {
@@ -2256,14 +932,14 @@ const styles$a = i$4`
 
 	:host([size='sm']) {
 		--_sds-chip-padding-inline: var(--sds-chip-padding-inline, var(--sds-spacing-2xs));
-		--_sds-chip-font-size: var(--sds-chip-font-size, var(--sds-components-font-size-sm));
+		--_sds-chip-font-size: var(--sds-chip-font-size, var(--sds-components-font-size-content-sm));
 		--_sds-chip-line-height: var(--sds-chip-line-height, var(--sds-components-line-height-squeezed-sm));
 		--_sds-chip-height: var(--sds-chip-height, var(--sds-components-chip-sm));
 	}
 
 	:host([size='lg']) {
 		--_sds-chip-padding-inline: var(--sds-chip-padding-inline, var(--sds-spacing-2xs));
-		--_sds-chip-font-size: var(--sds-chip-font-size, var(--sds-components-font-size-lg));
+		--_sds-chip-font-size: var(--sds-chip-font-size, var(--sds-components-font-size-content-lg));
 		--_sds-chip-line-height: var(--sds-chip-line-height, var(--sds-components-line-height-squeezed-lg));
 		--_sds-chip-height: var(--sds-chip-height, var(--sds-components-chip-lg));
 	}
@@ -2332,142 +1008,170 @@ const styles$a = i$4`
 			white-space: nowrap;
 		}
 	}
-`;
-var __defProp$a = Object.defineProperty;
-var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
-var __decorateClass$a = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$a(target, key, result);
-  return result;
-};
-let SDSChip = class extends i$1 {
-  constructor() {
-    super();
-    this.variant = "selectable";
-    this.size = "md";
-    this.checked = false;
-    this.disabled = false;
-    this.readonly = false;
-    this._initialChecked = false;
-    this._toggle = (event) => {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-      if (this.disabled || this.readonly) return;
-      this.checked = !this.checked;
-      this.internals.setFormValue(this.checked ? this.value ?? "on" : null);
-      this.dispatchEvent(
-        new CustomEvent("change", {
-          bubbles: true,
-          composed: true
-        })
-      );
-    };
-    this._remove = () => {
-      if (this.disabled || this.readonly) return;
-      this.dispatchEvent(
-        new CustomEvent("sds-remove", {
-          bubbles: true,
-          composed: true
-        })
-      );
-    };
-    this._keypress = (event) => {
-      if (![" ", "Enter"].includes(event.key)) {
-        return;
-      }
-      if (this.variant === "removable") {
-        this._remove();
-      } else {
-        this._toggle(event);
-      }
-    };
-    this.internals = this.attachInternals();
-    this.attachShadow({ mode: "open", delegatesFocus: true });
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this._initialChecked = this.checked;
-    this.internals.role = "checkbox";
-    if (this.checked) {
-      this.internals.setFormValue(this.value ? this.value : "");
-    }
-  }
-  formResetCallback() {
-    this.checked = this._initialChecked;
-    const resetValue = this.checked && this.value ? this.value : "";
-    this.internals.setFormValue(resetValue);
-  }
-  focus() {
-    if (!this.disabled) this.shadowRoot?.querySelector("input")?.focus();
-  }
-  blur() {
-    if (!this.disabled) this.shadowRoot?.querySelector("input")?.blur();
-  }
-  click() {
-    if (!this.disabled) this.shadowRoot?.querySelector("input")?.click();
-  }
-  render() {
-    const isRemovableVariant = this.variant === "removable" && !this.readonly && !this.disabled;
-    const chipClasses = {
-      "sds-chip": true,
-      "sds-chip--small": this.size === "small" || this.size === "sm",
-      "sds-chip--large": this.size === "large" || this.size === "lg",
-      "sds-chip--removable": isRemovableVariant
-    };
-    if (isRemovableVariant) {
-      return x`<button class="${e2(chipClasses)}" @click=${this._remove} @keyup="${this._keypress}">
+`;var is=Object.defineProperty,ds=Object.getOwnPropertyDescriptor,ns=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ds(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&&is(s,e,a),a};let ls=class extends at{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.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0})))},this._remove=()=>{this.disabled||this.readonly||this.dispatchEvent(new CustomEvent("sds-remove",{bubbles:!0,composed:!0}))},this._keypress=t=>{[" ","Enter"].includes(t.key)&&("removable"===this.variant?this._remove():this._toggle(t))},this.internals=this.attachInternals(),this.attachShadow({mode:"open",delegatesFocus:!0})}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?j`<button class="${Ot(s)}" @click=${this._remove} @keyup="${this._keypress}">
 				<slot></slot>
 				<sds-icon name="close-material-outlined" size="s"></sds-icon>
-			</button>`;
-    }
-    return x`<label class="${e2(chipClasses)}" @click="${this._toggle}" @keyup="${this._keypress}">
+			</button>`:j`<label class="${Ot(s)}" @click="${this._toggle}" @keyup="${this._keypress}">
 			<input
 				id="control"
 				type="checkbox"
-				name="${o$1(this.name)}"
-				value="${o$1(this.value)}"
+				name="${vt(this.name)}"
+				value="${vt(this.value)}"
 				.checked="${this.checked}"
 				?checked="${this.checked}"
 				?disabled="${this.disabled}"
 				?readonly="${this.readonly}"
 			/>
 			<slot></slot>
-		</label>`;
-  }
-};
-SDSChip.styles = [styles$a];
-SDSChip.formAssociated = true;
-__decorateClass$a([
-  n2({ type: String, reflect: true })
-], SDSChip.prototype, "variant", 2);
-__decorateClass$a([
-  n2({ type: String, reflect: true })
-], SDSChip.prototype, "size", 2);
-__decorateClass$a([
-  n2({ type: Boolean, reflect: true })
-], SDSChip.prototype, "checked", 2);
-__decorateClass$a([
-  n2({ type: String, reflect: true })
-], SDSChip.prototype, "name", 2);
-__decorateClass$a([
-  n2({ type: String })
-], SDSChip.prototype, "value", 2);
-__decorateClass$a([
-  n2({ type: Boolean, reflect: true })
-], SDSChip.prototype, "disabled", 2);
-__decorateClass$a([
-  n2({ type: Boolean, reflect: true })
-], SDSChip.prototype, "readonly", 2);
-__decorateClass$a([
-  e$3("#control")
-], SDSChip.prototype, "control", 2);
-SDSChip = __decorateClass$a([
-  guardedCustomElement("sds-chip")
-], SDSChip);
-const styles$9 = i$4`
+		</label>`}};ls.styles=[as],ls.formAssociated=!0,ns([lt({type:String,reflect:!0})],ls.prototype,"variant",2),ns([lt({type:String,reflect:!0})],ls.prototype,"size",2),ns([lt({type:Boolean,reflect:!0})],ls.prototype,"checked",2),ns([lt({type:String,reflect:!0})],ls.prototype,"name",2),ns([lt({type:String})],ls.prototype,"value",2),ns([lt({type:Boolean,reflect:!0})],ls.prototype,"disabled",2),ns([lt({type:Boolean,reflect:!0})],ls.prototype,"readonly",2),ns([ht("#control")],ls.prototype,"control",2),ls=ns([pt("sds-chip")],ls);const cs=a`
+	:host {
+		--_sds-details-text-color: var(--sds-details-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
+
+		--_sds-details-summary-padding: var(--sds-details-summary-padding, var(--sds-spacing-xs));
+		--_sds-details-summary-background-color: var(--sds-details-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));
+		--_sds-details-summary-gap: var(--sds-details-summary-gap, var(--sds-spacing-3xs));
+
+		--_sds-details-content-padding-start: var(--sds-details-content-padding-start, calc(var(--_sds-details-summary-padding) + var(--_sds-details-summary-gap) + var(--sds-components-icon-md)));
+		--_sds-details-content-padding: var(--sds-details-content-padding, var(--sds-spacing-xs));
+		--_sds-details-content-background-color: var(--sds-details-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));
+
+		--_sds-details-focus-outline-width: var(--sds-details-focus-outline-width, var(--sds-border-md));
+		--_sds-details-focus-outline-color: var(--sds-details-focus-outline-color, var(--sds-color-states-focus-outer));
+		--_sds-details-focus-outline-offset: var(--sds-details-focus-outline-offset, var(--sds-color-states-focus-spacing));
+		--_sds-details-focus-inner-color: var(--sds-details-focus-inner-color, var(--sds-color-states-focus-inner));
+
+		--_sds-details-icon-transition: var(--sds-details-icon-transition, transform 0.2s ease);
+
+		--_sds-details-border-color: var(--sds-details-border-color, var(--sds-color-border-subtle, var(--sds-color-main-border-subtle)));
+		--_sds-details-border-bottom: var(--sds-details-border-bottom, solid 1px var(--_sds-details-border-color));
+	}
+
+	:host([data-palette]) {
+		--_sds-details-text-color: var(--sds-details-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
+		--_sds-details-summary-background-color: var(--sds-details-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));
+	}
+
+	.sds-details {
+		color: var(--_sds-details-text-color);
+
+		&:is([open]) {
+			--_sds-details-summary-background-color: var(----_sds-details-summary-background-color, var(--sds-color-surface-tinted, var(--sds-color-main-surface-tinted)));
+		}
+
+		&:not([data-standalone]) {
+			border-top: solid 1px var(--_sds-details-border-color);
+			border-bottom: var(--_sds-details-border-bottom);
+		}
+
+		/* Setting the border on the summary element preserves the border
+		   when the element has focus
+		*/
+		&:is([data-standalone]) {
+			summary {
+				border-radius: var(--sds-radius-md);
+				border: solid 1px var(--_sds-details-border-color);
+			}
+
+			&:is([open]) {
+				& summary {
+					border-bottom-left-radius: 0px;
+					border-bottom-right-radius: 0px;
+				}
+
+				& .sds-details__content {
+					border-left: solid 1px var(--_sds-details-border-color);
+					border-right: solid 1px var(--_sds-details-border-color);
+					border-bottom: solid 1px var(--_sds-details-border-color);
+					border-bottom-left-radius: var(--sds-radius-md);
+					border-bottom-right-radius: var(--sds-radius-md);
+				}
+			}
+		}
+	}
+
+	.sds-details__summary {
+		cursor: pointer;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: var(--_sds-details-summary-padding);
+		background-color: var(--_sds-details-summary-background-color);
+		gap: var(--_sds-details-summary-gap);
+		list-style: none;
+		user-select: none;
+
+		&:hover {
+			--_sds-details-summary-background-color: var(--sds-details-summary-background-color, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));
+		}
+
+		&:active {
+			--_sds-details-summary-background-color: var(--sds-details-summary-background-color, var(--sds-color-surface-active, var(--sds-color-main-surface-active)));
+		}
+
+		&:focus-visible {
+			box-shadow: 0 0 0 var(--sds-color-states-focus-spacing) var(--_sds-details-focus-inner-color);
+			outline: var(--_sds-details-focus-outline-width) solid var(--_sds-details-focus-outline-color);
+			outline-offset: var(--_sds-details-focus-outline-offset);
+		}
+	}
+
+	.sds-details__summary-content {
+		flex: 1;
+		min-width: 0;
+	}
+
+	sds-icon {
+		transition: var(--_sds-details-icon-transition);
+	}
+
+	.sds-details:not([open]) sds-icon {
+		transform: rotate(180deg);
+	}
+
+	.sds-details__content {
+		padding: var(--_sds-details-content-padding);
+		padding-inline-start: var(--_sds-details-content-padding-start);
+	}
+
+	@media (prefers-reduced-motion: no-preference) {
+		.sds-details__content {
+			animation: show-content-keyframes 200ms ease-in-out;
+		}
+	}
+
+	@keyframes show-content-keyframes {
+		from {
+			opacity: 0;
+			transform: translateY(-0.5rem);
+		}
+		to {
+			opacity: 1;
+			transform: translateY(0);
+		}
+	}
+
+	::slotted(*) {
+		margin: 0 !important;
+		padding: 0 !important;
+	}
+
+	::slotted([slot='summary']) {
+		display: inline;
+		margin: 0;
+	}
+`;var hs=Object.defineProperty,ps=Object.getOwnPropertyDescriptor,gs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ps(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 vs=class extends at{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.dispatchEvent(new CustomEvent("sds-toggle",{detail:{open:s.open},bubbles:!0,composed:!0}))}}render(){return j`
+			<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>
+					<div class="sds-details__summary-content">
+						<slot name="summary"></slot>
+					</div>
+				</summary>
+				<div class="sds-details__content">
+					<slot></slot>
+				</div>
+			</details>
+		`}};vs.styles=[cs],gs([lt({type:Boolean,reflect:!0})],vs.prototype,"open",2),gs([lt({type:Boolean,reflect:!0})],vs.prototype,"standalone",2),gs([lt({type:String,reflect:!0})],vs.prototype,"name",2),vs=gs([pt("sds-details")],vs);const us=a`
 	: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)));
@@ -2620,60 +1324,7 @@ const styles$9 = i$4`
 			--_sds-heading-line-height: var(--sds-heading-line-height, var(--sds-typography-heading-xs-desktop-line-height));
 		}
 	}
-`;
-var __defProp$9 = Object.defineProperty;
-var __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
-var __decorateClass$9 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$9(target, key, result);
-  return result;
-};
-let SDSHeading = class extends i$1 {
-  constructor() {
-    super(...arguments);
-    this.level = "h1";
-  }
-  render() {
-    const headingClasses = {
-      "sds-heading": true,
-      "sds-heading--xl": this.size === "xl",
-      "sds-heading--lg": this.size === "l" || this.size === "lg",
-      "sds-heading--md": this.size === "m" || this.size === "md",
-      "sds-heading--sm": this.size === "s" || this.size === "sm",
-      "sds-heading--xs": this.size === "xs"
-    };
-    switch (this.level?.toLowerCase()) {
-      case "h1":
-        return x`<h1 class=${e2(headingClasses)}><slot></slot></h1>`;
-      case "h2":
-        return x`<h2 class=${e2(headingClasses)}><slot></slot></h2>`;
-      case "h3":
-        return x`<h3 class=${e2(headingClasses)}><slot></slot></h3>`;
-      case "h4":
-        return x`<h4 class=${e2(headingClasses)}><slot></slot></h4>`;
-      case "h5":
-        return x`<h5 class=${e2(headingClasses)}><slot></slot></h5>`;
-      case "h6":
-        return x`<h6 class=${e2(headingClasses)}><slot></slot></h6>`;
-      default:
-        return x`<h1 class=${e2(headingClasses)}><slot></slot></h1>`;
-    }
-  }
-};
-SDSHeading.styles = [styles$9];
-__decorateClass$9([
-  n2({ type: String, reflect: true })
-], SDSHeading.prototype, "level", 2);
-__decorateClass$9([
-  n2({ type: String, reflect: true })
-], SDSHeading.prototype, "size", 2);
-SDSHeading = __decorateClass$9([
-  guardedCustomElement("sds-heading")
-], SDSHeading);
-const styles$8 = i$4`
+`;var fs=Object.defineProperty,bs=Object.getOwnPropertyDescriptor,_s=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?bs(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&&fs(s,e,a),a};let xs=class extends at{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 j`<h1 class=${Ot(t)}><slot></slot></h1>`;case"h2":return j`<h2 class=${Ot(t)}><slot></slot></h2>`;case"h3":return j`<h3 class=${Ot(t)}><slot></slot></h3>`;case"h4":return j`<h4 class=${Ot(t)}><slot></slot></h4>`;case"h5":return j`<h5 class=${Ot(t)}><slot></slot></h5>`;case"h6":return j`<h6 class=${Ot(t)}><slot></slot></h6>`}}};xs.styles=[us],_s([lt({type:String,reflect:!0})],xs.prototype,"level",2),_s([lt({type:String,reflect:!0})],xs.prototype,"size",2),xs=_s([pt("sds-heading")],xs);const ms=a`
 	: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)));
@@ -2749,41 +1400,10 @@ const styles$8 = i$4`
 			stroke-dashoffset: -120px;
 		}
 	}
-`;
-var __defProp$8 = Object.defineProperty;
-var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
-var __decorateClass$8 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$8(target, key, result);
-  return result;
-};
-let SDSLoader = class extends i$1 {
-  constructor() {
-    super(...arguments);
-    this.size = "md";
-    this.contrast = false;
-  }
-  render() {
-    return x`<svg aria-label="Laster" class="sds-loader" role="img" viewBox="0 0 50 50">
+`;var ys=Object.defineProperty,ws=Object.getOwnPropertyDescriptor,ks=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ws(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&&ys(s,e,a),a};let zs=class extends at{constructor(){super(...arguments),this.size="md",this.contrast=!1}render(){return j`<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>`;
-  }
-};
-SDSLoader.styles = [styles$8];
-__decorateClass$8([
-  n2({ type: String, reflect: true })
-], SDSLoader.prototype, "size", 2);
-__decorateClass$8([
-  n2({ type: Boolean, reflect: true })
-], SDSLoader.prototype, "contrast", 2);
-SDSLoader = __decorateClass$8([
-  guardedCustomElement("sds-loader")
-], SDSLoader);
-const styles$7 = i$4`
+		</svg>`}};zs.styles=[ms],ks([lt({type:String,reflect:!0})],zs.prototype,"size",2),ks([lt({type:Boolean,reflect:!0})],zs.prototype,"contrast",2),zs=ks([pt("sds-loader")],zs);const $s=a`
 	:host {
 		--_sds-notification-background-color: var(--sds-notification-background-color, var(--sds-color-alert-info-surface-tinted));
 
@@ -2795,7 +1415,7 @@ const styles$7 = i$4`
 		--_sds-notification-content-gap: var(--sds-notification-content-gap, var(--sds-spacing-3xs));
 
 		--_sds-notification-font-family: var(--sds-notification-font-family, var(--sds-typography-font-family-roboto));
-		--_sds-notification-font-size: var(--sds-notification-font-size, var(--sds-components-font-size-md));
+		--_sds-notification-font-size: var(--sds-notification-font-size, var(--sds-components-font-size-content-md));
 		--_sds-notification-font-weight: var(--sds-notification-font-weight, var(--sds-typography-body-md-desktop-font-weight));
 		--_sds-notification-line-height: var(--sds-notification-line-height, var(--sds-components-line-height-squeezed-md));
 		--_sds-notification-text-color: var(--sds-notification-text-color, var(--sds-color-alert-info-text-default));
@@ -2920,83 +1540,20 @@ const styles$7 = i$4`
 		margin: 0 !important;
 		max-width: var(--_sds-notification-max-line-width) !important;
 	}
-`;
-var __defProp$7 = Object.defineProperty;
-var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
-var __decorateClass$7 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$7(target, key, result);
-  return result;
-};
-const notificationIcons = {
-  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"
-  // Deprecated
-};
-let hasWarnedAboutDeprecation = false;
-let SDSNotification = class extends i$1 {
-  constructor() {
-    super();
-    this.variant = "info";
-    this._remove = () => {
-      this.dispatchEvent(
-        new CustomEvent("sds-remove", {
-          bubbles: true,
-          composed: true
-        })
-      );
-    };
-    if (!hasWarnedAboutDeprecation) {
-      hasWarnedAboutDeprecation = true;
-      console.warn("[Sheriff] The Notification component is deprecated and will be removed in the next major release. Please migrate to the Alert component.");
-    }
-  }
-  updated(changed) {
-    if (changed.has("variant") && this.variant === "critical") {
-      this.variant = "danger";
-    } else if (changed.has("variant") && this.variant === "warning") {
-      this.variant = "attention";
-    }
-  }
-  render() {
-    const notificationClasses = {
-      "sds-notification": true
-    };
-    const colorPalette = this.variant === "danger" || this.variant === "critical" ? "danger" : "accent";
-    return x`<div class="${e2(notificationClasses)}">
+`;var Ss=Object.defineProperty,Cs=Object.getOwnPropertyDescriptor,Es=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Cs(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&&Ss(s,e,a),a};const As={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 qs=!1,Os=class extends at{constructor(){super(),this.variant="info",this._remove=()=>{this.dispatchEvent(new CustomEvent("sds-remove",{bubbles:!0,composed:!0}))},qs||(qs=!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 j`<div class="${Ot({"sds-notification":!0})}">
 			<div class="sds-notification__type">
-				<sds-icon class="sds-notification__icon" name="${notificationIcons[this.variant]}" size="md"></sds-icon>
+				<sds-icon class="sds-notification__icon" name="${As[this.variant]}" size="md"></sds-icon>
 			</div>
 			<div class="sds-notification__content">
 				<slot name="title"></slot>
 				<slot name="message"></slot>
 			</div>
-			${this.removableLabel ? x`<div class="sds-notification__actions">
-						<sds-button icon variant="tertiary" color="${colorPalette}" size="sm" @click=${this._remove} aria-label="${this.removableLabel}">
+			${this.removableLabel?j`<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>` : E}
-		</div>`;
-  }
-};
-SDSNotification.styles = [styles$7];
-__decorateClass$7([
-  n2({ type: String, reflect: true })
-], SDSNotification.prototype, "variant", 2);
-__decorateClass$7([
-  n2({ type: String, attribute: "removable-label", reflect: true })
-], SDSNotification.prototype, "removableLabel", 2);
-SDSNotification = __decorateClass$7([
-  guardedCustomElement("sds-notification")
-], SDSNotification);
-const styles$6 = i$4`
+					</div>`:U}
+		</div>`}};Os.styles=[$s],Es([lt({type:String,reflect:!0})],Os.prototype,"variant",2),Es([lt({type:String,attribute:"removable-label",reflect:!0})],Os.prototype,"removableLabel",2),Os=Es([pt("sds-notification")],Os);const Ps=a`
 	: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));
@@ -3020,6 +1577,11 @@ const styles$6 = i$4`
 		--_sds-radio-input-dot-color: var(--sds-radio-input-dot-color, transparent);
 		--_sds-radio-input-dot-size: var(--sds-radio-input-dot-size, 4.5px);
 
+		--_sds-radio-grid-template-areas: var(--sds-radio-grid-template-area, 'input content');
+		--_sds-radio-label-grid-area: var(--sds-radio-label-grid-area, content);
+		--_sds-radio-input-grid-area: var(--sds-radio-input-grid-area, input);
+		--_sds-radio-help-text-grid-area: var(--sds-radio-help-text-grid-area, content);
+
 		display: inline-flex;
 		flex: 0 0 auto;
 	}
@@ -3028,7 +1590,7 @@ const styles$6 = i$4`
 		display: grid;
 		font-family: var(--_sds-radio-font-family);
 		gap: var(--_sds-radio-block-gap) var(--_sds-radio-inline-gap);
-		grid-template-areas: 'input content';
+		grid-template-areas: var(--_sds-radio-grid-template-areas);
 		grid-template-columns: auto 1fr;
 		width: fit-content;
 
@@ -3050,7 +1612,7 @@ const styles$6 = i$4`
 	}
 
 	.sds-radio__help-text {
-		grid-column: content;
+		grid-column: var(--_sds-radio-help-text-grid-area);
 		margin: 0;
 		color: var(--_sds-radio-help-text-color);
 		font-size: var(--_sds-radio-help-text-font-size);
@@ -3067,7 +1629,7 @@ const styles$6 = i$4`
 		font-weight: var(--_sds-radio-label-font-weight);
 		line-height: var(--_sds-radio-label-line-height);
 
-		grid-column: content;
+		grid-column: var(--_sds-radio-label-grid-area);
 	}
 
 	.sds-radio__input {
@@ -3084,7 +1646,7 @@ const styles$6 = i$4`
 		margin: 0;
 		position: relative;
 
-		grid-column: input;
+		grid-column: var(--_sds-radio-input-grid-area);
 		grid-row: 1;
 
 		&[readonly] {
@@ -3193,308 +1755,33 @@ const styles$6 = i$4`
 			margin-block-start: -1px;
 		}
 	}
-`;
-var __defProp$6 = Object.defineProperty;
-var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
-var __decorateClass$6 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$6(target, key, result);
-  return result;
-};
-let SDSRadio = class extends i$1 {
-  constructor() {
-    super();
-    this.required = false;
-    this.label = "";
-    this.hideLabel = false;
-    this.value = "on";
-    this.checked = false;
-    this.error = false;
-    this.readOnly = false;
-    this.size = "md";
-    this._disabled = false;
-    this._disabledIsAuthorControlled = false;
-    this._settingDisabledFromParent = false;
-    this._parentRequestDisabled = false;
-    this._initialChecked = false;
-    this._handleKeydown = (event) => {
-      if (!this.name || this.disabled || this.readOnly) return;
-      const root = this.getRootNode();
-      const radios = Array.from(root.querySelectorAll(`sds-radio[name="${this.name}"]`));
-      const currentIndex = radios.indexOf(this);
-      if (currentIndex === -1) return;
-      let targetIndex = null;
-      switch (event.key) {
-        case "ArrowUp":
-        case "ArrowLeft":
-          targetIndex = currentIndex > 0 ? currentIndex - 1 : radios.length - 1;
-          break;
-        case "ArrowDown":
-        case "ArrowRight":
-          targetIndex = currentIndex < radios.length - 1 ? currentIndex + 1 : 0;
-          break;
-        default:
-          return;
-      }
-      const targetRadio = radios[targetIndex];
-      targetRadio?.focus();
-      targetRadio?.click();
-      event.preventDefault();
-    };
-    this._handleChange = (event) => {
-      if (this.disabled || this.readOnly) {
-        event.target.checked = this.checked ?? false;
-        event.preventDefault();
-        return;
-      }
-      const elem = event.target;
-      this.checked = elem.checked;
-      if (this.checked) {
-        this._uncheckSiblings();
-      }
-      this._updateGroupValidation();
-      this.dispatchEvent(new CustomEvent("change", { bubbles: true, composed: true }));
-    };
-    this._handleFocus = (event) => {
-      event.stopImmediatePropagation();
-      this.dispatchEvent(new CustomEvent("focus", { bubbles: true, composed: true }));
-    };
-    this._handleBlur = (event) => {
-      event.stopImmediatePropagation();
-      this.dispatchEvent(new CustomEvent("blur", { bubbles: true, composed: true }));
-    };
-    this.internals = this.attachInternals();
-    this.attachShadow({ mode: "open", delegatesFocus: true });
-  }
-  /**
-   * disabled:
-   * - If set directly (prop/attr), this radio becomes "self-controlled"
-   *   and ignores parentRequestDisabled.
-   * - If not self-controlled, this follows parentRequestDisabled (group/form).
-   */
-  get disabled() {
-    return this._disabled;
-  }
-  set disabled(value) {
-    const newVal = value ?? false;
-    const oldVal = this._disabled;
-    if (oldVal === newVal) return;
-    this._disabled = newVal;
-    this.requestUpdate("disabled", oldVal);
-    if (!this._settingDisabledFromParent) {
-      this._disabledIsAuthorControlled = newVal;
-    }
-  }
-  get parentRequestDisabled() {
-    return this._parentRequestDisabled;
-  }
-  set parentRequestDisabled(value) {
-    const newVal = value ?? false;
-    const oldVal = this._parentRequestDisabled;
-    if (oldVal === newVal) return;
-    this._parentRequestDisabled = newVal;
-    this.requestUpdate("parentRequestDisabled", oldVal);
-    if (this._disabledIsAuthorControlled) return;
-    this._settingDisabledFromParent = true;
-    this.disabled = newVal;
-    this._settingDisabledFromParent = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.internals.role = "radio";
-    if (!this._initialChecked) {
-      this._initialChecked = this.checked ?? false;
-    }
-    this.addEventListener("keydown", this._handleKeydown);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener("keydown", this._handleKeydown);
-  }
-  firstUpdated(_changedProperties) {
-    super.firstUpdated(_changedProperties);
-    this._updateGroupValidation();
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    if (changedProperties.has("checked")) {
-      if (this.checked) {
-        this._uncheckSiblings();
-        this.internals.setFormValue(this.value ?? null);
-      } else {
-        this.internals.setFormValue(null);
-      }
-      this._updateGroupValidation();
-    }
-    if (changedProperties.has("required") && this.control) {
-      this.control.required = this.required ?? false;
-    }
-    if (!this._disabledIsAuthorControlled && this.disabled !== this._parentRequestDisabled) {
-      this._settingDisabledFromParent = true;
-      this.disabled = this._parentRequestDisabled ?? false;
-      this._settingDisabledFromParent = false;
-    }
-  }
-  _getGroupRadios() {
-    if (!this.name) return [this];
-    const root = this.getRootNode();
-    const radioGroup = Array.from(root.querySelectorAll(`sds-radio[name="${this.name}"]`));
-    return radioGroup;
-  }
-  _updateGroupValidation() {
-    const group = this._getGroupRadios();
-    const isAnyChecked = group.some((radio) => radio.checked);
-    const isAnyRequired = group.some((radio) => radio.required);
-    group.forEach((radio) => {
-      if (!radio.control) return;
-      if (isAnyRequired) {
-        radio.internals.setValidity(isAnyChecked ? {} : { valueMissing: true }, isAnyChecked ? "" : radio.control.validationMessage, radio.control);
-      } else {
-        radio.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 radios = this._getGroupRadios();
-    for (const radio of radios) {
-      if (radio !== this && radio.checked) {
-        radio.checked = false;
-        radio.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(message) {
-    this.internals.setValidity({ customError: !!message }, message);
-  }
-  formDisabledCallback(disabled) {
-    this._settingDisabledFromParent = true;
-    this.disabled = disabled;
-    this._settingDisabledFromParent = false;
-    if (this.control) this.control.disabled = disabled;
-  }
-  focus() {
-    if (!this.disabled) this.shadowRoot?.querySelector("input")?.focus();
-  }
-  blur() {
-    if (!this.disabled) this.shadowRoot?.querySelector("input")?.blur();
-  }
-  click() {
-    if (!this.disabled && !this.readOnly) this.shadowRoot?.querySelector("input")?.click();
-  }
-  render() {
-    const radioClasses = {
-      "sds-radio": true,
-      "sds-radio--error": Boolean(this.error)
-    };
-    const inputClasses = {
-      "sds-radio__input": true,
-      "sds-radio__input--error": Boolean(this.error)
-    };
-    return x`
-			<div class="${e2(radioClasses)}">
+`;var Ds=Object.defineProperty,Ms=Object.getOwnPropertyDescriptor,Vs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ms(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 at{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.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this.internals=this.attachInternals(),this.attachShadow({mode:"open",delegatesFocus:!0})}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 j`
+			<div class="${Ot(t)}">
 				<input
 					id="control"
 					type="radio"
-					name="${o$1(this.name)}"
-					value="${o$1(this.value)}"
-					?checked="${this.checked ?? false}"
-					.checked="${this.checked ?? false}"
-					?disabled="${this.disabled ?? false}"
-					.disabled="${this.disabled ?? false}"
+					name="${vt(this.name)}"
+					value="${vt(this.value)}"
+					?checked="${this.checked??!1}"
+					.checked="${this.checked??!1}"
+					?disabled="${this.disabled??!1}"
+					.disabled="${this.disabled??!1}"
 					?required="${this.required}"
 					?readonly="${this.readOnly}"
 					@change="${this._handleChange}"
 					@focus="${this._handleFocus}"
 					@blur="${this._handleBlur}"
-					class="${e2(inputClasses)}"
+					class="${Ot(s)}"
 				/>
-				${this.label ? x`<label class="sds-radio__label" for="control">${this.label}</label>` : E}
-				${this.helpText ? x`<span class="sds-radio__help-text">${this.helpText}</span>` : E}
+				${this.label?j`<label class="sds-radio__label" for="control">${this.label}</label>`:U}
+				${this.helpText?j`<span class="sds-radio__help-text">${this.helpText}</span>`:U}
 			</div>
-		`;
-  }
-};
-SDSRadio.styles = [styles$6];
-SDSRadio.formAssociated = true;
-__decorateClass$6([
-  n2({ type: Boolean, reflect: true })
-], SDSRadio.prototype, "required", 2);
-__decorateClass$6([
-  n2({ type: String, reflect: true })
-], SDSRadio.prototype, "label", 2);
-__decorateClass$6([
-  n2({ type: Boolean, reflect: true, attribute: "hide-label" })
-], SDSRadio.prototype, "hideLabel", 2);
-__decorateClass$6([
-  n2({ type: String, reflect: true })
-], SDSRadio.prototype, "name", 2);
-__decorateClass$6([
-  n2({ type: String })
-], SDSRadio.prototype, "value", 2);
-__decorateClass$6([
-  n2({ type: Boolean, reflect: true })
-], SDSRadio.prototype, "checked", 2);
-__decorateClass$6([
-  n2({ type: Boolean, reflect: true })
-], SDSRadio.prototype, "error", 2);
-__decorateClass$6([
-  n2({ type: Boolean, attribute: "readonly", reflect: true })
-], SDSRadio.prototype, "readOnly", 2);
-__decorateClass$6([
-  n2({ type: String, reflect: true })
-], SDSRadio.prototype, "size", 2);
-__decorateClass$6([
-  n2({ type: String, attribute: "help-text" })
-], SDSRadio.prototype, "helpText", 2);
-__decorateClass$6([
-  n2({ type: Boolean, reflect: true })
-], SDSRadio.prototype, "disabled", 1);
-__decorateClass$6([
-  n2({ type: Boolean, attribute: false })
-], SDSRadio.prototype, "parentRequestDisabled", 1);
-__decorateClass$6([
-  e$3("#control")
-], SDSRadio.prototype, "control", 2);
-SDSRadio = __decorateClass$6([
-  guardedCustomElement("sds-radio")
-], SDSRadio);
-const styles$5 = i$4`
+		`}};Rs.styles=[Ps],Rs.formAssociated=!0,Vs([lt({type:Boolean,reflect:!0})],Rs.prototype,"required",2),Vs([lt({type:String,reflect:!0})],Rs.prototype,"label",2),Vs([lt({type:Boolean,reflect:!0,attribute:"hide-label"})],Rs.prototype,"hideLabel",2),Vs([lt({type:String,reflect:!0})],Rs.prototype,"name",2),Vs([lt({type:String})],Rs.prototype,"value",2),Vs([lt({type:Boolean,reflect:!0})],Rs.prototype,"checked",2),Vs([lt({type:Boolean,reflect:!0})],Rs.prototype,"error",2),Vs([lt({type:Boolean,attribute:"readonly",reflect:!0})],Rs.prototype,"readOnly",2),Vs([lt({type:String,reflect:!0})],Rs.prototype,"size",2),Vs([lt({type:String,attribute:"help-text"})],Rs.prototype,"helpText",2),Vs([lt({type:Boolean,reflect:!0})],Rs.prototype,"disabled",1),Vs([lt({type:Boolean,attribute:!1})],Rs.prototype,"parentRequestDisabled",1),Vs([ht("#control")],Rs.prototype,"control",2),Rs=Vs([pt("sds-radio")],Rs);const Ts=a`
 	: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));
 		--_sds-radio-group-font-family: var(--sds-radio-group-font-family, var(--sds-typography-font-family-roboto));
-		--_sds-radio-group-font-size: var(--sds-radio-group-font-size, var(--sds-components-font-size-md));
+		--_sds-radio-group-font-size: var(--sds-radio-group-font-size, var(--sds-components-font-size-content-md));
 		--_sds-radio-group-text-color: var(--sds-radio-group-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
 		--_sds-radio-group-max-line-width: var(--sds-radio-group-max-line-width, var(--sds-typography-max-line-width));
 		--_sds-radio-group-disabled-opacity: var(--sds-radio-group-disabled-opacity, var(--sds-color-states-disabled-opacity));
@@ -3504,7 +1791,7 @@ const styles$5 = i$4`
 		--_sds_radio-group-legend-help-text-gap: var(--sds-radio-group-legend-help-text-gap, var(--sds-spacing-4xs));
 
 		--_sds-radio-group-help-text-color: var(--sds-radio-group-help-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
-		--_sds-radio-group-help-text-font-size: var(--sds-radio-group-help-text-font-size, var(--sds-components-font-size-md));
+		--_sds-radio-group-help-text-font-size: var(--sds-radio-group-help-text-font-size, var(--sds-components-font-size-content-md));
 		--_sds-radio-group-help-text-font-weight: var(--sds-radio-group-help-text-font-weight, var(--sds-typography-body-md-desktop-font-weight));
 		--_sds-radio-group-help-text-line-height: var(--sds-radio-group-help-text-line-height, var(--sds-components-line-height-squeezed-md));
 
@@ -3575,158 +1862,30 @@ const styles$5 = i$4`
 	}
 
 	:host([size='sm']) {
-		--_sds-radio-group-font-size: var(--sds-radio-group-font-size, var(--sds-components-font-size-sm));
+		--_sds-radio-group-font-size: var(--sds-radio-group-font-size, var(--sds-components-font-size-content-sm));
 		--_sds-radio-group-legend-line-height: var(--sds-radio-group-legend-line-height, var(--sds-components-line-height-squeezed-sm));
-		--_sds-radio-group-help-text-font-size: var(--sds-radio-group-help-text-font-size, var(--sds-components-font-size-sm));
+		--_sds-radio-group-help-text-font-size: var(--sds-radio-group-help-text-font-size, var(--sds-components-font-size-content-sm));
 		--_sds-radio-group-help-text-line-height: var(--sds-radio-group-help-text-line-height, var(--sds-components-line-height-squeezed-sm));
 	}
 
 	:host([size='lg']) {
-		--_sds-radio-group-font-size: var(--sds-radio-group-font-size, var(--sds-components-font-size-lg));
+		--_sds-radio-group-font-size: var(--sds-radio-group-font-size, var(--sds-components-font-size-content-lg));
 		--_sds-radio-group-legend-line-height: var(--sds-radio-group-legend-line-height, var(--sds-components-line-height-squeezed-lg));
-		--_sds-radio-group-help-text-font-size: var(--sds-radio-group-help-text-font-size, var(--sds-components-font-size-lg));
+		--_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 __defProp$5 = Object.defineProperty;
-var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
-var __decorateClass$5 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$5(target, key, result);
-  return result;
-};
-const updatableRadioProps = ["disabled", "errorMessage", "readOnly", "required", "size"];
-let SDSRadioGroup = class extends i$1 {
-  constructor() {
-    super(...arguments);
-    this.readOnly = false;
-    this.direction = "column";
-    this.disabled = false;
-    this.required = false;
-    this.size = "md";
-    this._selectedValue = null;
-    this._handleRadioChange = (event) => {
-      const target = event.composedPath().find((el) => el instanceof HTMLElement && el.tagName === "SDS-RADIO");
-      if (target) {
-        this._selectedValue = target.getAttribute("value") || null;
-        this.dispatchEvent(new CustomEvent("sds-update", { bubbles: true, composed: true }));
-      }
-    };
-    this._handleSlotChange = () => {
-      this._updateChildProps([...updatableRadioProps]);
-    };
-  }
-  _getChildRadios() {
-    return this._slotElement?.assignedElements({ flatten: true }).filter((element) => element.tagName === "SDS-RADIO") ?? [];
-  }
-  _updateChildProps(changedAttributes) {
-    const radios = this._getChildRadios();
-    for (const childRadio of radios) {
-      for (const attribute of changedAttributes) {
-        switch (attribute) {
-          case "readOnly":
-            childRadio.readOnly = this.readOnly;
-            break;
-          case "disabled":
-            childRadio.parentRequestDisabled = this.disabled;
-            break;
-          case "errorMessage":
-            childRadio.error = Boolean(this.errorMessage);
-            break;
-          case "required":
-            childRadio.required = this.required;
-            break;
-          case "size":
-            childRadio.size = this.size;
-            break;
-        }
-      }
-    }
-  }
-  updated(changedProps) {
-    super.updated(changedProps);
-    const changedKeys = Array.from(changedProps.keys());
-    if (changedKeys.includes("errorMessage") || changedKeys.includes("error-message")) {
-      this._updateChildProps(["errorMessage"]);
-    }
-  }
-  attributeChangedCallback(name, _old, value) {
-    super.attributeChangedCallback(name, _old, value);
-    if (name === "readonly") {
-      this._updateChildProps(["readOnly"]);
-      return;
-    }
-    const property2 = name;
-    if (updatableRadioProps.includes(property2)) {
-      this._updateChildProps([property2]);
-    }
-  }
-  render() {
-    const radioGroupClasses = {
-      "sds-radio-group": true,
-      "sds-radio-group--readonly": this.readOnly ?? false,
-      "sds-radio-group--disabled": this.disabled ?? false
-    };
-    const radioClasses = {
-      "sds-radio-group__radios": true,
-      "sds-radio-group--column": this.direction === "column",
-      "sds-radio-group--row": this.direction === "row"
-    };
-    return x`
-			<fieldset class="${e2(radioGroupClasses)}">
-				${this.legend ? x`<legend class="sds-radio-group__legend">${this.readOnly ? x`<sds-icon name="lock-material-filled" size="md"></sds-icon>` : E}${this.legend}</legend>` : E}
-				${this.helpText ? x`<p class="sds-radio-group__help-text">${this.helpText}</p>` : E}
-				<div class="${e2(radioClasses)}" @change=${this._handleRadioChange}>
+`;var Ls=Object.defineProperty,Bs=Object.getOwnPropertyDescriptor,Is=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Bs(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&&Ls(s,e,a),a};const js=["disabled","errorMessage","readOnly","required","size"];let Ns=class extends at{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.dispatchEvent(new CustomEvent("sds-update",{bubbles:!0,composed:!0})))},this._handleSlotChange=()=>{this._updateChildProps([...js])}}_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;js.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 j`
+			<fieldset class="${Ot(t)}">
+				${this.legend?j`<legend class="sds-radio-group__legend">${this.readOnly?j`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:U}${this.legend}</legend>`:U}
+				${this.helpText?j`<p class="sds-radio-group__help-text">${this.helpText}</p>`:U}
+				<div class="${Ot(s)}" @change=${this._handleRadioChange}>
 					<slot @slotchange=${this._handleSlotChange}></slot>
 				</div>
-				${this.errorMessage ? x`<sds-alert variant="secondary" data-palette="danger">
+				${this.errorMessage?j`<sds-alert variant="secondary" data-palette="danger">
 							<p slot="message">${this.errorMessage}</p>
-						</sds-alert>` : E}
+						</sds-alert>`:U}
 			</fieldset>
-		`;
-  }
-  get value() {
-    return { selectedValue: this._selectedValue };
-  }
-};
-SDSRadioGroup.styles = [styles$5];
-__decorateClass$5([
-  n2({ type: String })
-], SDSRadioGroup.prototype, "legend", 2);
-__decorateClass$5([
-  n2({ type: String, attribute: "help-text" })
-], SDSRadioGroup.prototype, "helpText", 2);
-__decorateClass$5([
-  n2({ type: String, attribute: "error-message" })
-], SDSRadioGroup.prototype, "errorMessage", 2);
-__decorateClass$5([
-  n2({ type: Boolean, attribute: "readonly", reflect: true })
-], SDSRadioGroup.prototype, "readOnly", 2);
-__decorateClass$5([
-  n2({ type: String })
-], SDSRadioGroup.prototype, "direction", 2);
-__decorateClass$5([
-  n2({ type: Boolean, reflect: true })
-], SDSRadioGroup.prototype, "disabled", 2);
-__decorateClass$5([
-  n2({ type: Boolean, reflect: true })
-], SDSRadioGroup.prototype, "required", 2);
-__decorateClass$5([
-  n2({ type: String, reflect: true })
-], SDSRadioGroup.prototype, "size", 2);
-__decorateClass$5([
-  r()
-], SDSRadioGroup.prototype, "_selectedValue", 2);
-__decorateClass$5([
-  e$3("slot")
-], SDSRadioGroup.prototype, "_slotElement", 2);
-SDSRadioGroup = __decorateClass$5([
-  guardedCustomElement("sds-radio-group")
-], SDSRadioGroup);
-const styles$4 = i$4`
+		`}get value(){return{selectedValue:this._selectedValue}}};Ns.styles=[Ts],Is([lt({type:String})],Ns.prototype,"legend",2),Is([lt({type:String,attribute:"help-text"})],Ns.prototype,"helpText",2),Is([lt({type:String,attribute:"error-message"})],Ns.prototype,"errorMessage",2),Is([lt({type:Boolean,attribute:"readonly",reflect:!0})],Ns.prototype,"readOnly",2),Is([lt({type:String})],Ns.prototype,"direction",2),Is([lt({type:Boolean,reflect:!0})],Ns.prototype,"disabled",2),Is([lt({type:Boolean,reflect:!0})],Ns.prototype,"required",2),Is([lt({type:String,reflect:!0})],Ns.prototype,"size",2),Is([ct()],Ns.prototype,"_selectedValue",2),Is([ht("slot")],Ns.prototype,"_slotElement",2),Ns=Is([pt("sds-radio-group")],Ns);const Us=a`
 	: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)));
@@ -3738,9 +1897,9 @@ const styles$4 = i$4`
 		--_sds-switch-border-radius: var(--sds-switch-border-radius, var(--sds-radius-full));
 
 		--_sds-switch-font-family: var(--sds-switch-font-family, var(--sds-typography-font-family-roboto));
-		--_sds-switch-font-size: var(--sds-switch-font-size, var(--sds-components-font-size-md));
+		--_sds-switch-font-size: var(--sds-switch-font-size, var(--sds-components-font-size-content-md));
 		--_sds-switch-font-weight: var(--sds-switch-font-weight, var(--sds-typography-font-weight-regular));
-		--_sds-switch-line-height: var(--sds-switch-line-height, var(--sds-components-line-height-squeezed-md));
+		--_sds-switch-line-height: var(--sds-switch-line-height, var(--sds-components-line-height-tall-content-md));
 
 		--_sds-switch-gap: var(--sds-switch-gap, var(--sds-spacing-3xs));
 		--_sds-switch-icon-gap: var(--sds-switch-icon-gap, var(--sds-spacing-4xs));
@@ -3785,8 +1944,8 @@ const styles$4 = i$4`
 		--_sds-switch-width: var(--sds-switch-width, var(--sds-components-switch-length-sm));
 		--_sds-switch-height: var(--sds-switch-height, var(--sds-components-icon-sm));
 		--_sds-switch-button-size: var(--sds-switch-button-size, var(--sds-components-switch-bulleye-sm));
-		--_sds-switch-font-size: var(--sds-switch-font-size, var(--sds-components-font-size-sm));
-		--_sds-switch-line-height: var(--sds-switch-line-height, var(--sds-components-line-height-squeezed-sm));
+		--_sds-switch-font-size: var(--sds-switch-font-size, var(--sds-components-font-size-content-sm));
+		--_sds-switch-line-height: var(--sds-switch-line-height, var(--sds-components-line-height-tall-content-sm));
 	}
 
 	:host([size='l']),
@@ -3794,8 +1953,8 @@ const styles$4 = i$4`
 		--_sds-switch-width: var(--sds-switch-width, var(--sds-components-switch-length-lg));
 		--_sds-switch-height: var(--sds-switch-height, var(--sds-components-icon-lg));
 		--_sds-switch-button-size: var(--sds-switch-button-size, var(--sds-components-switch-bulleye-lg));
-		--_sds-switch-font-size: var(--sds-switch-font-size, var(--sds-components-font-size-lg));
-		--_sds-switch-line-height: var(--sds-switch-line-height, var(--sds-components-line-height-squeezed-lg));
+		--_sds-switch-font-size: var(--sds-switch-font-size, var(--sds-components-font-size-content-lg));
+		--_sds-switch-line-height: var(--sds-switch-line-height, var(--sds-components-line-height-tall-content-lg));
 	}
 
 	.sds-switch {
@@ -3876,110 +2035,7 @@ const styles$4 = i$4`
 	.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 __defProp$4 = Object.defineProperty;
-var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
-var __decorateClass$4 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$4(target, key, result);
-  return result;
-};
-let SDSSwitch = class extends i$1 {
-  constructor() {
-    super();
-    this.disabled = false;
-    this.label = "";
-    this.hideLabel = false;
-    this.reverse = false;
-    this.checked = false;
-    this.readOnly = false;
-    this.size = "md";
-    this._initialChecked = false;
-    this._handleChange = (event) => {
-      event.stopImmediatePropagation();
-      if (!this.disabled && !this.disabled) {
-        const elem = event.target;
-        this.checked = elem.checked;
-        this.internals.setFormValue(this.checked ? "on" : "off");
-        this.dispatchEvent(
-          new CustomEvent("change", {
-            bubbles: true,
-            composed: true
-          })
-        );
-      }
-    };
-    this._handleFocus = (event) => {
-      event.stopImmediatePropagation();
-      if (!this.disabled && !this.disabled) {
-        this.dispatchEvent(
-          new CustomEvent("focus", {
-            bubbles: true,
-            composed: true
-          })
-        );
-      }
-    };
-    this._handleBlur = (event) => {
-      event.stopImmediatePropagation();
-      if (!this.disabled && !this.disabled) {
-        this.dispatchEvent(
-          new CustomEvent("blur", {
-            bubbles: true,
-            composed: true
-          })
-        );
-      }
-    };
-    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();
-    this.attachShadow({ mode: "open", delegatesFocus: true });
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this._initialChecked = this.checked;
-    this.internals.setFormValue(this.checked ? "on" : "off");
-  }
-  updated(changedProperties) {
-    if (changedProperties.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(state) {
-    this.checked = state;
-  }
-  get value() {
-    return this.checked ? "on" : "off";
-  }
-  render() {
-    const switchClasses = {
-      "sds-switch": true
-    };
-    const labelClasses = {
-      "sds-switch__label": true,
-      "sds-switch__label--hidden": this.hideLabel
-    };
-    const inputTemplate = x`<input
+`;var Fs=Object.defineProperty,Hs=Object.getOwnPropertyDescriptor,Gs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Hs(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&&Fs(s,e,a),a};let Ks=class extends at{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.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))}},this._handleFocus=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.disabled||this.disabled||this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},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(),this.attachShadow({mode:"open",delegatesFocus:!0})}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=j`<input
 			class="sds-switch__input"
 			id="control"
 			type="checkbox"
@@ -3988,49 +2044,11 @@ let SDSSwitch = class extends i$1 {
 			?disabled="${this.disabled}"
 			.checked="${this.checked}"
 			?checked="${this.checked}"
-			name="${o$1(this.name)}"
+			name="${vt(this.name)}"
 			@change="${this._handleChange}"
 			@focus="${this._handleFocus}"
 			@blur="${this._handleBlur}"
-		/>`;
-    const iconTemplate = this.readOnly ? x`<sds-icon name="lock-material-filled" size="${this.getIconSize()}"></sds-icon>` : E;
-    const labelTemplate = x`<label class="${e2(labelClasses)}" for="control">${iconTemplate}${this.label}</label>`;
-    return x`<div class="${e2(switchClasses)}">${this.reverse ? [labelTemplate, inputTemplate] : [inputTemplate, labelTemplate]}</div>`;
-  }
-};
-SDSSwitch.styles = [styles$4];
-SDSSwitch.formAssociated = true;
-__decorateClass$4([
-  n2({ type: Boolean, reflect: true })
-], SDSSwitch.prototype, "disabled", 2);
-__decorateClass$4([
-  n2({ type: String, reflect: true })
-], SDSSwitch.prototype, "label", 2);
-__decorateClass$4([
-  n2({ type: Boolean, reflect: true, attribute: "hide-label" })
-], SDSSwitch.prototype, "hideLabel", 2);
-__decorateClass$4([
-  n2({ type: String, reflect: true })
-], SDSSwitch.prototype, "name", 2);
-__decorateClass$4([
-  n2({ type: Boolean, reflect: true })
-], SDSSwitch.prototype, "reverse", 2);
-__decorateClass$4([
-  n2({ type: Boolean, reflect: true })
-], SDSSwitch.prototype, "checked", 2);
-__decorateClass$4([
-  n2({ type: Boolean, attribute: "readonly", reflect: true })
-], SDSSwitch.prototype, "readOnly", 2);
-__decorateClass$4([
-  n2({ type: String, reflect: true })
-], SDSSwitch.prototype, "size", 2);
-__decorateClass$4([
-  e$3("#control")
-], SDSSwitch.prototype, "control", 2);
-SDSSwitch = __decorateClass$4([
-  guardedCustomElement("sds-switch")
-], SDSSwitch);
-const styles$3 = i$4`
+		/>`,e=this.readOnly?j`<sds-icon name="lock-material-filled" size="${this.getIconSize()}"></sds-icon>`:U,o=j`<label class="${Ot(t)}" for="control">${e}${this.label}</label>`;return j`<div class="${Ot({"sds-switch":!0})}">${this.reverse?[o,s]:[s,o]}</div>`}};Ks.styles=[Us],Ks.formAssociated=!0,Gs([lt({type:Boolean,reflect:!0})],Ks.prototype,"disabled",2),Gs([lt({type:String,reflect:!0})],Ks.prototype,"label",2),Gs([lt({type:Boolean,reflect:!0,attribute:"hide-label"})],Ks.prototype,"hideLabel",2),Gs([lt({type:String,reflect:!0})],Ks.prototype,"name",2),Gs([lt({type:Boolean,reflect:!0})],Ks.prototype,"reverse",2),Gs([lt({type:Boolean,reflect:!0})],Ks.prototype,"checked",2),Gs([lt({type:Boolean,attribute:"readonly",reflect:!0})],Ks.prototype,"readOnly",2),Gs([lt({type:String,reflect:!0})],Ks.prototype,"size",2),Gs([ht("#control")],Ks.prototype,"control",2),Ks=Gs([pt("sds-switch")],Ks);const Ws=a`
 	: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)));
@@ -4091,45 +2109,15 @@ const styles$3 = i$4`
 		--_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 __defProp$3 = Object.defineProperty;
-var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
-var __decorateClass$3 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$3(target, key, result);
-  return result;
-};
-let SDSTag = class extends i$1 {
-  constructor() {
-    super(...arguments);
-    this.size = "md";
-  }
-  render() {
-    const tagClasses = {
-      "sds-tag": true
-    };
-    return x`<span class="${e2(tagClasses)}">
+`;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};let Ys=class extends at{constructor(){super(...arguments),this.size="md"}render(){return j`<span class="${Ot({"sds-tag":!0})}">
 			<slot></slot>
-		</span>`;
-  }
-};
-SDSTag.styles = [styles$3];
-__decorateClass$3([
-  n2({ type: String, reflect: true })
-], SDSTag.prototype, "size", 2);
-SDSTag = __decorateClass$3([
-  guardedCustomElement("sds-tag")
-], SDSTag);
-const styles$2 = i$4`
+		</span>`}};Ys.styles=[Ws],Xs([lt({type:String,reflect:!0})],Ys.prototype,"size",2),Ys=Xs([pt("sds-tag")],Ys);const Js=a`
 	: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));
 		--_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-md-mobile-font-weight));
 		--_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-md-mobile-line-height));
-		--_sds-text-color: var(--sds-text-color, var(--sds-color-text-default, var(--sds-color-accent-text-default)));
+		--_sds-text-color: var(--sds-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
 
 		display: block;
 		box-sizing: border-box;
@@ -4147,7 +2135,7 @@ const styles$2 = i$4`
 	}
 
 	:host([data-palette]) {
-		--_sds-text-color: var(--sds-text-color, var(--sds-color-text-default, var(--sds-color-accent-text-default)));
+		--_sds-text-color: var(--sds-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
 	}
 
 	/* Mobile */
@@ -4398,42 +2386,7 @@ const styles$2 = i$4`
 			--_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xl-desktop-line-height));
 		}
 	}
-`;
-var __defProp$2 = Object.defineProperty;
-var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
-var __decorateClass$2 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$2(target, key, result);
-  return result;
-};
-let SDSText = class extends i$1 {
-  constructor() {
-    super(...arguments);
-    this.size = "md";
-    this.strong = false;
-    this.tall = false;
-  }
-  render() {
-    return x`<p><slot></slot></p>`;
-  }
-};
-SDSText.styles = [styles$2];
-__decorateClass$2([
-  n2({ type: String, reflect: true })
-], SDSText.prototype, "size", 2);
-__decorateClass$2([
-  n2({ type: Boolean, reflect: true })
-], SDSText.prototype, "strong", 2);
-__decorateClass$2([
-  n2({ type: Boolean, reflect: true })
-], SDSText.prototype, "tall", 2);
-SDSText = __decorateClass$2([
-  guardedCustomElement("sds-text")
-], SDSText);
-const styles$1 = i$4`
+`;var te=Object.defineProperty,se=Object.getOwnPropertyDescriptor,ee=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?se(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&&te(s,e,a),a};let oe=class extends at{constructor(){super(...arguments),this.size="md",this.strong=!1,this.tall=!1}render(){return j`<p><slot></slot></p>`}};oe.styles=[Js],ee([lt({type:String,reflect:!0})],oe.prototype,"size",2),ee([lt({type:Boolean,reflect:!0})],oe.prototype,"strong",2),ee([lt({type:Boolean,reflect:!0})],oe.prototype,"tall",2),oe=ee([pt("sds-text")],oe);const re=a`
 	: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)));
@@ -4599,156 +2552,26 @@ const styles$1 = i$4`
 			--sds-icon-size: var(--sds-textfield-icon-size, var(--sds-components-icon-lg));
 		}
 	}
-`;
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
-var __decorateClass$1 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$1(target, key, result);
-  return result;
-};
-let SDSTextField = class extends i$1 {
-  constructor() {
-    super();
-    this.type = "text";
-    this.disabled = false;
-    this.readOnly = false;
-    this.required = false;
-    this.size = "md";
-    this.hasIcon = false;
-    this._defaultValue = "";
-    this.handleSlotChange = (e3) => {
-      const slot = e3.target;
-      this.hasIcon = slot.assignedNodes({ flatten: true }).length > 0;
-    };
-    this._handleInputChange = (event) => {
-      event.stopImmediatePropagation();
-      if (!this.disabled) {
-        const currentValue = event.target.value;
-        this.value = currentValue;
-        this.internals.setFormValue(currentValue === "" ? null : currentValue);
-        this.updateValidity();
-        this.dispatchEvent(new CustomEvent(event.type, { bubbles: true, composed: true }));
-      }
-    };
-    this._handleSelect = (event) => {
-      event.stopImmediatePropagation();
-      if (!this.disabled) {
-        this.dispatchEvent(new CustomEvent("select", { bubbles: true, composed: true }));
-      }
-    };
-    this._handleFocus = (event) => {
-      event.stopImmediatePropagation();
-      this.dispatchEvent(new CustomEvent("focus", { bubbles: true, composed: true }));
-    };
-    this._handleBlur = (event) => {
-      event.stopImmediatePropagation();
-      this.updateValidity();
-      this.dispatchEvent(new CustomEvent("blur", { bubbles: true, composed: true }));
-    };
-    this._handleKeyDown = (event) => {
-      if (event.key !== "Enter") {
-        return;
-      }
-      event.stopImmediatePropagation();
-      const form = this.internals?.form;
-      if (form?.requestSubmit) {
-        form.requestSubmit();
-      } else {
-        form?.submit();
-      }
-    };
-    this.internals = this.attachInternals();
-    this.attachShadow({ mode: "open", delegatesFocus: true });
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this._defaultValue = this.value ?? "";
-  }
-  updateValidity() {
-    if (this.control.checkValidity()) {
-      this.internals.setValidity({});
-    } else {
-      this.internals.setValidity({ customError: true }, this.control.validationMessage, this.control);
-    }
-  }
-  formResetCallback() {
-    this.control.value = this._defaultValue;
-    this.internals.setFormValue(this._defaultValue === "" ? null : this._defaultValue);
-    this.value = this._defaultValue;
-    this.updateValidity();
-  }
-  select() {
-    if (!this.disabled) this.control.select();
-  }
-  focus() {
-    if (!this.disabled) this.control.focus();
-  }
-  blur() {
-    if (!this.disabled) this.control.blur();
-  }
-  click() {
-    if (!this.disabled) this.control.click();
-  }
-  get selectionStart() {
-    return this.control ? this.control.selectionStart : null;
-  }
-  set selectionStart(value) {
-    if (this.control && value !== null) {
-      this.control.selectionStart = value;
-    }
-  }
-  get selectionEnd() {
-    return this.control ? this.control.selectionEnd : null;
-  }
-  set selectionEnd(value) {
-    if (this.control && value !== null) {
-      this.control.selectionEnd = value;
-    }
-  }
-  setSelectionRange(start, end, direction) {
-    if (this.control) {
-      this.control.setSelectionRange(start, end, direction);
-    }
-  }
-  checkValidity() {
-    return this.control.checkValidity();
-  }
-  reportValidity() {
-    return this.control.reportValidity();
-  }
-  setCustomValidity(message) {
-    this.control.setCustomValidity(message);
-    this.updateValidity();
-  }
-  render() {
-    const textfieldClasses = {
-      "sds-textfield": true,
-      "sds-textfield--error": Boolean(this.errorMessage),
-      "sds-textfield--has-icon": this.hasIcon
-    };
-    return x`
-			<div class="${e2(textfieldClasses)}">
-				${this.label ? x`<label for="sds-textfield" class="sds-textfield__label">${this.readOnly ? x`<sds-icon name="lock-material-filled" size="m"></sds-icon>` : E}</sds-icon>${this.label}</label>` : E}
-				${this.helpText ? x`<p class="sds-textfield__help-text">${this.helpText}</p>` : E}
+`;var ae=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,de=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ie(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&&ae(s,e,a),a};let ne=class extends at{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.dispatchEvent(new CustomEvent(t.type,{bubbles:!0,composed:!0})))},this._handleSelect=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0}))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this._handleKeyDown=t=>{if("Enter"!==t.key)return;t.stopImmediatePropagation();const s=this.internals?.form;s?.requestSubmit?s.requestSubmit():s?.submit()},this.internals=this.attachInternals(),this.attachShadow({mode:"open",delegatesFocus:!0})}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}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 j`
+			<div class="${Ot(t)}">
+				${this.label?j`<label for="sds-textfield" class="sds-textfield__label">${this.readOnly?j`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:U}</sds-icon>${this.label}</label>`:U}
+				${this.helpText?j`<p class="sds-textfield__help-text">${this.helpText}</p>`:U}
 				<div class="sds-textfield__input-container">
 					<input
+						part="input"
 						class="sds-textfield__input"
-						type="${o$1(this.type)}"
+						type="${vt(this.type)}"
 						id="sds-textfield"
 						?disabled="${this.disabled}"
 						?readonly="${this.readOnly}"
-						placeholder="${o$1(this.placeholder)}"
-						.value="${this.value ?? ""}"
-						name="${o$1(this.name)}"
-						autocomplete="${o$1(this.autocomplete)}"
+						placeholder="${vt(this.placeholder)}"
+						.value="${this.value??""}"
+						name="${vt(this.name)}"
+						autocomplete="${vt(this.autocomplete)}"
 						?required="${this.required}"
-						pattern="${o$1(this.pattern)}"
-						minlength="${o$1(this.minlength)}"
-						maxlength="${o$1(this.maxlength)}"
+						pattern="${vt(this.pattern)}"
+						minlength="${vt(this.minlength)}"
+						maxlength="${vt(this.maxlength)}"
 						@input="${this._handleInputChange}"
 						@change="${this._handleInputChange}"
 						@select="${this._handleSelect}"
@@ -4758,68 +2581,9 @@ let SDSTextField = class extends i$1 {
 					/>
 					<slot name="after" @slotchange="${this.handleSlotChange}" aria-hidden="true"></slot>
 				</div>
-				${this.errorMessage ? x`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>` : E}
+				${this.errorMessage?j`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:U}
 			</div>
-		`;
-  }
-};
-SDSTextField.styles = [styles$1];
-SDSTextField.formAssociated = true;
-__decorateClass$1([
-  n2({ type: String, reflect: true })
-], SDSTextField.prototype, "type", 2);
-__decorateClass$1([
-  n2({ type: String })
-], SDSTextField.prototype, "value", 2);
-__decorateClass$1([
-  n2({ type: String, reflect: true })
-], SDSTextField.prototype, "name", 2);
-__decorateClass$1([
-  n2({ type: String, reflect: true })
-], SDSTextField.prototype, "label", 2);
-__decorateClass$1([
-  n2({ type: String, reflect: true })
-], SDSTextField.prototype, "placeholder", 2);
-__decorateClass$1([
-  n2({ type: String, attribute: "help-text", reflect: true })
-], SDSTextField.prototype, "helpText", 2);
-__decorateClass$1([
-  n2({ type: String, attribute: "error-message", reflect: true })
-], SDSTextField.prototype, "errorMessage", 2);
-__decorateClass$1([
-  n2({ type: Boolean, reflect: true })
-], SDSTextField.prototype, "disabled", 2);
-__decorateClass$1([
-  n2({ type: Boolean, attribute: "readonly", reflect: true })
-], SDSTextField.prototype, "readOnly", 2);
-__decorateClass$1([
-  n2({ type: String, reflect: true })
-], SDSTextField.prototype, "autocomplete", 2);
-__decorateClass$1([
-  n2({ type: Boolean, reflect: true })
-], SDSTextField.prototype, "required", 2);
-__decorateClass$1([
-  n2({ type: String, reflect: true })
-], SDSTextField.prototype, "pattern", 2);
-__decorateClass$1([
-  n2({ type: Number, reflect: true })
-], SDSTextField.prototype, "minlength", 2);
-__decorateClass$1([
-  n2({ type: Number, reflect: true })
-], SDSTextField.prototype, "maxlength", 2);
-__decorateClass$1([
-  n2({ type: String, reflect: true })
-], SDSTextField.prototype, "size", 2);
-__decorateClass$1([
-  r()
-], SDSTextField.prototype, "hasIcon", 2);
-__decorateClass$1([
-  e$3("#sds-textfield")
-], SDSTextField.prototype, "control", 2);
-SDSTextField = __decorateClass$1([
-  guardedCustomElement("sds-textfield")
-], SDSTextField);
-const styles = i$4`
+		`}};ne.styles=[re],ne.formAssociated=!0,de([lt({type:String,reflect:!0})],ne.prototype,"type",2),de([lt({type:String})],ne.prototype,"value",2),de([lt({type:String,reflect:!0})],ne.prototype,"name",2),de([lt({type:String,reflect:!0})],ne.prototype,"label",2),de([lt({type:String,reflect:!0})],ne.prototype,"placeholder",2),de([lt({type:String,attribute:"help-text",reflect:!0})],ne.prototype,"helpText",2),de([lt({type:String,attribute:"error-message",reflect:!0})],ne.prototype,"errorMessage",2),de([lt({type:Boolean,reflect:!0})],ne.prototype,"disabled",2),de([lt({type:Boolean,attribute:"readonly",reflect:!0})],ne.prototype,"readOnly",2),de([lt({type:String,reflect:!0})],ne.prototype,"autocomplete",2),de([lt({type:Boolean,reflect:!0})],ne.prototype,"required",2),de([lt({type:String,reflect:!0})],ne.prototype,"pattern",2),de([lt({type:Number,reflect:!0})],ne.prototype,"minlength",2),de([lt({type:Number,reflect:!0})],ne.prototype,"maxlength",2),de([lt({type:String,reflect:!0})],ne.prototype,"size",2),de([ct()],ne.prototype,"hasIcon",2),de([ht("#sds-textfield")],ne.prototype,"control",2),ne=de([pt("sds-textfield")],ne);const le=a`
 	: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)));
@@ -4829,9 +2593,9 @@ const styles = i$4`
 		--_sds-textarea-border-radius: var(--sds-textarea-border-radius, var(--sds-radius-sm));
 
 		--_sds-textarea-font-family: var(--sds-textarea-font-family, var(--sds-typography-font-family-roboto));
-		--_sds-textarea-font-size: var(--sds-textarea-font-size, var(--sds-components-font-size-md));
+		--_sds-textarea-font-size: var(--sds-textarea-font-size, var(--sds-components-font-size-content-md));
 		--_sds-textarea-font-weight: var(--sds-textarea-font-weight, var(--sds-typography-font-weight-regular));
-		--_sds-textarea-line-height: var(--sds-textarea-line-height, var(--sds-components-line-height-tall-md));
+		--_sds-textarea-line-height: var(--sds-textarea-line-height, var(--sds-components-line-height-tall-content-md));
 		--_sds-textarea-min-height: var(--sds-textarea-height, var(--sds-components-button-md));
 
 		--_sds-textarea-gap: var(--sds-textarea-gap, var(--sds-spacing-3xs));
@@ -4840,19 +2604,19 @@ const styles = i$4`
 		--_sds-textarea-disabled-opacity: var(--sds-textarea-disabled-opacity, var(--sds-color-states-disabled-opacity));
 
 		--_sds-textarea-label-text-color: var(--sds-textarea-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
-		--_sds-textarea-label-font-size: var(--sds-textarea-label-font-size, var(--sds-components-font-size-md));
+		--_sds-textarea-label-font-size: var(--sds-textarea-label-font-size, var(--sds-components-font-size-content-md));
 		--_sds-textarea-label-font-weight: var(--sds-textarea-label-font-weight, var(--sds-typography-font-weight-medium));
 		--_sds-textarea-label-line-height: var(--sds-textarea-label-line-height, var(--sds-components-line-height-squeezed-md));
 
 		--_sds-textarea-label-gap: var(--sds-textarea-gap, var(--sds-spacing-4xs));
 
 		--_sds-textarea-helptext-text-color: var(--sds-textarea-helptext-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
-		--_sds-textarea-helptext-font-size: var(--sds-textarea-helptext-font-size, var(--sds-components-font-size-md));
+		--_sds-textarea-helptext-font-size: var(--sds-textarea-helptext-font-size, var(--sds-components-font-size-content-md));
 		--_sds-textarea-helptext-font-weight: var(--sds-textarea-helptext-font-weight, var(--sds-typography-font-weight-regular));
 		--_sds-textarea-helptext-line-height: var(--sds-textarea-helptext-line-height, var(--sds-components-line-height-squeezed-md));
 
 		--_sds-textarea-counter-text-color: var(--sds-textarea-counter-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
-		--_sds-textarea-counter-font-size: var(--sds-textarea-counter-font-size, var(--sds-components-font-size-md));
+		--_sds-textarea-counter-font-size: var(--sds-textarea-counter-font-size, var(--sds-components-font-size-content-md));
 		--_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));
 
@@ -4975,188 +2739,58 @@ const styles = i$4`
 	}
 
 	:host([size='sm']) {
-		--_sds-textarea-font-size: var(--sds-textarea-font-size, var(--sds-components-font-size-sm));
-		--_sds-textarea-line-height: var(--sds-textarea-line-height, var(--sds-components-line-height-tall-sm));
+		--_sds-textarea-font-size: var(--sds-textarea-font-size, var(--sds-components-font-size-content-sm));
+		--_sds-textarea-line-height: var(--sds-textarea-line-height, var(--sds-components-line-height-tall-content-sm));
 		--_sds-textarea-min-height: var(--sds-textarea-height, var(--sds-components-button-sm));
 
 		--_sds-textarea-label-line-height: var(--sds-textarea-label-line-height, var(--sds-components-line-height-squeezed-sm));
-		--_sds-textarea-label-font-size: var(--sds-textarea-label-font-size, var(--sds-components-font-size-sm));
+		--_sds-textarea-label-font-size: var(--sds-textarea-label-font-size, var(--sds-components-font-size-content-sm));
 
-		--_sds-textarea-helptext-font-size: var(--sds-textarea-helptext-font-size, var(--sds-components-font-size-sm));
+		--_sds-textarea-helptext-font-size: var(--sds-textarea-helptext-font-size, var(--sds-components-font-size-content-sm));
 		--_sds-textarea-helptext-line-height: var(--sds-textarea-helptext-line-height, var(--sds-components-line-height-squeezed-sm));
 
-		--_sds-textarea-counter-font-size: var(--sds-textarea-counter-font-size, var(--sds-components-font-size-sm));
+		--_sds-textarea-counter-font-size: var(--sds-textarea-counter-font-size, var(--sds-components-font-size-content-sm));
 		--_sds-textarea-counter-line-height: var(--sds-textarea-counter-line-height, var(--sds-components-line-height-squeezed-sm));
 	}
 
 	:host([size='lg']) {
-		--_sds-textarea-font-size: var(--sds-textarea-font-size, var(--sds-components-font-size-lg));
-		--_sds-textarea-line-height: var(--sds-textarea-line-height, var(--sds-components-line-height-tall-lg));
+		--_sds-textarea-font-size: var(--sds-textarea-font-size, var(--sds-components-font-size-content-lg));
+		--_sds-textarea-line-height: var(--sds-textarea-line-height, var(--sds-components-line-height-tall-content-lg));
 		--_sds-textarea-min-height: var(--sds-textarea-height, var(--sds-components-button-lg));
 
 		--_sds-textarea-label-line-height: var(--sds-textarea-label-line-height, var(--sds-components-line-height-squeezed-lg));
-		--_sds-textarea-label-font-size: var(--sds-textarea-label-font-size, var(--sds-components-font-size-lg));
+		--_sds-textarea-label-font-size: var(--sds-textarea-label-font-size, var(--sds-components-font-size-content-lg));
 
-		--_sds-textarea-helptext-font-size: var(--sds-textarea-helptext-font-size, var(--sds-components-font-size-lg));
+		--_sds-textarea-helptext-font-size: var(--sds-textarea-helptext-font-size, var(--sds-components-font-size-content-lg));
 		--_sds-textarea-helptext-line-height: var(--sds-textarea-helptext-line-height, var(--sds-components-line-height-squeezed-lg));
 
-		--_sds-textarea-counter-font-size: var(--sds-textarea-counter-font-size, var(--sds-components-font-size-lg));
+		--_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 __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let SDSTextArea = class extends i$1 {
-  constructor() {
-    super();
-    this.disabled = false;
-    this.readOnly = false;
-    this.required = false;
-    this.size = "md";
-    this._defaultValue = "";
-    this._handleInputChange = (event) => {
-      event.stopImmediatePropagation();
-      if (!this.disabled) {
-        const currentValue = event.target.value;
-        this.value = currentValue;
-        this.internals.setFormValue(currentValue === "" ? null : currentValue);
-        this.updateValidity();
-        this.dispatchEvent(new CustomEvent(event.type, { bubbles: true, composed: true }));
-      }
-    };
-    this._handleSelect = (event) => {
-      event.stopImmediatePropagation();
-      if (!this.disabled) {
-        this.dispatchEvent(new CustomEvent("select", { bubbles: true, composed: true }));
-      }
-    };
-    this._handleFocus = (event) => {
-      event.stopImmediatePropagation();
-      this.dispatchEvent(new CustomEvent("focus", { bubbles: true, composed: true }));
-    };
-    this._handleBlur = (event) => {
-      event.stopImmediatePropagation();
-      this.updateValidity();
-      this.dispatchEvent(new CustomEvent("blur", { bubbles: true, composed: true }));
-    };
-    this.internals = this.attachInternals();
-    this.attachShadow({ mode: "open", delegatesFocus: true });
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this._defaultValue = this.value ?? "";
-  }
-  updateValidity() {
-    if (this.control.checkValidity()) {
-      this.internals.setValidity({});
-    } else {
-      this.internals.setValidity({ customError: true }, this.control.validationMessage, this.control);
-    }
-  }
-  hasTypedTooManyCharacters() {
-    if (!this.counter) {
-      return false;
-    }
-    const currentLength = this.value?.length || 0;
-    return currentLength > this.counter;
-  }
-  renderCharacterCounter() {
-    if (this.counter === void 0) return E;
-    const currentLength = this.value?.length || 0;
-    if (this.hasTypedTooManyCharacters()) {
-      return x`<sds-alert variant="secondary" data-palette="danger"
-				><p class="sds-textarea__character-counter" slot="message">Du har ${currentLength - this.counter} tegn for mye</p></sds-alert
-			>`;
-    }
-    return x`<p class="sds-textarea__character-counter">Du har ${this.counter - currentLength} tegn igjen</p>`;
-  }
-  formResetCallback() {
-    this.control.value = this._defaultValue;
-    this.internals.setFormValue(this._defaultValue === "" ? null : this._defaultValue);
-    this.value = this._defaultValue;
-    this.updateValidity();
-  }
-  select() {
-    if (!this.disabled) this.control.select();
-  }
-  type() {
-    return "textarea";
-  }
-  focus() {
-    if (!this.disabled) this.control.focus();
-  }
-  blur() {
-    if (!this.disabled) this.control.blur();
-  }
-  click() {
-    if (!this.disabled) this.control.click();
-  }
-  get selectionStart() {
-    return this.control ? this.control.selectionStart : null;
-  }
-  set selectionStart(value) {
-    if (this.control && value !== null) {
-      this.control.selectionStart = value;
-    }
-  }
-  get selectionEnd() {
-    return this.control ? this.control.selectionEnd : null;
-  }
-  set selectionEnd(value) {
-    if (this.control && value !== null) {
-      this.control.selectionEnd = value;
-    }
-  }
-  setSelectionRange(start, end, direction) {
-    if (this.control) {
-      this.control.setSelectionRange(start, end, direction);
-    }
-  }
-  checkValidity() {
-    return this.control.checkValidity();
-  }
-  reportValidity() {
-    return this.control.reportValidity();
-  }
-  setCustomValidity(message) {
-    this.control.setCustomValidity(message);
-    this.updateValidity();
-  }
-  render() {
-    const textareaClasses = {
-      "sds-textarea": true,
-      "sds-textarea--error": Boolean(this.errorMessage || this.hasTypedTooManyCharacters())
-    };
-    return x`
-			<div class="${e2(textareaClasses)}">
-				${this.label || this.helpText ? x`<div>
-							${this.label ? x`<label for="sds-textarea" class="sds-textarea__label">${this.label}</label>` : E}
-							${this.helpText ? x`<p class="sds-textarea__help-text">${this.helpText}</p>` : E}
-						</div>` : E}
+`;var ce=Object.defineProperty,he=Object.getOwnPropertyDescriptor,pe=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?he(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&&ce(s,e,a),a};let ge=class extends at{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.dispatchEvent(new CustomEvent(t.type,{bubbles:!0,composed:!0})))},this._handleSelect=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0}))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this.internals=this.attachInternals(),this.attachShadow({mode:"open",delegatesFocus:!0})}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}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 U;const t=this.value?.length||0;return this.hasTypedTooManyCharacters()?j`<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
+			>`:j`<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 j`
+			<div class="${Ot(t)}">
+				${this.label||this.helpText?j`<div>
+							${this.label?j`<label for="sds-textarea" class="sds-textarea__label">${this.label}</label>`:U}
+							${this.helpText?j`<p class="sds-textarea__help-text">${this.helpText}</p>`:U}
+						</div>`:U}
 				<div class="sds-textarea__input-container">
 					<textarea
 						class="sds-textarea__input"
 						id="sds-textarea"
 						?disabled="${this.disabled}"
 						?readonly="${this.readOnly}"
-						placeholder="${o$1(this.placeholder)}"
-						.value="${this.value ?? ""}"
+						placeholder="${vt(this.placeholder)}"
+						.value="${this.value??""}"
 						.autocomplete="${this.autocomplete}"
-						name="${o$1(this.name)}"
+						name="${vt(this.name)}"
 						?required="${this.required}"
-						rows="${o$1(this.rows)}"
-						cols="${o$1(this.cols)}"
-						wrap="${o$1(this.wrap)}"
-						minlength="${o$1(this.minlength)}"
-						maxlength="${o$1(this.maxlength)}"
+						rows="${vt(this.rows)}"
+						cols="${vt(this.cols)}"
+						wrap="${vt(this.wrap)}"
+						minlength="${vt(this.minlength)}"
+						maxlength="${vt(this.maxlength)}"
 						@input="${this._handleInputChange}"
 						@change="${this._handleInputChange}"
 						@select="${this._handleSelect}"
@@ -5164,86 +2798,6 @@ let SDSTextArea = class extends i$1 {
 						@blur="${this._handleBlur}"
 					></textarea>
 				</div>
-				${this.errorMessage ? x`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>` : E} ${this.renderCharacterCounter()}
+				${this.errorMessage?j`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:U} ${this.renderCharacterCounter()}
 			</div>
-		`;
-  }
-};
-SDSTextArea.styles = [styles];
-SDSTextArea.formAssociated = true;
-__decorateClass([
-  n2({ type: String })
-], SDSTextArea.prototype, "value", 2);
-__decorateClass([
-  n2({ type: String, reflect: true })
-], SDSTextArea.prototype, "name", 2);
-__decorateClass([
-  n2({ type: String, reflect: true })
-], SDSTextArea.prototype, "label", 2);
-__decorateClass([
-  n2({ type: String, reflect: true })
-], SDSTextArea.prototype, "placeholder", 2);
-__decorateClass([
-  n2({ type: String, attribute: "help-text", reflect: true })
-], SDSTextArea.prototype, "helpText", 2);
-__decorateClass([
-  n2({ type: String, attribute: "error-message", reflect: true })
-], SDSTextArea.prototype, "errorMessage", 2);
-__decorateClass([
-  n2({ type: Boolean, reflect: true })
-], SDSTextArea.prototype, "disabled", 2);
-__decorateClass([
-  n2({ type: Boolean, attribute: "readonly", reflect: true })
-], SDSTextArea.prototype, "readOnly", 2);
-__decorateClass([
-  n2({ type: String, reflect: true })
-], SDSTextArea.prototype, "autocomplete", 2);
-__decorateClass([
-  n2({ type: Boolean, reflect: true })
-], SDSTextArea.prototype, "required", 2);
-__decorateClass([
-  n2({ type: Number, reflect: true })
-], SDSTextArea.prototype, "rows", 2);
-__decorateClass([
-  n2({ type: Number, reflect: true })
-], SDSTextArea.prototype, "cols", 2);
-__decorateClass([
-  n2({ type: String, reflect: true })
-], SDSTextArea.prototype, "wrap", 2);
-__decorateClass([
-  n2({ type: Number, reflect: true })
-], SDSTextArea.prototype, "minlength", 2);
-__decorateClass([
-  n2({ type: Number, reflect: true })
-], SDSTextArea.prototype, "maxlength", 2);
-__decorateClass([
-  n2({ type: Number, reflect: true })
-], SDSTextArea.prototype, "counter", 2);
-__decorateClass([
-  n2({ type: String, reflect: true })
-], SDSTextArea.prototype, "size", 2);
-__decorateClass([
-  e$3("#sds-textarea")
-], SDSTextArea.prototype, "control", 2);
-SDSTextArea = __decorateClass([
-  guardedCustomElement("sds-textarea")
-], SDSTextArea);
-export {
-  SDSAlert,
-  SDSButton,
-  SDSCard,
-  SDSCheckbox,
-  SDSCheckboxGroup,
-  SDSChip,
-  SDSHeading,
-  SDSIcon,
-  SDSLoader,
-  SDSNotification,
-  SDSRadio,
-  SDSRadioGroup,
-  SDSSwitch,
-  SDSTag,
-  SDSText,
-  SDSTextArea,
-  SDSTextField
-};
+		`}};ge.styles=[le],ge.formAssociated=!0,pe([lt({type:String})],ge.prototype,"value",2),pe([lt({type:String,reflect:!0})],ge.prototype,"name",2),pe([lt({type:String,reflect:!0})],ge.prototype,"label",2),pe([lt({type:String,reflect:!0})],ge.prototype,"placeholder",2),pe([lt({type:String,attribute:"help-text",reflect:!0})],ge.prototype,"helpText",2),pe([lt({type:String,attribute:"error-message",reflect:!0})],ge.prototype,"errorMessage",2),pe([lt({type:Boolean,reflect:!0})],ge.prototype,"disabled",2),pe([lt({type:Boolean,attribute:"readonly",reflect:!0})],ge.prototype,"readOnly",2),pe([lt({type:String,reflect:!0})],ge.prototype,"autocomplete",2),pe([lt({type:Boolean,reflect:!0})],ge.prototype,"required",2),pe([lt({type:Number,reflect:!0})],ge.prototype,"rows",2),pe([lt({type:Number,reflect:!0})],ge.prototype,"cols",2),pe([lt({type:String,reflect:!0})],ge.prototype,"wrap",2),pe([lt({type:Number,reflect:!0})],ge.prototype,"minlength",2),pe([lt({type:Number,reflect:!0})],ge.prototype,"maxlength",2),pe([lt({type:Number,reflect:!0})],ge.prototype,"counter",2),pe([lt({type:String,reflect:!0})],ge.prototype,"size",2),pe([ht("#sds-textarea")],ge.prototype,"control",2),ge=pe([pt("sds-textarea")],ge);export{jt as SDSAlert,Rt as SDSButton,Kt as SDSCard,Yt as SDSCheckbox,rs as SDSCheckboxGroup,ls as SDSChip,vs as SDSDetails,xs as SDSHeading,qt as SDSIcon,zs as SDSLoader,Os as SDSNotification,Rs as SDSRadio,Ns as SDSRadioGroup,Ks as SDSSwitch,Ys as SDSTag,oe as SDSText,ge as SDSTextArea,ne as SDSTextField};