@ebrains/vue 2.0.0 → 2.2.0

package/{eds-avatar_26.entry-BQ34MNWx.mjs → eds-accordion_34.entry-KgOmCv2f.mjs}

@@ -1,10 +1,303 @@
-import { r as d, h as i, g, c as h } from "./index-BW6yUYdy.mjs";
-import { s as f } from "./analytics-d99780e3-Bay18Oil.mjs";
-import { c as m } from "./index-39c58238-BwYCDOHZ.mjs";
-import { p as x } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
-import { h as y } from "./logo-color-7f1fd803-CFgbXdt8.mjs";
-import { h as k, a as z, b as C, c as S, v as E, d as F, e as L, f as I, g as A } from "./logo-white-no-bg-f382f86f-YhfmNmGG.mjs";
-const j = `::before,
+import { r as p, c as w, h as i, g as y, H as hn } from "./index-zMBfbHLg.mjs";
+import { s as I, m as fn, a as en } from "./analytics-d99780e3-Bay18Oil.mjs";
+import { c as N } from "./index-39c58238-BwYCDOHZ.mjs";
+import { p as R } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
+import { h as tn } from "./logo-color-7f1fd803-CFgbXdt8.mjs";
+import { h as bn, a as mn, b as un, c as pn, v as xn, d as yn, e as vn, f as wn, g as kn } from "./logo-white-no-bg-f382f86f-YhfmNmGG.mjs";
+const Sn = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.break-words{overflow-wrap:break-word}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.pr-32{padding-right:2rem}.pr-36{padding-right:2.25rem}.pr-40{padding-right:2.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-4{padding-top:0.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}", Cn = Sn, En = class {
+  constructor(n) {
+    p(this, n), this.accordion = w(this, "accordion", 7), this.handleClick = () => {
+      var e;
+      this.isExpanded = !this.isExpanded, this.accordion.emit(this.isExpanded), this.setPanelHeight(), I({
+        category: "ui-component",
+        parentContext: null,
+        tag: this.el.tagName.toLowerCase(),
+        name: ((e = this.heading) === null || e === void 0 ? void 0 : e.toLowerCase()) || "",
+        action: this.isExpanded ? "expanded" : "collapsed"
+      });
+    }, this.setPanelHeight = () => {
+      this.childContentRef && (this.shortContent = this.wrapperRef.scrollWidth > 830 && !this.description ? this.childContentRef.scrollHeight <= 80 : this.childContentRef.scrollHeight <= 20, this.panelHeight = this.isExpanded && !this.shortContent ? this.childContentRef.scrollHeight : 0), this.headerRef && (this.headerHeight = this.headerRef.scrollHeight - 30);
+    }, this.heading = void 0, this.description = void 0, this.switchBg = !0, this.expanded = !1, this.clampText = !0, this.buttonIntent = "tertiary", this.isExpanded = this.expanded, this.panelHeight = 0, this.shortContent = !1, this.headerHeight = 0;
+  }
+  /**
+   * Lifecycle method that sets up the initial panel height and adds a resize event listener
+   * to recalculate height on window resize.
+   */
+  componentDidLoad() {
+    this.setPanelHeight(), window.addEventListener("resize", this.setPanelHeight);
+  }
+  /**
+   * Lifecycle method that cleans up the resize event listener when the component is removed.
+   */
+  disconnectedCallback() {
+    window.removeEventListener("resize", this.setPanelHeight);
+  }
+  /**
+   * Renders the accordion structure, including header, content, description, and any slotted content.
+   * Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
+   */
+  render() {
+    return i("div", { key: "1abfd8bfea763bc10e6f17148dbc252d0c3ffdea", ref: (n) => this.wrapperRef = n, class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+          ${this.switchBg && this.isExpanded ? "bg-inverse" : "bg-default"} 
+          ${this.switchBg ? "hover:bg-inverse" : ""}
+          ${this.description ? "min-h-56" : ""}` }, i("h3", { key: "137a3311195d51f46c6677558219828e5f4d06b5", ref: (n) => this.headerRef = n, class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), i("div", { key: "0fc6d493fd61726a53a8c4311bd183eb3ad5b270", class: "ml-auto" }, i("eds-button", { key: "cb8182e05c5c11950c0e624ce6b11e27a4d506ab", id: "toggleAccordion", intent: this.buttonIntent, "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", class: "effect-color flex w-full items-center justify-between rounded-md", onClick: this.handleClick, icon: "chevron-down" })), i("div", { key: "084bfb116dcccadf7253ca8ac8de6a1e1d4aa41f", class: "w-full", style: Number.isFinite(this.headerHeight) ? { marginTop: `${this.headerHeight}px` } : {} }, this.description ? i("span", { class: `text-light ${!this.isExpanded && this.clampText ? "line-clamp-1" : ""}` }, this.description) : null, i("section", { key: "c332a210fa4ce90f1974098ff790a7600dfb1721", id: "accordionSection", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? "overflow-hidden" : ""}`, style: { height: this.isExpanded ? "auto" : "0" } }, i("div", { key: "842bc3bc7a968ef5a428a97327f38253e8a32888", ref: (n) => this.childContentRef = n, class: "accordion-content effect-color pt-4", "aria-hidden": !this.isExpanded }, i("span", { key: "7c8fa8040da18cc2c128b42cdf9e75bfffe4c439", class: `${!this.isExpanded && this.clampText ? "line-clamp-2" : ""}` }, i("slot", { key: "852837c0c8c9d8a36f6263f7a943f50d82563a3c" }))))));
+  }
+  get el() {
+    return y(this);
+  }
+};
+En.style = Cn;
+const zn = `*,
+::before,
+::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: currentColor;
+}
+
+p {
+  margin: 0;
+}
+
+.f-ui-01 {
+  font-family: var(--f-ui-01-fontFamily);
+  font-weight: var(--f-ui-01-fontWeight);
+  font-size: var(--f-ui-01-fontSize);
+  line-height: var(--f-ui-01-lineHeight);
+  letter-spacing: var(--f-ui-01-letterSpacing);
+}
+
+.border-inside {
+  position: relative;
+
+  &::after {
+    pointer-events: none;
+  }
+
+  &::after {
+    position: absolute;
+  }
+
+  &::after {
+    inset: 0rem;
+  }
+
+  &::after {
+    z-index: 1;
+  }
+
+  &::after {
+    border-radius: 8px;
+  }
+
+  &::after {
+    border-width: 1px;
+  }
+
+  &::after {
+    border-width: 2px;
+  }
+
+  &::after {
+    border-color: rgba(0, 0, 0, .1);
+  }
+
+  &::after {
+    content: '';
+  }
+}
+
+.flex {
+  display: flex;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.flex-row {
+  flex-direction: row;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.gap-x-12 {
+  -moz-column-gap: 0.75rem;
+  column-gap: 0.75rem;
+}
+
+.space-y-12> :not([hidden])~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+
+.rounded-lg {
+  border-radius: 16px;
+}
+
+.bg-dark {
+  background-color: var(--grey-300);
+}
+
+.bg-error {
+  background-color: var(--red-200);
+}
+
+.bg-success {
+  background-color: var(--green-200);
+}
+
+.bg-warning {
+  background-color: var(--yellow-200);
+}
+
+.p-16 {
+  padding: 1rem;
+}
+
+.p-20 {
+  padding: 1.25rem;
+}
+
+.px-12 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.px-20 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
+.py-12 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.py-20 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
+.py-8 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.pr-12 {
+  padding-right: 0.75rem;
+}
+
+.shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+[class*=underline-] {
+  text-decoration-line: underline;
+}
+
+.after\\:rounded-lg::after {
+  border-radius: 16px;
+}
+
+.after\\:border-softest::after {
+  border-color: rgba(0, 0, 0, .05);
+}`, Fn = zn, An = N(["w-full bg-dark"], {
+  variants: {
+    intent: {
+      default: "",
+      warning: "bg-warning",
+      error: "bg-error",
+      success: "bg-success"
+    },
+    brd: {
+      rounded: "rounded-lg border-inside after:border-softest after:rounded-lg",
+      normal: ""
+    },
+    direction: {
+      vertical: "space-y-12",
+      horizontal: "flex flex-row items-center justify-between gap-x-12"
+    },
+    withBtn: {
+      false: "",
+      true: ""
+    }
+  },
+  compoundVariants: [
+    {
+      direction: "horizontal",
+      withBtn: !0,
+      class: "px-20 pr-12 py-12"
+    },
+    {
+      direction: "horizontal",
+      withBtn: !1,
+      class: "p-20"
+    },
+    {
+      direction: "vertical",
+      withBtn: !0,
+      class: "p-16"
+    },
+    {
+      direction: "vertical",
+      withBtn: !1,
+      class: "px-12 py-20"
+    }
+  ],
+  defaultVariants: {
+    intent: "default",
+    brd: "rounded",
+    direction: "horizontal"
+  }
+}), In = class {
+  constructor(n) {
+    p(this, n), this.edsalert = w(this, "edsalert", 7), this.message = void 0, this.pressableLabel = void 0, this.pressableUrl = void 0, this.direction = "horizontal", this.intent = "default", this.brd = "rounded", this.withBtn = !1;
+  }
+  componentWillLoad() {
+    this.withBtn = !!this.pressableLabel;
+  }
+  componentDidLoad() {
+    var n;
+    const e = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelector("eds-link");
+    e && this.emitContext(e);
+  }
+  emitContext(n) {
+    const e = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    n.dispatchEvent(e);
+  }
+  handleAction() {
+    this.edsalert.emit();
+  }
+  render() {
+    const n = this.intent !== "default" ? `${this.intent} alert` : "alert";
+    return i("div", { key: "2d22944e7ae86cf2523c194e20215a3d986083d9", class: An({
+      intent: this.intent,
+      brd: this.brd,
+      direction: this.direction,
+      withBtn: this.withBtn
+    }), role: "alert", "aria-label": n, "aria-live": this.intent === "error" ? "assertive" : "polite", "aria-labelledby": "alert-message", "aria-describedby": this.withBtn ? "alert-action" : void 0 }, i("p", { key: "b6c22446b0d87fb01a3cb882fe205ef48ea60b05", id: "alert-message", class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn && i("div", { key: "8414820eb7b65c83459cfb90adef3ea696e42444", id: "alert-action" }, this.pressableUrl ? i("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: !0 }) : i("eds-button", { class: "eds-alert-button", label: this.pressableLabel, intent: "secondary", onClick: () => this.handleAction() })));
+  }
+  get el() {
+    return y(this);
+  }
+};
+In.style = Fn;
+const Ln = `::before,
 ::after {
     box-sizing: border-box;
     border-width: 0;
@@ -205,9 +498,9 @@ abbr:where([title]) {
 
 .bg-gradient-04-bottom {
     background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);
-}`, P = j, W = class {
+}`, _n = Ln, Tn = class {
   constructor(n) {
-    d(this, n), this.firstName = "User", this.lastName = "Avatar", this.picture = void 0, this.initials = void 0, this.color = "grey";
+    p(this, n), this.firstName = "User", this.lastName = "Avatar", this.picture = void 0, this.initials = void 0, this.color = "grey";
   }
   /**
    * Flag to render the avatar with rounded (pill) shape if `true`.
@@ -251,20 +544,119 @@ abbr:where([title]) {
    * @returns {JSX.Element} The rendered avatar component.
    */
   render() {
-    return i("div", { key: "b7eff7ae1a1dea3509041e39316b49b673dbdf17", class: this.containerClasses }, this.picture ? i("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: !0, withBg: !0 }) : i("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials));
+    return i("div", { key: "34e86e50b1176efd8ae0cd9b30cd3823527d7eee", class: this.containerClasses }, this.picture ? i("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: !0, withBg: !0 }) : i("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials));
+  }
+};
+Tn.style = _n;
+const $n = ".border-softer{border-color:rgba(0, 0, 0, .1)}.border-default{border-color:var(--black)}.my-16{margin-top:1rem;margin-bottom:1rem}.block{display:block}.w-full{width:100%}.border-t-2{border-top-width:2px}", On = $n, Rn = class {
+  constructor(n) {
+    p(this, n), this.inverse = !1;
+  }
+  render() {
+    return i("hr", { key: "688e11c730af1193f28db196cd144c6dd2efc3c6", class: `${this.inverse ? "border-default" : "border-softer"}  my-16 inline-block w-full border-t-2` });
   }
 };
-W.style = P;
-const _ = ".border-softer{border-color:rgba(0, 0, 0, .1)}.border-default{border-color:var(--black)}.my-16{margin-top:1rem;margin-bottom:1rem}.block{display:block}.w-full{width:100%}.border-t-2{border-top-width:2px}", T = _, O = class {
+Rn.style = On;
+const Dn = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}", Pn = Dn, Nn = class {
   constructor(n) {
-    d(this, n), this.inverse = !1;
+    p(this, n), this.updateScreenSize = () => {
+      const e = window.innerWidth;
+      e < 769 ? this.maxVisibleItems = 3 : e <= 1024 ? this.maxVisibleItems = 3 : e <= 1280 ? this.maxVisibleItems = 3 : e <= 2200 ? this.maxVisibleItems = 4 : this.maxVisibleItems = 6;
+    }, this.items = [], this.intent = "ghost", this.parsedItems = [], this.isSmallScreen = !1, this.maxVisibleItems = 6;
+  }
+  /**
+   * Watches for changes to the `items` prop and parses it.
+   */
+  parseItems(n) {
+    this.parsedItems = R(n);
   }
+  /**
+   * Lifecycle method that runs when the component is about to be loaded.
+   * It parses the initial `items` prop value.
+   */
+  componentWillLoad() {
+    this.parseItems(this.items), this.updateScreenSize(), window.addEventListener("resize", this.updateScreenSize);
+  }
+  disconnectedCallback() {
+    window.removeEventListener("resize", this.updateScreenSize);
+  }
+  /**
+   * Lifecycle method that runs when the component has fully loaded.
+   * It emits a custom event for each `eds-link` element contained within the breadcrumb.
+   */
+  componentDidLoad() {
+    var n;
+    const e = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelectorAll("eds-link");
+    e == null || e.forEach((t) => {
+      this.emitContext(t);
+    });
+  }
+  /**
+   * Emits a custom event called `parentContext` for a given link element.
+   * This event provides context information about the breadcrumb component.
+   *
+   * @param linkElement - The link element to which the event will be dispatched.
+   */
+  emitContext(n) {
+    const e = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    n.dispatchEvent(e);
+  }
+  /**
+   * Returns breadcrumb items with potential truncation if there are too many.
+   * It inserts an ellipsis item where necessary.
+   */
+  getTruncatedItems() {
+    const n = this.parsedItems.length, e = { label: "...", url: "", isHidden: !0 };
+    if (n > this.maxVisibleItems) {
+      const t = this.parsedItems[0], r = this.parsedItems.slice(-2);
+      if (this.maxVisibleItems === 3)
+        return [t, e, ...r];
+      if (this.maxVisibleItems === 4) {
+        const l = this.parsedItems[Math.floor(n / 2)];
+        return [t, l, e, ...r];
+      }
+    }
+    return this.parsedItems;
+  }
+  /**
+   * Helper to determine the display label and full label.
+   * If the label is longer than 15 characters and the item is not the current (last) item,
+   * we display a truncated version but use the full label for aria attributes.
+   */
+  getLabels(n, e) {
+    return !e && n.label.length > 15 ? { displayLabel: `${n.label.slice(0, 15)}...`, fullLabel: n.label } : { displayLabel: n.label, fullLabel: n.label };
+  }
+  /**
+   * Render method for the breadcrumb component.
+   * It creates a navigation element with an ordered list of breadcrumb links.
+   * The last link is marked as the current page.
+   */
   render() {
-    return i("hr", { key: "b604a776cae7edeee189e00af6993b42b57203f0", class: `${this.inverse ? "border-default" : "border-softer"}  my-16 inline-block w-full border-t-2` });
+    const n = this.getTruncatedItems();
+    return i("nav", { key: "0625a234ec9f5095abbeaafa11e56bceb0432764", "aria-label": "Breadcrumb" }, i("ol", { key: "3898a4b048eca6c606a6948b26ec25a608cb908e", class: "flex items-center space-x-2" }, n.map((e, t) => {
+      const r = t === n.length - 1;
+      return i("li", { class: "flex items-center" }, e.isHidden ? i("eds-link", { label: "...", url: "#", intent: "strong", current: !1, "aria-label": "...", size: "small", "icon-small": "false", icon: "chevron-right" }) : (() => {
+        const { fullLabel: l } = this.getLabels(e, r), s = r ? this.intent === "strong" ? "weak" : this.intent === "weak" ? "strong" : this.intent : this.intent;
+        return i("eds-link", Object.assign({ label: l, url: e.url, intent: s, disabled: r, current: r, "aria-label": l, size: "small", "icon-small": "false" }, r ? { "aria-current": "page" } : {}));
+      })(), !r && !e.isHidden && i("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }));
+    })));
+  }
+  get el() {
+    return y(this);
+  }
+  static get watchers() {
+    return {
+      items: ["parseItems"]
+    };
   }
 };
-O.style = T;
-const $ = `*,
+Nn.style = Pn;
+const Hn = `*,
 ::before,
 ::after {
   box-sizing: border-box;
@@ -630,6 +1022,10 @@ button,
   display: block;
 }
 
+.\\!block {
+  display: block !important;
+}
+
 .inline-block {
   display: inline-block;
 }
@@ -1173,9 +1569,9 @@ button,
 
 .hover\\:before\\:opacity-100:hover::before {
   opacity: 1;
-}`, H = $, D = class {
+}`, jn = Hn, Wn = class {
   constructor(n) {
-    d(this, n), this.button = m([
+    p(this, n), this.button = N([
       "relative inline-flex items-center",
       "py-8",
       "effect-focus effect-color",
@@ -1189,7 +1585,7 @@ button,
           secondary: "border-inside border-inside-inverse text-inverse bg-strongest hover:bg-strong-dark",
           tertiary: "border-inside after:border-softest bg-dark hover:bg-darker",
           ghost: "border-inside hover:bg-darker",
-          ghostInverse: "border-inside hover:bg-dark"
+          ghostInverse: "border-inside text-lightest hover:bg-dark"
         },
         loading: {
           true: "pointer-events-none",
@@ -1256,70 +1652,1695 @@ button,
           class: "pl-8",
           iconOnly: !1
         },
-        {
-          iconSmall: !0,
-          iconPos: "right",
-          size: "large",
-          class: "pr-8",
-          iconOnly: !1
+        {
+          iconSmall: !0,
+          iconPos: "right",
+          size: "large",
+          class: "pr-8",
+          iconOnly: !1
+        }
+      ],
+      defaultVariants: {
+        intent: "secondary",
+        loading: !1,
+        iconSmall: !1,
+        iconPos: "right",
+        iconOnly: !1,
+        pill: !1,
+        size: "small"
+      }
+    }), this.parentContext = null, this.label = void 0, this.ariaLabel = "Button", this.elementType = "button", this.intent = "secondary", this.loading = !1, this.disabled = !1, this.pill = !1, this.icon = void 0, this.size = "small", this.iconPos = "right", this.iconSmall = !1, this.extraClass = void 0, this.triggerClick = void 0;
+  }
+  handleParentContext(n) {
+    n.target === this.el && (this.parentContext = n.detail, n.stopPropagation());
+  }
+  handleClick(n) {
+    var e, t;
+    if (this.disabled || this.loading) {
+      n.preventDefault();
+      return;
+    }
+    I({
+      category: "ui-component",
+      parentContext: this.parentContext,
+      tag: this.el.tagName.toLowerCase(),
+      name: ((e = this.label) === null || e === void 0 ? void 0 : e.toLowerCase()) || ((t = this.ariaLabel) === null || t === void 0 ? void 0 : t.toLowerCase()) || "",
+      action: "click"
+    }), typeof this.triggerClick == "function" && this.triggerClick();
+  }
+  handleKeyDown(n) {
+    this.disabled || this.loading || (n.key === "Enter" || this.elementType === "a" && n.key === " ") && (n.preventDefault(), this.handleClick(n));
+  }
+  render() {
+    const n = this.button({
+      intent: this.intent,
+      loading: this.loading,
+      iconPos: this.iconPos,
+      size: this.size,
+      pill: this.pill,
+      iconOnly: !this.label,
+      iconSmall: this.iconSmall
+    }), e = this.elementType, t = !this.disabled && !this.loading;
+    return i(hn, { key: "835cc81d3563abf1b5cb4c21165de1ef726d1e43" }, i(e, { key: "df05b2b2152e707e5fdd6028c5f557097d7e2b04", tabindex: t ? "0" : "-1", "aria-label": this.label ? void 0 : this.ariaLabel, "aria-disabled": this.disabled || this.loading ? "true" : void 0, "aria-busy": this.loading ? "true" : void 0, disabled: this.elementType === "button" ? this.disabled || this.loading : void 0, role: this.elementType === "a" ? "button" : void 0, class: `${n || ""} ${this.extraClass || ""}`, onClick: (r) => this.handleClick(r), onKeyDown: (r) => this.handleKeyDown(r) }, this.label && i("span", { key: "27c7473403e7c1bfd3dfc270151d44dbb639ceb3", class: this.loading ? "opacity-0" : "", "aria-hidden": this.loading ? "true" : void 0 }, this.label), this.loading && i("span", { key: "f52496884816bc299fb76c1afae5e4798bf642d2", class: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true" }, i("span", { key: "d42bf2c229f6956a1e0dbe64aa6c79ad5608ca5c", class: "loader", style: {
+      border: `3px solid ${this.intent === "secondary" ? "rgba(255, 255, 255, .3)" : "rgba(0, 0, 0, .3)"}`,
+      borderBottomColor: this.intent === "secondary" ? "#fff" : "#000"
+    } })), this.icon ? i("eds-icon-wrapper", { class: `
+                flex inline-flex items-center justify-center
+                ${this.size === "large" ? "h-24 w-24" : "h-20 w-20"}
+              `, icon: this.icon, "aria-hidden": "true" }) : null));
+  }
+  static get delegatesFocus() {
+    return !0;
+  }
+  get el() {
+    return y(this);
+  }
+};
+Wn.style = jn;
+var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ln = { exports: {} };
+(function(n) {
+  var e = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};
+  /**
+   * Prism: Lightweight, robust, elegant syntax highlighting
+   *
+   * @license MIT <https://opensource.org/licenses/MIT>
+   * @author Lea Verou <https://lea.verou.me>
+   * @namespace
+   * @public
+   */
+  var t = function(r) {
+    var l = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, s = 0, c = {}, d = {
+      /**
+       * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
+       * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load
+       * additional languages or plugins yourself.
+       *
+       * By setting this value to `true`, Prism will not automatically highlight all code elements on the page.
+       *
+       * You obviously have to change this value before the automatic highlighting started. To do this, you can add an
+       * empty Prism object into the global scope before loading the Prism script like this:
+       *
+       * ```js
+       * window.Prism = window.Prism || {};
+       * Prism.manual = true;
+       * // add a new <script> to load Prism's script
+       * ```
+       *
+       * @default false
+       * @type {boolean}
+       * @memberof Prism
+       * @public
+       */
+      manual: r.Prism && r.Prism.manual,
+      /**
+       * By default, if Prism is in a web worker, it assumes that it is in a worker it created itself, so it uses
+       * `addEventListener` to communicate with its parent instance. However, if you're using Prism manually in your
+       * own worker, you don't want it to do this.
+       *
+       * By setting this value to `true`, Prism will not add its own listeners to the worker.
+       *
+       * You obviously have to change this value before Prism executes. To do this, you can add an
+       * empty Prism object into the global scope before loading the Prism script like this:
+       *
+       * ```js
+       * window.Prism = window.Prism || {};
+       * Prism.disableWorkerMessageHandler = true;
+       * // Load Prism's script
+       * ```
+       *
+       * @default false
+       * @type {boolean}
+       * @memberof Prism
+       * @public
+       */
+      disableWorkerMessageHandler: r.Prism && r.Prism.disableWorkerMessageHandler,
+      /**
+       * A namespace for utility methods.
+       *
+       * All function in this namespace that are not explicitly marked as _public_ are for __internal use only__ and may
+       * change or disappear at any time.
+       *
+       * @namespace
+       * @memberof Prism
+       */
+      util: {
+        encode: function a(o) {
+          return o instanceof b ? new b(o.type, a(o.content), o.alias) : Array.isArray(o) ? o.map(a) : o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
+        },
+        /**
+         * Returns the name of the type of the given value.
+         *
+         * @param {any} o
+         * @returns {string}
+         * @example
+         * type(null)      === 'Null'
+         * type(undefined) === 'Undefined'
+         * type(123)       === 'Number'
+         * type('foo')     === 'String'
+         * type(true)      === 'Boolean'
+         * type([1, 2])    === 'Array'
+         * type({})        === 'Object'
+         * type(String)    === 'Function'
+         * type(/abc+/)    === 'RegExp'
+         */
+        type: function(a) {
+          return Object.prototype.toString.call(a).slice(8, -1);
+        },
+        /**
+         * Returns a unique number for the given object. Later calls will still return the same number.
+         *
+         * @param {Object} obj
+         * @returns {number}
+         */
+        objId: function(a) {
+          return a.__id || Object.defineProperty(a, "__id", { value: ++s }), a.__id;
+        },
+        /**
+         * Creates a deep clone of the given object.
+         *
+         * The main intended use of this function is to clone language definitions.
+         *
+         * @param {T} o
+         * @param {Record<number, any>} [visited]
+         * @returns {T}
+         * @template T
+         */
+        clone: function a(o, g) {
+          g = g || {};
+          var h, f;
+          switch (d.util.type(o)) {
+            case "Object":
+              if (f = d.util.objId(o), g[f])
+                return g[f];
+              h = /** @type {Record<string, any>} */
+              {}, g[f] = h;
+              for (var u in o)
+                o.hasOwnProperty(u) && (h[u] = a(o[u], g));
+              return (
+                /** @type {any} */
+                h
+              );
+            case "Array":
+              return f = d.util.objId(o), g[f] ? g[f] : (h = [], g[f] = h, /** @type {Array} */
+              /** @type {any} */
+              o.forEach(function(x, m) {
+                h[m] = a(x, g);
+              }), /** @type {any} */
+              h);
+            default:
+              return o;
+          }
+        },
+        /**
+         * Returns the Prism language of the given element set by a `language-xxxx` or `lang-xxxx` class.
+         *
+         * If no language is set for the element or the element is `null` or `undefined`, `none` will be returned.
+         *
+         * @param {Element} element
+         * @returns {string}
+         */
+        getLanguage: function(a) {
+          for (; a; ) {
+            var o = l.exec(a.className);
+            if (o)
+              return o[1].toLowerCase();
+            a = a.parentElement;
+          }
+          return "none";
+        },
+        /**
+         * Sets the Prism `language-xxxx` class of the given element.
+         *
+         * @param {Element} element
+         * @param {string} language
+         * @returns {void}
+         */
+        setLanguage: function(a, o) {
+          a.className = a.className.replace(RegExp(l, "gi"), ""), a.classList.add("language-" + o);
+        },
+        /**
+         * Returns the script element that is currently executing.
+         *
+         * This does __not__ work for line script element.
+         *
+         * @returns {HTMLScriptElement | null}
+         */
+        currentScript: function() {
+          if (typeof document > "u")
+            return null;
+          if ("currentScript" in document)
+            return (
+              /** @type {any} */
+              document.currentScript
+            );
+          try {
+            throw new Error();
+          } catch (h) {
+            var a = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(h.stack) || [])[1];
+            if (a) {
+              var o = document.getElementsByTagName("script");
+              for (var g in o)
+                if (o[g].src == a)
+                  return o[g];
+            }
+            return null;
+          }
+        },
+        /**
+         * Returns whether a given class is active for `element`.
+         *
+         * The class can be activated if `element` or one of its ancestors has the given class and it can be deactivated
+         * if `element` or one of its ancestors has the negated version of the given class. The _negated version_ of the
+         * given class is just the given class with a `no-` prefix.
+         *
+         * Whether the class is active is determined by the closest ancestor of `element` (where `element` itself is
+         * closest ancestor) that has the given class or the negated version of it. If neither `element` nor any of its
+         * ancestors have the given class or the negated version of it, then the default activation will be returned.
+         *
+         * In the paradoxical situation where the closest ancestor contains __both__ the given class and the negated
+         * version of it, the class is considered active.
+         *
+         * @param {Element} element
+         * @param {string} className
+         * @param {boolean} [defaultActivation=false]
+         * @returns {boolean}
+         */
+        isActive: function(a, o, g) {
+          for (var h = "no-" + o; a; ) {
+            var f = a.classList;
+            if (f.contains(o))
+              return !0;
+            if (f.contains(h))
+              return !1;
+            a = a.parentElement;
+          }
+          return !!g;
+        }
+      },
+      /**
+       * This namespace contains all currently loaded languages and the some helper functions to create and modify languages.
+       *
+       * @namespace
+       * @memberof Prism
+       * @public
+       */
+      languages: {
+        /**
+         * The grammar for plain, unformatted text.
+         */
+        plain: c,
+        plaintext: c,
+        text: c,
+        txt: c,
+        /**
+         * Creates a deep copy of the language with the given id and appends the given tokens.
+         *
+         * If a token in `redef` also appears in the copied language, then the existing token in the copied language
+         * will be overwritten at its original position.
+         *
+         * ## Best practices
+         *
+         * Since the position of overwriting tokens (token in `redef` that overwrite tokens in the copied language)
+         * doesn't matter, they can technically be in any order. However, this can be confusing to others that trying to
+         * understand the language definition because, normally, the order of tokens matters in Prism grammars.
+         *
+         * Therefore, it is encouraged to order overwriting tokens according to the positions of the overwritten tokens.
+         * Furthermore, all non-overwriting tokens should be placed after the overwriting ones.
+         *
+         * @param {string} id The id of the language to extend. This has to be a key in `Prism.languages`.
+         * @param {Grammar} redef The new tokens to append.
+         * @returns {Grammar} The new language created.
+         * @public
+         * @example
+         * Prism.languages['css-with-colors'] = Prism.languages.extend('css', {
+         *     // Prism.languages.css already has a 'comment' token, so this token will overwrite CSS' 'comment' token
+         *     // at its original position
+         *     'comment': { ... },
+         *     // CSS doesn't have a 'color' token, so this token will be appended
+         *     'color': /\b(?:red|green|blue)\b/
+         * });
+         */
+        extend: function(a, o) {
+          var g = d.util.clone(d.languages[a]);
+          for (var h in o)
+            g[h] = o[h];
+          return g;
+        },
+        /**
+         * Inserts tokens _before_ another token in a language definition or any other grammar.
+         *
+         * ## Usage
+         *
+         * This helper method makes it easy to modify existing languages. For example, the CSS language definition
+         * not only defines CSS highlighting for CSS documents, but also needs to define highlighting for CSS embedded
+         * in HTML through `<style>` elements. To do this, it needs to modify `Prism.languages.markup` and add the
+         * appropriate tokens. However, `Prism.languages.markup` is a regular JavaScript object literal, so if you do
+         * this:
+         *
+         * ```js
+         * Prism.languages.markup.style = {
+         *     // token
+         * };
+         * ```
+         *
+         * then the `style` token will be added (and processed) at the end. `insertBefore` allows you to insert tokens
+         * before existing tokens. For the CSS example above, you would use it like this:
+         *
+         * ```js
+         * Prism.languages.insertBefore('markup', 'cdata', {
+         *     'style': {
+         *         // token
+         *     }
+         * });
+         * ```
+         *
+         * ## Special cases
+         *
+         * If the grammars of `inside` and `insert` have tokens with the same name, the tokens in `inside`'s grammar
+         * will be ignored.
+         *
+         * This behavior can be used to insert tokens after `before`:
+         *
+         * ```js
+         * Prism.languages.insertBefore('markup', 'comment', {
+         *     'comment': Prism.languages.markup.comment,
+         *     // tokens after 'comment'
+         * });
+         * ```
+         *
+         * ## Limitations
+         *
+         * The main problem `insertBefore` has to solve is iteration order. Since ES2015, the iteration order for object
+         * properties is guaranteed to be the insertion order (except for integer keys) but some browsers behave
+         * differently when keys are deleted and re-inserted. So `insertBefore` can't be implemented by temporarily
+         * deleting properties which is necessary to insert at arbitrary positions.
+         *
+         * To solve this problem, `insertBefore` doesn't actually insert the given tokens into the target object.
+         * Instead, it will create a new object and replace all references to the target object with the new one. This
+         * can be done without temporarily deleting properties, so the iteration order is well-defined.
+         *
+         * However, only references that can be reached from `Prism.languages` or `insert` will be replaced. I.e. if
+         * you hold the target object in a variable, then the value of the variable will not change.
+         *
+         * ```js
+         * var oldMarkup = Prism.languages.markup;
+         * var newMarkup = Prism.languages.insertBefore('markup', 'comment', { ... });
+         *
+         * assert(oldMarkup !== Prism.languages.markup);
+         * assert(newMarkup === Prism.languages.markup);
+         * ```
+         *
+         * @param {string} inside The property of `root` (e.g. a language id in `Prism.languages`) that contains the
+         * object to be modified.
+         * @param {string} before The key to insert before.
+         * @param {Grammar} insert An object containing the key-value pairs to be inserted.
+         * @param {Object<string, any>} [root] The object containing `inside`, i.e. the object that contains the
+         * object to be modified.
+         *
+         * Defaults to `Prism.languages`.
+         * @returns {Grammar} The new grammar object.
+         * @public
+         */
+        insertBefore: function(a, o, g, h) {
+          h = h || /** @type {any} */
+          d.languages;
+          var f = h[a], u = {};
+          for (var x in f)
+            if (f.hasOwnProperty(x)) {
+              if (x == o)
+                for (var m in g)
+                  g.hasOwnProperty(m) && (u[m] = g[m]);
+              g.hasOwnProperty(x) || (u[x] = f[x]);
+            }
+          var k = h[a];
+          return h[a] = u, d.languages.DFS(d.languages, function(z, $) {
+            $ === k && z != a && (this[z] = u);
+          }), u;
+        },
+        // Traverse a language definition with Depth First Search
+        DFS: function a(o, g, h, f) {
+          f = f || {};
+          var u = d.util.objId;
+          for (var x in o)
+            if (o.hasOwnProperty(x)) {
+              g.call(o, x, o[x], h || x);
+              var m = o[x], k = d.util.type(m);
+              k === "Object" && !f[u(m)] ? (f[u(m)] = !0, a(m, g, null, f)) : k === "Array" && !f[u(m)] && (f[u(m)] = !0, a(m, g, x, f));
+            }
+        }
+      },
+      plugins: {},
+      /**
+       * This is the most high-level function in Prism’s API.
+       * It fetches all the elements that have a `.language-xxxx` class and then calls {@link Prism.highlightElement} on
+       * each one of them.
+       *
+       * This is equivalent to `Prism.highlightAllUnder(document, async, callback)`.
+       *
+       * @param {boolean} [async=false] Same as in {@link Prism.highlightAllUnder}.
+       * @param {HighlightCallback} [callback] Same as in {@link Prism.highlightAllUnder}.
+       * @memberof Prism
+       * @public
+       */
+      highlightAll: function(a, o) {
+        d.highlightAllUnder(document, a, o);
+      },
+      /**
+       * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
+       * {@link Prism.highlightElement} on each one of them.
+       *
+       * The following hooks will be run:
+       * 1. `before-highlightall`
+       * 2. `before-all-elements-highlight`
+       * 3. All hooks of {@link Prism.highlightElement} for each element.
+       *
+       * @param {ParentNode} container The root element, whose descendants that have a `.language-xxxx` class will be highlighted.
+       * @param {boolean} [async=false] Whether each element is to be highlighted asynchronously using Web Workers.
+       * @param {HighlightCallback} [callback] An optional callback to be invoked on each element after its highlighting is done.
+       * @memberof Prism
+       * @public
+       */
+      highlightAllUnder: function(a, o, g) {
+        var h = {
+          callback: g,
+          container: a,
+          selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
+        };
+        d.hooks.run("before-highlightall", h), h.elements = Array.prototype.slice.apply(h.container.querySelectorAll(h.selector)), d.hooks.run("before-all-elements-highlight", h);
+        for (var f = 0, u; u = h.elements[f++]; )
+          d.highlightElement(u, o === !0, h.callback);
+      },
+      /**
+       * Highlights the code inside a single element.
+       *
+       * The following hooks will be run:
+       * 1. `before-sanity-check`
+       * 2. `before-highlight`
+       * 3. All hooks of {@link Prism.highlight}. These hooks will be run by an asynchronous worker if `async` is `true`.
+       * 4. `before-insert`
+       * 5. `after-highlight`
+       * 6. `complete`
+       *
+       * Some the above hooks will be skipped if the element doesn't contain any text or there is no grammar loaded for
+       * the element's language.
+       *
+       * @param {Element} element The element containing the code.
+       * It must have a class of `language-xxxx` to be processed, where `xxxx` is a valid language identifier.
+       * @param {boolean} [async=false] Whether the element is to be highlighted asynchronously using Web Workers
+       * to improve performance and avoid blocking the UI when highlighting very large chunks of code. This option is
+       * [disabled by default](https://prismjs.com/faq.html#why-is-asynchronous-highlighting-disabled-by-default).
+       *
+       * Note: All language definitions required to highlight the code must be included in the main `prism.js` file for
+       * asynchronous highlighting to work. You can build your own bundle on the
+       * [Download page](https://prismjs.com/download.html).
+       * @param {HighlightCallback} [callback] An optional callback to be invoked after the highlighting is done.
+       * Mostly useful when `async` is `true`, since in that case, the highlighting is done asynchronously.
+       * @memberof Prism
+       * @public
+       */
+      highlightElement: function(a, o, g) {
+        var h = d.util.getLanguage(a), f = d.languages[h];
+        d.util.setLanguage(a, h);
+        var u = a.parentElement;
+        u && u.nodeName.toLowerCase() === "pre" && d.util.setLanguage(u, h);
+        var x = a.textContent, m = {
+          element: a,
+          language: h,
+          grammar: f,
+          code: x
+        };
+        function k($) {
+          m.highlightedCode = $, d.hooks.run("before-insert", m), m.element.innerHTML = m.highlightedCode, d.hooks.run("after-highlight", m), d.hooks.run("complete", m), g && g.call(m.element);
+        }
+        if (d.hooks.run("before-sanity-check", m), u = m.element.parentElement, u && u.nodeName.toLowerCase() === "pre" && !u.hasAttribute("tabindex") && u.setAttribute("tabindex", "0"), !m.code) {
+          d.hooks.run("complete", m), g && g.call(m.element);
+          return;
+        }
+        if (d.hooks.run("before-highlight", m), !m.grammar) {
+          k(d.util.encode(m.code));
+          return;
+        }
+        if (o && r.Worker) {
+          var z = new Worker(d.filename);
+          z.onmessage = function($) {
+            k($.data);
+          }, z.postMessage(JSON.stringify({
+            language: m.language,
+            code: m.code,
+            immediateClose: !0
+          }));
+        } else
+          k(d.highlight(m.code, m.grammar, m.language));
+      },
+      /**
+       * Low-level function, only use if you know what you’re doing. It accepts a string of text as input
+       * and the language definitions to use, and returns a string with the HTML produced.
+       *
+       * The following hooks will be run:
+       * 1. `before-tokenize`
+       * 2. `after-tokenize`
+       * 3. `wrap`: On each {@link Token}.
+       *
+       * @param {string} text A string with the code to be highlighted.
+       * @param {Grammar} grammar An object containing the tokens to use.
+       *
+       * Usually a language definition like `Prism.languages.markup`.
+       * @param {string} language The name of the language definition passed to `grammar`.
+       * @returns {string} The highlighted HTML.
+       * @memberof Prism
+       * @public
+       * @example
+       * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
+       */
+      highlight: function(a, o, g) {
+        var h = {
+          code: a,
+          grammar: o,
+          language: g
+        };
+        if (d.hooks.run("before-tokenize", h), !h.grammar)
+          throw new Error('The language "' + h.language + '" has no grammar.');
+        return h.tokens = d.tokenize(h.code, h.grammar), d.hooks.run("after-tokenize", h), b.stringify(d.util.encode(h.tokens), h.language);
+      },
+      /**
+       * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input
+       * and the language definitions to use, and returns an array with the tokenized code.
+       *
+       * When the language definition includes nested tokens, the function is called recursively on each of these tokens.
+       *
+       * This method could be useful in other contexts as well, as a very crude parser.
+       *
+       * @param {string} text A string with the code to be highlighted.
+       * @param {Grammar} grammar An object containing the tokens to use.
+       *
+       * Usually a language definition like `Prism.languages.markup`.
+       * @returns {TokenStream} An array of strings and tokens, a token stream.
+       * @memberof Prism
+       * @public
+       * @example
+       * let code = `var foo = 0;`;
+       * let tokens = Prism.tokenize(code, Prism.languages.javascript);
+       * tokens.forEach(token => {
+       *     if (token instanceof Prism.Token && token.type === 'number') {
+       *         console.log(`Found numeric literal: ${token.content}`);
+       *     }
+       * });
+       */
+      tokenize: function(a, o) {
+        var g = o.rest;
+        if (g) {
+          for (var h in g)
+            o[h] = g[h];
+          delete o.rest;
+        }
+        var f = new _();
+        return D(f, f.head, a), A(a, f, o, f.head, 0), j(f);
+      },
+      /**
+       * @namespace
+       * @memberof Prism
+       * @public
+       */
+      hooks: {
+        all: {},
+        /**
+         * Adds the given callback to the list of callbacks for the given hook.
+         *
+         * The callback will be invoked when the hook it is registered for is run.
+         * Hooks are usually directly run by a highlight function but you can also run hooks yourself.
+         *
+         * One callback function can be registered to multiple hooks and the same hook multiple times.
+         *
+         * @param {string} name The name of the hook.
+         * @param {HookCallback} callback The callback function which is given environment variables.
+         * @public
+         */
+        add: function(a, o) {
+          var g = d.hooks.all;
+          g[a] = g[a] || [], g[a].push(o);
+        },
+        /**
+         * Runs a hook invoking all registered callbacks with the given environment variables.
+         *
+         * Callbacks will be invoked synchronously and in the order in which they were registered.
+         *
+         * @param {string} name The name of the hook.
+         * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
+         * @public
+         */
+        run: function(a, o) {
+          var g = d.hooks.all[a];
+          if (!(!g || !g.length))
+            for (var h = 0, f; f = g[h++]; )
+              f(o);
+        }
+      },
+      Token: b
+    };
+    r.Prism = d;
+    function b(a, o, g, h) {
+      this.type = a, this.content = o, this.alias = g, this.length = (h || "").length | 0;
+    }
+    b.stringify = function a(o, g) {
+      if (typeof o == "string")
+        return o;
+      if (Array.isArray(o)) {
+        var h = "";
+        return o.forEach(function(k) {
+          h += a(k, g);
+        }), h;
+      }
+      var f = {
+        type: o.type,
+        content: a(o.content, g),
+        tag: "span",
+        classes: ["token", o.type],
+        attributes: {},
+        language: g
+      }, u = o.alias;
+      u && (Array.isArray(u) ? Array.prototype.push.apply(f.classes, u) : f.classes.push(u)), d.hooks.run("wrap", f);
+      var x = "";
+      for (var m in f.attributes)
+        x += " " + m + '="' + (f.attributes[m] || "").replace(/"/g, "&quot;") + '"';
+      return "<" + f.tag + ' class="' + f.classes.join(" ") + '"' + x + ">" + f.content + "</" + f.tag + ">";
+    };
+    function S(a, o, g, h) {
+      a.lastIndex = o;
+      var f = a.exec(g);
+      if (f && h && f[1]) {
+        var u = f[1].length;
+        f.index += u, f[0] = f[0].slice(u);
+      }
+      return f;
+    }
+    function A(a, o, g, h, f, u) {
+      for (var x in g)
+        if (!(!g.hasOwnProperty(x) || !g[x])) {
+          var m = g[x];
+          m = Array.isArray(m) ? m : [m];
+          for (var k = 0; k < m.length; ++k) {
+            if (u && u.cause == x + "," + k)
+              return;
+            var z = m[k], $ = z.inside, Z = !!z.lookbehind, J = !!z.greedy, sn = z.alias;
+            if (J && !z.pattern.global) {
+              var dn = z.pattern.toString().match(/[imsuy]*$/)[0];
+              z.pattern = RegExp(z.pattern.source, dn + "g");
+            }
+            for (var Q = z.pattern || z, F = h.next, T = f; F !== o.tail && !(u && T >= u.reach); T += F.value.length, F = F.next) {
+              var P = F.value;
+              if (o.length > a.length)
+                return;
+              if (!(P instanceof b)) {
+                var W = 1, L;
+                if (J) {
+                  if (L = S(Q, T, a, Z), !L || L.index >= a.length)
+                    break;
+                  var B = L.index, cn = L.index + L[0].length, O = T;
+                  for (O += F.value.length; B >= O; )
+                    F = F.next, O += F.value.length;
+                  if (O -= F.value.length, T = O, F.value instanceof b)
+                    continue;
+                  for (var H = F; H !== o.tail && (O < cn || typeof H.value == "string"); H = H.next)
+                    W++, O += H.value.length;
+                  W--, P = a.slice(T, O), L.index -= T;
+                } else if (L = S(Q, 0, P, Z), !L)
+                  continue;
+                var B = L.index, q = L[0], V = P.slice(0, B), nn = P.slice(B + q.length), G = T + P.length;
+                u && G > u.reach && (u.reach = G);
+                var M = F.prev;
+                V && (M = D(o, M, V), T += V.length), U(o, M, W);
+                var gn = new b(x, $ ? d.tokenize(q, $) : q, sn, q);
+                if (F = D(o, M, gn), nn && D(o, F, nn), W > 1) {
+                  var Y = {
+                    cause: x + "," + k,
+                    reach: G
+                  };
+                  A(a, o, g, F.prev, T, Y), u && Y.reach > u.reach && (u.reach = Y.reach);
+                }
+              }
+            }
+          }
+        }
+    }
+    function _() {
+      var a = { value: null, prev: null, next: null }, o = { value: null, prev: a, next: null };
+      a.next = o, this.head = a, this.tail = o, this.length = 0;
+    }
+    function D(a, o, g) {
+      var h = o.next, f = { value: g, prev: o, next: h };
+      return o.next = f, h.prev = f, a.length++, f;
+    }
+    function U(a, o, g) {
+      for (var h = o.next, f = 0; f < g && h !== a.tail; f++)
+        h = h.next;
+      o.next = h, h.prev = o, a.length -= f;
+    }
+    function j(a) {
+      for (var o = [], g = a.head.next; g !== a.tail; )
+        o.push(g.value), g = g.next;
+      return o;
+    }
+    if (!r.document)
+      return r.addEventListener && (d.disableWorkerMessageHandler || r.addEventListener("message", function(a) {
+        var o = JSON.parse(a.data), g = o.language, h = o.code, f = o.immediateClose;
+        r.postMessage(d.highlight(h, d.languages[g], g)), f && r.close();
+      }, !1)), d;
+    var C = d.util.currentScript();
+    C && (d.filename = C.src, C.hasAttribute("data-manual") && (d.manual = !0));
+    function v() {
+      d.manual || d.highlightAll();
+    }
+    if (!d.manual) {
+      var E = document.readyState;
+      E === "loading" || E === "interactive" && C && C.defer ? document.addEventListener("DOMContentLoaded", v) : window.requestAnimationFrame ? window.requestAnimationFrame(v) : window.setTimeout(v, 16);
+    }
+    return d;
+  }(e);
+  n.exports && (n.exports = t), typeof rn < "u" && (rn.Prism = t), t.languages.markup = {
+    comment: {
+      pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
+      greedy: !0
+    },
+    prolog: {
+      pattern: /<\?[\s\S]+?\?>/,
+      greedy: !0
+    },
+    doctype: {
+      // https://www.w3.org/TR/xml/#NT-doctypedecl
+      pattern: /<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,
+      greedy: !0,
+      inside: {
+        "internal-subset": {
+          pattern: /(^[^\[]*\[)[\s\S]+(?=\]>$)/,
+          lookbehind: !0,
+          greedy: !0,
+          inside: null
+          // see below
+        },
+        string: {
+          pattern: /"[^"]*"|'[^']*'/,
+          greedy: !0
+        },
+        punctuation: /^<!|>$|[[\]]/,
+        "doctype-tag": /^DOCTYPE/i,
+        name: /[^\s<>'"]+/
+      }
+    },
+    cdata: {
+      pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
+      greedy: !0
+    },
+    tag: {
+      pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,
+      greedy: !0,
+      inside: {
+        tag: {
+          pattern: /^<\/?[^\s>\/]+/,
+          inside: {
+            punctuation: /^<\/?/,
+            namespace: /^[^\s>\/:]+:/
+          }
+        },
+        "special-attr": [],
+        "attr-value": {
+          pattern: /=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,
+          inside: {
+            punctuation: [
+              {
+                pattern: /^=/,
+                alias: "attr-equals"
+              },
+              {
+                pattern: /^(\s*)["']|["']$/,
+                lookbehind: !0
+              }
+            ]
+          }
+        },
+        punctuation: /\/?>/,
+        "attr-name": {
+          pattern: /[^\s>\/]+/,
+          inside: {
+            namespace: /^[^\s>\/:]+:/
+          }
+        }
+      }
+    },
+    entity: [
+      {
+        pattern: /&[\da-z]{1,8};/i,
+        alias: "named-entity"
+      },
+      /&#x?[\da-f]{1,8};/i
+    ]
+  }, t.languages.markup.tag.inside["attr-value"].inside.entity = t.languages.markup.entity, t.languages.markup.doctype.inside["internal-subset"].inside = t.languages.markup, t.hooks.add("wrap", function(r) {
+    r.type === "entity" && (r.attributes.title = r.content.replace(/&amp;/, "&"));
+  }), Object.defineProperty(t.languages.markup.tag, "addInlined", {
+    /**
+     * Adds an inlined language to markup.
+     *
+     * An example of an inlined language is CSS with `<style>` tags.
+     *
+     * @param {string} tagName The name of the tag that contains the inlined language. This name will be treated as
+     * case insensitive.
+     * @param {string} lang The language key.
+     * @example
+     * addInlined('style', 'css');
+     */
+    value: function(l, s) {
+      var c = {};
+      c["language-" + s] = {
+        pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
+        lookbehind: !0,
+        inside: t.languages[s]
+      }, c.cdata = /^<!\[CDATA\[|\]\]>$/i;
+      var d = {
+        "included-cdata": {
+          pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
+          inside: c
+        }
+      };
+      d["language-" + s] = {
+        pattern: /[\s\S]+/,
+        inside: t.languages[s]
+      };
+      var b = {};
+      b[l] = {
+        pattern: RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g, function() {
+          return l;
+        }), "i"),
+        lookbehind: !0,
+        greedy: !0,
+        inside: d
+      }, t.languages.insertBefore("markup", "cdata", b);
+    }
+  }), Object.defineProperty(t.languages.markup.tag, "addAttribute", {
+    /**
+     * Adds an pattern to highlight languages embedded in HTML attributes.
+     *
+     * An example of an inlined language is CSS with `style` attributes.
+     *
+     * @param {string} attrName The name of the tag that contains the inlined language. This name will be treated as
+     * case insensitive.
+     * @param {string} lang The language key.
+     * @example
+     * addAttribute('style', 'css');
+     */
+    value: function(r, l) {
+      t.languages.markup.tag.inside["special-attr"].push({
+        pattern: RegExp(
+          /(^|["'\s])/.source + "(?:" + r + ")" + /\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,
+          "i"
+        ),
+        lookbehind: !0,
+        inside: {
+          "attr-name": /^[^\s=]+/,
+          "attr-value": {
+            pattern: /=[\s\S]+/,
+            inside: {
+              value: {
+                pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,
+                lookbehind: !0,
+                alias: [l, "language-" + l],
+                inside: t.languages[l]
+              },
+              punctuation: [
+                {
+                  pattern: /^=/,
+                  alias: "attr-equals"
+                },
+                /"|'/
+              ]
+            }
+          }
+        }
+      });
+    }
+  }), t.languages.html = t.languages.markup, t.languages.mathml = t.languages.markup, t.languages.svg = t.languages.markup, t.languages.xml = t.languages.extend("markup", {}), t.languages.ssml = t.languages.xml, t.languages.atom = t.languages.xml, t.languages.rss = t.languages.xml, function(r) {
+    var l = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
+    r.languages.css = {
+      comment: /\/\*[\s\S]*?\*\//,
+      atrule: {
+        pattern: RegExp("@[\\w-](?:" + /[^;{\s"']|\s+(?!\s)/.source + "|" + l.source + ")*?" + /(?:;|(?=\s*\{))/.source),
+        inside: {
+          rule: /^@[\w-]+/,
+          "selector-function-argument": {
+            pattern: /(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,
+            lookbehind: !0,
+            alias: "selector"
+          },
+          keyword: {
+            pattern: /(^|[^\w-])(?:and|not|only|or)(?![\w-])/,
+            lookbehind: !0
+          }
+          // See rest below
+        }
+      },
+      url: {
+        // https://drafts.csswg.org/css-values-3/#urls
+        pattern: RegExp("\\burl\\((?:" + l.source + "|" + /(?:[^\\\r\n()"']|\\[\s\S])*/.source + ")\\)", "i"),
+        greedy: !0,
+        inside: {
+          function: /^url/i,
+          punctuation: /^\(|\)$/,
+          string: {
+            pattern: RegExp("^" + l.source + "$"),
+            alias: "url"
+          }
+        }
+      },
+      selector: {
+        pattern: RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|` + l.source + ")*(?=\\s*\\{)"),
+        lookbehind: !0
+      },
+      string: {
+        pattern: l,
+        greedy: !0
+      },
+      property: {
+        pattern: /(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,
+        lookbehind: !0
+      },
+      important: /!important\b/i,
+      function: {
+        pattern: /(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,
+        lookbehind: !0
+      },
+      punctuation: /[(){};:,]/
+    }, r.languages.css.atrule.inside.rest = r.languages.css;
+    var s = r.languages.markup;
+    s && (s.tag.addInlined("style", "css"), s.tag.addAttribute("style", "css"));
+  }(t), t.languages.clike = {
+    comment: [
+      {
+        pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
+        lookbehind: !0,
+        greedy: !0
+      },
+      {
+        pattern: /(^|[^\\:])\/\/.*/,
+        lookbehind: !0,
+        greedy: !0
+      }
+    ],
+    string: {
+      pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
+      greedy: !0
+    },
+    "class-name": {
+      pattern: /(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,
+      lookbehind: !0,
+      inside: {
+        punctuation: /[.\\]/
+      }
+    },
+    keyword: /\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,
+    boolean: /\b(?:false|true)\b/,
+    function: /\b\w+(?=\()/,
+    number: /\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,
+    operator: /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
+    punctuation: /[{}[\];(),.:]/
+  }, t.languages.javascript = t.languages.extend("clike", {
+    "class-name": [
+      t.languages.clike["class-name"],
+      {
+        pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,
+        lookbehind: !0
+      }
+    ],
+    keyword: [
+      {
+        pattern: /((?:^|\})\s*)catch\b/,
+        lookbehind: !0
+      },
+      {
+        pattern: /(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
+        lookbehind: !0
+      }
+    ],
+    // Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)
+    function: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
+    number: {
+      pattern: RegExp(
+        /(^|[^\w$])/.source + "(?:" + // constant
+        (/NaN|Infinity/.source + "|" + // binary integer
+        /0[bB][01]+(?:_[01]+)*n?/.source + "|" + // octal integer
+        /0[oO][0-7]+(?:_[0-7]+)*n?/.source + "|" + // hexadecimal integer
+        /0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source + "|" + // decimal bigint
+        /\d+(?:_\d+)*n/.source + "|" + // decimal number (integer or float) but no bigint
+        /(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source) + ")" + /(?![\w$])/.source
+      ),
+      lookbehind: !0
+    },
+    operator: /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
+  }), t.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/, t.languages.insertBefore("javascript", "keyword", {
+    regex: {
+      pattern: RegExp(
+        // lookbehind
+        // eslint-disable-next-line regexp/no-dupe-characters-character-class
+        /((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source + // Regex pattern:
+        // There are 2 regex patterns here. The RegExp set notation proposal added support for nested character
+        // classes if the `v` flag is present. Unfortunately, nested CCs are both context-free and incompatible
+        // with the only syntax, so we have to define 2 different regex patterns.
+        /\//.source + "(?:" + /(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source + "|" + // `v` flag syntax. This supports 3 levels of nested character classes.
+        /(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source + ")" + // lookahead
+        /(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source
+      ),
+      lookbehind: !0,
+      greedy: !0,
+      inside: {
+        "regex-source": {
+          pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/,
+          lookbehind: !0,
+          alias: "language-regex",
+          inside: t.languages.regex
+        },
+        "regex-delimiter": /^\/|\/$/,
+        "regex-flags": /^[a-z]+$/
+      }
+    },
+    // This must be declared before keyword because we use "function" inside the look-forward
+    "function-variable": {
+      pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,
+      alias: "function"
+    },
+    parameter: [
+      {
+        pattern: /(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,
+        lookbehind: !0,
+        inside: t.languages.javascript
+      },
+      {
+        pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,
+        lookbehind: !0,
+        inside: t.languages.javascript
+      },
+      {
+        pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,
+        lookbehind: !0,
+        inside: t.languages.javascript
+      },
+      {
+        pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,
+        lookbehind: !0,
+        inside: t.languages.javascript
+      }
+    ],
+    constant: /\b[A-Z](?:[A-Z_]|\dx?)*\b/
+  }), t.languages.insertBefore("javascript", "string", {
+    hashbang: {
+      pattern: /^#!.*/,
+      greedy: !0,
+      alias: "comment"
+    },
+    "template-string": {
+      pattern: /`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,
+      greedy: !0,
+      inside: {
+        "template-punctuation": {
+          pattern: /^`|`$/,
+          alias: "string"
+        },
+        interpolation: {
+          pattern: /((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,
+          lookbehind: !0,
+          inside: {
+            "interpolation-punctuation": {
+              pattern: /^\$\{|\}$/,
+              alias: "punctuation"
+            },
+            rest: t.languages.javascript
+          }
+        },
+        string: /[\s\S]+/
+      }
+    },
+    "string-property": {
+      pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,
+      lookbehind: !0,
+      greedy: !0,
+      alias: "property"
+    }
+  }), t.languages.insertBefore("javascript", "operator", {
+    "literal-property": {
+      pattern: /((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,
+      lookbehind: !0,
+      alias: "property"
+    }
+  }), t.languages.markup && (t.languages.markup.tag.addInlined("script", "javascript"), t.languages.markup.tag.addAttribute(
+    /on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,
+    "javascript"
+  )), t.languages.js = t.languages.javascript, function() {
+    if (typeof t > "u" || typeof document > "u")
+      return;
+    Element.prototype.matches || (Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector);
+    var r = "Loading…", l = function(C, v) {
+      return "✖ Error " + C + " while fetching file: " + v;
+    }, s = "✖ Error: File does not exist or is empty", c = {
+      js: "javascript",
+      py: "python",
+      rb: "ruby",
+      ps1: "powershell",
+      psm1: "powershell",
+      sh: "bash",
+      bat: "batch",
+      h: "c",
+      tex: "latex"
+    }, d = "data-src-status", b = "loading", S = "loaded", A = "failed", _ = "pre[data-src]:not([" + d + '="' + S + '"]):not([' + d + '="' + b + '"])';
+    function D(C, v, E) {
+      var a = new XMLHttpRequest();
+      a.open("GET", C, !0), a.onreadystatechange = function() {
+        a.readyState == 4 && (a.status < 400 && a.responseText ? v(a.responseText) : a.status >= 400 ? E(l(a.status, a.statusText)) : E(s));
+      }, a.send(null);
+    }
+    function U(C) {
+      var v = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(C || "");
+      if (v) {
+        var E = Number(v[1]), a = v[2], o = v[3];
+        return a ? o ? [E, Number(o)] : [E, void 0] : [E, E];
+      }
+    }
+    t.hooks.add("before-highlightall", function(C) {
+      C.selector += ", " + _;
+    }), t.hooks.add("before-sanity-check", function(C) {
+      var v = (
+        /** @type {HTMLPreElement} */
+        C.element
+      );
+      if (v.matches(_)) {
+        C.code = "", v.setAttribute(d, b);
+        var E = v.appendChild(document.createElement("CODE"));
+        E.textContent = r;
+        var a = v.getAttribute("data-src"), o = C.language;
+        if (o === "none") {
+          var g = (/\.(\w+)$/.exec(a) || [, "none"])[1];
+          o = c[g] || g;
+        }
+        t.util.setLanguage(E, o), t.util.setLanguage(v, o);
+        var h = t.plugins.autoloader;
+        h && h.loadLanguages(o), D(
+          a,
+          function(f) {
+            v.setAttribute(d, S);
+            var u = U(v.getAttribute("data-range"));
+            if (u) {
+              var x = f.split(/\r\n?|\n/g), m = u[0], k = u[1] == null ? x.length : u[1];
+              m < 0 && (m += x.length), m = Math.max(0, Math.min(m - 1, x.length)), k < 0 && (k += x.length), k = Math.max(0, Math.min(k, x.length)), f = x.slice(m, k).join(`
+`), v.hasAttribute("data-start") || v.setAttribute("data-start", String(m + 1));
+            }
+            E.textContent = f, t.highlightElement(E);
+          },
+          function(f) {
+            v.setAttribute(d, A), E.textContent = f;
+          }
+        );
+      }
+    }), t.plugins.fileHighlight = {
+      /**
+       * Executes the File Highlight plugin for all matching `pre` elements under the given container.
+       *
+       * Note: Elements which are already loaded or currently loading will not be touched by this method.
+       *
+       * @param {ParentNode} [container=document]
+       */
+      highlight: function(v) {
+        for (var E = (v || document).querySelectorAll(_), a = 0, o; o = E[a++]; )
+          t.highlightElement(o);
+      }
+    };
+    var j = !1;
+    t.fileHighlight = function() {
+      j || (console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."), j = !0), t.plugins.fileHighlight.highlight.apply(this, arguments);
+    };
+  }();
+})(ln);
+const X = ln.exports;
+Prism.languages.python = {
+  comment: {
+    pattern: /(^|[^\\])#.*/,
+    lookbehind: !0,
+    greedy: !0
+  },
+  "string-interpolation": {
+    pattern: /(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,
+    greedy: !0,
+    inside: {
+      interpolation: {
+        // "{" <expression> <optional "!s", "!r", or "!a"> <optional ":" format specifier> "}"
+        pattern: /((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,
+        lookbehind: !0,
+        inside: {
+          "format-spec": {
+            pattern: /(:)[^:(){}]+(?=\}$)/,
+            lookbehind: !0
+          },
+          "conversion-option": {
+            pattern: /![sra](?=[:}]$)/,
+            alias: "punctuation"
+          },
+          rest: null
+        }
+      },
+      string: /[\s\S]+/
+    }
+  },
+  "triple-quoted-string": {
+    pattern: /(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,
+    greedy: !0,
+    alias: "string"
+  },
+  string: {
+    pattern: /(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,
+    greedy: !0
+  },
+  function: {
+    pattern: /((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,
+    lookbehind: !0
+  },
+  "class-name": {
+    pattern: /(\bclass\s+)\w+/i,
+    lookbehind: !0
+  },
+  decorator: {
+    pattern: /(^[\t ]*)@\w+(?:\.\w+)*/m,
+    lookbehind: !0,
+    alias: ["annotation", "punctuation"],
+    inside: {
+      punctuation: /\./
+    }
+  },
+  keyword: /\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,
+  builtin: /\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,
+  boolean: /\b(?:False|None|True)\b/,
+  number: /\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,
+  operator: /[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,
+  punctuation: /[{}[\];(),.:]/
+};
+Prism.languages.python["string-interpolation"].inside.interpolation.inside.rest = Prism.languages.python;
+Prism.languages.py = Prism.languages.python;
+(function(n) {
+  var e = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b", t = {
+    pattern: /(^(["']?)\w+\2)[ \t]+\S.*/,
+    lookbehind: !0,
+    alias: "punctuation",
+    // this looks reasonably well in all themes
+    inside: null
+    // see below
+  }, r = {
+    bash: t,
+    environment: {
+      pattern: RegExp("\\$" + e),
+      alias: "constant"
+    },
+    variable: [
+      // [0]: Arithmetic Environment
+      {
+        pattern: /\$?\(\([\s\S]+?\)\)/,
+        greedy: !0,
+        inside: {
+          // If there is a $ sign at the beginning highlight $(( and )) as variable
+          variable: [
+            {
+              pattern: /(^\$\(\([\s\S]+)\)\)/,
+              lookbehind: !0
+            },
+            /^\$\(\(/
+          ],
+          number: /\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,
+          // Operators according to https://www.gnu.org/software/bash/manual/bashref.html#Shell-Arithmetic
+          operator: /--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,
+          // If there is no $ sign at the beginning highlight (( and )) as punctuation
+          punctuation: /\(\(?|\)\)?|,|;/
+        }
+      },
+      // [1]: Command Substitution
+      {
+        pattern: /\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,
+        greedy: !0,
+        inside: {
+          variable: /^\$\(|^`|\)$|`$/
+        }
+      },
+      // [2]: Brace expansion
+      {
+        pattern: /\$\{[^}]+\}/,
+        greedy: !0,
+        inside: {
+          operator: /:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,
+          punctuation: /[\[\]]/,
+          environment: {
+            pattern: RegExp("(\\{)" + e),
+            lookbehind: !0,
+            alias: "constant"
+          }
+        }
+      },
+      /\$(?:\w+|[#?*!@$])/
+    ],
+    // Escape sequences from echo and printf's manuals, and escaped quotes.
+    entity: /\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/
+  };
+  n.languages.bash = {
+    shebang: {
+      pattern: /^#!\s*\/.*/,
+      alias: "important"
+    },
+    comment: {
+      pattern: /(^|[^"{\\$])#.*/,
+      lookbehind: !0
+    },
+    "function-name": [
+      // a) function foo {
+      // b) foo() {
+      // c) function foo() {
+      // but not “foo {”
+      {
+        // a) and c)
+        pattern: /(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,
+        lookbehind: !0,
+        alias: "function"
+      },
+      {
+        // b)
+        pattern: /\b[\w-]+(?=\s*\(\s*\)\s*\{)/,
+        alias: "function"
+      }
+    ],
+    // Highlight variable names as variables in for and select beginnings.
+    "for-or-select": {
+      pattern: /(\b(?:for|select)\s+)\w+(?=\s+in\s)/,
+      alias: "variable",
+      lookbehind: !0
+    },
+    // Highlight variable names as variables in the left-hand part
+    // of assignments (“=” and “+=”).
+    "assign-left": {
+      pattern: /(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,
+      inside: {
+        environment: {
+          pattern: RegExp("(^|[\\s;|&]|[<>]\\()" + e),
+          lookbehind: !0,
+          alias: "constant"
+        }
+      },
+      alias: "variable",
+      lookbehind: !0
+    },
+    // Highlight parameter names as variables
+    parameter: {
+      pattern: /(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,
+      alias: "variable",
+      lookbehind: !0
+    },
+    string: [
+      // Support for Here-documents https://en.wikipedia.org/wiki/Here_document
+      {
+        pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
+        lookbehind: !0,
+        greedy: !0,
+        inside: r
+      },
+      // Here-document with quotes around the tag
+      // → No expansion (so no “inside”).
+      {
+        pattern: /((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,
+        lookbehind: !0,
+        greedy: !0,
+        inside: {
+          bash: t
+        }
+      },
+      // “Normal” string
+      {
+        // https://www.gnu.org/software/bash/manual/html_node/Double-Quotes.html
+        pattern: /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
+        lookbehind: !0,
+        greedy: !0,
+        inside: r
+      },
+      {
+        // https://www.gnu.org/software/bash/manual/html_node/Single-Quotes.html
+        pattern: /(^|[^$\\])'[^']*'/,
+        lookbehind: !0,
+        greedy: !0
+      },
+      {
+        // https://www.gnu.org/software/bash/manual/html_node/ANSI_002dC-Quoting.html
+        pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
+        greedy: !0,
+        inside: {
+          entity: r.entity
+        }
+      }
+    ],
+    environment: {
+      pattern: RegExp("\\$?" + e),
+      alias: "constant"
+    },
+    variable: r.variable,
+    function: {
+      pattern: /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,
+      lookbehind: !0
+    },
+    keyword: {
+      pattern: /(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,
+      lookbehind: !0
+    },
+    // https://www.gnu.org/software/bash/manual/html_node/Shell-Builtin-Commands.html
+    builtin: {
+      pattern: /(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,
+      lookbehind: !0,
+      // Alias added to make those easier to distinguish from strings.
+      alias: "class-name"
+    },
+    boolean: {
+      pattern: /(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,
+      lookbehind: !0
+    },
+    "file-descriptor": {
+      pattern: /\B&\d\b/,
+      alias: "important"
+    },
+    operator: {
+      // Lots of redirections here, but not just that.
+      pattern: /\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,
+      inside: {
+        "file-descriptor": {
+          pattern: /^\d/,
+          alias: "important"
+        }
+      }
+    },
+    punctuation: /\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,
+    number: {
+      pattern: /(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,
+      lookbehind: !0
+    }
+  }, t.inside = n.languages.bash;
+  for (var l = [
+    "comment",
+    "function-name",
+    "for-or-select",
+    "assign-left",
+    "parameter",
+    "string",
+    "environment",
+    "function",
+    "keyword",
+    "builtin",
+    "boolean",
+    "file-descriptor",
+    "operator",
+    "punctuation",
+    "number"
+  ], s = r.variable[1].inside, c = 0; c < l.length; c++)
+    s[l[c]] = n.languages.bash[l[c]];
+  n.languages.sh = n.languages.bash, n.languages.shell = n.languages.bash;
+})(Prism);
+(function(n) {
+  var e = /[*&][^\s[\]{},]+/, t = /!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/, r = "(?:" + t.source + "(?:[ 	]+" + e.source + ")?|" + e.source + "(?:[ 	]+" + t.source + ")?)", l = /(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g, function() {
+    return /[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source;
+  }), s = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;
+  function c(d, b) {
+    b = (b || "").replace(/m/g, "") + "m";
+    var S = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, function() {
+      return r;
+    }).replace(/<<value>>/g, function() {
+      return d;
+    });
+    return RegExp(S, b);
+  }
+  n.languages.yaml = {
+    scalar: {
+      pattern: RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g, function() {
+        return r;
+      })),
+      lookbehind: !0,
+      alias: "string"
+    },
+    comment: /#.*/,
+    key: {
+      pattern: RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g, function() {
+        return r;
+      }).replace(/<<key>>/g, function() {
+        return "(?:" + l + "|" + s + ")";
+      })),
+      lookbehind: !0,
+      greedy: !0,
+      alias: "atrule"
+    },
+    directive: {
+      pattern: /(^[ \t]*)%.+/m,
+      lookbehind: !0,
+      alias: "important"
+    },
+    datetime: {
+      pattern: c(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),
+      lookbehind: !0,
+      alias: "number"
+    },
+    boolean: {
+      pattern: c(/false|true/.source, "i"),
+      lookbehind: !0,
+      alias: "important"
+    },
+    null: {
+      pattern: c(/null|~/.source, "i"),
+      lookbehind: !0,
+      alias: "important"
+    },
+    string: {
+      pattern: c(s),
+      lookbehind: !0,
+      greedy: !0
+    },
+    number: {
+      pattern: c(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source, "i"),
+      lookbehind: !0
+    },
+    tag: t,
+    important: e,
+    punctuation: /---|[:[\]{}\-,|>?]|\.\.\./
+  }, n.languages.yml = n.languages.yaml;
+})(Prism);
+(function(n) {
+  var e = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
+  n.languages.css = {
+    comment: /\/\*[\s\S]*?\*\//,
+    atrule: {
+      pattern: RegExp("@[\\w-](?:" + /[^;{\s"']|\s+(?!\s)/.source + "|" + e.source + ")*?" + /(?:;|(?=\s*\{))/.source),
+      inside: {
+        rule: /^@[\w-]+/,
+        "selector-function-argument": {
+          pattern: /(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,
+          lookbehind: !0,
+          alias: "selector"
+        },
+        keyword: {
+          pattern: /(^|[^\w-])(?:and|not|only|or)(?![\w-])/,
+          lookbehind: !0
         }
-      ],
-      defaultVariants: {
-        intent: "secondary",
-        loading: !1,
-        iconSmall: !1,
-        iconPos: "right",
-        iconOnly: !1,
-        pill: !1,
-        size: "small"
+        // See rest below
       }
-    }), this.parentContext = null, this.label = void 0, this.ariaLabel = "Button", this.elementType = "button", this.intent = "secondary", this.loading = !1, this.disabled = !1, this.pill = !1, this.icon = void 0, this.size = "small", this.iconPos = "right", this.iconSmall = !1, this.extraClass = void 0, this.triggerClick = void 0;
+    },
+    url: {
+      // https://drafts.csswg.org/css-values-3/#urls
+      pattern: RegExp("\\burl\\((?:" + e.source + "|" + /(?:[^\\\r\n()"']|\\[\s\S])*/.source + ")\\)", "i"),
+      greedy: !0,
+      inside: {
+        function: /^url/i,
+        punctuation: /^\(|\)$/,
+        string: {
+          pattern: RegExp("^" + e.source + "$"),
+          alias: "url"
+        }
+      }
+    },
+    selector: {
+      pattern: RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|` + e.source + ")*(?=\\s*\\{)"),
+      lookbehind: !0
+    },
+    string: {
+      pattern: e,
+      greedy: !0
+    },
+    property: {
+      pattern: /(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,
+      lookbehind: !0
+    },
+    important: /!important\b/i,
+    function: {
+      pattern: /(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,
+      lookbehind: !0
+    },
+    punctuation: /[(){};:,]/
+  }, n.languages.css.atrule.inside.rest = n.languages.css;
+  var t = n.languages.markup;
+  t && (t.tag.addInlined("style", "css"), t.tag.addAttribute("style", "css"));
+})(Prism);
+const Bn = `:host{display:block;font-family:var(--font-family, 'Courier New', monospace)}pre[class*="language-"]{white-space:pre-wrap;word-break:break-word;}.language{font-weight:bold;text-transform:uppercase}pre{margin:0;border-radius:8px;color:var(--purple-200);overflow:auto}code{font-family:'Courier New', monospace}.token.keyword{color:var(--purple-500)}.token.string{color:var(--green-500)}.token.function{color:var(--cyan-500)}.token.comment{color:var(--grey-700)}.relative{position:relative}.bg-stronger{background-color:var(--grey-900)}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.p-0{padding:0rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.pl-8{padding-left:0.5rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mb-28{margin-bottom:1.75rem}.pb-16{padding-bottom:1rem}.pb-20{padding-bottom:1.25rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.pb-8{padding-bottom:0.5rem}.mt-16{margin-top:1rem}.mt-2{margin-top:0.125rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.w-20{width:1.25rem}.h-20{height:1.25rem}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}`, qn = Bn, Mn = class {
+  constructor(n) {
+    p(this, n), this.code = void 0, this.language = void 0, this.copied = !1;
   }
-  handleParentContext(n) {
-    n.target === this.el && (this.parentContext = n.detail, n.stopPropagation());
+  /**
+   * Copies the current code content to the clipboard and sets a temporary copied state.
+   *
+   * @private
+   * @returns {void}
+   */
+  copyToClipboard() {
+    navigator.clipboard.writeText(this.code).then(() => {
+      this.copied = !0, setTimeout(() => this.copied = !1, 2e3);
+    });
   }
-  handleClick(n) {
-    var e, r;
-    if (this.disabled) {
-      n.preventDefault();
-      return;
-    }
-    f({
-      category: "ui-component",
-      parentContext: this.parentContext,
-      tag: this.el.tagName.toLowerCase(),
-      name: ((e = this.label) === null || e === void 0 ? void 0 : e.toLowerCase()) || ((r = this.ariaLabel) === null || r === void 0 ? void 0 : r.toLowerCase()) || "",
-      action: "click"
-    }), typeof this.triggerClick == "function" && this.triggerClick();
+  /**
+   * Utility function that creates a human-friendly analytics name based on the code and language.
+   * It uses:
+   *  - The language (in uppercase)
+   *  - The number of non-empty lines in the code
+   *  - The first non-empty line of code (truncated to 30 characters, if needed)
+   *
+   * returns A descriptive analytics name.
+   */
+  /*private createHumanFriendlyAnalyticsName(code: string, language: string): string {
+      // Count non-empty lines
+      const lines = code.split('\n').filter(line => line.trim() !== '').length;
+      
+      // Find the first non-empty line and trim it
+      let firstNonEmptyLine = code.split('\n').find(line => line.trim() !== '');
+      firstNonEmptyLine = firstNonEmptyLine ? firstNonEmptyLine.trim() : '';
+  
+      // Truncate the snippet if it’s too long
+      if (firstNonEmptyLine.length > 30) {
+        firstNonEmptyLine = firstNonEmptyLine.substring(0, 30) + '...';
+      }
+  
+      return `CodeBlock:${language.toLowerCase()}|${lines}-line(s)|${firstNonEmptyLine.toLowerCase()}`;
+    }*/
+  /**
+   * Returns the syntax-highlighted HTML for the code.
+   * If the provided language is supported by Prism, this method returns the highlighted code.
+   * Otherwise, it logs a warning and returns the raw code.
+   *
+   * @private
+   * @returns {string} The highlighted HTML string for the code block.
+   */
+  getHighlightedCode() {
+    return this.language && X.languages[this.language] ? X.highlight(this.code, X.languages[this.language], this.language) : this.code;
   }
   render() {
-    const n = this.button({
-      intent: this.intent,
-      loading: this.loading,
-      iconPos: this.iconPos,
-      size: this.size,
-      pill: this.pill,
-      iconOnly: !this.label,
-      iconSmall: this.iconSmall
-    }), e = this.elementType;
-    return i(e, { key: "ecdd901c70578c07ef094aadbcd287588d4ba705", "aria-label": this.label || this.ariaLabel || void 0, "aria-disabled": this.elementType === "button" ? this.disabled : void 0, disabled: this.elementType === "button" ? this.disabled : void 0, class: `${n || ""} ${this.extraClass || ""}`, onClick: (r) => this.handleClick(r) }, this.label && i("span", { key: "af8d0ca1c5c3e54f9db3066931a69d3a5a812666", class: this.loading ? "opacity-0" : "" }, this.label), this.loading && i("span", { key: "29b72c15e80f46e023f829568f58d8a8dca82b78", class: "absolute inset-0 flex items-center justify-center" }, i("span", { key: "bad8bd059b1312ca3f5ab173b1203eb395e9bbd8", class: "loader", style: {
-      border: `3px solid ${this.intent === "secondary" ? "rgba(255, 255, 255, .3)" : "rgba(0, 0, 0, .3)"}`,
-      borderBottomColor: this.intent === "secondary" ? "#fff" : "#000"
-    } })), this.icon ? i("eds-icon-wrapper", { class: `
-              flex inline-flex items-center justify-center
-              ${this.size === "large" ? "h-24 w-24" : "h-20 w-20"}
-            `, icon: this.icon }) : null);
+    return i("div", { key: "3cfaec27c58d05868313150f1a358ff64c8eafbd", class: "relative bg-stronger rounded-sm" }, i("div", { key: "ed91821385f30305348750dbfffec5fdd7b4dbb8", class: "text-inverse flex justify-between items-center p-8" }, this.language ? i("span", { class: "f-ui-03" }, this.language.toUpperCase()) : i("pre", { class: "bg-stronger pl-8", role: "region", "aria-label": "Code block without language" }, i("code", { innerHTML: this.getHighlightedCode() })), i("span", { key: "3e419585214883c878a8e84c440dbd29d590002d", "aria-hidden": "true", class: "w-20 h-20 mt-8" }, i("eds-icon-wrapper", { key: "051fa9c714d5c077d5d96ec9b92f8a744ec123bc", icon: this.copied ? "success" : "copy", onClick: () => this.copyToClipboard() })), i("span", { key: "707950ce89cb0c24b1afac42a8801d13659b6bab", class: "sr-only" }, "Copy Code")), this.language && i("pre", { key: "59923dd4c16cfecafffa2edaaac5ef7579c3f128", class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, i("code", { key: "8c708992c04029d71685ad8922383ecdda05ac3c", innerHTML: this.getHighlightedCode() })));
   }
   get el() {
-    return g(this);
+    return y(this);
   }
 };
-D.style = H;
-const q = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}", R = q, B = class {
+Mn.style = qn;
+const Un = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}", Vn = Un, Gn = class {
   constructor(n) {
-    d(this, n), this.dropdown = h(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
+    p(this, n), this.dropdown = w(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
       var e;
-      this.isOpen = !this.isOpen, this.isOpen ? (this.focusIndex = 0, this.focusItem()) : this.closeDropdown(), this.dropdown.emit({ expanded: this.isOpen }), f({
+      this.isOpen = !this.isOpen, this.isOpen ? (this.focusIndex = 0, this.focusItem()) : this.closeDropdown(), this.dropdown.emit({ expanded: this.isOpen }), I({
         category: "ui-component",
         parentContext: null,
         tag: this.host.tagName.toLowerCase(),
@@ -1379,118 +3400,132 @@ const q = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-sh
    * @returns {JSX.Element} The rendered dropdown component.
    */
   render() {
-    return i("div", { key: "14f31163cc0fb25c3d531632ae36e01d8759567d", class: "z-focus relative", ref: (n) => this.dropdownContent = n }, i("eds-button", { key: "748413032b87b13290743f5bb9822cb84c1d0cf9", label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), i("nav", { key: "1a8f28c02b0782569228f75e030483439374baed", role: "menu", class: {
+    return i("div", { key: "31e8b1fd4e146cbcad4d74bd78dff1cd1e1950bd", class: "z-focus relative", ref: (n) => this.dropdownContent = n }, i("eds-button", { key: "7021a0b0ff66780a324d7d9d1f6cff250ab64178", label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), i("nav", { key: "904fd2a7f727a8b3966eab6cf9ebdb0efa474ae0", role: "menu", class: {
       "shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8": !0,
       "left-4": this.dropdownPos === "left" && this.dropdownOffset,
       "left-0": this.dropdownPos === "left" && !this.dropdownOffset,
       "right-4": this.dropdownPos === "right" && this.dropdownOffset,
       "right-0": this.dropdownPos === "right" && !this.dropdownOffset,
       "rounded-lg": this.rounded
-    }, style: { display: this.isOpen ? "block" : "none" }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, i("slot", { key: "31189866f6e1779a5fd5e1b8f3c33d8a0074410b" })));
+    }, style: { display: this.isOpen ? "block" : "none" }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, i("slot", { key: "b416621930c7117775fef2ee91bdca0f660302f5" })));
   }
   get host() {
-    return g(this);
+    return y(this);
   }
 };
-B.style = R;
-function p(n, e, r, t, l, o, a) {
-  const s = [];
-  if (t && !e) {
-    const c = n.length > 30 ? `${n.slice(0, 27)}…` : n;
-    s.push(`“${c}” is required.`);
-  }
-  if (r === "number") {
-    const c = typeof e == "number" ? e : parseFloat(e);
-    isNaN(c) ? s.push(`${n} must be a valid number.`) : (typeof o == "number" && c < o && s.push(`${n} must be greater than or equal to ${o}.`), typeof a == "number" && c > a && s.push(`${n} must be less than or equal to ${a}.`));
-  }
-  return l && typeof e == "string" && e.length > l && s.push(`${n} must be at most ${l} characters.`), r === "email" && e && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.toString()) && s.push("Invalid email format."), s;
-}
-function v(n, e, r) {
-  const o = Array.from(r.querySelectorAll("eds-input-field")).filter((s) => {
-    var c, b;
-    return ((b = (c = s.shadowRoot) === null || c === void 0 ? void 0 : c.querySelectorAll(`input[name="${n}"]`)) === null || b === void 0 ? void 0 : b.length) > 0;
-  }).flatMap((s) => {
-    var c;
-    return Array.from(((c = s.shadowRoot) === null || c === void 0 ? void 0 : c.querySelectorAll(`input[name="${n}"]`)) || []);
-  }).some((s) => s.checked), a = [];
-  return e && !o && a.push(`At least one option in ${n} is required.`), a;
-}
-function w(n, e, r) {
-  var t;
-  const l = [], o = Array.from(r.querySelectorAll("eds-input-field")).find((s) => {
-    var c;
-    return (c = s.shadowRoot) === null || c === void 0 ? void 0 : c.querySelector(`[name="${n}"]`);
+Gn.style = Vn;
+function K(n, e, t, r, l, s, c) {
+  const d = [];
+  if (r && !e) {
+    const b = n.length > 30 ? `${n.slice(0, 27)}…` : n;
+    d.push(`“${b}” is required.`);
+  }
+  if (t === "number") {
+    const b = typeof e == "number" ? e : parseFloat(e);
+    isNaN(b) ? d.push(`${n} must be a valid number.`) : (typeof s == "number" && b < s && d.push(`${n} must be greater than or equal to ${s}.`), typeof c == "number" && b > c && d.push(`${n} must be less than or equal to ${c}.`));
+  }
+  return l && typeof e == "string" && e.length > l && d.push(`${n} must be at most ${l} characters.`), t === "email" && e && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.toString()) && d.push("Invalid email format."), d;
+}
+function on(n, e, t) {
+  const s = Array.from(t.querySelectorAll("eds-input-field")).filter((d) => {
+    var b, S;
+    return ((S = (b = d.shadowRoot) === null || b === void 0 ? void 0 : b.querySelectorAll(`input[name="${n}"]`)) === null || S === void 0 ? void 0 : S.length) > 0;
+  }).flatMap((d) => {
+    var b;
+    return Array.from(((b = d.shadowRoot) === null || b === void 0 ? void 0 : b.querySelectorAll(`input[name="${n}"]`)) || []);
+  }).some((d) => d.checked), c = [];
+  return e && !s && c.push(`At least one option in ${n} is required.`), c;
+}
+function an(n, e, t) {
+  var r;
+  const l = [], s = Array.from(t.querySelectorAll("eds-input-field")).find((d) => {
+    var b;
+    return (b = d.shadowRoot) === null || b === void 0 ? void 0 : b.querySelector(`[name="${n}"]`);
   });
-  if (!o)
+  if (!s)
     return e && l.push(`${n} is required.`), l;
-  const a = (t = o.shadowRoot) === null || t === void 0 ? void 0 : t.querySelector(`[name="${n}"]`);
-  return e && a && !a.checked && l.push(`${n} is required.`), l;
-}
-function N(n, e) {
-  const r = Array.from(n.querySelectorAll("eds-input-field"));
-  for (const t of r)
-    if (t.shadowRoot) {
-      const l = t.shadowRoot.querySelector(`[name="${e}"]`);
+  const c = (r = s.shadowRoot) === null || r === void 0 ? void 0 : r.querySelector(`[name="${n}"]`);
+  return e && c && !c.checked && l.push(`${n} is required.`), l;
+}
+function Yn(n, e) {
+  const t = Array.from(n.querySelectorAll("eds-input-field"));
+  for (const r of t)
+    if (r.shadowRoot) {
+      const l = r.shadowRoot.querySelector(`[name="${e}"]`);
       if (l)
         return l;
     }
   return null;
 }
-function M(n) {
+function Xn(n) {
   const e = Array.from(n.querySelectorAll("eds-rating"));
-  for (const r of e)
-    return r;
+  for (const t of e)
+    return t;
+  return null;
+}
+function Kn(n) {
+  const e = Array.from(n.querySelectorAll("eds-nps"));
+  for (const t of e)
+    return t;
   return null;
 }
-function V(n, e, r, t) {
+function Zn(n, e, t, r) {
   const l = {};
-  let o = !1;
-  return n.forEach((a) => {
-    if (!t(a, r)) {
-      delete l[a.name];
+  let s = !1;
+  return n.forEach((c) => {
+    var d;
+    if (!r(c, t)) {
+      delete l[c.name];
       return;
     }
-    if (a.type !== "hidden")
-      if ((a.type === "checkbox" || a.type === "radio") && !a.options) {
-        const s = w(a.name, a.required, e);
-        s.length > 0 && (l[a.name] = s, o = !0);
-      } else if (a.options && (a.type === "checkbox" || a.type === "radio")) {
-        const s = v(a.name, a.required, e);
-        s.length > 0 && (l[a.name] = s, o = !0);
-      } else if (a.type === "rating") {
-        const s = M(e);
-        if (s) {
-          const c = s.getAttribute("selected-rating"), b = c !== null ? parseInt(c, 10) : 0, u = p(a.name, b, a.type, a.required);
-          u.length > 0 && (l[a.name] = u, o = !0);
+    if (c.type !== "hidden")
+      if ((c.type === "checkbox" || c.type === "radio") && !c.options) {
+        const b = an(c.name, c.required, e);
+        b.length > 0 && (l[c.name] = b, s = !0);
+      } else if (c.options && (c.type === "checkbox" || c.type === "radio")) {
+        const b = on(c.name, c.required, e);
+        b.length > 0 && (l[c.name] = b, s = !0);
+      } else if (c.type === "rating") {
+        const b = Xn(e);
+        if (b) {
+          const S = b.getAttribute("selected-rating"), A = S !== null ? parseInt(S, 10) : 0, _ = K(c.name, A, c.type, c.required);
+          _.length > 0 && (l[c.name] = _, s = !0);
         }
+      } else if (c.type === "nps") {
+        const b = Kn(e);
+        if (b && b.shadowRoot) {
+          const S = (d = b.shadowRoot.querySelector('eds-button[tabindex="0"]')) === null || d === void 0 ? void 0 : d.getAttribute("aria-label"), A = S !== null ? parseInt(S, 10) : NaN, _ = Number.isInteger(A) && A >= 0 && A <= 10 ? A : NaN;
+          isNaN(_) && c.required && (l[c.name] = ["This field is required."], s = !0);
+        } else c.required && (l[c.name] = ["This field is required."], s = !0);
+        return;
       } else {
-        const s = N(e, a.name);
-        if (s) {
-          const c = s.value, b = p(a.name, c, a.type, a.required, a.maxlength, a.min, a.max);
-          b.length > 0 && (l[a.name] = b, o = !0);
+        const b = Yn(e, c.name);
+        if (b) {
+          const S = b.value, A = K(c.name, S, c.type, c.required, c.maxlength, c.min, c.max);
+          A.length > 0 && (l[c.name] = A, s = !0);
         }
       }
-  }), { errors: l, hasError: o };
+  }), { errors: l, hasError: s };
 }
-function U(n, e, r) {
-  return n.type === "checkbox" || n.type === "radio" ? n.options ? v(n.name, n.required, r) : w(n.name, n.required, r) : p(n.name, e, n.type, n.required, n.maxlength, n.min, n.max);
+function Jn(n, e, t) {
+  return n.type === "checkbox" || n.type === "radio" ? n.options ? on(n.name, n.required, t) : an(n.name, n.required, t) : K(n.name, e, n.type, n.required, n.maxlength, n.min, n.max);
 }
-function Y({
+function Qn({
   initData: n,
   parsedFields: e,
-  currentValues: r
+  currentValues: t
   //formEl,
   //isFieldVisible
 }) {
-  const t = Object.assign({}, r);
+  const r = Object.assign({}, t);
   return e.forEach((l) => {
-    const o = n[l.name];
-    o !== void 0 && (t[l.name] = o);
-  }), { updatedValues: t };
+    const s = n[l.name];
+    s !== void 0 && (r[l.name] = s);
+  }), { updatedValues: r };
 }
-const X = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.flex{display:flex}.flex-col{flex-direction:column}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-01 b,.f-body-01 strong{font-weight:var(--f-body-01---bold-weight, bold)}.f-body-02 b,.f-body-02 strong{font-weight:var(--f-body-02---bold-weight, bold)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.rounded-sm{border-radius:8px}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-2{border-width:2px}.mt-20{margin-top:1.25rem}.mt-32{margin-top:2rem}.mb-32{margin-bottom:2rem}.pt-28{padding-top:1.75rem}.pl-8{padding-left:0.5rem}.pl-16{padding-left:1rem}.border-l-2{border-left-width:2px}.gap-y-8{row-gap:0.5rem}.gap-y-16{row-gap:1rem}.gap-y-24{row-gap:1.5rem}.border-group{border-left:1px solid var(--soft-color, #ddd);padding-left:1rem}", G = X, J = class {
+const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.flex{display:flex}.flex-col{flex-direction:column}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-body-01 b,.f-body-01 strong{font-weight:var(--f-body-01---bold-weight, bold)}.f-body-02 b,.f-body-02 strong{font-weight:var(--f-body-02---bold-weight, bold)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.rounded-sm{border-radius:8px}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-2{border-width:2px}.mt-20{margin-top:1.25rem}.mt-32{margin-top:2rem}.mb-32{margin-bottom:2rem}.pt-28{padding-top:1.75rem}.pl-8{padding-left:0.5rem}.pl-16{padding-left:1rem}.border-l-2{border-left-width:2px}.gap-y-8{row-gap:0.5rem}.gap-y-16{row-gap:1rem}.gap-y-24{row-gap:1.5rem}.border-group{border-left:1px solid var(--soft-color, #ddd);padding-left:1rem}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.shadow-hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.relative{position:relative}.rounded-lg{border-radius:16px}.px-16{padding-left:1rem;padding-right:1rem}.pb-16{padding-bottom:1rem}.p-32{padding:2rem}", ee = ne, te = class {
   constructor(n) {
-    d(this, n), this.form = h(this, "form", 7), this.name = "eds-form", this.setFormUrl = !0, this.formBtn = !0, this.formBtnLabel = "Submit", this.errorMessage = "Some fields in your form are incorrect.", this.fields = [], this.groups = [], this.initData = {}, this.values = {}, this.isSubmitting = !1, this.hasError = !1, this.errors = {}, this.parsedFields = [], this.parsedGroups = [];
+    p(this, n), this.form = w(this, "form", 7), this.name = "eds-form", this.title = void 0, this.description = void 0, this.setFormUrl = !0, this.formBtn = !0, this.formBtnLabel = "Submit", this.buttonIntent = "primary", this.errorMessage = "Some fields in your form are incorrect.", this.fields = [], this.groups = [], this.initData = {}, this.formStyle = "default", this.values = {}, this.isSubmitting = !1, this.hasError = !1, this.errors = {}, this.parsedFields = [], this.parsedGroups = [];
   }
   async setData(n) {
     this.populateFormWithInitData(n);
@@ -1507,10 +3542,10 @@ const X = ".container{width:calc(var(--container-width, 100%) - (2 * var(--break
     return !!this.initData;
   }
   parseFields(n) {
-    this.parsedFields = x(n);
+    this.parsedFields = R(n);
   }
   parseGroups(n) {
-    this.parsedGroups = x(n);
+    this.parsedGroups = R(n);
   }
   emitContext(n) {
     const e = new CustomEvent("parentContext", {
@@ -1524,39 +3559,39 @@ const X = ".container{width:calc(var(--container-width, 100%) - (2 * var(--break
   isFieldVisible(n) {
     if (!n.condition)
       return !0;
-    const e = this.values[n.condition.field], r = n.condition.value;
-    return String(e) === String(r);
+    const e = this.values[n.condition.field], t = n.condition.value;
+    return String(e) === String(t);
   }
   validateForm() {
-    const { errors: n, hasError: e } = V(this.parsedFields, this.formEl, this.values, (r, t) => r.condition ? t[r.condition.field] === r.condition.value : !0);
+    const { errors: n, hasError: e } = Zn(this.parsedFields, this.formEl, this.values, (t, r) => t.condition ? r[t.condition.field] === t.condition.value : !0);
     this.errors = n, this.hasError = e;
   }
   populateFormWithInitData(n) {
-    const { updatedValues: e } = Y({
+    const { updatedValues: e } = Qn({
       initData: n,
       parsedFields: this.parsedFields,
       currentValues: this.values,
       formEl: this.formEl,
-      isFieldVisible: (r, t) => r.condition ? t[r.condition.field] === r.condition.value : !0
+      isFieldVisible: (t, r) => t.condition ? r[t.condition.field] === t.condition.value : !0
     });
     this.values = e;
   }
   getFormData() {
     const n = new FormData();
-    return n.append("form_name", this.name), this.setFormUrl && typeof window < "u" && n.set("form_url", window.location.href), Array.from(this.formEl.querySelectorAll("eds-input-field")).forEach((r) => {
-      if (r.shadowRoot) {
-        const t = r.shadowRoot.querySelector("input, textarea, select");
-        if (t && t.name)
-          if (t.type === "checkbox" || t.type === "radio") {
-            const o = Array.from(r.shadowRoot.querySelectorAll(`input[name="${t.name}"]:checked`)).map((a) => a.value);
-            n.append(t.name, o.join(","));
-          } else if (t.type === "file") {
-            const l = t;
-            l.files && l.files.length > 0 && Array.from(l.files).forEach((o) => {
-              n.append(l.name, o);
+    return n.append("form_name", this.name), this.setFormUrl && typeof window < "u" && n.set("form_url", window.location.href), Array.from(this.formEl.querySelectorAll("eds-input-field")).forEach((t) => {
+      if (t.shadowRoot) {
+        const r = t.shadowRoot.querySelector("input, textarea, select");
+        if (r && r.name)
+          if (r.type === "checkbox" || r.type === "radio") {
+            const s = Array.from(t.shadowRoot.querySelectorAll(`input[name="${r.name}"]:checked`)).map((c) => c.value);
+            n.append(r.name, s.join(","));
+          } else if (r.type === "file") {
+            const l = r;
+            l.files && l.files.length > 0 && Array.from(l.files).forEach((s) => {
+              n.append(l.name, s);
             });
           } else
-            n.append(t.name, t.value);
+            n.append(r.name, r.value);
       }
     }), n;
   }
@@ -1567,46 +3602,57 @@ const X = ".container{width:calc(var(--container-width, 100%) - (2 * var(--break
     }), n;
   }
   handleChange(n, e) {
-    const r = n.target;
-    let t = r.value;
-    if (r.type === "checkbox") {
+    const t = n.target;
+    let r = t.value;
+    if (t.type === "checkbox") {
       const l = this.values[e.name] || "";
-      let o = l ? l.split(",") : [];
-      r.checked ? o.includes(r.value) || o.push(r.value) : o = o.filter((a) => a !== r.value), t = o.join(",");
-    } else if (r.type === "radio") {
-      if (!r.checked)
+      let s = l ? l.split(",") : [];
+      t.checked ? s.includes(t.value) || s.push(t.value) : s = s.filter((c) => c !== t.value), r = s.join(",");
+    } else if (t.type === "radio") {
+      if (!t.checked)
         return;
-      t = r.value;
+      r = t.value;
     }
-    this.values = Object.assign(Object.assign({}, this.values), { [e.name]: t }), e.name !== "password" && this.form.emit({
+    this.values = Object.assign(Object.assign({}, this.values), { [e.name]: r }), e.name !== "password" && this.form.emit({
       event: "change",
       field: e.name,
-      value: t,
+      value: r,
       message: `${e.name} updated`
       //data: this.makeFormData()
     });
   }
   handleInput(n, e) {
-    const r = n.target;
-    if (r.type === "radio" && !r.checked)
+    const t = n.target;
+    if (t.type === "radio" && !t.checked)
       return;
-    const t = r.value, l = Object.assign({}, this.errors), o = U(e, r.value, this.formEl);
-    o.length > 0 ? l[e.name] = o : delete l[e.name], this.errors = l, this.hasError = Object.keys(l).length > 0, this.form.emit({
+    const r = t.value, l = Object.assign({}, this.errors), s = Jn(e, t.value, this.formEl);
+    s.length > 0 ? l[e.name] = s : delete l[e.name], this.errors = l, this.hasError = Object.keys(l).length > 0, this.form.emit({
       event: "input",
       field: e.name,
-      value: t,
+      value: r,
       message: `${e.name} updated`
       //data: this.makeFormData()
     });
   }
   handleRating(n, e) {
-    const r = n.detail;
-    this.values = Object.assign(Object.assign({}, this.values), { [e.name]: r });
-    const t = Object.assign({}, this.errors);
-    e.required && r === 0 ? t[e.name] = ["This field is required"] : delete t[e.name], this.errors = t, this.hasError = Object.keys(t).length > 0, this.form.emit({
+    const t = n.detail;
+    this.values = Object.assign(Object.assign({}, this.values), { [e.name]: t });
+    const r = Object.assign({}, this.errors);
+    e.required && t === 0 ? r[e.name] = ["This field is required"] : delete r[e.name], this.errors = r, this.hasError = Object.keys(r).length > 0, this.form.emit({
       event: "change",
       field: e.name,
-      value: r,
+      value: t,
+      message: `${e.name} updated`
+    });
+  }
+  handleNPS(n, e) {
+    const t = n.detail;
+    this.values = Object.assign(Object.assign({}, this.values), { [e.name]: t });
+    const r = Object.assign({}, this.errors);
+    e.required && t === null ? r[e.name] = ["This field is required"] : delete r[e.name], this.errors = r, this.hasError = Object.keys(r).length > 0, this.form.emit({
+      event: "change",
+      field: e.name,
+      value: t,
       message: `${e.name} updated`
     });
   }
@@ -1620,7 +3666,7 @@ const X = ".container{width:calc(var(--container-width, 100%) - (2 * var(--break
           success: !1,
           message: this.errorMessage
           //data: this.makeFormData()
-        }), f({
+        }), I({
           category: "ui-component",
           parentContext: null,
           tag: this.el.tagName.toLowerCase(),
@@ -1635,7 +3681,7 @@ const X = ".container{width:calc(var(--container-width, 100%) - (2 * var(--break
         validated: !0,
         message: "Form data validated successfully"
         //data: this.getFormData()
-      }), f({
+      }), I({
         category: "ui-component",
         parentContext: null,
         tag: this.el.tagName.toLowerCase(),
@@ -1647,29 +3693,32 @@ const X = ".container{width:calc(var(--container-width, 100%) - (2 * var(--break
   get groupedFields() {
     const n = {};
     return this.parsedGroups.forEach((e) => n[e.id] = []), n.__ungrouped = [], this.parsedFields.forEach((e) => {
-      const r = e.groupId || "__ungrouped";
-      n[r] || (n[r] = []), n[r].push(e);
+      if (!this.isFieldVisible(e))
+        return;
+      const t = e.groupId || "__ungrouped";
+      n[t] || (n[t] = []), n[t].push(e);
     }), n;
   }
   renderField(n) {
-    var e, r;
+    var e, t, r;
     if (!this.isFieldVisible(n))
       return null;
     if (n.type === "rating") {
-      const t = this.values[n.name] || 0;
-      return i("div", { class: "form-group rating-field", key: n.name }, i("div", { class: "flex justify-between" }, n && i("eds-input-label", { name: `rating-${n.name}`, label: n.label, disabled: n.disabled, required: n.required })), i("eds-rating", { id: `rating-${n.name}`, "rating-type": n.ratingType, "rating-count": n.ratingCount, "selected-rating": t, onRating: (l) => this.handleRating(l, n) }), i("div", { class: "mt-6" }, i("eds-input-footer", { id: `${n.name}-footer`, name: n.name, message: n.message, "error-message": (e = this.errors[n.name]) === null || e === void 0 ? void 0 : e.join("<br/>"), error: !!this.errors[n.name], link: n.link })));
-    }
-    return i("eds-input-field", { key: n.name, name: n.name, label: n.label, placeholder: n.placeholder, type: n.type, value: this.values[n.name], required: n.required, hint: n.hint, message: n.message, error: !!this.errors[n.name], errorMessage: (r = this.errors[n.name]) === null || r === void 0 ? void 0 : r.join("<br/>"), options: n.options, onInput: (t) => this.handleInput(t, n), onChangeNative: (t) => this.handleChange(t, n) });
+      const l = this.values[n.name] || 0;
+      return i("div", { class: "form-group rating-field", key: n.name }, i("div", { class: "flex justify-between" }, n && i("eds-input-label", { name: `rating-${n.name}`, label: n.label, disabled: n.disabled, required: n.required })), i("eds-rating", { id: `rating-${n.name}`, "rating-type": n.ratingType, "rating-count": n.ratingCount, "selected-rating": l, onRating: (s) => this.handleRating(s, n) }), i("div", { class: "mt-6" }, i("eds-input-footer", { id: `${n.name}-footer`, name: n.name, message: n.message, "error-message": (e = this.errors[n.name]) === null || e === void 0 ? void 0 : e.join("<br/>"), error: !!this.errors[n.name], link: n.link })));
+    } else if (n.type === "nps")
+      return i("div", { class: "form-group nps-field", key: n.name }, i("div", { class: "flex justify-between" }, n && i("eds-input-label", { name: `nps-${n.name}`, label: n.question, disabled: n.disabled, required: n.required })), i("eds-nps", { id: `nps-${n.name}`, "right-label": n.rightLabel, "left-label": n.leftLabel, onNps: (l) => this.handleNPS(l, n) }), i("div", { class: "mt-6" }, i("eds-input-footer", { id: `${n.name}-footer`, name: n.name, "error-message": (t = this.errors[n.name]) === null || t === void 0 ? void 0 : t.join("<br/>"), error: !!this.errors[n.name] })));
+    return i("eds-input-field", { key: n.name, name: n.name, label: n.label, placeholder: n.placeholder, type: n.type, value: this.values[n.name], required: n.required, hint: n.hint, message: n.message, error: !!this.errors[n.name], errorMessage: (r = this.errors[n.name]) === null || r === void 0 ? void 0 : r.join("<br/>"), options: n.options, onInput: (l) => this.handleInput(l, n), onChangeNative: (l) => this.handleChange(l, n) });
   }
   async getData() {
     return this.makeFormData();
   }
   render() {
-    const n = this.parsedFields.filter((r) => r.type === "hidden"), e = this.groupedFields;
-    return i("form", { key: "65b3611bfc26512d594c3f4657bcba93f4e54ec9", ref: (r) => this.formEl = r, autocomplete: "on", onSubmit: this.handleSubmit }, i("div", { key: "24c77c04b83d458528fbb4423f2d1a0f0e7e65e3" }, i("slot", { key: "13cdf29e9da20c91d3fa38ced5f0843046cfeefb" }), n.map((r, t) => i("eds-input", { key: t, type: "hidden", name: r.name, value: r.value })), this.parsedGroups.filter((r) => Array.isArray(e[r.id]) && e[r.id].length > 0).map((r) => i("div", { class: "container mt-20", key: r.id }, i("span", { class: "f-body-02" }, i("b", null, r.title)), i("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, e[r.id].map((t) => this.renderField(t))))), i("div", { key: "99706c326e6e18a1099fef82e78a4ea383338fb4", class: "flex flex-col mt-20 gap-y-24" }, e.__ungrouped.map((r) => this.renderField(r)))), this.formBtn && i("div", { key: "6e66e2f87c18022d729fcea33e4db6bc2a173392", class: "mt-32" }, i("eds-button", { key: "a94a3e027f58c5276bec7e612987e738d74e7d1c", intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })));
+    const n = this.parsedFields.filter((r) => r.type === "hidden"), e = this.groupedFields, t = this.formStyle === "shadow" ? "bg-inverse effect-shadow shadow-hover border-softer relative rounded-lg border-2 p-32" : "";
+    return i("form", { key: "ecf49eb81f18b444d059d3bdea4600f4ae594ea9", class: t, ref: (r) => this.formEl = r, autocomplete: "on", onSubmit: this.handleSubmit }, i("div", { key: "65137fb770f274431c7906326cdf49e0fee73b18", class: "flex flex-col gap-y-24" }, this.title && i("span", { key: "e4c5b4a7883c4569a657cc234f18f995480ec8df", role: "heading", class: "f-heading-04" }, this.title), this.description && i("span", { key: "65528e4600127f1cff4ce0e5be6f8a6bddc4c864", class: "f-body-02 text-light" }, this.description), i("slot", { key: "6230035a050386763723c2b60bd5e81b912762d7" })), n.map((r, l) => i("eds-input", { key: l, type: "hidden", name: r.name, value: r.value })), this.parsedGroups.filter((r) => Array.isArray(e[r.id]) && e[r.id].length > 0).map((r) => i("div", { class: "container mt-32", key: r.id }, i("span", { class: "f-body-02" }, i("b", null, r.title)), i("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, e[r.id].map((l) => this.renderField(l))))), i("div", { key: "8116d30248f8461a842365470da9915200531028", class: "flex flex-col mt-32 gap-y-24" }, e.__ungrouped.map((r) => this.renderField(r))), this.formBtn && i("div", { key: "e2f1d3ca6a9f6a3b44c45e576150505c49e41dd1", class: "mt-32" }, i("eds-button", { key: "e312bf08b5db526c00497fafaa9476a225919aaf", intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })));
   }
   get el() {
-    return g(this);
+    return y(this);
   }
   static get watchers() {
     return {
@@ -1678,10 +3727,10 @@ const X = ".container{width:calc(var(--container-width, 100%) - (2 * var(--break
     };
   }
 };
-J.style = G;
-const Q = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-10{z-index:10}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hidden{display:none}.gap-x-2{-moz-column-gap:0.125rem;column-gap:0.125rem}.after\\:effect-opacity::after{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.whitespace-nowrap{white-space:nowrap}.\\!text-current{color:currentColor !important}.overflow-hidden{overflow:hidden}.after\\:\\!border-transparent::after{border-color:var(--transparent) !important}.hover\\:after\\:\\!border-transparent:hover::after{border-color:var(--transparent) !important}.after\\:opacity-0::after{opacity:0}.hover\\:after\\:opacity-100:hover::after{opacity:1}.px-16{padding-left:1rem;padding-right:1rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}}", K = Q, Z = class {
+te.style = ee;
+const ie = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-10{z-index:10}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hidden{display:none}.gap-x-2{-moz-column-gap:0.125rem;column-gap:0.125rem}.after\\:effect-opacity::after{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.whitespace-nowrap{white-space:nowrap}.\\!text-current{color:currentColor !important}.overflow-hidden{overflow:hidden}.after\\:\\!border-transparent::after{border-color:var(--transparent) !important}.hover\\:after\\:\\!border-transparent:hover::after{border-color:var(--transparent) !important}.after\\:opacity-0::after{opacity:0}.hover\\:after\\:opacity-100:hover::after{opacity:1}.px-16{padding-left:1rem;padding-right:1rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}}", re = ie, le = class {
   constructor(n) {
-    d(this, n), this.toggleheadermenu = h(this, "toggleheadermenu", 7), this.homeUrl = "/", this.links = void 0, this.headerVariant = "default", this.menuEnabled = !1, this.isMenuOpen = !1, this.isUserMenuOpen = !1, this.isAuthenticated = !1;
+    p(this, n), this.toggleheadermenu = w(this, "toggleheadermenu", 7), this.homeUrl = "/", this.links = void 0, this.headerVariant = "default", this.menuEnabled = !1, this.isMenuOpen = !1, this.isUserMenuOpen = !1, this.isAuthenticated = !1;
   }
   onAuthStatusChanged(n) {
     var e;
@@ -1703,24 +3752,24 @@ const Q = ".block{display:block}.inline-block{display:inline-block}.inline{displ
     this.isUserMenuOpen = !this.isUserMenuOpen;
   }
   get parsedLinks() {
-    return x(this.links);
+    return R(this.links);
   }
   render() {
     const n = {
       default: "text-default bg-dark",
       inverse: "text-default bg-inverse",
       strong: "text-inverse bg-strongest"
-    }, e = n[this.headerVariant] || n.default, r = this.headerVariant === "strong" ? "color-white" : "color";
-    return i("header", { key: "aac532eed29a3d4b310ea2550521c95d562d0ece", class: `flex items-center justify-between relative z-10 ${e}` }, i("div", { key: "8794699aa3401c267aacb95959acd57f9ceea3f5", class: "mr-auto w-[200px] h-[85px]" }, i("eds-logo", { key: "490fae1495ecd2b801b24d068c7a2b446ed8741a", type: r, href: this.homeUrl })), this.parsedLinks && i("nav", { key: "3e109d13e8ae8b911511f7cd067ffc193735121a", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, i("ul", { key: "87d2e7e9e1d8cafeac2a38b709f77c6bfe83a96d", class: "flex gap-x-2" }, this.parsedLinks.map((t) => i("eds-link", { label: t.label, "aria-label": t.label, url: t.url, intent: "ghost", size: "large", icon: t.icon, external: t.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))), i("slot", { key: "c61e952aeb210ec0f1df85dcd165a4af9bee2d35" }), this.menuEnabled && i("div", { key: "6838e9ee79eca023c58236d817524f1f0a0b60a5", class: "md:hidden flex overflow-hidden px-16" }, i("eds-button", { key: "1b5e7090df7021a145914a77c8bc7388a3218465", "aria-label": "Menu", intent: this.headerVariant === "default" ? "ghost" : "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })));
+    }, e = n[this.headerVariant] || n.default, t = this.headerVariant === "strong" ? "color-white" : "color";
+    return i("header", { key: "a0f5bb7d9e850e9414db804019674d6bcbc8ea0b", class: `flex items-center justify-between relative z-10 ${e}` }, i("div", { key: "678d5b1583e6fa47c0eac8ce734e8ec34cd76ad9", class: "mr-auto w-[200px] h-[85px]" }, i("eds-logo", { key: "12ce9c42b266bbddfd75d2a8f0097708480a2490", type: t, href: this.homeUrl })), this.parsedLinks && i("nav", { key: "eb388b679d4e268dc7fc011bc2a6406a619287c8", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, i("ul", { key: "c3f8689bb257166c50dd678287c8ad4f54eb315a", class: "flex gap-x-2" }, this.parsedLinks.map((r) => i("eds-link", { label: r.label, "aria-label": r.label, url: r.url, intent: "ghost", size: "large", icon: r.icon, external: r.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))), i("slot", { key: "3f689a811a60052393a795937a908cf7d0604cc6" }), this.menuEnabled && i("div", { key: "506b953b455b72085d83bdaafc6855992075ddbe", class: "md:hidden flex overflow-hidden px-16" }, i("eds-button", { key: "5b526affd813549a6142efab255d6486a5e2dd66", "aria-label": "Menu", intent: this.headerVariant === "default" ? "ghost" : "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })));
   }
   get hostEl() {
-    return g(this);
+    return y(this);
   }
 };
-Z.style = K;
-const ee = class {
+le.style = re;
+const xt = class {
   constructor(n) {
-    d(this, n), this.TagName = null, this.icon = "arrow-right", this.class = "", this.IconComponent = null;
+    p(this, n), this.TagName = null, this.icon = "arrow-right", this.class = "", this.IconComponent = null;
   }
   componentWillLoad() {
     this.loadIconComponent(this.icon);
@@ -1744,7 +3793,7 @@ const ee = class {
       icon: ["iconChanged"]
     };
   }
-}, nn = `/*
+}, oe = `/*
 1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14)
 2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
    This can trigger a poorly considered lint error in some tools but is included by design.
@@ -1826,9 +3875,9 @@ video {
 
 .opacity-100 {
     opacity: 1;
-}`, en = nn, rn = class {
+}`, ae = oe, se = class {
   constructor(n) {
-    d(this, n), this.img = null, this.handleLoad = () => {
+    p(this, n), this.img = null, this.handleLoad = () => {
       this.loaded = !0, this.showBg = !1;
     }, this.handleError = () => {
       this.loaded = !0, this.showBg = !1;
@@ -1841,25 +3890,25 @@ video {
   }
   render() {
     const n = {};
-    return this.lazyload && (n.loading = "lazy", n.decoding = "async"), i("div", { key: "d40662545cefe458d307c9877c4a8804c4fb7406", class: {
+    return this.lazyload && (n.loading = "lazy", n.decoding = "async"), i("div", { key: "fec0dcf2ec178a953f4ced8a71b037030983670d", class: {
       "items-center justify-center": !0,
       "effect-bg-pattern": this.lazyload && this.showBg
-    } }, i("picture", { key: "94c28d57611eec83eb7ed03620de4b2449dd665c" }, this.formats.map((e) => i("source", { type: e.type, srcSet: e.srcset, media: e.media, sizes: this.sizes })), i("img", Object.assign({ key: "d7b6e56937a19f558abb29bb1da2f04b945970c9", ref: (e) => this.img = e, class: {
+    } }, i("picture", { key: "0df010a6ed50519be0a2017bf12db7d1ab2fb208" }, this.formats.map((e) => i("source", { type: e.type, srcSet: e.srcset, media: e.media, sizes: this.sizes })), i("img", Object.assign({ key: "ea4275b2cc6be0cce5ab63f97d05454e3c4ee1dc", ref: (e) => this.img = e, class: {
       "effect-opacity object-cover object-center": !0,
       "opacity-100": this.loaded,
       "opacity-0": !this.loaded
     }, width: this.width, height: this.height, sizes: this.sizes, src: this.src, srcSet: this.srcset, alt: this.alt }, n, { onLoad: this.handleLoad, onError: this.handleError, onTransitionEnd: this.handleTransitionEnd }))));
   }
   get imgElement() {
-    return g(this);
+    return y(this);
   }
 };
-rn.style = en;
-const ie = class {
+se.style = ae;
+const yt = class {
   constructor(n) {
-    d(this, n), this.handleInput = (e) => {
-      const r = e.target;
-      this.innerVal = r.value, this.maxLength && this.type === "textarea" && (this.maxLengthReached = r.value.length >= this.maxLength);
+    p(this, n), this.handleInput = (e) => {
+      const t = e.target;
+      this.innerVal = t.value, this.maxLength && this.type === "textarea" && (this.maxLengthReached = t.value.length >= this.maxLength);
     }, this.name = void 0, this.inputId = void 0, this.placeholder = void 0, this.disabled = !1, this.hasMessage = !1, this.error = !1, this.checked = void 0, this.type = "text", this.required = !1, this.value = void 0, this.icon = void 0, this.maxLength = void 0, this.options = [], this.extraClass = void 0, this.min = void 0, this.max = void 0, this.step = void 0, this.innerVal = "", this.maxLengthReached = !1;
   }
   onValueChanged(n) {
@@ -1873,7 +3922,7 @@ const ie = class {
   }
   render() {
     const n = !!this.icon, e = this.hasMessage || this.error ? `${this.name}-error` : "";
-    return i("div", { key: "f48593b92f28da7f3ea3282ebd0db0f6767ee7b6", class: "relative flex items-center" }, this.type === "textarea" ? i("textarea", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, class: `min-h-80 input input-textarea ${n ? "input-with-icon" : ""} ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": e, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }) : this.type === "select" ? i("select", { id: this.inputId || this.name, name: this.name, required: this.required, disabled: this.disabled, class: `input input-select ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": e, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((r) => i("option", { value: r.value, selected: r.value === this.innerVal, key: r.value }, r.label))) : i("input", Object.assign({ id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ["radio", "checkbox"].includes(this.type) ? this.checked : void 0 }, this.type === "number" ? {
+    return i("div", { key: "0a6386205f78655569bf93960a4e2664563e4014", class: "relative flex items-center" }, this.type === "textarea" ? i("textarea", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, class: `min-h-80 input input-textarea ${n ? "input-with-icon" : ""} ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": e, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }) : this.type === "select" ? i("select", { id: this.inputId || this.name, name: this.name, required: this.required, disabled: this.disabled, class: `input input-select ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": e, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((t) => i("option", { value: t.value, selected: t.value === this.innerVal, key: t.value }, t.label))) : i("input", Object.assign({ id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ["radio", "checkbox"].includes(this.type) ? this.checked : void 0 }, this.type === "number" ? {
       min: this.min,
       max: this.max,
       step: this.step
@@ -1882,17 +3931,17 @@ const ie = class {
               input ${this.type === "radio" ? "input-radio" : this.type === "checkbox" ? "input-checkbox" : ""}
               ${n && this.type !== "radio" && this.type !== "checkbox" ? "input-icon pl-36" : ""} 
               ${this.error ? "input-error" : ""}
-              `, "aria-invalid": this.error ? "true" : "false", "aria-describedby": e, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })), this.maxLength && this.type === "textarea" && i("span", { key: "0391698008d36d0726ca52f9f5e3ad21136a9edb", class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? "input-counter-error" : ""}` }, this.maxLength), this.icon && i("eds-icon-wrapper", { key: "dd4d8a5e02dd2557deef5441cbe29afdbea8a959", class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, icon: this.icon }));
+              `, "aria-invalid": this.error ? "true" : "false", "aria-describedby": e, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })), this.maxLength && this.type === "textarea" && i("span", { key: "c78bf1501f682cde9a193ea6726baf2433566516", class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? "input-counter-error" : ""}` }, this.maxLength), this.icon && i("eds-icon-wrapper", { key: "c07e7d5d8394292cf365f32838dfd837ccf168d6", class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, icon: this.icon }));
   }
   get el() {
-    return g(this);
+    return y(this);
   }
   static get watchers() {
     return {
       value: ["onValueChanged"]
     };
   }
-}, tn = `:root {
+}, de = `:root {
   font-optical-sizing: auto;
 }
 html,
@@ -9662,29 +11711,29 @@ input[type="range"]::-webkit-slider-thumb {
   }
 }
 
-`, ln = tn, on = class {
+`, ce = de, ge = class {
   constructor(n) {
-    d(this, n), this.edsinput = h(this, "edsinput", 7), this.edschange = h(this, "edschange", 7), this.handleNativeInput = (e) => {
-      var r, t;
-      if ((r = this.onInput) === null || r === void 0 || r.call(this, e), this.shouldEmitValue()) {
+    p(this, n), this.edsinput = w(this, "edsinput", 7), this.edschange = w(this, "edschange", 7), this.handleNativeInput = (e) => {
+      var t, r;
+      if ((t = this.onInput) === null || t === void 0 || t.call(this, e), this.shouldEmitValue()) {
         const l = e.target;
-        let o = l.value;
-        if (this.type === "checkbox" && ((t = this.parsedOptions) === null || t === void 0 ? void 0 : t.length) > 0) {
-          const a = this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);
-          o = Array.from(a).filter((s) => s.checked).map((s) => s.value);
-        } else this.type === "checkbox" ? o = l.checked : (this.type, o = l.value);
-        this.edsinput.emit({ value: o });
+        let s = l.value;
+        if (this.type === "checkbox" && ((r = this.parsedOptions) === null || r === void 0 ? void 0 : r.length) > 0) {
+          const c = this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);
+          s = Array.from(c).filter((d) => d.checked).map((d) => d.value);
+        } else this.type === "checkbox" ? s = l.checked : (this.type, s = l.value);
+        this.edsinput.emit({ value: s });
       }
     }, this.handleNativeChange = (e) => {
-      var r, t;
-      if ((r = this.onChangeNative) === null || r === void 0 || r.call(this, e), this.shouldEmitValue()) {
+      var t, r;
+      if ((t = this.onChangeNative) === null || t === void 0 || t.call(this, e), this.shouldEmitValue()) {
         const l = e.target;
-        let o = l.value;
-        if (this.type === "checkbox" && ((t = this.parsedOptions) === null || t === void 0 ? void 0 : t.length) > 0) {
-          const a = this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);
-          o = Array.from(a).filter((s) => s.checked).map((s) => s.value);
-        } else this.type === "checkbox" ? o = l.checked : (this.type, o = l.value);
-        this.edschange.emit({ value: o });
+        let s = l.value;
+        if (this.type === "checkbox" && ((r = this.parsedOptions) === null || r === void 0 ? void 0 : r.length) > 0) {
+          const c = this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);
+          s = Array.from(c).filter((d) => d.checked).map((d) => d.value);
+        } else this.type === "checkbox" ? s = l.checked : (this.type, s = l.value);
+        this.edschange.emit({ value: s });
       }
     }, this.name = void 0, this.inputId = void 0, this.placeholder = void 0, this.disabled = !1, this.required = !1, this.label = void 0, this.hint = void 0, this.icon = void 0, this.link = void 0, this.message = void 0, this.error = !1, this.checked = void 0, this.errorMessage = void 0, this.value = void 0, this.maxLength = void 0, this.min = void 0, this.max = void 0, this.step = void 0, this.options = void 0, this.type = "text", this.onChangeNative = void 0, this.onInput = void 0, this.exposeValueEvents = !0;
   }
@@ -9704,8 +11753,8 @@ input[type="range"]::-webkit-slider-thumb {
   }
   render() {
     const n = Object.assign({ name: this.name, id: this.inputId, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleNativeInput, onChange: this.handleNativeChange, type: this.type, required: this.required, value: this.value, error: this.error, icon: this.icon, checked: this.checked }, this.type === "number" ? { min: this.min, max: this.max, step: this.step } : {});
-    return i("div", { key: "bf31e95b0fad54062686ae178af0d6b552d04654" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? i("fieldset", { class: "space-y-4 mt-8" }, i("div", { class: "flex justify-between" }, this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required }), this.hint && i("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.parsedOptions.map((e) => i("div", { class: "flex items-center gap-x-4 gap-y-4", key: e.value }, i("eds-input", Object.assign({}, n, { value: e.value, checked: typeof this.value == "string" && this.value.split(",").includes(String(e.value)) })), i("label", { htmlFor: this.name, class: `input-label-options ${this.disabled ? "text-lighter" : ""}` }, e.label)))) : i("div", { class: "flex items-center gap-x-8" }, i("eds-input", Object.assign({}, n, { value: this.value, checked: this.value === "on" || this.checked })), this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })) : i("div", null, i("div", { class: "flex justify-between" }, this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }), this.hint && i("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.type === "select" ? i("eds-input-select", Object.assign({}, n, { options: this.parsedOptions })) : this.type === "file" ? i("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChangeNative, disabled: this.disabled, required: this.required }) : this.type === "search" ? i("eds-input-search", { name: "search-box" }) : this.type === "range" ? (() => {
-      var e, r, t;
+    return i("div", { key: "eaa1d9c1095204c82bd01eab0f19f80eeee64d05" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? i("fieldset", { class: "space-y-4 mt-8" }, i("div", { class: "flex justify-between mb-4" }, this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required }), this.hint && i("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.parsedOptions.map((e) => i("div", { class: "flex items-center gap-x-4 gap-y-4", key: e.value }, i("eds-input", Object.assign({}, n, { value: e.value, checked: typeof this.value == "string" && this.value.split(",").includes(String(e.value)) })), i("label", { htmlFor: this.name, class: `input-label-options ${this.disabled ? "text-lighter" : ""}` }, e.label)))) : i("div", { class: "flex items-center gap-x-8" }, i("eds-input", Object.assign({}, n, { value: this.value, checked: this.value === "on" || this.checked })), this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })) : i("div", null, i("div", { class: "flex justify-between mb-4" }, this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }), this.hint && i("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.type === "select" ? i("eds-input-select", Object.assign({}, n, { options: this.parsedOptions })) : this.type === "file" ? i("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChangeNative, disabled: this.disabled, required: this.required }) : this.type === "search" ? i("eds-input-search", { name: "search-box" }) : this.type === "range" ? (() => {
+      var e, t, r;
       const l = {
         name: n.name,
         inputId: n.id || n.name,
@@ -9713,41 +11762,44 @@ input[type="range"]::-webkit-slider-thumb {
         required: n.required,
         onInput: n.onInput,
         onChange: n.onChange
-      }, o = this.parsedOptions, a = typeof this.value == "string" ? parseFloat(this.value) : this.value || 0;
-      return i("eds-input-range", Object.assign({}, l, { min: (e = o[0]) === null || e === void 0 ? void 0 : e.value, max: (r = o[1]) === null || r === void 0 ? void 0 : r.value, step: (t = o[2]) === null || t === void 0 ? void 0 : t.value, value: a }));
-    })() : i("eds-input", Object.assign({}, n))), i("div", { key: "b47668a883a11da148a38a063ecf573e79a6d714", class: "mt-6" }, i("eds-input-footer", { key: "2c25baf0474a573f143b17bcaa19826fdc94dd7f", id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link })));
+      }, s = this.parsedOptions, c = typeof this.value == "string" ? parseFloat(this.value) : this.value || 0;
+      return i("eds-input-range", Object.assign({}, l, { min: (e = s[0]) === null || e === void 0 ? void 0 : e.value, max: (t = s[1]) === null || t === void 0 ? void 0 : t.value, step: (r = s[2]) === null || r === void 0 ? void 0 : r.value, value: c }));
+    })() : i("eds-input", Object.assign({}, n))), i("div", { key: "60e6c848d41591b2e9ec8c5cf8dd656ec8562c38", class: "mt-6" }, i("eds-input-footer", { key: "e9298e01dbab9aa6a98a486286b32024766348d1", id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link })));
+  }
+  static get delegatesFocus() {
+    return !0;
   }
   get hostEl() {
-    return g(this);
+    return y(this);
   }
 };
-on.style = ln;
-const an = "p{margin:0}.text-error{color:var(--red-700)}.flex{display:flex}.items-center{align-items:center}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.ml-4{margin-left:0.25rem}.mb-4{margin-bottom:0.25rem}.f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.text-lighter{color:var(--grey-600)}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:text-lighter:hover{color:var(--grey-600)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}", sn = an, dn = class {
+ge.style = ce;
+const he = "p{margin:0}.text-error{color:var(--red-700)}.flex{display:flex}.items-center{align-items:center}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.ml-4{margin-left:0.25rem}.mb-4{margin-bottom:0.25rem}.f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.text-lighter{color:var(--grey-600)}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:text-lighter:hover{color:var(--grey-600)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}", fe = he, be = class {
   constructor(n) {
-    d(this, n), this.name = void 0, this.errorMessage = void 0, this.message = void 0, this.error = !1, this.link = void 0;
+    p(this, n), this.name = void 0, this.errorMessage = void 0, this.message = void 0, this.error = !1, this.link = void 0;
   }
   render() {
-    return i("div", { key: "08cb0dc972b0aee37260b5e606a4b162afa9100b" }, this.error && this.errorMessage && i("div", { key: "5346af03e591f3ca2338979dc74a0b65fe2f93ba", id: `error_${this.name}`, class: "text-error flex items-center" }, i("eds-icon-wrapper", { key: "072103ec3061a16992672ee92d20249dc1704e0e", icon: "warning" }), i("p", { key: "19f62274acb91ca32e5f9ee7247b27d5a63a95b7", class: "f-ui-04 ml-4 mb-4", innerHTML: this.errorMessage })), this.message && i("p", { key: "e6c97c6dca2c5a7a1e62f56f2d74560861399553", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && i("a", { key: "528475a848b5fada0acc47dc4aa2e03b0b6e1872", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
+    return i("div", { key: "54571d8f3c08a7a4f12e40728e02a7210ab0d345" }, this.error && this.errorMessage && i("div", { key: "db35f0c0dfa931d55d57a9c4ad3fffaeb4cea914", id: `error_${this.name}`, class: "text-error flex items-center" }, i("eds-icon-wrapper", { key: "63e401d86876829d8d2bbab887a66ef0dbd1837f", icon: "warning" }), i("p", { key: "81f8b0819a7cb119353c8ac38ab1df0cafb9d36f", class: "f-ui-04 ml-4 mb-4", innerHTML: this.errorMessage })), this.message && i("p", { key: "e5018623e2d8578864dc1f0b06d54e4a60ff9020", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && i("a", { key: "e7b6bde26ae02cf07ac8b8e6461282a4ba1355ed", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
   }
 };
-dn.style = sn;
-const cn = ".input-label{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.input-label b,.input-label strong{font-weight:var(--f-ui-02---bold-weight, bold)}.text-lighter{color:var(--grey-600)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}", gn = cn, hn = class {
+be.style = fe;
+const me = ".input-label{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.input-label b,.input-label strong{font-weight:var(--f-ui-02---bold-weight, bold)}.text-lighter{color:var(--grey-600)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}", ue = me, pe = class {
   constructor(n) {
-    d(this, n), this.label = void 0, this.name = void 0, this.required = !1, this.disabled = !1;
+    p(this, n), this.label = void 0, this.name = void 0, this.required = !1, this.disabled = !1;
   }
   render() {
-    return i("label", { key: "a5ecc454f7d0398d8bf265fb36ac903af4b15c4a", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && i("span", { key: "f6b710dcfe91623d048a95853097f963510ebb13" }, i("span", { key: "e903f319f01b3592ca2ea8bbd5dbf83765942603", "aria-hidden": "true" }, "*"), i("span", { key: "4548229f02d0753855a0b58944e89ff4fe40665a", class: "sr-only" }, "required")));
+    return i("label", { key: "90e0659383fd3be9a166457de5429385fe3bfe02", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && i("span", { key: "4d417c45dd636bfd5872d846e5eb89ff3694a4d4" }, i("span", { key: "3924011891ee03e530fe25b269bf4231f3acd9cb", "aria-hidden": "true" }, "*"), i("span", { key: "2f343b6b4ab4cbd538189cfa404210cf676eefe7", class: "sr-only" }, "required")));
   }
 };
-hn.style = gn;
-const re = class {
+pe.style = ue;
+const vt = class {
   constructor(n) {
-    d(this, n), this.edsrange = h(this, "edsrange", 7), this.onInput = (e) => {
-      const r = e.target;
-      this.sliderVal = parseInt(r.value, 10);
+    p(this, n), this.edsrange = w(this, "edsrange", 7), this.onInput = (e) => {
+      const t = e.target;
+      this.sliderVal = parseInt(t.value, 10);
     }, this.onChange = (e) => {
-      const r = e.target;
-      this.sliderVal = parseInt(r.value, 10), this.edsrange.emit(this.sliderVal);
+      const t = e.target;
+      this.sliderVal = parseInt(t.value, 10), this.edsrange.emit(this.sliderVal);
     }, this.name = void 0, this.inputId = "range", this.disabled = !1, this.required = !1, this.min = 0, this.max = 100, this.step = 1, this.value = void 0, this.sliderVal = void 0;
   }
   componentWillLoad() {
@@ -9764,25 +11816,25 @@ const re = class {
     return this.inputElement;
   }
   render() {
-    return i("div", { key: "d17d2e14f9c851c2c4b003ac36bae62240bc16d0", class: "relative flex flex-col items-start space-y-2" }, i("input", { key: "dccfa98f53c6283a09de624f32cc34aea2fafbfa", id: this.inputId || this.name, name: this.name, min: this.min, max: this.max, step: this.step, value: this.sliderVal, required: this.required, disabled: this.disabled, type: "range", class: "w-full py-6 input", "aria-describedby": `desc_${this.name}`, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.sliderVal, onInput: this.onInput, onChange: this.onChange }), i("p", { key: "6064aa1f5bfbfc0e925dfec32ee727c5e530226a", id: `desc_${this.name}`, class: "block f-ui-05 text-lighter" }, "Current value: ", this.sliderVal));
+    return i("div", { key: "3fa2ef579847e66bcacc35afe202192b78a06975", class: "relative flex flex-col items-start" }, i("input", { key: "669cc03e44dfa1ae8eae758f82f41939de1be625", id: this.inputId || this.name, name: this.name, min: this.min, max: this.max, step: this.step, value: this.sliderVal, required: this.required, disabled: this.disabled, type: "range", class: "w-full py-6 input", tabindex: "0", role: "slider", "aria-describedby": `desc_${this.name}`, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.sliderVal, onInput: this.onInput, onChange: this.onChange }), i("p", { key: "b3865e1bfacb423da277f4b76dfd0f3294f96cc6", id: `desc_${this.name}`, class: "block f-ui-05 mt-4 text-lighter" }, "Current value: ", this.sliderVal));
   }
   get el() {
-    return g(this);
+    return y(this);
   }
   static get watchers() {
     return {
       value: ["onValueChange"]
     };
   }
-}, te = class {
+}, wt = class {
   constructor(n) {
-    d(this, n), this.search = h(this, "search", 7), this.keydownListener = (e) => {
+    p(this, n), this.search = w(this, "search", 7), this.keydownListener = (e) => {
       (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), this.inputElement && !this.disabled && this.inputElement.focus());
     }, this.onChange = (e) => {
       this.search.emit({
         event: "change",
         value: e.target.value
-      }), f({
+      }), I({
         category: "ui-component",
         parentContext: null,
         tag: this.el.tagName.toLowerCase(),
@@ -9801,8 +11853,8 @@ const re = class {
     return this.inputElement;
   }
   render() {
-    return i("div", { key: "1084e1dad411bccc4b89fb61be91fbdaefedbe16", class: "relative flex items-center" }, i("eds-icon-wrapper", { key: "eaca5c71cf018cd95ba6debddcbbfa1457a32584", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), i("input", {
-      key: "e0e888a6518abfb5f5b2a50fb89e2cec4c7ca78c",
+    return i("div", { key: "ad7c42baf7c54ede5dca7dd2a6916557f46d33d6", class: "relative flex items-center" }, i("eds-icon-wrapper", { key: "6de80c397bae5e541de1ce3c2937bed860b58363", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), i("input", {
+      key: "9637c5569c97061fde3735ecb58b6a6f81a10e15",
       id: this.inputId || this.name,
       name: this.name,
       placeholder: this.placeholder,
@@ -9817,25 +11869,25 @@ const re = class {
     }));
   }
   get el() {
-    return g(this);
+    return y(this);
   }
-}, le = class {
+}, kt = class {
   constructor(n) {
-    d(this, n), this.edsselect = h(this, "edsselect", 7), this.handleChange = (e) => {
-      const r = e.target;
-      this.edsselect.emit(r.value);
+    p(this, n), this.edsselect = w(this, "edsselect", 7), this.handleChange = (e) => {
+      const t = e.target;
+      this.edsselect.emit(t.value);
     }, this.inputId = void 0, this.name = void 0, this.placeholder = void 0, this.disabled = !1, this.hasMessage = !1, this.error = !1, this.required = !1, this.options = [], this.value = void 0;
   }
   render() {
-    const n = this.inputId || this.name, e = this.placeholder || "Pick from the list", r = this.hasMessage || this.error ? `${this.name}-error` : void 0;
-    return i("div", { key: "8b02195c9cb94edae54d0eaeffc1d5985638e705", class: "relative" }, i("select", { key: "ab86f95d44a22492309e39ea4ed299c7da5460f7", id: n, name: this.name, class: {
+    const n = this.inputId || this.name, e = this.placeholder || "Pick from the list", t = this.hasMessage || this.error ? `${this.name}-error` : void 0;
+    return i("div", { key: "06be08db809ec9970ca4d7bdbdcdf1c8f2bc8840", class: "relative" }, i("select", { key: "e4319592e6c2f0c71e0dc75ca2d854506bda70bc", id: n, name: this.name, class: {
       input: !0,
       "input-error": this.error,
       "px-4": !0,
       "py-2": !0
-    }, "aria-invalid": this.error ? "true" : "false", "aria-describedby": r, disabled: this.disabled, required: this.required, onChange: this.handleChange }, i("option", { key: "285f9e5be9f469b21fa13c869e998fdaea4e33ad", value: "", disabled: !0, hidden: !0 }, e), this.options.map((t, l) => i("option", { key: l, value: t.value, selected: t.value === this.value }, t.label))), i("span", { key: "0fced74f55c6da75e7f1aa3251fa59e8147e666f", class: "bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center" }, i("eds-icon-wrapper", { key: "70e964580e89d001eb3537038f4e6a28ecba5840", class: "w-20 h-20", icon: "chevron-right" })));
+    }, "aria-invalid": this.error ? "true" : "false", "aria-describedby": t, disabled: this.disabled, required: this.required, onChange: this.handleChange }, i("option", { key: "a0ece38948f84a10ea8cd4c0a01b3f8b9730c7ef", value: "", disabled: !0, hidden: !0 }, e), this.options.map((r, l) => i("option", { key: l, value: r.value, selected: r.value === this.value }, r.label))), i("span", { key: "8ce085e43d0ba6340e52b0666dc0a31abbf1a2f9", class: "bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center" }, i("eds-icon-wrapper", { key: "8b91b3fa3a819d04ede5d7816fcb2f04e66fd03b", class: "w-20 h-20", icon: "chevron-right" })));
   }
-}, fn = `*,
+}, xe = `*,
 ::before,
 ::after {
   box-sizing: border-box;
@@ -11072,7 +13124,7 @@ Make sure disabled buttons don't get the pointer cursor.
   .lg\\:flex {
     display: flex;
   }
-}`, bn = fn, xn = m([
+}`, ye = xe, ve = N([
   "relative inline-flex justify-center items-center py-8 rounded-sm",
   "effect-color effect-focus aria-disabled:text-lightest",
   "cursor-pointer",
@@ -11197,60 +13249,63 @@ Make sure disabled buttons don't get the pointer cursor.
     size: "small",
     hasIcon: !1
   }
-}), mn = class {
+}), we = class {
   constructor(n) {
-    d(this, n), this.parentContext = null, this.label = void 0, this.intent = void 0, this.icon = void 0, this.iconPos = "right", this.iconSmall = !1, this.size = "small", this.external = !1, this.current = !1, this.download = !1, this.url = void 0, this.ariaLabel = void 0, this.disabled = !1, this.hideLabelOnSmallScreen = !1, this.extraClass = void 0;
+    p(this, n), this.parentContext = null, this.label = void 0, this.intent = void 0, this.icon = void 0, this.iconPos = "right", this.iconSmall = !1, this.size = "small", this.external = !1, this.current = !1, this.download = !1, this.url = void 0, this.ariaLabel = void 0, this.disabled = !1, this.hideLabelOnSmallScreen = !1, this.extraClass = void 0;
   }
   handleParentContext(n) {
     n.target === this.el && (this.parentContext = n.detail, n.stopPropagation());
   }
   handleClick(n) {
-    var e, r;
+    var e, t;
     if (this.disabled) {
       n.preventDefault();
       return;
     }
-    f({
+    I({
       category: "ui-component",
       parentContext: this.parentContext,
       tag: this.el.tagName.toLowerCase(),
-      name: ((e = this.label) === null || e === void 0 ? void 0 : e.toLowerCase()) || ((r = this.ariaLabel) === null || r === void 0 ? void 0 : r.toLowerCase()) || "",
+      name: ((e = this.label) === null || e === void 0 ? void 0 : e.toLowerCase()) || ((t = this.ariaLabel) === null || t === void 0 ? void 0 : t.toLowerCase()) || "",
       action: "click"
     });
   }
+  handleKeyDown(n) {
+    this.disabled || (n.key === "Enter" || n.key === " ") && (n.preventDefault(), this.handleClick(n), this.url && !this.disabled && (this.external ? window.open(this.url, "_blank", "noopener,noreferrer") : window.location.href = this.url));
+  }
   getLinkSize() {
-    return this.size;
+    return this.intent === "underline" ? "underline" : this.size;
   }
   renderLeftIcon() {
-    return this.icon && this.iconPos === "left" ? i("span", { class: !this.external && !this.label ? "" : "flex" }, i("eds-icon-wrapper", { class: `
+    return this.icon && this.iconPos === "left" ? i("span", { class: "flex" }, i("eds-icon-wrapper", { "aria-hidden": "true", class: `
               flex inline-flex items-center justify-center
               ${this.size === "large" ? "h-24 w-24" : "h-20 w-20"}
             `, icon: this.icon })) : null;
   }
   renderRightIcon() {
-    return this.icon && this.iconPos === "right" ? i("span", { class: !this.external && !this.label ? "" : "flex" }, i("eds-icon-wrapper", { class: `
+    return this.icon && this.iconPos === "right" ? i("span", { class: "flex" }, i("eds-icon-wrapper", { "aria-hidden": "true", class: `
               flex inline-flex items-center justify-center
               ${this.size === "large" ? "h-24 w-24" : "h-20 w-20"}
             `, icon: this.icon })) : null;
   }
   render() {
-    const n = this.disabled ? "span" : "a", e = xn({
+    const n = ve({
       intent: this.intent,
       size: this.getLinkSize(),
       iconSmall: this.iconSmall,
       isActive: this.current,
       hasIcon: !!this.icon
-    }), r = this.ariaLabel || this.label || "link", t = this.hideLabelOnSmallScreen ? "hidden lg:flex" : "";
-    return i(n, { key: "19e7d05290f3dda2cc4e821c5625f7dd82198dcd", class: `${e || ""} ${this.extraClass || ""}`, href: this.disabled ? void 0 : this.url, target: this.external && !this.disabled ? "_blank" : void 0, rel: this.external && !this.disabled ? "noopener noreferrer" : void 0, "aria-label": r, "aria-disabled": this.disabled ? "true" : null, "aria-current": this.current ? "page" : void 0, download: this.download ? "" : void 0, onClick: (l) => this.handleClick(l) }, i("span", { key: "36ce6891c07cf6e37acef3e6fecd3e96bcaa0312", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), i("span", { key: "2455011e19a98939aec59768f09ae310ad03692b", class: t }, this.label), this.renderRightIcon()));
+    }), e = !this.disabled, t = !this.label || this.hideLabelOnSmallScreen && this.icon, r = this.hideLabelOnSmallScreen ? "hidden lg:flex" : "";
+    return i("a", { key: "bc82c9ea21f98ed71c812c8366ba8368c3ac5bf4", class: `${n || ""} ${this.extraClass || ""}`, href: e ? this.url : void 0, target: this.external && e ? "_blank" : void 0, rel: this.external && e ? "noopener noreferrer" : void 0, tabIndex: e ? 0 : -1, "aria-label": t ? this.ariaLabel || "Link" : void 0, "aria-disabled": this.disabled ? "true" : void 0, "aria-current": this.current ? "page" : void 0, role: this.disabled ? "link" : void 0, download: this.download ? "" : void 0, onClick: (l) => this.handleClick(l), onKeyDown: (l) => this.handleKeyDown(l) }, i("span", { key: "eed89377d27a476a7d7e70a8c40f3100b8089a0b", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), this.label && i("span", { key: "c6d09f0c54e092e53350014d6d89b67c35a8be71", class: r }, this.label), this.renderRightIcon()));
   }
   get el() {
-    return g(this);
+    return y(this);
   }
 };
-mn.style = bn;
-const pn = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}", un = pn, yn = class {
+we.style = ye;
+const ke = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}", Se = ke, Ce = class {
   constructor(n) {
-    d(this, n), this.href = "/", this.orientation = "horizontal", this.type = void 0, this.label = "Home";
+    p(this, n), this.href = "/", this.orientation = "horizontal", this.type = void 0, this.label = "Home";
   }
   /**
    * Handles the click event on the logo link.
@@ -11261,7 +13316,7 @@ const pn = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
    * - `action`: The action, set as "click".
    */
   handleClick() {
-    f({
+    I({
       category: "ui-component",
       tag: this.el.tagName.toLowerCase(),
       name: "logo",
@@ -11274,50 +13329,214 @@ const pn = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
   getLogo() {
     const e = {
       horizontal: {
-        color: y,
-        black: k,
-        "color-white": z,
-        white: C,
-        "no-bg": S
+        color: tn,
+        black: bn,
+        "color-white": mn,
+        white: un,
+        "no-bg": pn
       },
       vertical: {
-        color: E,
-        black: F,
-        "color-white": L,
-        white: I,
-        "no-bg": A
+        color: xn,
+        black: yn,
+        "color-white": vn,
+        white: wn,
+        "no-bg": kn
       }
     }[this.orientation];
     if (!e)
-      return y;
-    const r = e[this.type];
-    return r || e.color;
+      return tn;
+    const t = e[this.type];
+    return t || e.color;
   }
   render() {
     const n = this.getLogo();
-    return i("a", { key: "717ea23a3d9156fd59abb808c3175194b6973d6b", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, i("div", { key: "794768d57ee14767a0475d949c24fafaa28bc924", innerHTML: n }));
+    return i("a", { key: "e5c4e4701d698282dc85561c8c434f0790fb2401", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, i("div", { key: "32cc8649fe67b6c4a874b5c1aaa6d4d793b4c4c7", innerHTML: n }));
+  }
+  get el() {
+    return y(this);
+  }
+};
+Ce.style = Se;
+const Ee = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.z-\\[999999\\]{z-index:999999}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}", ze = Ee, Fe = class {
+  constructor(n) {
+    p(this, n), this.consent = w(this, "consent", 7), this.heading = "Analytics Consent", this.description = "We use anonymous analytics to improve our services. No data is collected unless you give your consent. If you don't wish to send data right now, you can always re-enable analytics later by clicking the Cookies Preference button in the footer. However, by opting in today, you're joining a community that shapes our product's future—all while keeping your data completely anonymous.", this.optOutMessage = "You are already part of our community, and your anonymous data helps shape our product's future! Rest assured, your privacy is fully protected.", this.forceShow = !1, this.showNotice = !0;
+  }
+  /**
+   * Listens for global custom events to open the matomo-consent.
+   */
+  toggleCookiesConsent() {
+    this.showNotice = !this.showNotice;
+  }
+  /**
+   * Checks if the consent cookie exists.
+   */
+  hasCookieConsent() {
+    return !!document.cookie.split("; ").find((n) => n.startsWith("mtm_consent="));
+  }
+  /**
+   * Checks if the user has opted out after has opted in.
+   */
+  optedOut() {
+    return !!document.cookie.split("; ").find((n) => n.startsWith("mtm_consent_removed"));
+  }
+  /**
+   * Generate a unique storage key based on appId or the app's domain.
+   */
+  getStorageKey() {
+    return `${window.location.host}-matomo-deferred`;
+  }
+  /**
+   * Check cookies and sessionStorage (unless forceShow is true) to decide if the notice should be shown.
+   */
+  componentWillLoad() {
+    if (localStorage.getItem(`${window.location.host}-matomo-consent-given`) === "out" || this.optedOut()) {
+      this.showNotice = !1;
+      return;
+    }
+    if (this.forceShow)
+      this.showNotice = !0;
+    else if (this.hasCookieConsent())
+      this.showNotice = !1;
+    else {
+      const e = sessionStorage.getItem(this.getStorageKey());
+      this.showNotice = !e;
+    }
+  }
+  componentDidLoad() {
+    this.el.shadowRoot.querySelectorAll("eds-button").forEach((e) => {
+      this.emitContext(e);
+    });
+  }
+  emitContext(n) {
+    const e = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    n.dispatchEvent(e);
+  }
+  optInAnalytics() {
+    fn(), localStorage.removeItem(`${window.location.host}-matomo-consent-given`), this.hideNotice(), this.consent.emit("in");
+  }
+  optOutAnalytics() {
+    en(), this.hideNotice(), this.consent.emit("out");
+  }
+  noThanks() {
+    en(), localStorage.setItem(`${window.location.host}-matomo-consent-given`, "out"), this.hideNotice(), this.consent.emit("out");
+  }
+  /*private deferDecision() {
+    sessionStorage.setItem(this.getStorageKey(), 'true');
+    this.hideNotice();
+    this.consent.emit('defer');
+  }*/
+  keepMeIn() {
+    this.hideNotice();
+  }
+  hideNotice() {
+    this.showNotice = !1;
+  }
+  render() {
+    return this.showNotice ? i("div", { class: "fixed bottom-0 p-8 z-[999999] grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center" }, i("eds-accordion", { title: this.heading, description: this.hasCookieConsent() ? this.optOutMessage : this.description, switchBg: !0, expanded: !0 }, this.hasCookieConsent() ? i("div", { class: "flex items-center gap-4" }, this.optedOut() ? i("eds-button", { intent: "primary", label: "Opt me in again", "aria-label": "Opt me in again", onClick: () => this.optInAnalytics() }) : i("eds-button", { intent: "primary", label: "Keep Me In", "aria-label": "Keep Me In", onClick: () => this.keepMeIn() }), i("eds-button", { intent: "ghostInverse", label: "Opt-out", "aria-label": "Opt-out from analytics", onClick: () => this.optOutAnalytics() })) : i("div", { class: "flex items-center gap-4" }, i("eds-button", { intent: "primary", label: "I agree", "aria-label": "Opt-in for analytics", onClick: () => this.optInAnalytics() }), i("eds-button", { intent: "ghost", label: "No, thanks", "aria-label": "Opt-out from analytics", onClick: () => this.noThanks() })))) : null;
+  }
+  get el() {
+    return y(this);
+  }
+};
+Fe.style = ze;
+const Ae = '.flex{display:flex}.justify-between{justify-content:space-between}.mt-4{margin-top:0.25rem}.mt-8{margin-top:0.5rem}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.grid{display:grid}.grid-col-span-1{--container-grid-columns:1;grid-column:span 1 / span 1}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-11[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-11[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+1)::before{inset-inline-start:0}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+11)::before{inset-inline-end:0}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+1):nth-last-child(-n+11)::before{border-bottom-width:0}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+1):nth-last-child(-n+11)~*::before{border-bottom-width:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(11n+11)::after{border-inline-end-width:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+11)::after{top:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(11n+1):nth-last-child(-n+11)::after{bottom:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(11n+1):nth-last-child(-n+11)~li::after{bottom:0}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.text-light{color:var(--grey-700)}', Ie = Ae, Le = class {
+  constructor(n) {
+    p(this, n), this.nps = w(this, "nps", 7), this.min = 0, this.max = 10, this.question = void 0, this.leftLabel = void 0, this.rightLabel = void 0, this.selectedValue = null;
+  }
+  handleClick(n) {
+    this.selectedValue = n, this.nps.emit(n);
+  }
+  handleKeyNav(n) {
+    const e = Array.from(this.el.shadowRoot.querySelectorAll("eds-button")), t = e.findIndex((r) => r.tabIndex === 0);
+    switch (n.key) {
+      case "ArrowRight":
+      case "ArrowLeft": {
+        n.preventDefault();
+        const r = n.key === "ArrowRight" ? 1 : -1, l = Math.min(this.max, Math.max(0, t + r));
+        this.activateRadio(e, l);
+        break;
+      }
+      case "Home": {
+        n.preventDefault(), this.activateRadio(e, 0);
+        break;
+      }
+      case "End": {
+        n.preventDefault(), this.activateRadio(e, this.max);
+        break;
+      }
+      case "Enter":
+      case " ": {
+        n.preventDefault(), t >= 0 && this.handleClick(this.min + t);
+        break;
+      }
+      case "Escape": {
+        n.preventDefault(), t >= 0 && e[t].blur();
+        break;
+      }
+      default:
+        return;
+    }
+  }
+  activateRadio(n, e) {
+    const t = n[e], r = this.min + e;
+    this.handleClick(r), t.focus();
+  }
+  render() {
+    const n = this.max - this.min + 1;
+    return i("div", { key: "3831baab086cbf44a3d1511885f15bbab23c9cd2", class: "eds-nps" }, i("eds-input-label", { key: "f9bd8a812d1b65a634dfaa7aae704218dc79468c", id: "nps-question", name: "nps-question", label: this.question }), i("div", { key: "398f5225c5b4071c2570a74a9e642f5059bb7813", role: "group", id: "nps-buttons", "aria-labelledby": "nps-question", class: "grid grid-cols-11", onKeyDown: (e) => this.handleKeyNav(e) }, Array.from({ length: n }, (e, t) => {
+      const r = this.min + t, l = r === this.selectedValue;
+      return i("div", { class: "grid-col-span-1", key: r }, i("eds-button", { tabindex: l ? 0 : -1, label: `${r}`, "aria-label": `${r}`, intent: l ? "primary" : "ghost", "extra-class": "!block !px-0 w-full", triggerClick: () => this.handleClick(r) }));
+    })), i("div", { key: "0acafaae3f2ce522ffbc245c5733ca509d4bf3c1", class: "flex justify-between mt-8" }, i("span", { key: "001e0be00b07ae2e831ea6af0c577a5eeecb9a56", class: "f-ui-04 text-light ml-4" }, this.leftLabel), i("span", { key: "99a12d89ea577fb2bb9c34241a2b9f0f254c284a", class: "f-ui-04 text-light mr-4" }, this.rightLabel)));
   }
   get el() {
-    return g(this);
+    return y(this);
   }
 };
-yn.style = un;
-const vn = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}", wn = vn, kn = class {
+Le.style = Ie;
+const _e = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.text-light{color:var(--grey-700)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}", Te = _e, $e = class {
   constructor(n) {
-    d(this, n), this.currentPage = void 0, this.lastPage = void 0, this.perPage = 10, this.total = 0, this.url = "", this.mode = "default", this.prevLabel = "Prev", this.nextLabel = "Next", this.prevUrl = "", this.nextUrl = "", this.links = [];
+    p(this, n), this.handleKeyDown = (e) => {
+      if (this.mode !== "default" || !this.useButtons)
+        return;
+      const t = this.getNavigableItems();
+      if (e.key === "ArrowRight" || e.key === "ArrowLeft") {
+        e.preventDefault();
+        const r = e.key === "ArrowRight" ? 1 : -1;
+        let l = this.focusedIndex;
+        if (l === -1) {
+          const c = t.findIndex((d) => d.type === "page" && d.page === this.currentPage);
+          l = c !== -1 ? c : 0;
+        }
+        let s = l + r;
+        s >= t.length ? s = 0 : s < 0 && (s = t.length - 1), this.focusedIndex = s, this.focusPaginationItem(s);
+      } else if (e.key === "Home")
+        e.preventDefault(), this.focusedIndex = 0, this.focusPaginationItem(0);
+      else if (e.key === "End") {
+        e.preventDefault();
+        const r = t.length - 1;
+        this.focusedIndex = r, this.focusPaginationItem(r);
+      }
+    }, this.handleItemFocus = (e) => {
+      this.focusedIndex = e;
+    }, this.currentPage = void 0, this.lastPage = void 0, this.perPage = 10, this.total = 0, this.url = "", this.mode = "default", this.useButtons = !0, this.prevLabel = "Prev", this.nextLabel = "Next", this.prevUrl = "", this.nextUrl = "", this.links = [], this.focusedIndex = -1;
   }
   /** Lifecycle hook to generate pagination links on component load */
   componentWillLoad() {
     this.mode === "default" && this.generateLinks();
   }
   componentDidLoad() {
-    this.hostEl.shadowRoot.querySelectorAll("eds-link").forEach((e) => {
+    this.useButtons || this.hostEl.shadowRoot.querySelectorAll("eds-link").forEach((e) => {
       this.emitContext(e);
     });
   }
   /**
    * Emits a custom event called `parentContext` for a given link element.
-   * This event provides context information about the breadcrumb component.
+   * This event provides context information about the pagination component.
    *
    * @param linkElement - The link element to which the event will be dispatched.
    */
@@ -11333,6 +13552,23 @@ const vn = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
   onPageOrLastPageChange() {
     this.mode === "default" && this.generateLinks();
   }
+  /**
+   * Gets all navigable pagination items for keyboard navigation
+   */
+  getNavigableItems() {
+    const n = [];
+    return n.push({ type: "prev", disabled: this.isFirstPage() }), this.links.forEach((e) => {
+      typeof e == "object" && n.push({ type: "page", page: parseInt(e.label), disabled: !1 });
+    }), n.push({ type: "next", disabled: this.isLastPage() }), n.filter((e) => !e.disabled);
+  }
+  /**
+   * Focuses a specific pagination item by index
+   */
+  focusPaginationItem(n) {
+    var e;
+    const t = (e = this.hostEl.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll(".pagination-button"), r = t == null ? void 0 : t[n];
+    r && r.focus();
+  }
   /**
    * Checks if the current page is the first page
    * @returns {boolean} - true if current page is the first page
@@ -11355,7 +13591,7 @@ const vn = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
   generateLink(n) {
     const e = this.url.includes("?");
     return {
-      ariaLabel: `Page ${n}`,
+      ariaLabel: `Go to page ${n}`,
       url: `${this.url}${e ? "&" : "?"}page=${n}`,
       label: n.toString(),
       current: this.currentPage === n,
@@ -11370,28 +13606,31 @@ const vn = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
    * Creates a pagination range based on delta, current, and total pages
    * @param {number} current - Current page number
    * @param {number} total - Total number of pages
-   * @param {number} delta - Range of pages to display around the current page
    * @returns {(number | string)[]} - Range of page numbers or ellipses
    */
   getPaginationGenerator(n, e) {
-    const t = [];
+    const r = [];
     if (e <= 5)
       for (let l = 1; l <= e; l++)
-        t.push(l);
+        r.push(l);
     else {
-      t.push(1), n - 1 > 2 && t.push("...");
+      r.push(1), n - 1 > 2 && r.push("...");
       for (let l = Math.max(2, n - 1); l <= Math.min(e - 1, n + 1); l++)
-        t.push(l);
-      n + 1 < e - 1 && t.push("..."), t.push(e);
+        r.push(l);
+      n + 1 < e - 1 && r.push("..."), r.push(e);
     }
-    return t;
+    return r;
   }
   /**
    * Formats the current page results information for display
    * @returns {string} - Formatted page result information
    */
   pageResults() {
-    return this.total > 0 ? this.total > this.perPage ? `${this.perPage * ((this.currentPage || 1) - 1) + 1} - ${this.perPage * (this.currentPage || 1) >= this.total ? this.total : this.perPage * (this.currentPage || 1)} of ${this.total}` : `${this.total}` : "";
+    if (this.total > 0) {
+      const n = this.perPage * ((this.currentPage || 1) - 1) + 1, e = Math.min(this.perPage * (this.currentPage || 1), this.total);
+      return this.total > this.perPage ? `Showing ${n} to ${e} of ${this.total} results` : `Showing ${this.total} result${this.total !== 1 ? "s" : ""}`;
+    }
+    return "";
   }
   /**
    * Handles a page click event, updating the current page and dispatching an event
@@ -11399,25 +13638,25 @@ const vn = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
    * @param {number} newPage - New page number
    */
   handlePageClick(n, e) {
-    if (this.mode !== "navigator" && (n.preventDefault(), e !== this.currentPage)) {
-      this.links = this.links.map((t) => typeof t == "object" ? Object.assign(Object.assign({}, t), { current: parseInt(t.label) === e }) : t);
-      const r = new CustomEvent("page", {
-        detail: e,
+    if (this.mode !== "navigator" && (this.useButtons && n.preventDefault(), e !== this.currentPage)) {
+      this.links = this.links.map((r) => typeof r == "object" ? Object.assign(Object.assign({}, r), { current: parseInt(r.label) === e }) : r);
+      const t = new CustomEvent("page", {
+        detail: { value: e },
         bubbles: !0,
         composed: !0
       });
-      this.hostEl.dispatchEvent(r), this.currentPage = e;
+      this.hostEl.dispatchEvent(t), this.currentPage = e;
     }
   }
   render() {
-    return i("div", { key: "978896bd8c550afdc30281e1a8d9858022857551" }, this.total > 0 && this.mode === "default" && i("p", { key: "10781adbf2c4754580c31eecc180fc426b5e09a1", class: "f-ui-03 text-lightest mb-28 w-full text-center" }, i("span", { key: "29765740419772ac83736495c859d2d75097904c", class: "sr-only" }, "Results:"), this.pageResults()), this.mode === "navigator" || this.lastPage && this.lastPage > 1 ? i("nav", { "aria-label": "Pagination" }, i("ul", { class: "flex items-center justify-center gap-x-8" }, i("li", { class: "mr-auto" }, i("eds-link", { label: this.prevLabel, url: this.mode === "navigator" ? this.prevUrl || "#" : this.isFirstPage() ? "#" : this.generateLink(this.currentPage - 1).url, disabled: this.mode === "navigator" ? !this.prevUrl : this.isFirstPage(), "aria-label": "Previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pr-12", onClick: (n) => {
-      this.mode === "default" && (this.isFirstPage() ? n.preventDefault() : this.handlePageClick(n, (this.currentPage || 1) - 1));
-    } })), this.mode === "default" && this.links.map((n, e) => i("li", { key: e, class: "f-ui-02 flex h-36 items-center justify-center" }, typeof n == "string" ? i("span", { class: "flex items-center justify-center" }, n) : i("eds-link", { url: n.url, "aria-label": n.ariaLabel, label: n.label, current: n.current, size: "small", class: "!p-8", intent: n.current ? "secondary" : "ghost", onClick: (r) => this.handlePageClick(r, parseInt(n.label)) }))), i("li", { class: "ml-auto" }, i("eds-link", { label: this.nextLabel, url: this.mode === "navigator" ? this.nextUrl || "#" : this.isLastPage() ? "#" : this.generateLink(this.currentPage + 1).url, disabled: this.mode === "navigator" ? !this.nextUrl : this.isLastPage(), "aria-label": "Next page", size: "small", "icon-small": "true", icon: "chevron-right", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors", onClick: (n) => {
-      this.mode === "default" && (this.isLastPage() ? n.preventDefault() : this.handlePageClick(n, (this.currentPage || 1) + 1));
-    } })))) : null);
+    return i("div", { key: "9379c40daaca176e67fb59918f1ca387cb4759b9" }, this.total > 0 && this.mode === "default" && i("p", { key: "d09f7f6b7de136987d5b52564bc60afb3775299a", class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, i("span", { key: "4af8f097a79c8fb0495838f06424f43e5e5dcddc", class: "text-light sr-only" }, "Results:"), this.pageResults()), this.mode === "navigator" || this.lastPage && this.lastPage > 1 ? i("nav", { "aria-label": "Pagination Navigation", "aria-describedby": this.mode === "default" ? "pagination-info" : void 0, onKeyDown: this.handleKeyDown }, i("ul", { class: "flex items-center justify-center gap-x-8", role: "list" }, i("li", { class: "mr-auto" }, this.useButtons ? i("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(-1) }, i("eds-button", { label: this.prevLabel, disabled: this.mode === "navigator" ? !this.prevUrl : this.isFirstPage(), "aria-label": "Go to previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "ghost", "extra-class": "!p-8 lg:!pr-12 pagination-button", onClick: (e) => {
+      this.mode === "default" && !this.isFirstPage() && this.handlePageClick(e, (this.currentPage || 1) - 1);
+    } })) : i("eds-link", { label: this.prevLabel, url: this.mode === "navigator" ? this.prevUrl || "#" : this.isFirstPage() ? "#" : this.generateLink(this.currentPage - 1).url, disabled: this.mode === "navigator" ? !this.prevUrl : this.isFirstPage(), "aria-label": "Go to previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pr-12" })), this.mode === "default" && this.links.map((e, t) => i("li", { key: t, class: "f-ui-02 flex h-36 items-center justify-center" }, typeof e == "string" ? i("span", { class: "flex items-center justify-center", "aria-hidden": "true" }, e) : this.useButtons ? i("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(-1) }, i("eds-button", { label: e.label, "aria-label": e.current ? `Current page, page ${e.label}` : `Go to page ${e.label}`, "aria-current": e.current ? "page" : void 0, size: "small", "extra-class": "!p-8 pagination-button", intent: e.current ? "secondary" : "ghost", onClick: (r) => this.handlePageClick(r, parseInt(e.label)) })) : i("eds-link", { url: e.url, "aria-label": e.ariaLabel, label: e.label, current: e.current, "aria-current": e.current ? "page" : void 0, size: "small", class: "!p-8", intent: e.current ? "secondary" : "ghost", onClick: (r) => this.handlePageClick(r, parseInt(e.label)) }))), i("li", { class: "ml-auto" }, this.useButtons ? i("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(-1) }, i("eds-button", { label: this.nextLabel, disabled: this.mode === "navigator" ? !this.nextUrl : this.isLastPage(), "aria-label": "Go to next page", size: "small", "icon-small": "true", icon: "chevron-right", intent: "ghost", "extra-class": "!p-8 lg:!pl-12 pagination-button", onClick: (e) => {
+      this.mode === "default" && !this.isLastPage() && this.handlePageClick(e, (this.currentPage || 1) + 1);
+    } })) : i("eds-link", { label: this.nextLabel, url: this.mode === "navigator" ? this.nextUrl || "#" : this.isLastPage() ? "#" : this.generateLink(this.currentPage + 1).url, disabled: this.mode === "navigator" ? !this.nextUrl : this.isLastPage(), "aria-label": "Go to next page", size: "small", "icon-small": "true", icon: "chevron-right", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors" })))) : null);
   }
   get hostEl() {
-    return g(this);
+    return y(this);
   }
   static get watchers() {
     return {
@@ -11426,10 +13665,10 @@ const vn = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
     };
   }
 };
-kn.style = wn;
-const zn = ":host{display:inline-block}.block{display:block}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}", Cn = zn, Sn = class {
+$e.style = Te;
+const Oe = ":host{display:inline-block}.block{display:block}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}", Re = Oe, De = class {
   constructor(n) {
-    d(this, n), this.rating = h(this, "rating", 7), this.ratingType = "star", this.ratingCount = 5, this.selectedRating = 0;
+    p(this, n), this.rating = w(this, "rating", 7), this.buttonRefs = [], this.ratingType = "star", this.ratingCount = 5, this.selectedRating = 0;
   }
   /**
    * Lifecycle method that runs when the component has fully loaded.
@@ -11459,20 +13698,31 @@ const zn = ":host{display:inline-block}.block{display:block}.stars{display:flex;
    * Handles the click event on a star.
    * @param rating - The selected rating value.
    */
-  handleClick(n) {
-    this.selectedRating = n, this.rating.emit(n);
+  onSelect(n) {
+    this.selectedRating = n, this.rating.emit(n), setTimeout(() => {
+      const e = this.buttonRefs[n - 1];
+      e == null || e.focus();
+    }, 0);
+  }
+  handleKeyNav(n) {
+    const { key: e } = n;
+    if (!["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp"].includes(e))
+      return;
+    n.preventDefault();
+    const t = e === "ArrowRight" || e === "ArrowDown" ? 1 : -1;
+    let r = (this.selectedRating || 1) + t;
+    r > this.ratingCount && (r = 1), r < 1 && (r = this.ratingCount), this.onSelect(r);
   }
   render() {
-    return i("div", { key: "7f70d2d6691257ba0658ab9500ab7200af28366a", role: "radiogroup", class: "stars flex space-x-1 my-8" }, Array.from({ length: this.ratingCount }, (n, e) => {
-      const r = e + 1, t = r <= this.selectedRating;
+    return i("div", { key: "a7fc18897f2901f60432432899da18861e76edf6", id: "rating-buttons", role: "group", "aria-labelledby": "rating", class: "stars flex space-x-1 my-8", onKeyDown: (n) => this.handleKeyNav(n) }, Array.from({ length: this.ratingCount }, (n, e) => {
+      const t = e + 1, r = t <= this.selectedRating, l = this.selectedRating === t;
       return i("eds-button", {
+        ref: (s) => this.buttonRefs[e] = s,
         icon: this.ratingType,
-        role: "radio",
-        "aria-checked": t ? "true" : "false",
-        "aria-label": this.ratingType,
-        onClick: () => this.handleClick(r),
-        tabIndex: this.selectedRating === 0 && e === 0 || t ? 0 : -1,
-        intent: t ? "primary" : "ghost",
+        "aria-label": `${t} ${this.ratingType}${t > 1 ? "s" : ""}`,
+        onClick: () => this.onSelect(t),
+        tabIndex: l || this.selectedRating === 0 && e === 0 ? 0 : -1,
+        intent: r ? "primary" : "ghost",
         size: "large",
         "extra-class": "p-2"
         // Optional padding or styling for the star button
@@ -11480,46 +13730,41 @@ const zn = ":host{display:inline-block}.block{display:block}.stars{display:flex;
     }));
   }
   get el() {
-    return g(this);
+    return y(this);
   }
 };
-Sn.style = Cn;
-const En = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-28{margin-bottom:1.75rem}", Fn = En, Ln = class {
+De.style = Re;
+const Pe = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4,.steps h5{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before,.steps h5::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.my-16{margin-top:1rem;margin-bottom:1rem}.mt-16{margin-top:1rem}.mb-28{margin-bottom:1.75rem}.ml-8{margin-left:0.5rem}.gap-y-16{row-gap:1rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.cursor-pointer{cursor:pointer}", Ne = Pe, He = class {
   constructor(n) {
-    d(this, n), this.step = h(this, "step", 7), this.handleNext = () => {
-      this.activeStep = this.activeStep + 1, this.activeStep < this.parsedSteps.length && this.step.emit(this.activeStep);
+    p(this, n), this.step = w(this, "step", 7), this.finished = w(this, "finished", 7), this.next = w(this, "next", 7), this.back = w(this, "back", 7), this.handleNext = () => {
+      const e = this.parsedSteps.length - 1;
+      if (this.activeStep >= e) {
+        this.finished.emit();
+        return;
+      }
+      const t = this.activeStep + 1;
+      this.next.emit(t), !this.isNextDisabledFor(this.activeStep) && (this.activeStep = t, this.step.emit(this.activeStep), Array.isArray(this.disableNext) || (this.disableNext = !1));
     }, this.handleBack = () => {
-      this.activeStep > 0 && (this.activeStep = this.activeStep - 1, this.step.emit(this.activeStep));
-    }, this.steps = [], this.type = "static", this.activeStep = 0;
+      if (this.activeStep > 0) {
+        const e = this.activeStep - 1;
+        this.back.emit(e), this.activeStep = e, this.step.emit(this.activeStep), Array.isArray(this.disableNext) || (this.disableNext = !1);
+      }
+    }, this.steps = [], this.type = "static", this.nextLabel = "Next", this.backLabel = "Back", this.finishLabel = "Finish", this.disableNext = !1, this.headingLevel = "h4", this.activeStep = 0;
   }
-  /**
-   * Lifecycle method that runs when the component has fully loaded.
-   * It emits a custom event for each `eds-button` element contained within the breadcrumb.
-   */
   componentDidLoad() {
     var n;
     if (this.type === "linear") {
       const e = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelectorAll("eds-button");
-      e == null || e.forEach((r) => {
-        this.emitContext(r);
-      });
+      e == null || e.forEach((t) => this.emitContext(t));
     }
   }
   activeStepChanged(n) {
     setTimeout(() => {
       var e;
-      const r = (e = this.el.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll(".step")[n];
-      r && r.querySelectorAll("eds-button").forEach((l) => {
-        this.emitContext(l);
-      });
+      const t = (e = this.el.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll(".step")[n];
+      t && t.querySelectorAll("eds-button").forEach((r) => this.emitContext(r));
     }, 50);
   }
-  /**
-   * Emits a custom event called `parentContext` for a given link element.
-   * This event provides context information about the breadcrumb component.
-   *
-   * @param linkElement - The link element to which the event will be dispatched.
-   */
   emitContext(n) {
     const e = new CustomEvent("parentContext", {
       detail: {
@@ -11529,21 +13774,26 @@ const En = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-le
     });
     n.dispatchEvent(e);
   }
-  handleStepClick(n) {
-    this.step.emit(n), this.type === "linear" && (this.activeStep = n);
-  }
-  /**
-   * Parse the JSON string into an array of steps.
-   */
   get parsedSteps() {
-    return x(this.steps);
+    return R(this.steps);
+  }
+  isNextDisabledFor(n) {
+    return Array.isArray(this.disableNext) ? !!this.disableNext[n] : n === this.activeStep && !!this.disableNext;
+  }
+  /** Render the semantic heading element */
+  renderHeading(n) {
+    const e = this.headingLevel;
+    return i(e, null, n);
   }
   render() {
     const n = this.parsedSteps;
-    return this.type === "linear" ? i("div", null, i("div", { class: "steps" }, n.map((e, r) => i("div", { class: "step mb-28", key: r }, i("h3", { onClick: () => this.handleStepClick(r) }, e.title), this.activeStep === r && i("div", { class: "content" }, i("slot", { name: `step-${r}` }, i("div", { class: r === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content })), i("eds-button", { label: r === n.length - 1 ? "Finish" : "Continue", intent: "primary", class: "next-btn", onClick: this.handleNext }), i("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: r === 0, "extra-class": r === 0 ? "hidden" : "ml-8 block" })))))) : i("div", { class: "steps" }, n.map((e, r) => i("div", { class: "step mb-28", key: r }, i("h3", null, e.title), i("div", { class: "content" }, i("slot", { name: `step-${r}` }, i("div", { class: r === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content }))))));
+    return this.type === "linear" ? i("div", { class: "steps" }, n.map((e, t) => {
+      const r = t === n.length - 1;
+      return i("div", { class: "step mb-28", key: t }, this.renderHeading(e.title), this.activeStep === t && i("div", { class: "content grid gap-y-16" }, i("slot", { name: `step-${t}` }, i("div", { class: "f-body-02 text-lighter", innerHTML: e.content })), i("div", { class: "flex items-center mt-16" }, i("eds-button", { label: this.backLabel, intent: "ghost", icon: "chevron-left", iconPos: "left", iconSmall: !0, onClick: this.handleBack, disabled: t === 0, class: t === 0 ? "hidden" : "block", size: "small" }), i("eds-button", { label: r ? this.finishLabel : this.nextLabel, intent: "primary", icon: "chevron-right", iconSmall: !0, onClick: this.handleNext, disabled: this.isNextDisabledFor(t), size: "small", class: "ml-8" })), i("slot", { name: `actions-${t}` })));
+    })) : i("div", { class: "steps" }, n.map((e, t) => i("div", { class: "step mb-28", key: t }, this.renderHeading(e.title), i("div", { class: "content" }, i("slot", { name: `step-${t}` }, i("div", { class: t === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content }))))));
   }
   get el() {
-    return g(this);
+    return y(this);
   }
   static get watchers() {
     return {
@@ -11551,29 +13801,38 @@ const En = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-le
     };
   }
 };
-Ln.style = Fn;
-const In = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.mt-16{margin-top:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:0.75rem}.last\\:mb-0:last-child{margin-bottom:0rem}.last\\:mt-16:last-child{margin-top:1rem}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.p-24{padding:1.5rem}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.overflow-hidden{overflow:hidden}.space-y-8{--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.space-y-16{--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}", An = In, jn = class {
+He.style = Ne;
+const je = ".steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4,.steps h5{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before,.steps h5::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.mt-16{margin-top:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:0.75rem}.last\\:mb-0:last-child{margin-bottom:0rem}.last\\:mt-16:last-child{margin-top:1rem}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.p-24{padding:1.5rem}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.overflow-hidden{overflow:hidden}.space-y-8{--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.space-y-16{--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.ml-8{margin-left:0.5rem}.gap-y-16{row-gap:1rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.px-8{padding-left:0.5rem;padding-right:0.5rem}.pb-20{padding-bottom:1.25rem}", We = je, Be = class {
   constructor(n) {
-    d(this, n), this.step = h(this, "step", 7), this.handleNext = () => {
-      this.activeStep = this.activeStep + 1, this.activeStep < this.parsedSteps.length && this.step.emit(this.activeStep);
+    p(this, n), this.step = w(this, "step", 7), this.finished = w(this, "finished", 7), this.next = w(this, "next", 7), this.back = w(this, "back", 7), this.handleNext = () => {
+      const e = this.parsedSteps.length - 1;
+      if (this.activeStep >= e) {
+        this.finished.emit();
+        return;
+      }
+      const t = this.activeStep + 1;
+      this.next.emit(t), this.disableNext || (this.activeStep = t, this.step.emit(this.activeStep));
     }, this.handleBack = () => {
-      this.activeStep > 0 && (this.activeStep = this.activeStep - 1, this.step.emit(this.activeStep));
-    }, this.steps = [], this.type = "static", this.imageSrc = void 0, this.imageWidth = void 0, this.bg = !0, this.message = void 0, this.activeStep = 0;
+      if (this.activeStep > 0) {
+        const e = this.activeStep - 1;
+        this.back.emit(e), this.activeStep = e, this.step.emit(this.activeStep);
+      }
+    }, this.steps = [], this.type = "static", this.imageSrc = void 0, this.imageWidth = void 0, this.bg = !0, this.message = void 0, this.nextLabel = "Next", this.backLabel = "Back", this.finishLabel = "Finish", this.disableNext = !1, this.headingLevel = "h4", this.activeStep = 0;
   }
   componentDidLoad() {
     var n;
     if (this.type === "linear") {
       const e = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelectorAll("eds-button");
-      e == null || e.forEach((r) => {
-        this.emitContext(r);
+      e == null || e.forEach((t) => {
+        this.emitContext(t);
       });
     }
   }
   activeStepChanged(n) {
     setTimeout(() => {
       var e;
-      const r = (e = this.el.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll(".step")[n];
-      r && r.querySelectorAll("eds-button").forEach((l) => {
+      const t = (e = this.el.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll(".step")[n];
+      t && t.querySelectorAll("eds-button").forEach((l) => {
         this.emitContext(l);
       });
     }, 50);
@@ -11593,24 +13852,26 @@ const In = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,d
       "border-softer effect-focus-within relative rounded-lg border-2"
     ].join(" ");
   }
-  handleStepClick(n) {
-    this.step.emit(n), this.type === "linear" && (this.activeStep = n);
-  }
   /**
    * Parses the steps property into an array of Step objects.
    */
   get parsedSteps() {
-    return x(this.steps);
+    return R(this.steps);
+  }
+  /** Render the semantic heading element */
+  renderHeading(n) {
+    const e = this.headingLevel;
+    return i(e, null, n);
   }
   render() {
     const n = this.parsedSteps;
-    return i("div", { key: "bbcec2dd9a5096eb0cecf0d413892e5708822f52", class: this.articleClasses() }, this.imageSrc ? i("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, i("eds-img", { src: this.imageSrc, width: this.imageWidth, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" })) : this.message && i("div", { class: "w-full bg-[#00A595] rounded-t-lg border-2" }, i("div", { class: "p-24" }, i("span", { class: "text-inverse f-heading-04 " }, this.message))), i("div", { key: "db0618aad7d5986fcb0889f1c439be73f83a00df", class: "p-8" }, this.type === "linear" ? i("div", { class: "steps" }, n.map((e, r) => i("div", { class: r === 0 ? "step" : "step space-y-16", key: r }, i("h3", { onClick: () => this.handleStepClick(r) }, e.title), this.activeStep === r && i("div", { class: "content" }, i("slot", { name: `step-${r}` }, i("div", { class: r === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content })), i("eds-button", { label: r === n.length - 1 ? "Finish" : "Continue", intent: "primary", class: "next-btn", onClick: this.handleNext }), i("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: r === 0, "extra-class": r === 0 ? "hidden" : "ml-8 block" }))))) : (
+    return i("div", { key: "1ff00f17a85e9a3a9d7bef23694560acd77e7ee4", class: this.articleClasses() }, this.imageSrc ? i("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, i("eds-img", { src: this.imageSrc, width: this.imageWidth, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" })) : this.message && i("div", { class: "w-full bg-[#00A595] rounded-t-lg border-2" }, i("div", { class: "p-24" }, i("span", { class: "text-inverse f-heading-04 " }, this.message))), i("div", { key: "a0328e80df5d9447cfa5378eb9e45925f1f68c69", class: "pb-20 px-8" }, this.type === "linear" ? i("div", { class: "steps" }, n.map((e, t) => i("div", { class: t === 0 ? "step" : "step space-y-16", key: t }, this.renderHeading(e.title), this.activeStep === t && i("div", { class: "content grid gap-y-16" }, i("slot", { name: `step-${t}` }, i("div", { class: (t === n.length - 1, "f-body-02 text-lighter"), innerHTML: e.content })), i("div", { class: "flex items-center" }, i("eds-button", { label: this.backLabel, intent: "ghost", icon: "chevron-left", iconPos: "left", iconSmall: !0, onClick: this.handleBack, disabled: t === 0, class: t === 0 ? "hidden" : "block", size: "small" }), i("eds-button", { label: t === n.length - 1 ? this.finishLabel : this.nextLabel, intent: "primary", icon: "chevron-right", iconSmall: !0, onClick: this.handleNext, disabled: this.disableNext, size: "small", class: "ml-8" })))))) : (
       // Static mode: show all steps with their content.
-      i("div", { class: "steps space-y-8" }, n.map((e, r) => i("div", { class: "step", key: r }, i("h3", { onClick: () => this.handleStepClick(r) }, e.title), i("div", { class: "content" }, i("slot", { name: `step-${r}` }, i("div", { class: r === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content }))))))
+      i("div", { class: "steps space-y-8" }, n.map((e, t) => i("div", { class: "step", key: t }, this.renderHeading(e.title), i("div", { class: "content" }, i("slot", { name: `step-${t}` }, i("div", { class: t === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter", innerHTML: e.content }))))))
     )));
   }
   get el() {
-    return g(this);
+    return y(this);
   }
   static get watchers() {
     return {
@@ -11618,12 +13879,53 @@ const In = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,d
     };
   }
 };
-jn.style = An;
-const Pn = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-8{padding-left:0.5rem;padding-right:0.5rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.break-words{overflow-wrap:anywhere}", Wn = Pn, _n = class {
+Be.style = We;
+const qe = ":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}.switch:focus{outline:2px solid #005fcc;outline-offset:2px}.switch:focus:not(:focus-visible){outline:none}.switch:focus-visible{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}", Me = qe, Ue = class {
+  constructor(n) {
+    p(this, n), this.uiswitch = w(this, "uiswitch", 7), this.toggleSwitch = () => {
+      this.disabled || (this.checked = !this.checked, this.uiswitch.emit({ value: this.checked }), I({
+        category: "ui-component",
+        tag: this.el.tagName.toLowerCase(),
+        name: this.checked ? this.labelOn : this.labelOff || "",
+        action: "checked"
+      }));
+    }, this.handleKeyDown = (e) => {
+      this.disabled || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.toggleSwitch());
+    }, this.checked = !1, this.disabled = !1, this.labelOn = "", this.labelOff = "";
+  }
+  render() {
+    const n = `switch-${Math.random().toString(36).substr(2, 9)}`, e = [];
+    this.labelOff && e.push(`${n}-off`), this.labelOn && e.push(`${n}-on`);
+    const t = e.length === 0 ? this.labelOn || this.labelOff ? this.checked ? this.labelOn : this.labelOff : "Toggle switch" : void 0;
+    return i("div", { key: "95a833cbe8e736d7e747f6fdd8504dd8c169ea60", class: "switch-container" }, this.labelOff && i("span", { key: "a88de63c35409ab244a6cba5bd70a10728a08b2a", id: `${n}-off`, class: "switch-label switch-label--off mr-8" }, this.labelOff), i("button", { key: "d6573f05164f2b57063e9a97c3b983f32700bd7a", id: n, tabindex: this.disabled ? "-1" : "0", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false", "aria-labelledby": e.length > 0 ? e.join(" ") : void 0, "aria-label": t, class: {
+      switch: !0,
+      "switch--checked": this.checked,
+      "switch--disabled": this.disabled
+    }, onClick: this.toggleSwitch, onKeyDown: this.handleKeyDown, disabled: this.disabled }, i("span", { key: "35e6da3bb76779bfaad04d8990dec419524fb543", class: "switch-handle" })), this.labelOn && i("span", { key: "b14243d9d45dbdddb9473ad2c5696e07be9831d3", id: `${n}-on`, class: "switch-label switch-label--on ml-8" }, this.labelOn));
+  }
+  get el() {
+    return y(this);
+  }
+};
+Ue.style = Me;
+const Ve = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.p-4{padding:0.25rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-8{padding-left:0.5rem;padding-right:0.5rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.break-words{overflow-wrap:anywhere}", Ge = Ve, Ye = class {
   constructor(n) {
-    d(this, n), this.rowaction = h(this, "rowaction", 7), this.handleResize = () => {
+    p(this, n), this.rowaction = w(this, "rowaction", 7), this.handleResize = () => {
       this.updateContainerWidth();
-    }, this.data = null, this.endpoint = null, this.config = {}, this.rowsPerPage = 10, this.paginationEnabled = !0, this.searchEnabled = !1, this.hostWidth = void 0, this.columnSize = "default", this.actions = [], this.actionTemplate = void 0, this.parsedActions = [], this.dataColumns = [], this.tbData = [], this.columns = [], this.currentPage = 1, this.parsedConfig = {}, this.totalRows = 0, this.searchQuery = "", this.containerWidth = 0;
+    }, this.onActionKeyDown = (e) => {
+      var t;
+      if (e.key !== "ArrowRight" && e.key !== "ArrowLeft")
+        return;
+      e.preventDefault();
+      const r = e.target, l = r.closest('[role="toolbar"]');
+      if (!l)
+        return;
+      const s = Array.from(l.querySelectorAll("eds-button")), c = s.indexOf(r);
+      if (c === -1)
+        return;
+      let d;
+      e.key === "ArrowRight" ? d = (c + 1) % s.length : d = (c - 1 + s.length) % s.length, (t = s[d]) === null || t === void 0 || t.focus();
+    }, this.data = null, this.config = {}, this.rowsPerPage = 10, this.paginationEnabled = !0, this.searchEnabled = !1, this.hostWidth = void 0, this.columnSize = "default", this.actions = [], this.actionTemplate = void 0, this.parsedActions = [], this.dataColumns = [], this.tbData = [], this.columns = [], this.currentPage = 1, this.parsedConfig = {}, this.totalRows = 0, this.searchQuery = "", this.containerWidth = 0;
   }
   handleDataChange() {
     this.parseData();
@@ -11639,7 +13941,7 @@ const Pn = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     }
   }
   componentWillLoad() {
-    this.parseConfig(), this.handleActionsChange(), this.data ? this.parseData() : this.endpoint && this.fetchData();
+    this.parseConfig(), this.handleActionsChange(), this.parseData();
   }
   componentDidLoad() {
     this.updateContainerWidth(), window.addEventListener("resize", this.handleResize), this.setupPaginationListener();
@@ -11655,7 +13957,7 @@ const Pn = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
   }
   parseData() {
     try {
-      this.tbData = x(this.data), this.totalRows = this.tbData.length, this.updateColumns(), this.currentPage = 1;
+      this.tbData = R(this.data), this.totalRows = this.tbData.length, this.updateColumns(), this.currentPage = 1;
     } catch (n) {
       console.error("Failed to parse data:", n), this.tbData = [];
     }
@@ -11667,19 +13969,11 @@ const Pn = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
       console.error("Failed to parse config:", n), this.parsedConfig = {};
     }
   }
-  async fetchData() {
-    try {
-      const e = await (await fetch(this.endpoint)).json();
-      this.data = e;
-    } catch (n) {
-      console.error("Failed to fetch data:", n);
-    }
-  }
   setupPaginationListener() {
     if (!this.shouldEnablePagination())
       return;
     const n = this.hostEl.shadowRoot.querySelector("eds-pagination");
-    n && !n.hasAttribute("listener-attached") && (n.addEventListener("page", (e) => this.handlePageChange(e.detail)), n.setAttribute("listener-attached", "true"));
+    n && !n.hasAttribute("listener-attached") && (n.addEventListener("page", (e) => this.handlePageChange(e.detail.value)), n.setAttribute("listener-attached", "true"));
   }
   getFilteredRows() {
     return this.tbData.filter((n) => Object.values(n).some((e) => e.toString().toLowerCase().includes(this.searchQuery.toLowerCase())));
@@ -11691,7 +13985,7 @@ const Pn = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     return n.slice(e, e + this.rowsPerPage);
   }
   handlePageChange(n) {
-    this.currentPage = n, f({
+    this.currentPage = n, I({
       category: "ui-component",
       parentContext: null,
       tag: `${this.hostEl.tagName.toLowerCase()}/eds-pagination`,
@@ -11703,33 +13997,34 @@ const Pn = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     this.searchQuery = n.target.value, this.currentPage = 1;
   }
   renderCell(n, e) {
-    var r;
-    const t = (r = this.parsedConfig[e]) === null || r === void 0 ? void 0 : r.format;
-    return t === "uppercase" ? n == null ? void 0 : n.toString().toUpperCase() : t === "svg" ? i("div", { innerHTML: n }) : t === "bold" ? i("strong", null, n) : t === "code" ? i("code", null, n) : n;
+    var t;
+    const r = (t = this.parsedConfig[e]) === null || t === void 0 ? void 0 : t.format;
+    return r === "uppercase" ? n == null ? void 0 : n.toString().toUpperCase() : r === "svg" ? i("div", { innerHTML: n }) : r === "bold" ? i("strong", null, n) : r === "code" ? i("code", null, n) : n;
   }
   /**
    * Renders one action (button or checkbox) for a specific action‐name.
    * Used by the “Actions” column below.
    */
   renderSingleActionCell(n, e) {
-    var r;
-    const t = this.parsedActions.find((o) => o.name === n);
+    var t;
+    const r = this.parsedActions.find((d) => d.name === n);
     if (this.actionTemplate)
       return this.actionTemplate(e);
-    if ((t.type || "button") === "checkbox") {
-      const o = (r = t.field) !== null && r !== void 0 ? r : t.name, a = !!e[o];
-      return i("eds-input-field", { name: `chc-${n}`, label: t.label, type: "checkbox", checked: a, onChange: (s) => this.emitAction(t.name, e, s.target.checked) });
+    if ((r.type || "button") === "checkbox") {
+      const d = (t = r.field) !== null && t !== void 0 ? t : r.name, b = !!e[d];
+      return i("eds-input-field", { name: `chc-${n}`, label: r.label, type: "checkbox", checked: b, onChange: (S) => this.emitAction(r.name, e, S.target.checked) });
     }
-    return i("eds-link", { label: t.label, intent: "weak", onClick: () => this.emitAction(t.name, e) });
+    const s = r.showLabel === !0, c = i("eds-button", { icon: r.icon, label: s ? r.label : null, iconPos: "left", pill: !0, size: "small", intent: "ghost", tabIndex: 0, onClick: () => this.emitAction(r.name, e) });
+    return s ? c : i("eds-tooltip", { content: r.label }, c);
   }
-  emitAction(n, e, r) {
-    f({
+  emitAction(n, e, t) {
+    I({
       category: "ui-component",
       parentContext: null,
       tag: `${this.hostEl.tagName.toLowerCase()}/action`,
       name: n,
       action: "click"
-    }), this.rowaction.emit({ action: n, row: e, checked: !!r });
+    }), this.rowaction.emit({ action: n, row: e, checked: !!t });
   }
   shouldEnablePagination() {
     return this.paginationEnabled && this.totalRows > this.rowsPerPage;
@@ -11752,17 +14047,22 @@ const Pn = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     return n.charAt(0).toUpperCase() + n.slice(1).toLowerCase();
   }
   render() {
-    const n = this.hostWidth && this.hostWidth.trim() !== "" ? Number(this.hostWidth) : this.containerWidth || 400, e = this.getVisibleColumnsCount(), r = e > 0 ? Math.floor(n / e * this.divisionFactor()) : 100, t = this.getPaginatedRows(), l = Math.ceil(this.totalRows / this.rowsPerPage);
-    return i("div", { key: "02339fab49389741529bd4333689e15c0409aecc" }, this.searchEnabled && i("div", { key: "a056734ff7bf25d8f561a185f8cf29742643c81d" }, i("eds-input-field", { key: 1, name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (o) => this.handleSearch(o) })), i("div", { key: "cbeb04c8d91034db5b7e6386e45c2dbc87d8f6ee", class: "mt-20" }, i("table", { key: "d707ffd979bc80da882ea38ce2d43cb5dee0702e", class: "block overflow-x-auto mt-6 p-0" }, i("thead", { key: "b4087412a0da69f0b3177785fb71ef2ce1d481a6" }, i("tr", { key: "eb4463081686841b3112cab121bf3aa4dcfffe31", class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((o) => {
-      var a;
-      return o === "actions" ? i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${r - 4}px` } }) : !((a = this.parsedConfig[o]) === null || a === void 0) && a.hidden ? null : i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${r - 4}px` } }, this.capitalize(o));
-    }))), i("tbody", { key: "3c0de8287738ff638a46721ee4e0e07bceffed8f" }, t.map((o) => i("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((a) => {
-      var s;
-      return a === "actions" ? i("td", { class: "text-center border border-softer m-0 f-ui-02 break-words actions-cell", style: { minWidth: `${r - 4}px` } }, i("div", { style: { display: "flex", gap: "0.5rem", justifyContent: "center", flexWrap: "wrap" } }, this.parsedActions.map((c) => i("span", { style: { whiteSpace: "nowrap" } }, this.renderSingleActionCell(c.name, o))))) : !((s = this.parsedConfig[a]) === null || s === void 0) && s.hidden ? null : i("td", { class: "text-center border border-softer m-0 py-8 f-ui-2 break-words", style: { minWidth: `${r - 4}px` } }, this.renderCell(o[a], a));
-    })))))), this.shouldEnablePagination() && i("div", { key: "27c640dfdd0906abeb7ec77dfb7fb1d052d50093", class: "mt-20" }, i("eds-pagination", { key: "0a74448e3f59098808d8ba1696b891c4ea9a37bc", currentPage: this.currentPage, lastPage: l, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
+    const n = this.hostWidth && this.hostWidth.trim() !== "" ? Number(this.hostWidth) : this.containerWidth || 400, e = this.getVisibleColumnsCount(), t = e > 0 ? Math.floor(n / e * this.divisionFactor()) : 100, r = this.getPaginatedRows(), l = Math.ceil(this.totalRows / this.rowsPerPage);
+    return i("div", { key: "67cfdabc741af13585699e43e67ba0d204a60706" }, this.searchEnabled && i("div", { key: "208240b9832f9b2e9645cc9d7315a43bd47b54b3" }, i("eds-input-field", { key: 1, icon: "search", name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (s) => this.handleSearch(s) })), i("div", { key: "893924497d1535b7d29bc0b64ba48f4a3e366c43", class: "mt-20" }, i("table", { key: "a019fa4f2886d4c2aa4bddc88dc7b6d7aa63fdcb", class: "block overflow-x-auto mt-6 p-0" }, i("thead", { key: "a6360fea59c605878e443a23cf45d0f8a9644140" }, i("tr", { key: "09702e8838f32c52bf6314b59ec598c6fa55d609", class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((s) => {
+      var c;
+      return s === "actions" ? i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${t - 4}px` } }) : !((c = this.parsedConfig[s]) === null || c === void 0) && c.hidden ? null : i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${t - 4}px` } }, this.capitalize(s));
+    }))), i("tbody", { key: "5cdb3697e6c84921a823b40714a497f02c82e360" }, r.map((s) => i("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((c) => {
+      var d;
+      return c === "actions" ? i("td", { class: "text-center border border-softer m-0 f-ui-02 break-words actions-cell", style: { minWidth: `${t - 4}px` } }, i("div", { role: "toolbar", "aria-label": "Row actions", onKeyDown: this.onActionKeyDown, style: {
+        display: "flex",
+        gap: "0.5rem",
+        justifyContent: "center",
+        flexWrap: "wrap"
+      } }, this.parsedActions.map((b) => i("span", { style: { whiteSpace: "nowrap" } }, this.renderSingleActionCell(b.name, s))))) : !((d = this.parsedConfig[c]) === null || d === void 0) && d.hidden ? null : i("td", { class: "text-center border border-softer m-0 py-8 f-ui-2 break-words", style: { minWidth: `${t - 4}px` } }, this.renderCell(s[c], c));
+    })))))), this.shouldEnablePagination() && i("div", { key: "f5af2cd6e65c3ed55ec2810ec4b1e3f891866271", class: "mt-20" }, i("eds-pagination", { key: "32965384707df502fb197712c73bb290e38ce040", currentPage: this.currentPage, lastPage: l, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
   }
   get hostEl() {
-    return g(this);
+    return y(this);
   }
   static get watchers() {
     return {
@@ -11772,17 +14072,17 @@ const Pn = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     };
   }
 };
-_n.style = Wn;
-const Tn = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(147 197 253 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;}::before,::after{--tw-content:''}a{color:inherit;text-decoration:inherit}.relative{position:relative}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.whitespace-nowrap{white-space:nowrap}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.focus-visible\\:text-default:focus-visible{color:var(--black)}.hover\\:text-default:hover{color:var(--black)}.border-2{border-width:2px}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.after\\:bottom-0::after{bottom:0rem}.after\\:border-0::after{border-width:0px}.after\\:border-b-2::after{border-bottom-width:2px}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:rounded-lg::after{border-radius:16px}.after\\:border-solid::after{border-style:solid}.after\\:border-3::after{border-width:3px}.after\\:border-accent::after{border-color:var(--green-500)}.after\\:opacity-0::after{opacity:0}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:after\\:opacity-100:focus-visible::after{opacity:1}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-tl-lg{border-top-left-radius:16px}.rounded-tr-lg{border-top-right-radius:16px}.border-l-0{border-left-width:0px}.border-r-0{border-right-width:0px}.pr-28{padding-right:1.75rem}.pl-28{padding-left:1.75rem}.-mr-16{margin-right:-1rem}.-ml-16{margin-left:-1rem}.px-16{padding-left:1rem;padding-right:1rem}.py-12{padding-top:0.75rem;padding-bottom:0.75rem}.after\\:left-16::after{left:1rem}.after\\:right-16::after{right:1rem}.text-lighter{color:var(--grey-600)}.bg-dark{background-color:var(--grey-300)}.hover\\:bg-darker:hover{background-color:var(--grey-400)}.border-soft{border-color:var(--grey-400)}.border-softest{border-color:rgba(0, 0, 0, .05)}.bg-default{background-color:var(--grey-200)}.text-default{color:var(--black)}.z-99{z-index:99}.before\\:bottom-0::before{bottom:0rem}.before\\:h-12::before{height:0.75rem}.before\\:opacity-5::before{opacity:0.05}.before\\:content-\\[\\'\\'\\]::before{--tw-content:'';content:var(--tw-content)}.before\\:absolute::before{position:absolute}.before\\:-bottom-2::before{bottom:-0.125rem}.after\\:inset-x-0::after{left:0rem;right:0rem}.before\\:inset-x-0::before{left:0rem;right:0rem}.before\\:h-3::before{height:0.1875rem}.before\\:bg-default::before{background-color:var(--grey-200)}.after\\:border-softest::after{border-color:rgba(0, 0, 0, .05)}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.before\\:bg-gradient-y::before{background:linear-gradient(to bottom, transparent, ease-in-out, black)}.scroller-x{-ms-overflow-style:none;scrollbar-width:none}.overflow-x-auto{overflow-x:auto}.max-w-xxxl{max-width:2200px}.z-1{z-index:1}.mx-auto{margin-left:auto;margin-right:auto}.pt-8{padding-top:0.5rem}.pr-16{padding-right:1rem}.pl-16{padding-left:1rem}.inline-flex{display:inline-flex}@media (min-width: 900px){.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}}@media (min-width: 2200px){.xxxl\\:px-0{padding-left:0rem;padding-right:0rem}}", On = Tn, $n = class {
+Ye.style = Ge;
+const Xe = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(147 197 253 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;}::before,::after{--tw-content:''}a{color:inherit;text-decoration:inherit}.relative{position:relative}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.whitespace-nowrap{white-space:nowrap}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus:focus-visible{outline-style:solid}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.focus-visible\\:text-default:focus-visible{color:var(--black)}.hover\\:text-default:hover{color:var(--black)}.border-2{border-width:2px}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.after\\:bottom-0::after{bottom:0rem}.after\\:border-0::after{border-width:0px}.after\\:border-b-2::after{border-bottom-width:2px}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:rounded-lg::after{border-radius:16px}.after\\:border-solid::after{border-style:solid}.after\\:border-3::after{border-width:3px}.after\\:border-accent::after{border-color:var(--green-500)}.after\\:opacity-0::after{opacity:0}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:after\\:opacity-100:focus-visible::after{opacity:1}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-tl-lg{border-top-left-radius:16px}.rounded-tr-lg{border-top-right-radius:16px}.border-l-0{border-left-width:0px}.border-r-0{border-right-width:0px}.border-b-0{border-bottom-width:0px}.pr-28{padding-right:1.75rem}.pl-28{padding-left:1.75rem}.-mr-16{margin-right:-1rem}.-ml-16{margin-left:-1rem}.px-16{padding-left:1rem;padding-right:1rem}.py-12{padding-top:0.75rem;padding-bottom:0.75rem}.after\\:left-16::after{left:1rem}.after\\:right-16::after{right:1rem}.text-lighter{color:var(--grey-600)}.bg-dark{background-color:var(--grey-300)}.hover\\:bg-darker:hover{background-color:var(--grey-400)}.border-soft{border-color:var(--grey-400)}.border-softest{border-color:rgba(0, 0, 0, .05)}.bg-default{background-color:var(--grey-200)}.text-default{color:var(--black)}.z-99{z-index:99}.after\\:z-10::after{z-index:10}.before\\:bottom-0::before{bottom:0rem}.before\\:h-12::before{height:0.75rem}.before\\:opacity-5::before{opacity:0.05}.before\\:content-\\[\\'\\'\\]::before{--tw-content:'';content:var(--tw-content)}.before\\:absolute::before{position:absolute}.before\\:-bottom-2::before{bottom:-0.125rem}.after\\:inset-x-0::after{left:0rem;right:0rem}.before\\:inset-x-0::before{left:0rem;right:0rem}.before\\:h-3::before{height:0.1875rem}.before\\:bg-default::before{background-color:var(--grey-200)}.after\\:border-soft::after{border-color:rgba(0, 0, 0, .15 )}.after\\:border-softest::after{border-color:rgba(0, 0, 0, .05)}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.before\\:bg-gradient-y::before{background:linear-gradient(to bottom, transparent, ease-in-out, black)}.scroller-x{-ms-overflow-style:none;scrollbar-width:none}.overflow-x-auto{overflow-x:auto}.max-w-xxxl{max-width:2200px}.z-1{z-index:1}.mx-auto{margin-left:auto;margin-right:auto}.pt-8{padding-top:0.5rem}.pr-16{padding-right:1rem}.pl-16{padding-left:1rem}.inline-flex{display:inline-flex}@media (min-width: 900px){.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}}@media (min-width: 2200px){.xxxl\\:px-0{padding-left:0rem;padding-right:0rem}}", Ke = Xe, Ze = class {
   constructor(n) {
-    d(this, n), this.tab = h(this, "tab", 7), this.tabCva = m([
+    p(this, n), this.tab = w(this, "tab", 7), this.tabRefs = [], this.setTabRef = (e, t) => {
+      e && (this.tabRefs[t] = e);
+    }, this.tabCva = N([
       "relative py-12",
       "f-ui-03 whitespace-nowrap",
-      "effect-color",
+      "effect-color effect-focus",
       "focus-visible:text-default hover:text-default",
-      "border-2",
-      "after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:opacity-0",
-      "outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"
+      "border-2"
     ], {
       variants: {
         position: {
@@ -11792,7 +14092,10 @@ const Tn = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
           right: "pl-28 pr-16 rounded-tr-lg border-l-0 -ml-16 after:left-16"
         },
         active: {
-          false: "text-lighter bg-dark hover:bg-darker border-softest after:border-0",
+          false: [
+            "text-lighter bg-dark hover:bg-darker border-softest border-b-0 z-1",
+            "after:content-[''] after:absolute after:bottom-0 after:inset-x-0 after:h-2 after:border-soft"
+          ],
           true: [
             "bg-default text-default z-99",
             "rounded-t-lg",
@@ -11804,28 +14107,25 @@ const Tn = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
     }), this.identifier = void 0, this.navAriaLabel = "Tabs", this.tabs = void 0, this.parsedTabs = [], this.activeIndex = -1;
   }
   componentWillLoad() {
-    this.parseTabs(), this.setActiveIndex(), this.tab.emit({ tabId: this.identifier, index: 0 });
+    this.parseTabs(), this.setActiveIndex(), this.tab.emit({ tabId: this.identifier, index: this.activeIndex });
   }
   /**
-   * Parses the `links` prop into an array of link objects.
-   * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
-   *
-   * @returns {any[]} Array of parsed link objects
-   */
-  /**
-   * Parses the `links` prop into an array of link objects.
-   * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
+   * Parses the `tabs` prop into an array of tab objects.
+   * Returns an empty array if parsing fails or if `tabs` is not a valid JSON string or object.
    *
-   * @returns {any[]} Array of parsed link objects
+   * @returns {any[]} Array of parsed tab objects
    */
   parseTabs() {
-    this.parsedTabs = x(this.tabs);
+    this.parsedTabs = R(this.tabs), this.tabRefs = [];
   }
   componentDidLoad() {
     this.scrollToActiveTab();
   }
+  componentDidUpdate() {
+    this.tabRefs.length !== this.parsedTabs.length && (this.tabRefs = new Array(this.parsedTabs.length).fill(null));
+  }
   setActiveIndex() {
-    this.activeIndex = this.parsedTabs.findIndex((n) => n.active);
+    this.activeIndex = this.parsedTabs.findIndex((n) => n.active), this.activeIndex === -1 && this.parsedTabs.length > 0 && (this.activeIndex = 0, this.parsedTabs[0].active = !0);
   }
   scrollToActiveTab() {
     var n;
@@ -11838,30 +14138,51 @@ const Tn = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
     }, 316);
   }
   getTabOptions(n, e) {
-    const r = n ? "center" : this.activeIndex === -1 && e === 0 ? "first" : e < this.activeIndex ? "left" : "right";
-    return Object.assign({ class: this.tabCva({
-      active: n,
-      position: r
-    }), style: {
-      zIndex: `${n ? this.parsedTabs.length + 99 : r === "left" ? e : this.parsedTabs.length + 1 - e}`
+    const t = n ? "center" : this.activeIndex === -1 && e === 0 ? "first" : e < this.activeIndex ? "left" : "right", r = t === "left" ? e : this.parsedTabs.length + 1 - e, l = n ? this.parsedTabs.length + 99 : Math.max(r, 1);
+    return Object.assign({ class: this.tabCva({ active: n, position: t }), style: {
+      // stringify the number so it matches { [key: string]: string }
+      zIndex: `${l}`
     } }, n ? { "data-tab-active": "true" } : {});
   }
-  handleTabClick(n, e) {
-    this.activeIndex = n, this.parsedTabs = this.parsedTabs.map((r, t) => Object.assign(Object.assign({}, r), { active: t === n })), this.tab.emit({ tabId: this.identifier, index: n, name: e }), f({
+  handleTabClick(n, e, t = !0) {
+    n < 0 || n >= this.parsedTabs.length || (this.activeIndex = n, this.parsedTabs = this.parsedTabs.map((r, l) => Object.assign(Object.assign({}, r), { active: l === n })), this.tab.emit({ tabId: this.identifier, index: n, name: e }), t && I({
       category: "ui-component",
       tag: this.el.tagName.toLowerCase(),
       name: (e == null ? void 0 : e.toLowerCase()) || "",
       action: "click"
-    });
+    }), t && this.tabRefs[n] && setTimeout(() => {
+      var r;
+      (r = this.tabRefs[n]) === null || r === void 0 || r.focus();
+    }, 0));
+  }
+  onKeyDown(n, e) {
+    let t = e;
+    switch (n.key) {
+      case "ArrowRight":
+        t = (e + 1) % this.parsedTabs.length, n.preventDefault();
+        break;
+      case "ArrowLeft":
+        t = (e - 1 + this.parsedTabs.length) % this.parsedTabs.length, n.preventDefault();
+        break;
+      case "Home":
+        t = 0, n.preventDefault();
+        break;
+      case "End":
+        t = this.parsedTabs.length - 1, n.preventDefault();
+        break;
+      default:
+        return;
+    }
+    t !== e && this.handleTabClick(t, this.parsedTabs[t].label, !0);
   }
   render() {
-    return i("div", { key: "ef6902f4dafc40f290f8b63627f4534d665aa01d", id: `${this.identifier}` }, i("div", { key: "a120ea68061894c2d9e2e3f0b8e61f53732c8753", class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, i("nav", { key: "fb2bb608addcc777a55be828367e92268c676e16", ref: (n) => this.tabContainer = n, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, e) => {
-      const r = n.active ? "span" : "a", t = this.getTabOptions(n.active, e);
-      return i(r, Object.assign({}, t, { "aria-label": n.label, "aria-current": e === this.activeIndex, onClick: () => this.handleTabClick(e, n.label) }), n.label || n.ariaLabel);
-    }))), i("div", { key: "82d6a43a9c326b6be73c81205201b18f148641ad", class: "tab-panels" }, this.parsedTabs.map((n, e) => i("div", { hidden: e !== this.activeIndex }, i("slot", { name: `panel-${e}` })))));
+    return i("div", { key: "7cb51cf475d45ee3e43877ee4d42565f5930613a", id: `${this.identifier}` }, i("div", { key: "4f3c6d23f9084f07e5728b72310b96798d20b724", class: "scroller-x overflow-x-auto relative z-[1] mx-auto px-16 pt-8 lg:px-28 after:border-soft before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, i("nav", { key: "4d55e72e9f437cef8be06931445f619196a973a7", role: "tablist", ref: (n) => this.tabContainer = n, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, e) => {
+      const t = "button", r = this.getTabOptions(n.active, e), l = e === this.activeIndex;
+      return i(t, Object.assign({}, r, { type: "button", role: "tab", "aria-selected": n.active ? "true" : "false", tabIndex: l ? 0 : -1, "aria-label": n.ariaLabel || n.label, "aria-controls": `panel-${e}`, id: `tab-${e}`, ref: (s) => this.setTabRef(s, e), onClick: () => this.handleTabClick(e, n.label, !0), onKeyDown: (s) => this.onKeyDown(s, e) }), n.label || n.ariaLabel);
+    }))), i("div", { key: "e75f877da39c25e912853fea5dc2438fc15c67b5", class: "tab-panels" }, this.parsedTabs.map((n, e) => i("div", { role: "tabpanel", id: `panel-${e}`, "aria-labelledby": `tab-${e}`, hidden: e !== this.activeIndex, tabIndex: e === this.activeIndex ? 0 : -1, class: "effect-focus" }, i("slot", { name: `panel-${e}` })))));
   }
   get el() {
-    return g(this);
+    return y(this);
   }
   static get watchers() {
     return {
@@ -11869,8 +14190,8 @@ const Tn = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
     };
   }
 };
-$n.style = On;
-const Hn = ".f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.py-3{padding-top:0.1875rem;padding-bottom:0.1875rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.px-5{padding-left:0.3125rem;padding-right:0.3125rem}.px-6{padding-left:0.375rem;padding-right:0.375rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-accent{background-color:var(--green-500)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}", Dn = Hn, qn = m(
+Ze.style = Ke;
+const Je = ".f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.py-3{padding-top:0.1875rem;padding-bottom:0.1875rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.px-5{padding-left:0.3125rem;padding-right:0.3125rem}.px-6{padding-left:0.375rem;padding-right:0.375rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-accent{background-color:var(--green-500)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}", Qe = Je, nt = N(
   ["border-2 rounded-pill"],
   // Base classes
   {
@@ -11898,19 +14219,19 @@ const Hn = ".f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-u
       size: "small"
     }
   }
-), Rn = class {
+), et = class {
   constructor(n) {
-    d(this, n), this.label = void 0, this.intent = "default", this.size = "small";
+    p(this, n), this.label = void 0, this.intent = "default", this.size = "small";
   }
   render() {
-    const n = qn({ intent: this.intent, size: this.size });
-    return i("span", { key: "153cb5a6ab669555dd8e5815413dc0d1be5bee6d", class: n }, this.label);
+    const n = nt({ intent: this.intent, size: this.size });
+    return i("span", { key: "e3fe041e8783a7d1bb5a281eb154e3c07851da38", class: n }, this.label);
   }
 };
-Rn.style = Dn;
-const Bn = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),
+et.style = Qe;
+const tt = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),
         0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),
-        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}`, Nn = Bn, Mn = m(["relative bottom-4 w-auto p-12 rounded-lg shadow-md"], {
+        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}`, it = tt, rt = N(["relative bottom-4 w-auto p-12 rounded-lg shadow-md"], {
   variants: {
     intent: {
       default: "bg-dark text-light",
@@ -11922,9 +14243,9 @@ const Bn = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:
   defaultVariants: {
     intent: "default"
   }
-}), Vn = class {
+}), lt = class {
   constructor(n) {
-    d(this, n), this.toast = h(this, "toast", 7), this.dismissToast = () => {
+    p(this, n), this.toast = w(this, "toast", 7), this.dismissToast = () => {
       this.toast.emit({ visible: !1, label: "dismissed" }), this.visible = !1;
     }, this.message = void 0, this.intent = "default", this.duration = void 0, this.visible = !0;
   }
@@ -11956,17 +14277,45 @@ const Bn = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:
   render() {
     if (!this.visible)
       return null;
-    const n = Mn({ intent: this.intent });
+    const n = rt({ intent: this.intent });
     return i("div", { class: n, role: "alert", "aria-live": "assertive" }, i("div", { class: "flex items-center justify-between gap-4" }, i("span", { class: "f-ui-01" }, this.message), i("eds-button", { intent: "tertiary", icon: "close", "aria-label": "Close Toast", onClick: () => this.dismissToast(), "extra-class": "ml-8" })));
   }
   get el() {
-    return g(this);
+    return y(this);
+  }
+};
+lt.style = it;
+const ot = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-xs{border-radius:4px}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.left-1\\/2{left:50%}.z-10{z-index:10}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.p-6{padding:0.375rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.top-full{top:100%}.bottom-full{bottom:100%}.right-full{right:100%}.left-full{left:100%}.mr-2{margin-right:0.125rem}.ml-2{margin-left:0.125rem}.mt-2{margin-top:0.125rem}.mb-2{margin-bottom:0.125rem}.opacity-0{opacity:0}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-150{transition-duration:150ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.group:hover .group-hover\\:opacity-100{opacity:1}.max-w-\\[20rem\\]{max-width:20rem}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word}.w-full{width:100%}", at = ot, st = class {
+  constructor(n) {
+    p(this, n), this.content = void 0, this.position = "top";
+  }
+  /** fire analytics on every hover */
+  handleHover() {
+    I({
+      category: "ui-component",
+      tag: this.el.tagName.toLowerCase(),
+      name: this.content.toLowerCase(),
+      action: "hover"
+    });
+  }
+  render() {
+    const n = this.position === "bottom" ? "top-full mt-2" : "bottom-full mb-2";
+    return i("div", { key: "135df7d17db03fb3bb7bbcc50ad9ee5d84a2bca2", class: "relative w-full inline-block group" }, i("slot", { key: "4c12874eeb942e33f9c62ea6f1077fd051f683b6" }), i("div", { key: "8bb7173d16889b2ae550dc0269d9e47e1dae00ac", class: `absolute ${n}
+            rounded-xs bg-strongest text-inverse 
+            f-ui-03-light pointer-events-none 
+            z-10 px-4 opacity-0 transition-opacity duration-150 ease-in-out
+            group-hover:opacity-100 whitespace-normal break-words`, role: "tooltip" }, this.content));
+  }
+  get el() {
+    return y(this);
   }
 };
-Vn.style = Nn;
-const Un = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.text-default{color:var(--black)}.min-w-\\[280px\\]{min-width:280px}.p-8{padding:0.5rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.gap-y-8{row-gap:0.5rem}.pb-16{padding-bottom:1rem}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1 )}.max-w-full{max-width:100%}.w-full{width:100%}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.mt-16{margin-top:1rem}", Yn = Un, Xn = class {
+st.style = at;
+const dt = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.text-default{color:var(--black)}.min-w-\\[280px\\]{min-width:280px}.p-8{padding:0.5rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.gap-y-8{row-gap:0.5rem}.pb-16{padding-bottom:1rem}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1 )}.max-w-full{max-width:100%}.w-full{width:100%}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.mt-16{margin-top:1rem}", ct = dt, gt = class {
   constructor(n) {
-    d(this, n), this.user = void 0;
+    p(this, n), this.handleDropdown = (e) => {
+      this.expanded = e.detail.expanded;
+    }, this.user = void 0, this.intent = "tertiary", this.expanded = !1;
   }
   /**
    * Helper getter to ensure we work with a User object.
@@ -11983,44 +14332,52 @@ const Un = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex
   async componentWillLoad() {
   }
   get initials() {
-    var n, e, r, t;
+    var n, e, t, r;
     const l = this.parsedUser;
-    return `${((n = l.given_name) === null || n === void 0 ? void 0 : n.charAt(0)) || ""}${((e = l.family_name) === null || e === void 0 ? void 0 : e.charAt(0)) || ""}`.toUpperCase() || ((t = (r = l.name) === null || r === void 0 ? void 0 : r.charAt(0)) === null || t === void 0 ? void 0 : t.toUpperCase()) || "";
+    return `${((n = l.given_name) === null || n === void 0 ? void 0 : n.charAt(0)) || ""}${((e = l.family_name) === null || e === void 0 ? void 0 : e.charAt(0)) || ""}`.toUpperCase() || ((r = (t = l.name) === null || t === void 0 ? void 0 : t.charAt(0)) === null || r === void 0 ? void 0 : r.toUpperCase()) || "";
   }
   render() {
-    const n = this.parsedUser;
-    return i("div", { key: "e1413d070d6f5ce0a5f7a45e8eed7a27941bda10", class: "block" }, i("div", { key: "f59cf79c2f09069d9e5bbae2bc126a0e3ef23564", class: "flex items-center" }, i("eds-dropdown", { key: "7316554277baffb16b6a2cc0ab0b4606a46ccfc8", label: `Hi, ${n.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, i("div", { key: "df80f62cd5c6e0876fcc20c54dbd25d6db031ce0", class: "min-w-[280px] p-8" }, i("div", { key: "34f0bd24c4c8ec55d5e99f77d0378bc14fb6943f", class: "flex gap-x-16" }, i("eds-avatar", { key: "73e45e3d20d02711af982a7a801cb7d6e18e201e", "first-name": n.given_name, "last-name": n.family_name, initials: this.initials, color: "grey" }), i("div", { key: "1070df12372893476cc5ed2909ac735d0655cdb7", class: "max-w-full" }, n.name && i("p", { key: "4d6ca560545810da42d6acd5780c354565dc0d2d", class: "f-ui-01 text-default w-full text-ellipsis" }, n.name), n.preferred_username && i("p", { key: "f7e618449d15fc899484afda94e7837408f0b251", class: "f-ui-03-light text-light mt-4" }, n.preferred_username), n.email && i("p", { key: "e6ca46f9863cea6d6bfa7021ead181509a5806f0", class: "f-ui-03-light text-light mt-4" }, n.email))), i("eds-block-break", { key: "76c0ba26ef63e046b7a01e12332b812ad5873776" }), i("div", { key: "448e592221de4406477bb0eb6bc84975699008f3", class: "text-default flex w-full flex-col gap-y-8" }, i("slot", { key: "47e2d49bef131c827f49d3eaf68f6a09ba948707" }))))));
+    const n = this.parsedUser, e = this.expanded ? "chevron-down" : "chevron-right";
+    return i("div", { key: "965387104c4bd6cd3223c08f16d90146c098594c", class: "block" }, i("div", { key: "37fe5539cb058112ebe0d910439acb55b5abccd8", class: "flex items-center" }, i("eds-dropdown", { key: "17afc8dbae191aec1202ba04d85c41ed656a8c5b", label: `Hi, ${n.preferred_username}`, intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: e, class: "text-default", onDropdown: this.handleDropdown }, i("div", { key: "0228c1728b0b73e2504d2608339f9be408be09b8", class: "min-w-[280px] p-8" }, i("div", { key: "b83148ff8249bde91842b036da5506f9f5cbb145", class: "flex gap-x-16" }, i("eds-avatar", { key: "243a05bae2e4e592dc386b1897d824232d0bcfa6", "first-name": n.given_name, "last-name": n.family_name, initials: this.initials, color: "black" }), i("div", { key: "6938f54621aa89e61aa6639e8c88af4e262e0fec", class: "max-w-full" }, n.name && i("p", { key: "224ce5cf6819a9dd0c3794410a94da30cc4213bf", class: "f-ui-01 text-default w-full text-ellipsis" }, n.name), n.preferred_username && i("p", { key: "096ac761149763ef4305ef5e9bf1f4b593a0fe4f", class: "f-ui-03-light text-light mt-4" }, n.preferred_username), n.email && i("p", { key: "79f7da3c6c5efc1f521991c403184cf050b3d2e7", class: "f-ui-03-light text-light mt-4" }, n.email))), i("div", { key: "52ce98bcc290902605ebd427ee8ab72ac9af3d62", class: "text-default flex w-full flex-col gap-y-8" }, i("slot", { key: "88d1b250c434830347e0eb813214382ce899c485" }))))));
   }
   get hostEl() {
-    return g(this);
+    return y(this);
   }
 };
-Xn.style = Yn;
+gt.style = ct;
 export {
-  W as eds_avatar,
-  O as eds_block_break,
-  D as eds_button,
-  B as eds_dropdown,
-  J as eds_form,
-  Z as eds_header,
-  ee as eds_icon_wrapper,
-  rn as eds_img,
-  ie as eds_input,
-  on as eds_input_field,
-  dn as eds_input_footer,
-  hn as eds_input_label,
-  re as eds_input_range,
-  te as eds_input_search,
-  le as eds_input_select,
-  mn as eds_link,
-  yn as eds_logo,
-  kn as eds_pagination,
-  Sn as eds_rating,
-  Ln as eds_steps,
-  jn as eds_steps_v2,
-  _n as eds_table,
-  $n as eds_tabs,
-  Rn as eds_tag,
-  Vn as eds_toast,
-  Xn as eds_user
+  En as eds_accordion,
+  In as eds_alert,
+  Tn as eds_avatar,
+  Rn as eds_block_break,
+  Nn as eds_breadcrumb,
+  Wn as eds_button,
+  Mn as eds_code_block,
+  Gn as eds_dropdown,
+  te as eds_form,
+  le as eds_header,
+  xt as eds_icon_wrapper,
+  se as eds_img,
+  yt as eds_input,
+  ge as eds_input_field,
+  be as eds_input_footer,
+  pe as eds_input_label,
+  vt as eds_input_range,
+  wt as eds_input_search,
+  kt as eds_input_select,
+  we as eds_link,
+  Ce as eds_logo,
+  Fe as eds_matomo_notice,
+  Le as eds_nps,
+  $e as eds_pagination,
+  De as eds_rating,
+  He as eds_steps,
+  Be as eds_steps_v2,
+  Ue as eds_switch,
+  Ye as eds_table,
+  Ze as eds_tabs,
+  et as eds_tag,
+  lt as eds_toast,
+  st as eds_tooltip,
+  gt as eds_user
 };