@ebrains/vue 2.3.1 → 2.4.1

package/{eds-accordion_36.entry-OIRzmPqH.mjs → eds-accordion_37.entry-iqVtN8HO.mjs}

@@ -1,12 +1,12 @@
-import { r as m, c as v, h as i, g as y, H as ln } from "./index-D2V9qb42.mjs";
-import { s as A, m as fn, a as en } from "./analytics-d99780e3-Bay18Oil.mjs";
+import { r as u, c as v, h as i, g as y, H as Z } from "./index-CIU5mTWe.mjs";
+import { s as A, m as fn, a as tn } from "./analytics-d99780e3-Bay18Oil.mjs";
 import { c as P } 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 pn, b as un, c as mn, 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 {
+import { p as N } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
+import { h as rn } from "./logo-color-7f1fd803-CFgbXdt8.mjs";
+import { h as bn, a as mn, b as pn, c as un, 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, zn = class {
   constructor(n) {
-    m(this, n), this.accordion = v(this, "accordion", 7), this.handleClick = () => {
+    u(this, n), this.accordion = v(this, "accordion", 7), this.handleClick = () => {
       var e;
       this.isExpanded = !this.isExpanded, this.accordion.emit(this.isExpanded), this.setPanelHeight(), A({
         category: "ui-component",
@@ -37,17 +37,17 @@ const Sn = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset
    * Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
    */
   render() {
-    return i("div", { key: "d162692cb9a99b6a1b9b736b828214c9d425046e", ref: (n) => this.wrapperRef = n, class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+    return i("div", { key: "095474500f7c60f20e4d737188001d2f3084dbcc", 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: "3770e241daa7e4696c5481c97965fb2ebe0b17f9", 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: "56b7b70d16cf3f944bf3cec878bd15c3e18b399b", class: "ml-auto" }, i("eds-button", { key: "4b770831f155f7e77a424b9dd3ec0a8708a0859f", 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: "c75c4d840bc8be25ee7590d90e3290faf090fdf0", 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: "b78b8f7fa93a85c886136cac8119d7b94de2a129", 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: "75ba9a9a7082b4ded3dacd6cbaa9ceb3688c5045", ref: (n) => this.childContentRef = n, class: "accordion-content effect-color pt-4", "aria-hidden": !this.isExpanded }, i("span", { key: "e08cefc1d6fe7f3d162de86a17646d88a8686d83", class: `${!this.isExpanded && this.clampText ? "line-clamp-2" : ""}` }, i("slot", { key: "77d3a7fb997a9f313e3013a17f87c28f7ff8adad" }))))));
+          ${this.description ? "min-h-56" : ""}` }, i("h3", { key: "f090fbe3632df8302046f1178e82b8affc4cc821", 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: "0a30ab8c27cadbb342fc57f6393111c84f10a664", class: "ml-auto" }, i("eds-button", { key: "01f4658df8181b63b71a2e0d2a67e8f8b58efbb7", 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: "9f3b5a0e425c2dffe3b6fe40fa33b020d64256d8", 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: "414735d7d982de76d8a1b8db24aa9a569eba37c7", id: "accordionSection", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${this.isExpanded ? "" : "overflow-hidden"}`, style: { height: this.isExpanded ? "auto" : "0" } }, i("div", { key: "11097a0646b18f728af494c14aa4cc0e5335defe", ref: (n) => this.childContentRef = n, class: "accordion-content effect-color pt-4", "aria-hidden": !this.isExpanded }, i("span", { key: "88414c40490aa77166d23868f16556b9356279a7", class: `${!this.isExpanded && this.clampText ? "line-clamp-2" : ""}` }, i("slot", { key: "8070a7676ca8fba065f813852a2e0cf4146f3374" }))))));
   }
   get el() {
     return y(this);
   }
 };
-En.style = Cn;
-const zn = `*,
+zn.style = Cn;
+const En = `*,
 ::before,
 ::after {
   box-sizing: border-box;
@@ -211,7 +211,7 @@ p {
 
 .after\\:border-softest::after {
   border-color: rgba(0, 0, 0, .05);
-}`, Fn = zn, In = P(["w-full bg-dark"], {
+}`, Fn = En, In = P(["w-full bg-dark"], {
   variants: {
     intent: {
       default: "",
@@ -261,7 +261,7 @@ p {
   }
 }), An = class {
   constructor(n) {
-    m(this, n), this.edsalert = v(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;
+    u(this, n), this.edsalert = v(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;
@@ -285,12 +285,12 @@ p {
   }
   render() {
     const n = this.intent !== "default" ? `${this.intent} alert` : "alert";
-    return i("div", { key: "33781ae5fb8504158e8fe780a76d89566a39e914", class: In({
+    return i("div", { key: "d8f0a45ddbaf3d3eb284751e33ddfdce2e13b67a", class: In({
       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: "fb3a1d216279b4076b09ef9544d37c5229b4d706", id: "alert-message", class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn && i("div", { key: "a5edd833ae3924f41edb17068090eeeb4e9f9cfd", 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() })));
+    }), 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: "179862c141a2ce05fa9f8562be7e64196baa3922", id: "alert-message", class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn && i("div", { key: "3677358bd563a3e2ee1b74309dc4fb6c84ac475f", 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);
@@ -500,7 +500,7 @@ abbr:where([title]) {
     background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);
 }`, _n = Ln, Tn = class {
   constructor(n) {
-    m(this, n), this.firstName = "User", this.lastName = "Avatar", this.picture = void 0, this.initials = void 0, this.color = "grey";
+    u(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`.
@@ -544,22 +544,22 @@ abbr:where([title]) {
    * @returns {JSX.Element} The rendered avatar component.
    */
   render() {
-    return i("div", { key: "d29c110e340567236716e77c4f003bec5c70ee63", 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: "7b5bf31c794c9bbddd2976fdd5a273842a75603a", 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 Dn = ".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}", $n = Dn, Rn = class {
+const Dn = ".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}", $n = Dn, Nn = class {
   constructor(n) {
-    m(this, n), this.inverse = !1;
+    u(this, n), this.inverse = !1;
   }
   render() {
-    return i("hr", { key: "0e2ec4b9c8b70ff9b65e6c4f2af42f198b1eb7d0", class: `${this.inverse ? "border-default" : "border-softer"}  my-16 inline-block w-full border-t-2` });
+    return i("hr", { key: "dd9b98d66f195135ff2fb1374a56d4c670e43d3e", class: `${this.inverse ? "border-default" : "border-softer"}  my-16 inline-block w-full border-t-2` });
   }
 };
-Rn.style = $n;
-const On = "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}}", Nn = On, Pn = class {
+Nn.style = $n;
+const On = "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}}", Rn = On, Pn = class {
   constructor(n) {
-    m(this, n), this.updateScreenSize = () => {
+    u(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;
@@ -568,7 +568,7 @@ const On = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset
    * Watches for changes to the `items` prop and parses it.
    */
   parseItems(n) {
-    this.parsedItems = R(n);
+    this.parsedItems = N(n);
   }
   /**
    * Lifecycle method that runs when the component is about to be loaded.
@@ -638,7 +638,7 @@ const On = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset
    */
   render() {
     const n = this.getTruncatedItems();
-    return i("nav", { key: "27ddf744a07f1b697e549cdc6d2a66f65ebe6386", "aria-label": "Breadcrumb" }, i("ol", { key: "43ac089290c0a6f9b3c5cd629def8540966637b8", class: "flex items-center space-x-2" }, n.map((e, t) => {
+    return i("nav", { key: "4894fb9e6b37ef84880a62f4dcd3289dcb9cab38", "aria-label": "Breadcrumb" }, i("ol", { key: "d69405fcee024465d645d9cdbb17189998a94b95", 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), a = r ? this.intent === "strong" ? "weak" : this.intent === "weak" ? "strong" : this.intent : this.intent;
@@ -655,8 +655,8 @@ const On = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset
     };
   }
 };
-Pn.style = Nn;
-const Hn = `*,
+Pn.style = Rn;
+const jn = `*,
 ::before,
 ::after {
   box-sizing: border-box;
@@ -1569,9 +1569,9 @@ button,
 
 .hover\\:before\\:opacity-100:hover::before {
   opacity: 1;
-}`, jn = Hn, Wn = class {
+}`, Hn = jn, Wn = class {
   constructor(n) {
-    m(this, n), this.button = P([
+    u(this, n), this.button = P([
       "relative inline-flex items-center",
       "py-8",
       "effect-focus effect-color",
@@ -1669,7 +1669,7 @@ button,
         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;
+    }), 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.triggerClick = void 0;
   }
   handleParentContext(n) {
     n.target === this.el && (this.parentContext = n.detail, n.stopPropagation());
@@ -1701,7 +1701,7 @@ button,
       iconOnly: !this.label,
       iconSmall: this.iconSmall
     }), e = this.elementType, t = !this.disabled && !this.loading;
-    return i(ln, { key: "fe91be3eb9c2a3ece800097392462b3bd76f1264" }, i(e, { key: "aa1d4e0544beff8759d232d0e897ffdbcd584ea5", 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: "2b55edc1b986950ba03a759cffd7346c8611ac0a", class: this.loading ? "opacity-0" : "", "aria-hidden": this.loading ? "true" : void 0 }, this.label), this.loading && i("span", { key: "5b035b8ef848cde63af9a2cc4a3ed72c68e1e03d", class: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true" }, i("span", { key: "2746ef996f0835c76c4ef2cbd39103ad4d07c21f", class: "loader", style: {
+    return i(Z, { key: "25a7b4ffda3df65e91c77a18becd45bc40973f3c" }, i(e, { key: "0f00d82a37f3189b862015eb2d915f2364b6d75d", 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 || ""}`, onClick: (r) => this.handleClick(r), onKeyDown: (r) => this.handleKeyDown(r) }, this.label && i("span", { key: "6e45dfefb4805eef0574f7462becca6cde85dbc0", class: this.loading ? "opacity-0" : "", "aria-hidden": this.loading ? "true" : void 0 }, this.label), this.loading && i("span", { key: "9909c70db39a039b883854caff816d25f132b866", class: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true" }, i("span", { key: "367cd65a13f81cbcb12d93855dc091a4309566bb", 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: `
@@ -1716,8 +1716,8 @@ button,
     return y(this);
   }
 };
-Wn.style = jn;
-var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, on = { exports: {} };
+Wn.style = Hn;
+var ln = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, an = { exports: {} };
 (function(n) {
   var e = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};
   /**
@@ -1729,7 +1729,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
    * @public
    */
   var t = function(r) {
-    var l = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, a = 0, s = {}, o = {
+    var l = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, a = 0, o = {}, s = {
       /**
        * 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
@@ -1828,23 +1828,23 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         clone: function c(d, g) {
           g = g || {};
           var h, f;
-          switch (o.util.type(d)) {
+          switch (s.util.type(d)) {
             case "Object":
-              if (f = o.util.objId(d), g[f])
+              if (f = s.util.objId(d), g[f])
                 return g[f];
               h = /** @type {Record<string, any>} */
               {}, g[f] = h;
-              for (var u in d)
-                d.hasOwnProperty(u) && (h[u] = c(d[u], g));
+              for (var p in d)
+                d.hasOwnProperty(p) && (h[p] = c(d[p], g));
               return (
                 /** @type {any} */
                 h
               );
             case "Array":
-              return f = o.util.objId(d), g[f] ? g[f] : (h = [], g[f] = h, /** @type {Array} */
+              return f = s.util.objId(d), g[f] ? g[f] : (h = [], g[f] = h, /** @type {Array} */
               /** @type {any} */
-              d.forEach(function(x, p) {
-                h[p] = c(x, g);
+              d.forEach(function(x, m) {
+                h[m] = c(x, g);
               }), /** @type {any} */
               h);
             default:
@@ -1948,10 +1948,10 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         /**
          * The grammar for plain, unformatted text.
          */
-        plain: s,
-        plaintext: s,
-        text: s,
-        txt: s,
+        plain: o,
+        plaintext: o,
+        text: o,
+        txt: o,
         /**
          * Creates a deep copy of the language with the given id and appends the given tokens.
          *
@@ -1981,7 +1981,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
          * });
          */
         extend: function(c, d) {
-          var g = o.util.clone(o.languages[c]);
+          var g = s.util.clone(s.languages[c]);
           for (var h in d)
             g[h] = d[h];
           return g;
@@ -2063,29 +2063,29 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
          */
         insertBefore: function(c, d, g, h) {
           h = h || /** @type {any} */
-          o.languages;
-          var f = h[c], u = {};
+          s.languages;
+          var f = h[c], p = {};
           for (var x in f)
             if (f.hasOwnProperty(x)) {
               if (x == d)
-                for (var p in g)
-                  g.hasOwnProperty(p) && (u[p] = g[p]);
-              g.hasOwnProperty(x) || (u[x] = f[x]);
+                for (var m in g)
+                  g.hasOwnProperty(m) && (p[m] = g[m]);
+              g.hasOwnProperty(x) || (p[x] = f[x]);
             }
           var S = h[c];
-          return h[c] = u, o.languages.DFS(o.languages, function(F, D) {
-            D === S && F != c && (this[F] = u);
-          }), u;
+          return h[c] = p, s.languages.DFS(s.languages, function(F, D) {
+            D === S && F != c && (this[F] = p);
+          }), p;
         },
         // Traverse a language definition with Depth First Search
         DFS: function c(d, g, h, f) {
           f = f || {};
-          var u = o.util.objId;
+          var p = s.util.objId;
           for (var x in d)
             if (d.hasOwnProperty(x)) {
               g.call(d, x, d[x], h || x);
-              var p = d[x], S = o.util.type(p);
-              S === "Object" && !f[u(p)] ? (f[u(p)] = !0, c(p, g, null, f)) : S === "Array" && !f[u(p)] && (f[u(p)] = !0, c(p, g, x, f));
+              var m = d[x], S = s.util.type(m);
+              S === "Object" && !f[p(m)] ? (f[p(m)] = !0, c(m, g, null, f)) : S === "Array" && !f[p(m)] && (f[p(m)] = !0, c(m, g, x, f));
             }
         }
       },
@@ -2103,7 +2103,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
        * @public
        */
       highlightAll: function(c, d) {
-        o.highlightAllUnder(document, c, d);
+        s.highlightAllUnder(document, c, d);
       },
       /**
        * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
@@ -2126,9 +2126,9 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           container: c,
           selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
         };
-        o.hooks.run("before-highlightall", h), h.elements = Array.prototype.slice.apply(h.container.querySelectorAll(h.selector)), o.hooks.run("before-all-elements-highlight", h);
-        for (var f = 0, u; u = h.elements[f++]; )
-          o.highlightElement(u, d === !0, h.callback);
+        s.hooks.run("before-highlightall", h), h.elements = Array.prototype.slice.apply(h.container.querySelectorAll(h.selector)), s.hooks.run("before-all-elements-highlight", h);
+        for (var f = 0, p; p = h.elements[f++]; )
+          s.highlightElement(p, d === !0, h.callback);
       },
       /**
        * Highlights the code inside a single element.
@@ -2159,38 +2159,38 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
        * @public
        */
       highlightElement: function(c, d, g) {
-        var h = o.util.getLanguage(c), f = o.languages[h];
-        o.util.setLanguage(c, h);
-        var u = c.parentElement;
-        u && u.nodeName.toLowerCase() === "pre" && o.util.setLanguage(u, h);
-        var x = c.textContent, p = {
+        var h = s.util.getLanguage(c), f = s.languages[h];
+        s.util.setLanguage(c, h);
+        var p = c.parentElement;
+        p && p.nodeName.toLowerCase() === "pre" && s.util.setLanguage(p, h);
+        var x = c.textContent, m = {
           element: c,
           language: h,
           grammar: f,
           code: x
         };
         function S(D) {
-          p.highlightedCode = D, o.hooks.run("before-insert", p), p.element.innerHTML = p.highlightedCode, o.hooks.run("after-highlight", p), o.hooks.run("complete", p), g && g.call(p.element);
+          m.highlightedCode = D, s.hooks.run("before-insert", m), m.element.innerHTML = m.highlightedCode, s.hooks.run("after-highlight", m), s.hooks.run("complete", m), g && g.call(m.element);
         }
-        if (o.hooks.run("before-sanity-check", p), u = p.element.parentElement, u && u.nodeName.toLowerCase() === "pre" && !u.hasAttribute("tabindex") && u.setAttribute("tabindex", "0"), !p.code) {
-          o.hooks.run("complete", p), g && g.call(p.element);
+        if (s.hooks.run("before-sanity-check", m), p = m.element.parentElement, p && p.nodeName.toLowerCase() === "pre" && !p.hasAttribute("tabindex") && p.setAttribute("tabindex", "0"), !m.code) {
+          s.hooks.run("complete", m), g && g.call(m.element);
           return;
         }
-        if (o.hooks.run("before-highlight", p), !p.grammar) {
-          S(o.util.encode(p.code));
+        if (s.hooks.run("before-highlight", m), !m.grammar) {
+          S(s.util.encode(m.code));
           return;
         }
         if (d && r.Worker) {
-          var F = new Worker(o.filename);
+          var F = new Worker(s.filename);
           F.onmessage = function(D) {
             S(D.data);
           }, F.postMessage(JSON.stringify({
-            language: p.language,
-            code: p.code,
+            language: m.language,
+            code: m.code,
             immediateClose: !0
           }));
         } else
-          S(o.highlight(p.code, p.grammar, p.language));
+          S(s.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
@@ -2218,9 +2218,9 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           grammar: d,
           language: g
         };
-        if (o.hooks.run("before-tokenize", h), !h.grammar)
+        if (s.hooks.run("before-tokenize", h), !h.grammar)
           throw new Error('The language "' + h.language + '" has no grammar.');
-        return h.tokens = o.tokenize(h.code, h.grammar), o.hooks.run("after-tokenize", h), b.stringify(o.util.encode(h.tokens), h.language);
+        return h.tokens = s.tokenize(h.code, h.grammar), s.hooks.run("after-tokenize", h), b.stringify(s.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
@@ -2254,7 +2254,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           delete d.rest;
         }
         var f = new _();
-        return O(f, f.head, c), z(c, f, d, f.head, 0), j(f);
+        return O(f, f.head, c), E(c, f, d, f.head, 0), H(f);
       },
       /**
        * @namespace
@@ -2276,7 +2276,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
          * @public
          */
         add: function(c, d) {
-          var g = o.hooks.all;
+          var g = s.hooks.all;
           g[c] = g[c] || [], g[c].push(d);
         },
         /**
@@ -2289,7 +2289,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
          * @public
          */
         run: function(c, d) {
-          var g = o.hooks.all[c];
+          var g = s.hooks.all[c];
           if (!(!g || !g.length))
             for (var h = 0, f; f = g[h++]; )
               f(d);
@@ -2297,7 +2297,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       },
       Token: b
     };
-    r.Prism = o;
+    r.Prism = s;
     function b(c, d, g, h) {
       this.type = c, this.content = d, this.alias = g, this.length = (h || "").length | 0;
     }
@@ -2317,65 +2317,65 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         classes: ["token", d.type],
         attributes: {},
         language: g
-      }, u = d.alias;
-      u && (Array.isArray(u) ? Array.prototype.push.apply(f.classes, u) : f.classes.push(u)), o.hooks.run("wrap", f);
+      }, p = d.alias;
+      p && (Array.isArray(p) ? Array.prototype.push.apply(f.classes, p) : f.classes.push(p)), s.hooks.run("wrap", f);
       var x = "";
-      for (var p in f.attributes)
-        x += " " + p + '="' + (f.attributes[p] || "").replace(/"/g, "&quot;") + '"';
+      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 k(c, d, g, h) {
       c.lastIndex = d;
       var f = c.exec(g);
       if (f && h && f[1]) {
-        var u = f[1].length;
-        f.index += u, f[0] = f[0].slice(u);
+        var p = f[1].length;
+        f.index += p, f[0] = f[0].slice(p);
       }
       return f;
     }
-    function z(c, d, g, h, f, u) {
+    function E(c, d, g, h, f, p) {
       for (var x in g)
         if (!(!g.hasOwnProperty(x) || !g[x])) {
-          var p = g[x];
-          p = Array.isArray(p) ? p : [p];
-          for (var S = 0; S < p.length; ++S) {
-            if (u && u.cause == x + "," + S)
+          var m = g[x];
+          m = Array.isArray(m) ? m : [m];
+          for (var S = 0; S < m.length; ++S) {
+            if (p && p.cause == x + "," + S)
               return;
-            var F = p[S], D = F.inside, Z = !!F.lookbehind, J = !!F.greedy, dn = F.alias;
-            if (J && !F.pattern.global) {
+            var F = m[S], D = F.inside, J = !!F.lookbehind, Q = !!F.greedy, dn = F.alias;
+            if (Q && !F.pattern.global) {
               var cn = F.pattern.toString().match(/[imsuy]*$/)[0];
               F.pattern = RegExp(F.pattern.source, cn + "g");
             }
-            for (var Q = F.pattern || F, I = h.next, T = f; I !== d.tail && !(u && T >= u.reach); T += I.value.length, I = I.next) {
-              var N = I.value;
+            for (var nn = F.pattern || F, I = h.next, T = f; I !== d.tail && !(p && T >= p.reach); T += I.value.length, I = I.next) {
+              var R = I.value;
               if (d.length > c.length)
                 return;
-              if (!(N instanceof b)) {
+              if (!(R instanceof b)) {
                 var W = 1, L;
-                if (J) {
-                  if (L = k(Q, T, c, Z), !L || L.index >= c.length)
+                if (Q) {
+                  if (L = k(nn, T, c, J), !L || L.index >= c.length)
                     break;
                   var B = L.index, gn = L.index + L[0].length, $ = T;
                   for ($ += I.value.length; B >= $; )
                     I = I.next, $ += I.value.length;
                   if ($ -= I.value.length, T = $, I.value instanceof b)
                     continue;
-                  for (var H = I; H !== d.tail && ($ < gn || typeof H.value == "string"); H = H.next)
-                    W++, $ += H.value.length;
-                  W--, N = c.slice(T, $), L.index -= T;
-                } else if (L = k(Q, 0, N, Z), !L)
+                  for (var j = I; j !== d.tail && ($ < gn || typeof j.value == "string"); j = j.next)
+                    W++, $ += j.value.length;
+                  W--, R = c.slice(T, $), L.index -= T;
+                } else if (L = k(nn, 0, R, J), !L)
                   continue;
-                var B = L.index, q = L[0], V = N.slice(0, B), nn = N.slice(B + q.length), G = T + N.length;
-                u && G > u.reach && (u.reach = G);
+                var B = L.index, q = L[0], V = R.slice(0, B), en = R.slice(B + q.length), G = T + R.length;
+                p && G > p.reach && (p.reach = G);
                 var M = I.prev;
                 V && (M = O(d, M, V), T += V.length), U(d, M, W);
-                var hn = new b(x, D ? o.tokenize(q, D) : q, dn, q);
-                if (I = O(d, M, hn), nn && O(d, I, nn), W > 1) {
+                var hn = new b(x, D ? s.tokenize(q, D) : q, dn, q);
+                if (I = O(d, M, hn), en && O(d, I, en), W > 1) {
                   var Y = {
                     cause: x + "," + S,
                     reach: G
                   };
-                  z(c, d, g, I.prev, T, Y), u && Y.reach > u.reach && (u.reach = Y.reach);
+                  E(c, d, g, I.prev, T, Y), p && Y.reach > p.reach && (p.reach = Y.reach);
                 }
               }
             }
@@ -2395,28 +2395,28 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         h = h.next;
       d.next = h, h.prev = d, c.length -= f;
     }
-    function j(c) {
+    function H(c) {
       for (var d = [], g = c.head.next; g !== c.tail; )
         d.push(g.value), g = g.next;
       return d;
     }
     if (!r.document)
-      return r.addEventListener && (o.disableWorkerMessageHandler || r.addEventListener("message", function(c) {
+      return r.addEventListener && (s.disableWorkerMessageHandler || r.addEventListener("message", function(c) {
         var d = JSON.parse(c.data), g = d.language, h = d.code, f = d.immediateClose;
-        r.postMessage(o.highlight(h, o.languages[g], g)), f && r.close();
-      }, !1)), o;
-    var C = o.util.currentScript();
-    C && (o.filename = C.src, C.hasAttribute("data-manual") && (o.manual = !0));
+        r.postMessage(s.highlight(h, s.languages[g], g)), f && r.close();
+      }, !1)), s;
+    var C = s.util.currentScript();
+    C && (s.filename = C.src, C.hasAttribute("data-manual") && (s.manual = !0));
     function w() {
-      o.manual || o.highlightAll();
+      s.manual || s.highlightAll();
     }
-    if (!o.manual) {
-      var E = document.readyState;
-      E === "loading" || E === "interactive" && C && C.defer ? document.addEventListener("DOMContentLoaded", w) : window.requestAnimationFrame ? window.requestAnimationFrame(w) : window.setTimeout(w, 16);
+    if (!s.manual) {
+      var z = document.readyState;
+      z === "loading" || z === "interactive" && C && C.defer ? document.addEventListener("DOMContentLoaded", w) : window.requestAnimationFrame ? window.requestAnimationFrame(w) : window.setTimeout(w, 16);
     }
-    return o;
+    return s;
   }(e);
-  n.exports && (n.exports = t), typeof rn < "u" && (rn.Prism = t), t.languages.markup = {
+  n.exports && (n.exports = t), typeof ln < "u" && (ln.Prism = t), t.languages.markup = {
     comment: {
       pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
       greedy: !0
@@ -2508,19 +2508,19 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
      * addInlined('style', 'css');
      */
     value: function(l, a) {
-      var s = {};
-      s["language-" + a] = {
+      var o = {};
+      o["language-" + a] = {
         pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
         lookbehind: !0,
         inside: t.languages[a]
-      }, s.cdata = /^<!\[CDATA\[|\]\]>$/i;
-      var o = {
+      }, o.cdata = /^<!\[CDATA\[|\]\]>$/i;
+      var s = {
         "included-cdata": {
           pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
-          inside: s
+          inside: o
         }
       };
-      o["language-" + a] = {
+      s["language-" + a] = {
         pattern: /[\s\S]+/,
         inside: t.languages[a]
       };
@@ -2531,7 +2531,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         }), "i"),
         lookbehind: !0,
         greedy: !0,
-        inside: o
+        inside: s
       }, t.languages.insertBefore("markup", "cdata", b);
     }
   }), Object.defineProperty(t.languages.markup.tag, "addAttribute", {
@@ -2796,7 +2796,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     Element.prototype.matches || (Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector);
     var r = "Loading…", l = function(C, w) {
       return "✖ Error " + C + " while fetching file: " + w;
-    }, a = "✖ Error: File does not exist or is empty", s = {
+    }, a = "✖ Error: File does not exist or is empty", o = {
       js: "javascript",
       py: "python",
       rb: "ruby",
@@ -2806,18 +2806,18 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       bat: "batch",
       h: "c",
       tex: "latex"
-    }, o = "data-src-status", b = "loading", k = "loaded", z = "failed", _ = "pre[data-src]:not([" + o + '="' + k + '"]):not([' + o + '="' + b + '"])';
-    function O(C, w, E) {
+    }, s = "data-src-status", b = "loading", k = "loaded", E = "failed", _ = "pre[data-src]:not([" + s + '="' + k + '"]):not([' + s + '="' + b + '"])';
+    function O(C, w, z) {
       var c = new XMLHttpRequest();
       c.open("GET", C, !0), c.onreadystatechange = function() {
-        c.readyState == 4 && (c.status < 400 && c.responseText ? w(c.responseText) : c.status >= 400 ? E(l(c.status, c.statusText)) : E(a));
+        c.readyState == 4 && (c.status < 400 && c.responseText ? w(c.responseText) : c.status >= 400 ? z(l(c.status, c.statusText)) : z(a));
       }, c.send(null);
     }
     function U(C) {
       var w = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(C || "");
       if (w) {
-        var E = Number(w[1]), c = w[2], d = w[3];
-        return c ? d ? [E, Number(d)] : [E, void 0] : [E, E];
+        var z = Number(w[1]), c = w[2], d = w[3];
+        return c ? d ? [z, Number(d)] : [z, void 0] : [z, z];
       }
     }
     t.hooks.add("before-highlightall", function(C) {
@@ -2828,30 +2828,30 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         C.element
       );
       if (w.matches(_)) {
-        C.code = "", w.setAttribute(o, b);
-        var E = w.appendChild(document.createElement("CODE"));
-        E.textContent = r;
+        C.code = "", w.setAttribute(s, b);
+        var z = w.appendChild(document.createElement("CODE"));
+        z.textContent = r;
         var c = w.getAttribute("data-src"), d = C.language;
         if (d === "none") {
           var g = (/\.(\w+)$/.exec(c) || [, "none"])[1];
-          d = s[g] || g;
+          d = o[g] || g;
         }
-        t.util.setLanguage(E, d), t.util.setLanguage(w, d);
+        t.util.setLanguage(z, d), t.util.setLanguage(w, d);
         var h = t.plugins.autoloader;
         h && h.loadLanguages(d), O(
           c,
           function(f) {
-            w.setAttribute(o, k);
-            var u = U(w.getAttribute("data-range"));
-            if (u) {
-              var x = f.split(/\r\n?|\n/g), p = u[0], S = u[1] == null ? x.length : u[1];
-              p < 0 && (p += x.length), p = Math.max(0, Math.min(p - 1, x.length)), S < 0 && (S += x.length), S = Math.max(0, Math.min(S, x.length)), f = x.slice(p, S).join(`
-`), w.hasAttribute("data-start") || w.setAttribute("data-start", String(p + 1));
+            w.setAttribute(s, k);
+            var p = U(w.getAttribute("data-range"));
+            if (p) {
+              var x = f.split(/\r\n?|\n/g), m = p[0], S = p[1] == null ? x.length : p[1];
+              m < 0 && (m += x.length), m = Math.max(0, Math.min(m - 1, x.length)), S < 0 && (S += x.length), S = Math.max(0, Math.min(S, x.length)), f = x.slice(m, S).join(`
+`), w.hasAttribute("data-start") || w.setAttribute("data-start", String(m + 1));
             }
-            E.textContent = f, t.highlightElement(E);
+            z.textContent = f, t.highlightElement(z);
           },
           function(f) {
-            w.setAttribute(o, z), E.textContent = f;
+            w.setAttribute(s, E), z.textContent = f;
           }
         );
       }
@@ -2864,17 +2864,17 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
        * @param {ParentNode} [container=document]
        */
       highlight: function(w) {
-        for (var E = (w || document).querySelectorAll(_), c = 0, d; d = E[c++]; )
+        for (var z = (w || document).querySelectorAll(_), c = 0, d; d = z[c++]; )
           t.highlightElement(d);
       }
     };
-    var j = !1;
+    var H = !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);
+      H || (console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."), H = !0), t.plugins.fileHighlight.highlight.apply(this, arguments);
     };
   }();
-})(on);
-const X = on.exports;
+})(an);
+const X = an.exports;
 Prism.languages.python = {
   comment: {
     pattern: /(^|[^\\])#.*/,
@@ -3153,20 +3153,20 @@ Prism.languages.py = Prism.languages.python;
     "operator",
     "punctuation",
     "number"
-  ], a = r.variable[1].inside, s = 0; s < l.length; s++)
-    a[l[s]] = n.languages.bash[l[s]];
+  ], a = r.variable[1].inside, o = 0; o < l.length; o++)
+    a[l[o]] = n.languages.bash[l[o]];
   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;
   }), a = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;
-  function s(o, b) {
+  function o(s, b) {
     b = (b || "").replace(/m/g, "") + "m";
     var k = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, function() {
       return r;
     }).replace(/<<value>>/g, function() {
-      return o;
+      return s;
     });
     return RegExp(k, b);
   }
@@ -3195,27 +3195,27 @@ Prism.languages.py = Prism.languages.python;
       alias: "important"
     },
     datetime: {
-      pattern: s(/\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),
+      pattern: o(/\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: s(/false|true/.source, "i"),
+      pattern: o(/false|true/.source, "i"),
       lookbehind: !0,
       alias: "important"
     },
     null: {
-      pattern: s(/null|~/.source, "i"),
+      pattern: o(/null|~/.source, "i"),
       lookbehind: !0,
       alias: "important"
     },
     string: {
-      pattern: s(a),
+      pattern: o(a),
       lookbehind: !0,
       greedy: !0
     },
     number: {
-      pattern: s(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source, "i"),
+      pattern: o(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source, "i"),
       lookbehind: !0
     },
     tag: t,
@@ -3280,7 +3280,7 @@ Prism.languages.py = Prism.languages.python;
 })(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) {
-    m(this, n), this.code = void 0, this.language = void 0, this.copied = !1;
+    u(this, n), this.code = void 0, this.language = void 0, this.copied = !1;
   }
   /**
    * Copies the current code content to the clipboard and sets a temporary copied state.
@@ -3329,7 +3329,7 @@ const Bn = `:host{display:block;font-family:var(--font-family, 'Courier New', mo
     return this.language && X.languages[this.language] ? X.highlight(this.code, X.languages[this.language], this.language) : this.code;
   }
   render() {
-    return i("div", { key: "2c5addd195dc8d930db643e95ecc52410dd94052", class: "relative bg-stronger rounded-sm" }, i("div", { key: "aea2d891f9e5d57d4b8390cff4597cb8edd163a1", 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: "41e2d463bde145f901eae42dda68091a9a42e3ef", "aria-hidden": "true", class: "w-20 h-20 mt-8" }, i("eds-icon-wrapper", { key: "7285b81dd936c770b09b4a36bed8c8ba2a87da99", icon: this.copied ? "success" : "copy", onClick: () => this.copyToClipboard() })), i("span", { key: "a12d74735064478480544cc4b5cf14d7b028b1a8", class: "sr-only" }, "Copy Code")), this.language && i("pre", { key: "2fcde4f271059ac98cb3b1b6bffbf4564ccf795b", class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, i("code", { key: "68a8b83f492e7b0eb2916a063e28a4293e6a988f", innerHTML: this.getHighlightedCode() })));
+    return i("div", { key: "bc74b6be37bcb24700d17b48b5398077e485abd7", class: "relative bg-stronger rounded-sm" }, i("div", { key: "db0395bfd55eb3394ab2149c5c436f2a54e8afb0", 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: "628ad41f15f3a38abe4b7c382074c8f5a8679a8c", "aria-hidden": "true", class: "w-20 h-20 mt-8" }, i("eds-icon-wrapper", { key: "1c95d57a5d8113d6ab7ebf7da713e058c7cc10f1", icon: this.copied ? "success" : "copy", onClick: () => this.copyToClipboard() })), i("span", { key: "a64b2450b631835b6fc2c15047b09ceea5a9fc95", class: "sr-only" }, "Copy Code")), this.language && i("pre", { key: "51945cbee1504625b54362505b60f1bd1784bdda", class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, i("code", { key: "55961aa8278177451e13c929ec7f7065afcac93b", innerHTML: this.getHighlightedCode() })));
   }
   get el() {
     return y(this);
@@ -3338,7 +3338,7 @@ const Bn = `:host{display:block;font-family:var(--font-family, 'Courier New', mo
 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) {
-    m(this, n), this.dropdown = v(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
+    u(this, n), this.dropdown = v(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
       var e, t;
       this.isOpen = !this.isOpen, this.isOpen ? (this.focusableItems = Array.from(((e = this.panelEl) === null || e === void 0 ? void 0 : e.querySelectorAll('a, button, [role="menuitem"]')) || []), this.focusIndex = this.focusableItems.length ? 0 : -1, this.focusItem()) : this.closeDropdown(), this.dropdown.emit({ expanded: this.isOpen }), A({
         category: "ui-component",
@@ -3405,20 +3405,20 @@ const Un = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-s
     const t = ((e = n.composedPath) === null || e === void 0 ? void 0 : e.call(n)) || [];
     if (!t.includes(this.panelEl))
       return;
-    if (t.some((s) => {
-      var o;
-      const b = s;
-      return (o = b == null ? void 0 : b.closest) === null || o === void 0 ? void 0 : o.call(b, "[data-dropdown-close]");
+    if (t.some((o) => {
+      var s;
+      const b = o;
+      return (s = b == null ? void 0 : b.closest) === null || s === void 0 ? void 0 : s.call(b, "[data-dropdown-close]");
     })) {
       setTimeout(() => this.closeDropdown(), 0);
       return;
     }
     if (!this.autoClose)
       return;
-    t.some((s) => {
-      var o;
-      const b = s;
-      return (o = b == null ? void 0 : b.closest) === null || o === void 0 ? void 0 : o.call(b, this.noCloseSelector);
+    t.some((o) => {
+      var s;
+      const b = o;
+      return (s = b == null ? void 0 : b.closest) === null || s === void 0 ? void 0 : s.call(b, this.noCloseSelector);
     }) || setTimeout(() => this.closeDropdown(), 0);
   }
   /**
@@ -3426,52 +3426,52 @@ const Un = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-s
    * @returns {JSX.Element} The rendered dropdown component.
    */
   render() {
-    return i("div", { key: "e31acbda3428f47fe32cfe550cf00c53374da215", class: "z-focus relative", ref: (n) => this.dropdownContent = n }, i("eds-button", { key: "ce3e11ecee4f603c3ba0e003fccf3fe81289f4c8", 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: "59f8533409171401ed73eac8d307e4eafbde9209", ref: (n) => this.panelEl = n, role: "menu", class: {
+    return i("div", { key: "ffc4915b2104e3d2dd347900acd897f56910a674", class: "z-focus relative", ref: (n) => this.dropdownContent = n }, i("eds-button", { key: "ba48bdd7b75fd230bdc2dd564bd477f0349f5426", 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: "a29b57598a2ed8fcc9593c928df9443fd4449481", ref: (n) => this.panelEl = n, 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: "675839893bf667a7a05a63e552935bb1a5874b73" })));
+    }, style: { display: this.isOpen ? "block" : "none" }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, i("slot", { key: "ddf003345ef5181b968b4bfd8962805d09d15e89" })));
   }
   get host() {
     return y(this);
   }
 };
 Gn.style = Vn;
-function K(n, e, t, r, l, a, s) {
-  const o = [];
+function K(n, e, t, r, l, a, o) {
+  const s = [];
   if (r && !e) {
     const b = n.length > 30 ? `${n.slice(0, 27)}…` : n;
-    o.push(`“${b}” is required.`);
+    s.push(`“${b}” is required.`);
   }
   if (t === "number") {
     const b = typeof e == "number" ? e : parseFloat(e);
-    isNaN(b) ? o.push(`${n} must be a valid number.`) : (typeof a == "number" && b < a && o.push(`${n} must be greater than or equal to ${a}.`), typeof s == "number" && b > s && o.push(`${n} must be less than or equal to ${s}.`));
+    isNaN(b) ? s.push(`${n} must be a valid number.`) : (typeof a == "number" && b < a && s.push(`${n} must be greater than or equal to ${a}.`), typeof o == "number" && b > o && s.push(`${n} must be less than or equal to ${o}.`));
   }
-  return l && typeof e == "string" && e.length > l && o.push(`${n} must be at most ${l} characters.`), t === "email" && e && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.toString()) && o.push("Invalid email format."), o;
+  return l && typeof e == "string" && e.length > l && s.push(`${n} must be at most ${l} characters.`), t === "email" && e && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.toString()) && s.push("Invalid email format."), s;
 }
-function an(n, e, t) {
-  const a = Array.from(t.querySelectorAll("eds-input-field")).filter((o) => {
+function on(n, e, t) {
+  const a = Array.from(t.querySelectorAll("eds-input-field")).filter((s) => {
     var b, k;
-    return ((k = (b = o.shadowRoot) === null || b === void 0 ? void 0 : b.querySelectorAll(`input[name="${n}"]`)) === null || k === void 0 ? void 0 : k.length) > 0;
-  }).flatMap((o) => {
+    return ((k = (b = s.shadowRoot) === null || b === void 0 ? void 0 : b.querySelectorAll(`input[name="${n}"]`)) === null || k === void 0 ? void 0 : k.length) > 0;
+  }).flatMap((s) => {
     var b;
-    return Array.from(((b = o.shadowRoot) === null || b === void 0 ? void 0 : b.querySelectorAll(`input[name="${n}"]`)) || []);
-  }).some((o) => o.checked), s = [];
-  return e && !a && s.push(`At least one option in ${n} is required.`), s;
+    return Array.from(((b = s.shadowRoot) === null || b === void 0 ? void 0 : b.querySelectorAll(`input[name="${n}"]`)) || []);
+  }).some((s) => s.checked), o = [];
+  return e && !a && o.push(`At least one option in ${n} is required.`), o;
 }
 function sn(n, e, t) {
   var r;
-  const l = [], a = Array.from(t.querySelectorAll("eds-input-field")).find((o) => {
+  const l = [], a = Array.from(t.querySelectorAll("eds-input-field")).find((s) => {
     var b;
-    return (b = o.shadowRoot) === null || b === void 0 ? void 0 : b.querySelector(`[name="${n}"]`);
+    return (b = s.shadowRoot) === null || b === void 0 ? void 0 : b.querySelector(`[name="${n}"]`);
   });
   if (!a)
     return e && l.push(`${n} is required.`), l;
-  const s = (r = a.shadowRoot) === null || r === void 0 ? void 0 : r.querySelector(`[name="${n}"]`);
-  return e && s && !s.checked && l.push(`${n} is required.`), l;
+  const o = (r = a.shadowRoot) === null || r === void 0 ? void 0 : r.querySelector(`[name="${n}"]`);
+  return e && o && !o.checked && l.push(`${n} is required.`), l;
 }
 function Yn(n, e) {
   const t = Array.from(n.querySelectorAll("eds-input-field"));
@@ -3498,43 +3498,43 @@ function Kn(n) {
 function Zn(n, e, t, r) {
   const l = {};
   let a = !1;
-  return n.forEach((s) => {
-    var o;
-    if (!r(s, t)) {
-      delete l[s.name];
+  return n.forEach((o) => {
+    var s;
+    if (!r(o, t)) {
+      delete l[o.name];
       return;
     }
-    if (s.type !== "hidden")
-      if ((s.type === "checkbox" || s.type === "radio") && !s.options) {
-        const b = sn(s.name, s.required, e);
-        b.length > 0 && (l[s.name] = b, a = !0);
-      } else if (s.options && (s.type === "checkbox" || s.type === "radio")) {
-        const b = an(s.name, s.required, e);
-        b.length > 0 && (l[s.name] = b, a = !0);
-      } else if (s.type === "rating") {
+    if (o.type !== "hidden")
+      if ((o.type === "checkbox" || o.type === "radio") && !o.options) {
+        const b = sn(o.name, o.required, e);
+        b.length > 0 && (l[o.name] = b, a = !0);
+      } else if (o.options && (o.type === "checkbox" || o.type === "radio")) {
+        const b = on(o.name, o.required, e);
+        b.length > 0 && (l[o.name] = b, a = !0);
+      } else if (o.type === "rating") {
         const b = Xn(e);
         if (b) {
-          const k = b.getAttribute("selected-rating"), z = k !== null ? parseInt(k, 10) : 0, _ = K(s.name, z, s.type, s.required);
-          _.length > 0 && (l[s.name] = _, a = !0);
+          const k = b.getAttribute("selected-rating"), E = k !== null ? parseInt(k, 10) : 0, _ = K(o.name, E, o.type, o.required);
+          _.length > 0 && (l[o.name] = _, a = !0);
         }
-      } else if (s.type === "nps") {
+      } else if (o.type === "nps") {
         const b = Kn(e);
         if (b && b.shadowRoot) {
-          const k = (o = b.shadowRoot.querySelector('eds-button[tabindex="0"]')) === null || o === void 0 ? void 0 : o.getAttribute("aria-label"), z = k !== null ? parseInt(k, 10) : NaN, _ = Number.isInteger(z) && z >= 0 && z <= 10 ? z : NaN;
-          isNaN(_) && s.required && (l[s.name] = ["This field is required."], a = !0);
-        } else s.required && (l[s.name] = ["This field is required."], a = !0);
+          const k = (s = b.shadowRoot.querySelector('eds-button[tabindex="0"]')) === null || s === void 0 ? void 0 : s.getAttribute("aria-label"), E = k !== null ? parseInt(k, 10) : NaN, _ = Number.isInteger(E) && E >= 0 && E <= 10 ? E : NaN;
+          isNaN(_) && o.required && (l[o.name] = ["This field is required."], a = !0);
+        } else o.required && (l[o.name] = ["This field is required."], a = !0);
         return;
       } else {
-        const b = Yn(e, s.name);
+        const b = Yn(e, o.name);
         if (b) {
-          const k = b.value, z = K(s.name, k, s.type, s.required, s.maxlength, s.min, s.max);
-          z.length > 0 && (l[s.name] = z, a = !0);
+          const k = b.value, E = K(o.name, k, o.type, o.required, o.maxlength, o.min, o.max);
+          E.length > 0 && (l[o.name] = E, a = !0);
         }
       }
   }), { errors: l, hasError: a };
 }
 function Jn(n, e, t) {
-  return n.type === "checkbox" || n.type === "radio" ? n.options ? an(n.name, n.required, t) : sn(n.name, n.required, t) : K(n.name, e, n.type, n.required, n.maxlength, n.min, n.max);
+  return n.type === "checkbox" || n.type === "radio" ? n.options ? on(n.name, n.required, t) : sn(n.name, n.required, t) : K(n.name, e, n.type, n.required, n.maxlength, n.min, n.max);
 }
 function Qn({
   initData: n,
@@ -3551,7 +3551,7 @@ function Qn({
 }
 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) {
-    m(this, n), this.form = v(this, "form", 7), this.name = "eds-form", this.title = "Form Title", this.description = "Form Description", 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 = [];
+    u(this, n), this.form = v(this, "form", 7), this.name = "eds-form", this.title = "Form Title", this.description = "Form Description", 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);
@@ -3568,10 +3568,10 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
     return !!this.initData;
   }
   parseFields(n) {
-    this.parsedFields = R(n);
+    this.parsedFields = N(n);
   }
   parseGroups(n) {
-    this.parsedGroups = R(n);
+    this.parsedGroups = N(n);
   }
   emitContext(n) {
     const e = new CustomEvent("parentContext", {
@@ -3586,10 +3586,16 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
     if (!n.condition)
       return !0;
     const e = this.values[n.condition.field], t = n.condition.value;
-    return String(e) === String(t);
+    return e == null ? t == null || t === "" : Array.isArray(e) ? e.some((r) => this.normalizeValue(r) === this.normalizeValue(t)) : typeof e == "string" && e.includes(",") ? e.split(",").map((l) => l.trim()).some((l) => this.normalizeValue(l) === this.normalizeValue(t)) : this.normalizeValue(e) === this.normalizeValue(t);
+  }
+  normalizeValue(n) {
+    return n == null ? "" : typeof n == "boolean" ? n ? "true" : "false" : typeof n == "number" ? String(n) : typeof n == "string" ? n.trim().toLowerCase() : String(n).trim().toLowerCase();
   }
   validateForm() {
-    const { errors: n, hasError: e } = Zn(this.parsedFields, this.formEl, this.values, (t, r) => t.condition ? r[t.condition.field] === t.condition.value : !0);
+    const { errors: n, hasError: e } = Zn(this.parsedFields, this.formEl, this.values, (t, r) => (
+      // Use a temporary object with the condition to reuse isFieldVisible logic
+      this.isFieldVisible(t)
+    ));
     this.errors = n, this.hasError = e;
   }
   populateFormWithInitData(n) {
@@ -3598,7 +3604,12 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
       parsedFields: this.parsedFields,
       currentValues: this.values,
       formEl: this.formEl,
-      isFieldVisible: (t, r) => t.condition ? r[t.condition.field] === t.condition.value : !0
+      isFieldVisible: (t, r) => {
+        if (!t.condition)
+          return !0;
+        const l = r[t.condition.field], a = t.condition.value;
+        return l == null ? a == null || a === "" : Array.isArray(l) ? l.some((o) => this.normalizeValue(o) === this.normalizeValue(a)) : typeof l == "string" && l.includes(",") ? l.split(",").map((s) => s.trim()).some((s) => this.normalizeValue(s) === this.normalizeValue(a)) : this.normalizeValue(l) === this.normalizeValue(a);
+      }
     });
     this.values = e;
   }
@@ -3609,7 +3620,7 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
         const r = t.shadowRoot.querySelector("input, textarea, select");
         if (r && r.name)
           if (r.type === "checkbox" || r.type === "radio") {
-            const a = Array.from(t.shadowRoot.querySelectorAll(`input[name="${r.name}"]:checked`)).map((s) => s.value);
+            const a = Array.from(t.shadowRoot.querySelectorAll(`input[name="${r.name}"]:checked`)).map((o) => o.value);
             n.append(r.name, a.join(","));
           } else if (r.type === "file") {
             const l = r;
@@ -3630,10 +3641,10 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
       const a = l.shadowRoot;
       if (!a)
         return;
-      const s = Array.from(a.querySelectorAll('input[type="file"][name]'));
-      console.log(s), s.forEach((o) => {
-        const b = o.name, k = o.files ? Array.from(o.files) : [];
-        k.length > 0 && k.forEach((z) => e.append(b, z));
+      const o = Array.from(a.querySelectorAll('input[type="file"][name]'));
+      console.log(o), o.forEach((s) => {
+        const b = s.name, k = s.files ? Array.from(s.files) : [];
+        k.length > 0 && k.forEach((E) => e.append(b, E));
       });
     }), e;
   }
@@ -3643,7 +3654,7 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
     if (t.type === "checkbox") {
       const l = this.values[e.name] || "";
       let a = l ? l.split(",") : [];
-      t.checked ? a.includes(t.value) || a.push(t.value) : a = a.filter((s) => s !== t.value), r = a.join(",");
+      t.checked ? a.includes(t.value) || a.push(t.value) : a = a.filter((o) => o !== t.value), r = a.join(",");
     } else if (t.type === "radio") {
       if (!t.checked)
         return;
@@ -3744,14 +3755,14 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
       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: (a) => this.handleRating(a, 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) });
+    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, link: n.link, 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, t = this.formStyle === "shadow" ? "bg-inverse effect-shadow shadow-hover border-softer relative rounded-lg border-2 p-32" : "";
-    return i("form", { key: "0b7014a7e6c641f2abc6217d919583dafce50067", class: t, ref: (r) => this.formEl = r, autocomplete: "on", onSubmit: this.handleSubmit }, i("div", { key: "3beaa87c72ac60e37bf5c7093b8a3f5b54c9eb4b", class: "flex flex-col gap-y-24" }, this.title && i("span", { key: "5d07685b0e31419d442765c230f9cd2373ce2773", role: "heading", class: "f-heading-04" }, this.title), this.description && i("span", { key: "13fe635ea00fa3c950951f1df37549fa75341666", class: "f-body-02 text-light" }, this.description), i("slot", { key: "5e62b8844536ef127ce2565e4167766bf6d5ba4d" })), 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: "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: "831b919b0784a671596678392fe5aa0433af35a5", class: "flex flex-col mt-32 gap-y-24" }, e.__ungrouped.map((r) => this.renderField(r))), this.formBtn && i("div", { key: "bdddee0aa0899c9cea3ce737f30f1e25ce8d95c5", class: "mt-32" }, i("eds-button", { key: "f9a61383079b998dc98558d85b93e30aa32a3eeb", intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })));
+    return i("form", { key: "8a722f99ea8ad7b063805b3377180d73b16d96e1", class: t, ref: (r) => this.formEl = r, autocomplete: "on", onSubmit: this.handleSubmit }, i("div", { key: "6a091913152adad7df2f8581a62d2146d9ea2f1d", class: "flex flex-col gap-y-24" }, this.title && i("span", { key: "11dc49375a4eef1dfd4994a6ba2b2876262f9f55", role: "heading", class: "f-heading-04" }, this.title), this.description && i("span", { key: "dfa8bfa745828e8a57a4909dcbfd9f48497205c0", class: "f-body-02 text-light" }, this.description), i("slot", { key: "db2c00b99038a6feddbe057de16b1002bbf14f03" })), 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: "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: "ed2cbf6dada2bf43c8846f5f2af8f3f0767a5b1c", class: "flex flex-col mt-32 gap-y-24" }, e.__ungrouped.map((r) => this.renderField(r))), this.formBtn && i("div", { key: "1cc4b51279214181f1894a573227cda0cbf385ee", class: "mt-32" }, i("eds-button", { key: "2a004027664d1433cf625c48f3447960de9c5c84", intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })));
   }
   get el() {
     return y(this);
@@ -3766,7 +3777,7 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
 te.style = ee;
 const ie = ":host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none;margin:0;padding:0}.search-wrapper{position:relative;width:100%}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);max-height:500px;overflow:hidden;z-index:9999;display:flex;flex-direction:column}.dropdown-state{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;color:#616161;font-size:14px}.dropdown-results{list-style:none;margin:0;overflow-y:auto;overflow-x:hidden;max-height:440px}.result-item{padding:10px 14px;cursor:pointer;transition:background-color 0.15s ease;border-left:3px solid transparent;overflow:hidden;word-wrap:break-word;word-break:break-word}.result-item:hover,.result-item--selected{background-color:var(--grey-200);border-left-color:var(--green-600)}.result-header{display:flex;align-items:center;justify-content:space-between}.result-snippet{font-size:13px;color:#616161;line-height:1.4;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dropdown-footer{border-top:1px solid #e0e0e0;padding:8px 16px;background:#fafafa;flex-shrink:0}.footer-hint{font-size:11px;color:#757575;display:flex;align-items:center;gap:4px;flex-wrap:wrap}kbd{display:inline-block;padding:2px 5px;font-size:10px;font-family:monospace;line-height:1;color:#424242;background-color:#f5f5f5;border:1px solid #bdbdbd;border-radius:3px;box-shadow:0 1px 0 rgba(0, 0, 0, 0.1)}.dropdown-results::-webkit-scrollbar{width:8px}.dropdown-results::-webkit-scrollbar-track{background:#f5f5f5}.dropdown-results::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}.dropdown-results::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.flex{display:flex}.inline-flex{display:inline-flex}.text-center{text-align:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-error{color:var(--red-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-4{margin-left:0.25rem}.ml-8{margin-left:0.5rem}.ml-16{margin-left:1rem}.p-16{padding:1rem}.p-64{padding:4rem}.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-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-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)}", re = ie, le = class {
   constructor(n) {
-    m(this, n), this.resultSelected = v(this, "resultSelected", 7), this.searchClosed = v(this, "searchClosed", 7), this.handleInput = (e) => {
+    u(this, n), this.resultSelected = v(this, "resultSelected", 7), this.searchClosed = v(this, "searchClosed", 7), this.handleInput = (e) => {
       var t;
       const r = e.target;
       if (this.query = r.value, this.debounceTimer && clearTimeout(this.debounceTimer), !this.query.trim()) {
@@ -3827,8 +3838,8 @@ const ie = ":host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none
         throw new Error("Search failed");
       const r = await t.json();
       this.results = (n = r.items) !== null && n !== void 0 ? n : [], this.hasSearched = !0, this.showDropdown = !0, this.selectedIndex = -1;
-    } catch (t) {
-      console.error("Search error:", t), this.error = "Search failed. Please try again.", this.results = [], this.showDropdown = !0;
+    } catch {
+      this.error = "Search failed. Please try again.", this.results = [], this.showDropdown = !0;
     } finally {
       this.loading = !1;
     }
@@ -3859,19 +3870,19 @@ const ie = ":host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none
     return this.hasSearched && !this.loading && !this.hasResults && this.query.trim();
   }
   render() {
-    return i("div", { key: "e3c15463b46aa6349efb86e4907d6f7bfabf682f", class: "search-wrapper" }, i("eds-input-field", { key: "f2164163925534652c62541b3e954d4bb66510bc", icon: "search", "input-id": "search-global", type: "text", name: "search-box-global", placeholder: this.placeholder, value: this.query, onInput: this.handleInput }), this.showDropdown && i("div", { key: "f592d322fb3d1556743edc39713c8dbaa6449fa6", class: "search-dropdown", ref: (n) => this.dropdownRef = n }, this.loading && i("div", { key: "4d3171271b27f70650bbded9cb7c0b76799dc1a1", class: "flex text-center justify-center p-64" }, i("eds-spinner", { key: "74fed5cf70ba698468dd2ca03dc5ff4eb7aeb7db", variant: "primary", size: "sm" })), this.error && !this.loading && i("div", { key: "481fd52e321ff02ca61cc0877a61f577b6a1ebd7", class: "flex text-center justify-center p-16" }, i("span", { key: "073d2a12b960b3309e0ab597c41d36f946615ed6", class: "text-error f-body-02" }, this.error)), this.showEmpty && i("div", { key: "7b031eec1e6720f4cda6bc107ebc6f64f1c6e35f", class: "dropdown-state" }, i("eds-icon-wrapper", { key: "3ce91c3dcdaf27bd85f7ea4c855bab58b1208355", icon: "search" }), i("div", { key: "c1a9b0c3f62fc568fa9d34d41730da8960bcdd54" }, i("p", { key: "d3b87b4a6b06e81e5c62e817b924f762974c589e", class: "f-body-02" }, "No results found"), i("p", { key: "67fde47420811b9eaef805d9e6aa1b3515c74251", class: "f-ui-04 text-lightest" }, "Try different keywords"))), this.hasResults && !this.loading && i("ul", { key: "ba3a77467ba5e709bdf95dc793c316a18a135b64", class: "dropdown-results" }, this.results.map((n, e) => i("li", { key: n.id, "data-index": e, class: {
+    return i("div", { key: "03beb0a36e20ff5e0c1213584361c9b85ef52684", class: "search-wrapper" }, i("eds-input-field", { key: "cefbfcc4c32067fc57f4425fde7e646b2ca36bc6", icon: "search", "input-id": "search-global", type: "text", name: "search-box-global", placeholder: this.placeholder, value: this.query, onInput: this.handleInput }), this.showDropdown && i("div", { key: "60a8f38d2eb06335f97f232a7e810f22ccf379b3", class: "search-dropdown", ref: (n) => this.dropdownRef = n }, this.loading && i("div", { key: "2e8dcab16d8fef0f0ec07bcb78fd568f91156095", class: "flex text-center justify-center p-64" }, i("eds-spinner", { key: "f512b3508fe5ba35a762346f43fa780a9b0c5c11", variant: "primary", size: "sm" })), this.error && !this.loading && i("div", { key: "549a6ec4f84c10d5bb4449cb7aa9a4dc61a4ff05", class: "flex text-center justify-center p-16" }, i("span", { key: "2de6645b976ed3d7958867447c090639b3b613a6", class: "text-error f-body-02" }, this.error)), this.showEmpty && i("div", { key: "1006b88e3508a51898f305e1a221762f9cbc0204", class: "dropdown-state" }, i("eds-icon-wrapper", { key: "bc635e10a72aaf715747f8c512ebc3d18d0657c5", icon: "search" }), i("div", { key: "d267ee5c228ae85031088faf7b44b99bacbb77f4" }, i("p", { key: "526094eab25fcb55d5e5a1529c165a39e80db386", class: "f-body-02" }, "No results found"), i("p", { key: "770ff6f735b09068bcb26eec2552c6e7081348ba", class: "f-ui-04 text-lightest" }, "Try different keywords"))), this.hasResults && !this.loading && i("ul", { key: "75597ab0dc1c11854e366294a12a9bd448f53877", class: "dropdown-results" }, this.results.map((n, e) => i("li", { key: n.id, "data-index": e, class: {
       "result-item": !0,
       "result-item--selected": e === this.selectedIndex
-    }, onClick: () => this.selectResult(n), onMouseEnter: () => this.selectedIndex = e }, i("div", { class: "result-header" }, i("span", { class: "f-body-02" }, n.title)), i("div", { class: "inline" }, i("eds-tag", { intent: "accent", label: n.source }), n.section && i("span", { class: "result-badge" }, n.section), i("span", { class: "f-ui-03-light text-lighter ml-8" }, n.url)), n.snippet && i("p", { class: "result-snippet" }, this.stripHtml(n.snippet))))), this.hasResults && !this.loading && i("div", { key: "ccdceeb06f423b28868dbf5ec2a11c5b84c651d7", class: "dropdown-footer" }, i("span", { key: "e9dfb424b4dd277b11c6a630c673ec6368b09ef2", class: "footer-hint" }, i("kbd", { key: "4d045d4356b035c6efc7e029ea9e1f5bb4828b6b" }, "↑"), " ", i("kbd", { key: "5ee2913fe448ad3763ca9a70f474bfa9fcd3aad9" }, "↓"), " navigate • ", i("kbd", { key: "d745261bb53ecffae5ff41d53e349fd74d37b955" }, "↵"), " select •", " ", i("kbd", { key: "baa93b7af9e8ae8994f8e73c1bf7942f659b0491" }, "esc"), " close"))));
+    }, onClick: () => this.selectResult(n), onMouseEnter: () => this.selectedIndex = e }, i("div", { class: "result-header" }, i("span", { class: "f-body-02" }, n.title)), i("div", { class: "inline" }, i("eds-tag", { intent: "accent", label: n.source }), n.section && i("span", { class: "result-badge" }, n.section), i("span", { class: "f-ui-03-light text-lighter ml-8" }, n.url)), n.snippet && i("p", { class: "result-snippet" }, this.stripHtml(n.snippet))))), this.hasResults && !this.loading && i("div", { key: "4af4caf6e6856feaeb91218aa249950ac835e5d8", class: "dropdown-footer" }, i("span", { key: "4634ee9a9a15674cae0eee784b7ee408c7707874", class: "footer-hint" }, i("kbd", { key: "ea0dd3cbb169f0db034fa3ee9019592d943398f6" }, "↑"), " ", i("kbd", { key: "f1fc8937f965f695b402a78c82661e0ddee8126d" }, "↓"), " navigate • ", i("kbd", { key: "1d7de6abe02b46362c0e7d1998aaa9b78d1c1378" }, "↵"), " select • ", i("kbd", { key: "50d7d6ab8176e654529fa7e977dc67eadff84c3d" }, "esc"), " close"))));
   }
   get el() {
     return y(this);
   }
 };
 le.style = re;
-const oe = ".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}}", ae = oe, se = class {
+const ae = ".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}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.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}}", oe = ae, se = class {
   constructor(n) {
-    m(this, n), this.toggleheadermenu = v(this, "toggleheadermenu", 7), this.homeUrl = "/", this.links = void 0, this.headerVariant = "default", this.menuEnabled = !1, this.isMenuOpen = !1, this.isUserMenuOpen = !1;
+    u(this, n), this.toggleheadermenu = v(this, "toggleheadermenu", 7), this.homeUrl = "/", this.links = void 0, this.headerVariant = "default", this.menuEnabled = !1, this.isMenuOpen = !1, this.isUserMenuOpen = !1;
   }
   componentDidLoad() {
     var n, e;
@@ -3890,7 +3901,7 @@ const oe = ".block{display:block}.inline-block{display:inline-block}.inline{disp
     this.isUserMenuOpen = !this.isUserMenuOpen;
   }
   get parsedLinks() {
-    return R(this.links);
+    return N(this.links);
   }
   render() {
     const n = {
@@ -3898,16 +3909,16 @@ const oe = ".block{display:block}.inline-block{display:inline-block}.inline{disp
       inverse: "text-default bg-inverse",
       strong: "text-inverse bg-strongest"
     }, e = n[this.headerVariant] || n.default, t = this.headerVariant === "strong" ? "color-white" : "color";
-    return i("header", { key: "33f041754210d5fce8b190e63a6f19ac62262cfd", role: "banner", class: `flex items-center justify-between relative z-10 ${e}` }, i("div", { key: "596d4b9cbb08fa95aa9b715599290ac91aff3f77", class: "mr-auto w-[200px] h-[85px]" }, i("eds-logo", { key: "d13e83eca926b82f7406d5efb3f16555c25c167c", type: t, href: this.homeUrl })), this.parsedLinks && i("nav", { key: "e120bef9e976e75d523bd6d1e65e8aecd7c6a694", role: "navigation", "aria-label": "Primary", 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: "ea3db252b028340a007a18b4cb1fb995fefd51b0", 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: "47dfb8dcd8e77bd908236aef0cc0c3c5542de11e", name: "actions" }), this.menuEnabled && i("div", { key: "a6f4a3fb9834696d39a6831098c12f1a5a519a6b", class: "md:hidden flex overflow-hidden px-16" }, i("eds-button", { key: "2c6586152953caa33911d19fa69d3518cb73fc41", "aria-label": "Menu", intent: this.headerVariant === "default" ? "ghost" : "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })));
+    return i("header", { key: "ebfd125d1e27d224e5702f0c7a4b8f46e279f3b7", role: "banner", class: `flex items-center justify-between relative z-10 ${e}` }, i("div", { key: "64be678f68c5d5590e0a976f46a1939320d5d9c2", class: "mr-auto w-[200px] h-[85px]" }, i("eds-logo", { key: "a94192d8df3fb22d629d29d58d681e2a2eb0506d", type: t, href: this.homeUrl })), this.parsedLinks && i("nav", { key: "d7f1055e683b90d91c977ae9fef52a00f90b63a0", role: "navigation", "aria-label": "Primary", 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: "a15b4d203bacbe7f58490b8d34dd57dc31d4f573", class: "flex gap-x-16" }, this.parsedLinks.map((r) => i("eds-link", { label: r.label, "aria-label": r.label, url: r.url, intent: "strong", 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: "2d83f5093b34bdc40f574f8d5676e046029c6e5d", name: "actions" }), this.menuEnabled && i("div", { key: "d2ad33f5ea9e55a5efb1f4dd598be5d61f1d9ab6", class: "md:hidden flex overflow-hidden px-16" }, i("eds-button", { key: "da824afdcaa6ce68d837096bff6bdfadec4af17c", "aria-label": "Menu", intent: this.headerVariant === "default" ? "ghost" : "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })));
   }
   get hostEl() {
     return y(this);
   }
 };
-se.style = ae;
-const Ct = class {
+se.style = oe;
+const Ft = class {
   constructor(n) {
-    m(this, n), this.TagName = null, this.icon = "arrow-right", this.class = "", this.IconComponent = null;
+    u(this, n), this.TagName = null, this.icon = "arrow-right", this.class = "", this.IconComponent = null;
   }
   componentWillLoad() {
     this.loadIconComponent(this.icon);
@@ -4015,7 +4026,7 @@ video {
     opacity: 1;
 }`, ce = de, ge = class {
   constructor(n) {
-    m(this, n), this.img = null, this.handleLoad = () => {
+    u(this, n), this.img = null, this.handleLoad = () => {
       this.loaded = !0, this.showBg = !1;
     }, this.handleError = () => {
       this.loaded = !0, this.showBg = !1;
@@ -4028,10 +4039,10 @@ video {
   }
   render() {
     const n = {};
-    return this.lazyload && (n.loading = "lazy", n.decoding = "async"), i("div", { key: "c164d1584476f9fb101abb9e1233bed40c782eb9", class: {
+    return this.lazyload && (n.loading = "lazy", n.decoding = "async"), i("div", { key: "20e754d7535484aedde364592c7a08a68e760b7d", class: {
       "items-center justify-center": !0,
       "effect-bg-pattern": this.lazyload && this.showBg
-    } }, i("picture", { key: "70e20db2fe9bdf1a494313c6896e835ff3222f3c" }, this.formats.map((e) => i("source", { type: e.type, srcSet: e.srcset, media: e.media, sizes: this.sizes })), i("img", Object.assign({ key: "164d758ed706139d2d4562775a91c9518c437d28", ref: (e) => this.img = e, class: {
+    } }, i("picture", { key: "c6b1561f51587341af50b4129242424961b13788" }, this.formats.map((e) => i("source", { type: e.type, srcSet: e.srcset, media: e.media, sizes: this.sizes })), i("img", Object.assign({ key: "136c7a183750f61d237fd0845750e70f38603f48", ref: (e) => this.img = e, class: {
       "effect-opacity object-cover object-center": !0,
       "opacity-100": this.loaded,
       "opacity-0": !this.loaded
@@ -4042,9 +4053,9 @@ video {
   }
 };
 ge.style = ce;
-const Et = class {
+const It = class {
   constructor(n) {
-    m(this, n), this.handleInput = (e) => {
+    u(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;
@@ -4060,7 +4071,7 @@ const Et = class {
   }
   render() {
     const n = !!this.icon, e = this.hasMessage || this.error ? `${this.name}-error` : "";
-    return i("div", { key: "069d8ed6f23b2d98bbc24b727cad0cbc94d1a956", 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" ? {
+    return i("div", { key: "10cacc49f2e61f8b357d1d0dd303822d7b3d7800", 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
@@ -4069,7 +4080,7 @@ const Et = 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: "2295538938128173047a5c81166cbee3d652cf25", 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: "70a5bc0c9019c25499c4c65ece50ddb602eb3345", 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: "2f17e830e7d5977c06dff45e248ec6d4bcf2885c", 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: "d171f505b869787c01945720489343a6d57e02bf", class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, icon: this.icon }));
   }
   get el() {
     return y(this);
@@ -11851,14 +11862,14 @@ input[type="range"]::-webkit-slider-thumb {
 
 `, fe = he, be = class {
   constructor(n) {
-    m(this, n), this.edsinput = v(this, "edsinput", 7), this.edschange = v(this, "edschange", 7), this.handleNativeInput = (e) => {
+    u(this, n), this.edsinput = v(this, "edsinput", 7), this.edschange = v(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 a = l.value;
         if (this.type === "checkbox" && ((r = this.parsedOptions) === null || r === void 0 ? void 0 : r.length) > 0) {
-          const s = this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);
-          a = Array.from(s).filter((o) => o.checked).map((o) => o.value);
+          const o = this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);
+          a = Array.from(o).filter((s) => s.checked).map((s) => s.value);
         } else this.type === "checkbox" ? a = l.checked : (this.type, a = l.value);
         this.edsinput.emit({ value: a });
       }
@@ -11868,8 +11879,8 @@ input[type="range"]::-webkit-slider-thumb {
         const l = e.target;
         let a = l.value;
         if (this.type === "checkbox" && ((r = this.parsedOptions) === null || r === void 0 ? void 0 : r.length) > 0) {
-          const s = this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);
-          a = Array.from(s).filter((o) => o.checked).map((o) => o.value);
+          const o = this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);
+          a = Array.from(o).filter((s) => s.checked).map((s) => s.value);
         } else this.type === "checkbox" ? a = l.checked : (this.type, a = l.value);
         this.edschange.emit({ value: a });
       }
@@ -11891,7 +11902,7 @@ 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: "75e326788d214bcbdd0b4b5204ac309a3e76f6eb" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? i("fieldset", { class: "space-y-4" }, 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" ? (() => {
+    return i("div", { key: "646cf997652c5401115c5f7d96b29cf752feeacf" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? i("fieldset", { class: "space-y-4" }, 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,
@@ -11900,9 +11911,9 @@ input[type="range"]::-webkit-slider-thumb {
         required: n.required,
         onInput: n.onInput,
         onChange: n.onChange
-      }, a = this.parsedOptions, s = typeof this.value == "string" ? parseFloat(this.value) : this.value || 0;
-      return i("eds-input-range", Object.assign({}, l, { min: (e = a[0]) === null || e === void 0 ? void 0 : e.value, max: (t = a[1]) === null || t === void 0 ? void 0 : t.value, step: (r = a[2]) === null || r === void 0 ? void 0 : r.value, value: s }));
-    })() : i("eds-input", Object.assign({}, n))), i("div", { key: "83d2deb40af000499d6d12e33f33b7435372ff30", class: "mt-6" }, i("eds-input-footer", { key: "21035705fd8ef6dbe8d208d4e0b88467a4d4cb09", id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link })));
+      }, a = this.parsedOptions, o = typeof this.value == "string" ? parseFloat(this.value) : this.value || 0;
+      return i("eds-input-range", Object.assign({}, l, { min: (e = a[0]) === null || e === void 0 ? void 0 : e.value, max: (t = a[1]) === null || t === void 0 ? void 0 : t.value, step: (r = a[2]) === null || r === void 0 ? void 0 : r.value, value: o }));
+    })() : i("eds-input", Object.assign({}, n))), i("div", { key: "dd39d14a7bd629d259d9a04cd83530330d05b6fd", class: "mt-6" }, i("eds-input-footer", { key: "d909871d432841039a82a57d174f71a3733cf51c", 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;
@@ -11912,27 +11923,27 @@ input[type="range"]::-webkit-slider-thumb {
   }
 };
 be.style = fe;
-const pe = "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}", ue = pe, me = class {
+const me = "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}", pe = me, ue = class {
   constructor(n) {
-    m(this, n), this.name = void 0, this.errorMessage = void 0, this.message = void 0, this.error = !1, this.link = void 0;
+    u(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: "f968c3f3cfa5d419fe2d736b8da4f1dfd5fca88f" }, this.error && this.errorMessage && i("div", { key: "780480b021c958a4d429b13a190ed630df98f539", id: `error_${this.name}`, class: "text-error flex items-center" }, i("eds-icon-wrapper", { key: "3577ebdde2d337e393d7ae41b0b55d3eac046149", icon: "warning" }), i("p", { key: "c839fe81dcd8ee0fba4ffa53dd7ba5e65a39fa46", class: "f-ui-04 ml-4 mb-4", innerHTML: this.errorMessage })), this.message && i("p", { key: "57833b0f0f58d36773401eaa0f37fd820ebe094c", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && i("a", { key: "2330e747a9274c6b9bcadf5ae4a770cfbab78b27", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
+    return i("div", { key: "ac60e5d56a86af64ea34445f9376c942258c9026" }, this.error && this.errorMessage && i("div", { key: "25ff09f276f7028e1b2877133ab639b35cdebaba", id: `error_${this.name}`, class: "text-error flex items-center" }, i("eds-icon-wrapper", { key: "2add9a34a966428af96598f3e8e07f9535da8728", icon: "warning" }), i("p", { key: "bcb624339190c0585e960a0c4debc3fec2ada4eb", class: "f-ui-04 ml-4 mb-4", innerHTML: this.errorMessage })), this.message && i("p", { key: "00944237618f325774f316faaf4620e5eb507289", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && i("eds-link", { key: "464c5a59e9c36a06f1cdae9be9e09a4f8b05d282", label: this.link.label, url: this.link.url, intent: "underline", size: "small", external: !0 }));
   }
 };
-me.style = ue;
+ue.style = pe;
 const xe = ".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}", ye = xe, ve = class {
   constructor(n) {
-    m(this, n), this.label = void 0, this.name = void 0, this.required = !1, this.disabled = !1;
+    u(this, n), this.label = void 0, this.name = void 0, this.required = !1, this.disabled = !1;
   }
   render() {
-    return i("label", { key: "4760fa1b6a66b4ba30b689e65acc9f66e944210d", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && i("span", { key: "db3f8b321ab41765d9cc1e1d3b67ef2d58c1a53a" }, i("span", { key: "0c6f4ee8daab357ff4da750241c472b126cfbb98", "aria-hidden": "true" }, "*"), i("span", { key: "ad18af56b0f20be3c9ee7280c0610c958adfdb87", class: "sr-only" }, "required")));
+    return i("label", { key: "8a421c62ddec859bd7837454aa664a116001fd31", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && i("span", { key: "ad49202fb172a182822587248c141e0f8d7bcc6f" }, i("span", { key: "e682ff5f3ac83b8adce37c8c9893c2aa235c97b1", "aria-hidden": "true" }, "*"), i("span", { key: "343d2abb7c452fc2a6a67b04727237fea9519838", class: "sr-only" }, "required")));
   }
 };
 ve.style = ye;
-const zt = class {
+const At = class {
   constructor(n) {
-    m(this, n), this.edsrange = v(this, "edsrange", 7), this.onInput = (e) => {
+    u(this, n), this.edsrange = v(this, "edsrange", 7), this.onInput = (e) => {
       const t = e.target;
       this.sliderVal = parseInt(t.value, 10);
     }, this.onChange = (e) => {
@@ -11954,7 +11965,7 @@ const zt = class {
     return this.inputElement;
   }
   render() {
-    return i("div", { key: "7592e5f4c1154281fb0577af739451ea0f16dc17", class: "relative flex flex-col items-start" }, i("input", { key: "8d5d0b3b5b51665a340304ba56f6fd6b053d3c5f", 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: "c040d2a7e6aae8662e33d393bf1e93b0c8c254dc", id: `desc_${this.name}`, class: "block f-ui-05 mt-4 text-lighter" }, "Current value: ", this.sliderVal));
+    return i("div", { key: "27c60fe7ad5cf3cf8255129529ef64905c87b609", class: "relative flex flex-col items-start" }, i("input", { key: "8ef115e18b6afd956c57a30cd4b9ee45ecd79334", 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: "beb95f6aa032db57ec401839cea48ac1d3a1861d", id: `desc_${this.name}`, class: "block f-ui-05 mt-4 text-lighter" }, "Current value: ", this.sliderVal));
   }
   get el() {
     return y(this);
@@ -11964,9 +11975,9 @@ const zt = class {
       value: ["onValueChange"]
     };
   }
-}, Ft = class {
+}, Lt = class {
   constructor(n) {
-    m(this, n), this.search = v(this, "search", 7), this.keydownListener = (e) => {
+    u(this, n), this.search = v(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({
@@ -11991,8 +12002,8 @@ const zt = class {
     return this.inputElement;
   }
   render() {
-    return i("div", { key: "e5065d821db5f66b4ddfccb84e911f8c9148d12c", class: "relative flex items-center" }, i("eds-icon-wrapper", { key: "e661107b6202d7529209c67622a9f27bb15de2fc", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), i("input", {
-      key: "1633e9108da6b675f1bcbddbbcb88e67843dddbf",
+    return i("div", { key: "4057975b193458daff5cc779e7671f3aa8df82fb", class: "relative flex items-center" }, i("eds-icon-wrapper", { key: "47366d7737c3c044aa97f6e5a5a76301c5f688ae", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), i("input", {
+      key: "70195ba54b9afd1c953735899d6fbfd668f81c71",
       id: this.inputId || this.name,
       name: this.name,
       placeholder: this.placeholder,
@@ -12009,21 +12020,21 @@ const zt = class {
   get el() {
     return y(this);
   }
-}, It = class {
+}, _t = class {
   constructor(n) {
-    m(this, n), this.edsselect = v(this, "edsselect", 7), this.handleChange = (e) => {
+    u(this, n), this.edsselect = v(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", t = this.hasMessage || this.error ? `${this.name}-error` : void 0;
-    return i("div", { key: "640bbcca727ad0c511238335197bc533869f6229", class: "relative" }, i("select", { key: "75efd5a9c7951fce245a7ee8b89c35d712d06c08", id: n, name: this.name, class: {
+    return i("div", { key: "5f73cb76010cac41f433921395aaf779765e298a", class: "relative" }, i("select", { key: "0705adad43076b6048900d5c62b8be2dff090270", 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": t, disabled: this.disabled, required: this.required, onChange: this.handleChange }, i("option", { key: "e8723f0f947dc8e07660a34d49eb769e4bebfd06", 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: "23531f90fcaa854a8abff796e2879648987a56b9", 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: "6e836b9606c1444d8e97b78ebe1ea4cf092070e3", 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: "6b2d7856821cfe804f63f6f289f78bd3f7a8273c", 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: "161692e967ed9c094feb171c6d067058dfafa146", 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: "513a74b4753a08280326970dfbb16642b5c6b986", class: "w-20 h-20", icon: "chevron-right" })));
   }
 }, we = `*,
 ::before,
@@ -13325,7 +13336,6 @@ Make sure disabled buttons don't get the pointer cursor.
       false: ""
     },
     size: {
-      underline: "f-body-02 ",
       small: "min-h-36 f-ui-02 px-12",
       large: "min-h-44 f-ui-01 px-16"
     }
@@ -13378,6 +13388,16 @@ Make sure disabled buttons don't get the pointer cursor.
       intent: "inverse",
       isActive: !0,
       class: "before:!opacity-100"
+    },
+    {
+      intent: "underline",
+      size: "small",
+      class: "!px-0 !py-0 !min-h-0 f-ui-02"
+    },
+    {
+      intent: "underline",
+      size: "large",
+      class: "!px-0 !py-0 !min-h-0 f-ui-01"
     }
   ],
   defaultVariants: {
@@ -13389,7 +13409,7 @@ Make sure disabled buttons don't get the pointer cursor.
   }
 }), Ce = class {
   constructor(n) {
-    m(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;
+    u(this, n), this.parentContext = null, this.label = void 0, this.intent = "primary", 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;
   }
   handleParentContext(n) {
     n.target === this.el && (this.parentContext = n.detail, n.stopPropagation());
@@ -13412,7 +13432,7 @@ Make sure disabled buttons don't get the pointer cursor.
     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.intent === "underline" ? "underline" : this.size;
+    return this.size;
   }
   renderLeftIcon() {
     return this.icon && this.iconPos === "left" ? i("span", { class: "flex" }, i("eds-icon-wrapper", { "aria-hidden": "true", class: `
@@ -13433,17 +13453,17 @@ Make sure disabled buttons don't get the pointer cursor.
       iconSmall: this.iconSmall,
       isActive: this.current,
       hasIcon: !!this.icon
-    }), e = !this.disabled, t = !this.label || this.hideLabelOnSmallScreen && this.icon, r = this.hideLabelOnSmallScreen ? "hidden lg:flex" : "";
-    return i("a", { key: "5c190b2b079dfecb003883a8b25d3c258697c4d6", 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: "f4e89354ea8e252a26c85a560af9e7cfed7f8287", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), this.label && i("span", { key: "ca10c283dd14c3e3830baddec7ba193522a02e7c", class: r }, this.label), this.renderRightIcon()));
+    }), e = typeof this.url == "string" && this.url.length ? this.url : void 0, t = !this.disabled, r = !this.label || this.hideLabelOnSmallScreen && this.icon, l = this.hideLabelOnSmallScreen ? "hidden lg:flex" : "";
+    return i("a", { key: "1ae7cb8fda0fdc0a4396504a4dfa13afa428d98f", class: `${n || ""}`, href: t ? e : void 0, target: this.external && t ? "_blank" : void 0, rel: this.external && t ? "noopener noreferrer" : void 0, tabIndex: t ? 0 : -1, "aria-label": r ? 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: (a) => this.handleClick(a), onKeyDown: (a) => this.handleKeyDown(a) }, i("span", { key: "7fc137758d974ba4a3a974f7b22587d3ca3b031e", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), this.label && i("span", { key: "7c79baae49579eef264ab6546aa3ac8e044dcb46", class: l }, this.label), this.renderRightIcon()));
   }
   get el() {
     return y(this);
   }
 };
 Ce.style = ke;
-const Ee = ".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}}", ze = Ee, Fe = class {
+const ze = ".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}}", Ee = ze, Fe = class {
   constructor(n) {
-    m(this, n), this.href = "/", this.orientation = "horizontal", this.type = void 0, this.label = "Home";
+    u(this, n), this.href = "/", this.orientation = "horizontal", this.type = void 0, this.label = "Home";
   }
   /**
    * Handles the click event on the logo link.
@@ -13467,11 +13487,11 @@ const Ee = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
   getLogo() {
     const e = {
       horizontal: {
-        color: tn,
+        color: rn,
         black: bn,
-        "color-white": pn,
-        white: un,
-        "no-bg": mn
+        "color-white": mn,
+        white: pn,
+        "no-bg": un
       },
       vertical: {
         color: xn,
@@ -13482,22 +13502,22 @@ const Ee = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
       }
     }[this.orientation];
     if (!e)
-      return tn;
+      return rn;
     const t = e[this.type];
     return t || e.color;
   }
   render() {
     const n = this.getLogo();
-    return i("a", { key: "735f3592da7eed337c528731c28c6e708bbfcf82", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, i("div", { key: "5db166d68cb6e193d3dbc2a8ba4b54eae99aac44", innerHTML: n }));
+    return i("a", { key: "0a0d4dd69a1af10c1c571a56ed0f698d95652405", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, i("div", { key: "0d8ca0f9c647b3b12daf944b9c2919a93134bec2", innerHTML: n }));
   }
   get el() {
     return y(this);
   }
 };
-Fe.style = ze;
+Fe.style = Ee;
 const Ie = ".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))}}", Ae = Ie, Le = class {
   constructor(n) {
-    m(this, n), this.consent = v(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;
+    u(this, n), this.consent = v(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.
@@ -13558,10 +13578,10 @@ const Ie = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%
     fn(), localStorage.removeItem(`${window.location.host}-matomo-consent-given`), this.hideNotice(), this.consent.emit("in");
   }
   optOutAnalytics() {
-    en(), this.hideNotice(), this.consent.emit("out");
+    tn(), this.hideNotice(), this.consent.emit("out");
   }
   noThanks() {
-    en(), localStorage.setItem(`${window.location.host}-matomo-consent-given`, "out"), this.hideNotice(), this.consent.emit("out");
+    tn(), localStorage.setItem(`${window.location.host}-matomo-consent-given`, "out"), this.hideNotice(), this.consent.emit("out");
   }
   /*private deferDecision() {
     sessionStorage.setItem(this.getStorageKey(), 'true');
@@ -13584,61 +13604,93 @@ const Ie = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%
 Le.style = Ae;
 const _e = '.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)}', Te = _e, De = class {
   constructor(n) {
-    m(this, n), this.nps = v(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:
+    u(this, n), this.nps = v(this, "nps", 7), this.min = 0, this.max = 10, this.btnRefs = [], this.onSelect = (e) => {
+      this.selectedValue = e, this.nps.emit(e), requestAnimationFrame(() => {
+        var t, r;
+        const l = e - this.min;
+        (r = (t = this.btnRefs[l]) === null || t === void 0 ? void 0 : t.focus) === null || r === void 0 || r.call(t);
+      });
+    }, this.handleKeyNav = (e) => {
+      const { key: t } = e;
+      if (!["ArrowRight", "ArrowLeft", "Home", "End", " ", "Enter"].includes(t))
         return;
-    }
+      e.preventDefault();
+      const l = this.max - this.min + 1;
+      let a = this.selectedValue == null ? 0 : this.selectedValue - this.min;
+      switch (t) {
+        case "ArrowRight":
+          a = Math.min(l - 1, a + 1), this.setActiveByIndex(
+            a,
+            /*commit*/
+            !1
+          );
+          break;
+        case "ArrowLeft":
+          a = Math.max(0, a - 1), this.setActiveByIndex(
+            a,
+            /*commit*/
+            !1
+          );
+          break;
+        case "Home":
+          this.setActiveByIndex(
+            0,
+            /*commit*/
+            !1
+          );
+          break;
+        case "End":
+          this.setActiveByIndex(
+            l - 1,
+            /*commit*/
+            !1
+          );
+          break;
+        case " ":
+        case "Enter":
+          this.onSelect(this.min + a);
+          break;
+      }
+    }, this.question = void 0, this.leftLabel = void 0, this.rightLabel = void 0, this.selectedValue = null;
   }
-  activateRadio(n, e) {
-    const t = n[e], r = this.min + e;
-    this.handleClick(r), t.focus();
+  /** Move visual highlight & roving tabindex; optionally commit selection */
+  setActiveByIndex(n, e = !1) {
+    var t;
+    const r = this.min + n;
+    this.selectedValue = r;
+    const l = this.btnRefs[n];
+    typeof (l == null ? void 0 : l.focusInner) == "function" ? l.focusInner() : (t = l == null ? void 0 : l.focus) === null || t === void 0 || t.call(l), e && this.onSelect(r);
   }
   render() {
     const n = this.max - this.min + 1;
-    return i("div", { key: "19326c22d2b5c9f2fbc97bfb3c3d958d14cdfa25", class: "eds-nps" }, i("eds-input-label", { key: "046239977d2dc639eabfc60a67df62011833a983", id: "nps-question", name: "nps-question", label: this.question }), i("div", { key: "e296b8ff3a081f42263ee0c0a28ef3f304b1e1c0", 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: "305bc5b2d162fc40fc56557291d37e29498563a2", class: "flex justify-between mt-8" }, i("span", { key: "7fe2191db8cacabed26f451ac0175f23ede3317e", class: "f-ui-04 text-light ml-4" }, this.leftLabel), i("span", { key: "a85aca88d4de2897d7ba04578cf57a844c660675", class: "f-ui-04 text-light mr-4" }, this.rightLabel)));
+    return i("div", { key: "f5e19e0f750c0de6da3bae5713dca0e13eba85fc", class: "eds-nps" }, i("eds-input-label", { key: "3ff611a932976956735395fb531d9a800b554974", id: "nps-question", name: "nps-question", label: this.question }), i("div", { key: "da0c3af26dd24d7dc618675aa7f197f55023230f", id: "nps-buttons", role: "radiogroup", "aria-labelledby": "nps-question", class: "grid grid-cols-11", onKeyDown: this.handleKeyNav }, Array.from({ length: n }, (e, t) => {
+      const r = this.min + t, l = r === this.selectedValue, a = l || this.selectedValue == null && t === 0 ? 0 : -1;
+      return i("div", { class: "grid-col-span-1", key: r }, i("eds-button", {
+        ref: (o) => this.btnRefs[t] = o,
+        role: "radio",
+        "aria-checked": l ? "true" : "false",
+        "aria-label": `${r}`,
+        // Use onClick so keyboard activation on inner <button> works natively
+        onClick: () => this.onSelect(r),
+        tabIndex: a,
+        intent: l ? "primary" : "ghost",
+        "extra-class": "!block !px-0 w-full",
+        label: `${r}`,
+        // Optional: keep highlight in sync when tabbing into the group
+        onFocus: () => {
+          this.selectedValue = r;
+        }
+      }));
+    })), i("div", { key: "10b2f854cff8192e54ee30feb44ad4143c54ad10", class: "flex justify-between mt-8" }, i("span", { key: "361b421b368219f9d7aa6306d912913e9d401fa0", class: "f-ui-04 text-light ml-4" }, this.leftLabel), i("span", { key: "2969496e1b6f772fcdf49667f66eee6dee6760fa", class: "f-ui-04 text-light mr-4" }, this.rightLabel)));
   }
   get el() {
     return y(this);
   }
 };
 De.style = Te;
-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}}", Re = $e, Oe = class {
+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}}", Ne = $e, Oe = class {
   constructor(n) {
-    m(this, n), this.handleKeyDown = (e) => {
+    u(this, n), this.handleKeyDown = (e) => {
       if (this.mode !== "default" || !this.useButtons)
         return;
       const t = this.getNavigableItems();
@@ -13647,8 +13699,8 @@ const $e = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
         const r = e.key === "ArrowRight" ? 1 : -1;
         let l = this.focusedIndex;
         if (l === -1) {
-          const s = t.findIndex((o) => o.type === "page" && o.page === this.currentPage);
-          l = s !== -1 ? s : 0;
+          const o = t.findIndex((s) => s.type === "page" && s.page === this.currentPage);
+          l = o !== -1 ? o : 0;
         }
         let a = l + r;
         a >= t.length ? a = 0 : a < 0 && (a = t.length - 1), this.focusedIndex = a, this.focusPaginationItem(a);
@@ -13787,7 +13839,7 @@ const $e = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
     }
   }
   render() {
-    return i("div", { key: "1ddd5a3ee9c843a06e5f8f446ae8420a6e0df259" }, this.total > 0 && this.mode === "default" && i("p", { key: "87b18c6b1fc475e335f829a4f61b7a8883dc7b9e", class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, i("span", { key: "d5af6f58fc41d83c7e9519bbaa76fb31e6cbb522", 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) => {
+    return i("div", { key: "17128145803ac6af5f37d5e7c7f0576961c3e372" }, this.total > 0 && this.mode === "default" && i("p", { key: "e50738bfadd0b115ed2d05b81199f0d4cfadda18", class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, i("span", { key: "230f2306254d7c5fa2bfd354f308e4fa6b5c2994", 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);
@@ -13803,10 +13855,10 @@ const $e = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
     };
   }
 };
-Oe.style = Re;
-const Ne = ":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)))}", Pe = Ne, He = class {
+Oe.style = Ne;
+const Re = ":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)))}", Pe = Re, je = class {
   constructor(n) {
-    m(this, n), this.rating = v(this, "rating", 7), this.buttonRefs = [], this.ratingType = "star", this.ratingCount = 5, this.selectedRating = 0;
+    u(this, n), this.rating = v(this, "rating", 7), this.buttonRefs = [], this.ratingType = "star", this.ratingCount = 5, this.selectedRating = 0;
   }
   /**
    * Lifecycle method that runs when the component has fully loaded.
@@ -13852,7 +13904,7 @@ const Ne = ":host{display:inline-block}.block{display:block}.stars{display:flex;
     r > this.ratingCount && (r = 1), r < 1 && (r = this.ratingCount), this.onSelect(r);
   }
   render() {
-    return i("div", { key: "8dcde2afdc0db27d3f6be48f1d58cc7c7f88b0f0", 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) => {
+    return i("div", { key: "5d1cf924d2a59b4141eac1bd4f122c9cf640cf9c", 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: (a) => this.buttonRefs[e] = a,
@@ -13871,10 +13923,105 @@ const Ne = ":host{display:inline-block}.block{display:block}.stars{display:flex;
     return y(this);
   }
 };
-He.style = Pe;
-const je = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.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)}", We = je, Be = class {
+je.style = Pe;
+const He = ":host{display:block;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;transition:width 0.3s ease}:host(.collapsed){width:4rem}:host::-webkit-scrollbar{width:8px}:host::-webkit-scrollbar-track{background:transparent}:host::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.2);border-radius:4px}:host::-webkit-scrollbar-thumb:hover{background:rgba(0, 0, 0, 0.3)}.sidebar-nav{padding:0.5rem 0}.sidebar-header{display:flex;justify-content:flex-end;padding:0.5rem 0.75rem;margin-bottom:0.5rem}:host(.collapsed) .sidebar-header{justify-content:center;padding:0.5rem}.collapse-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;cursor:pointer;padding:0;border-radius:0.375rem;transition:background-color 0.15s ease;color:inherit}.collapse-toggle:hover{background-color:rgba(0, 0, 0, 0.08)}.collapse-toggle:focus-visible{outline:2px solid var(--eds-focus-color, #0066cc);outline-offset:2px}.sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.125rem}.sidebar-item{display:flex;flex-direction:column}.sidebar-item-content{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;cursor:pointer;user-select:none;word-break:break-word;transition:background-color 0.15s ease;border-radius:0.375rem;margin:0 0.5rem;position:relative}:host(.collapsed) .sidebar-item-content{justify-content:center;padding:0.75rem;margin:0 0.5rem}.sidebar-item-content:hover{background-color:rgba(0, 0, 0, 0.04)}.sidebar-item-content:focus-visible{outline:2px solid var(--eds-focus-color, #0066cc);outline-offset:-2px;z-index:1}.sidebar-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem}.sidebar-content-wrapper{display:flex;align-items:center;gap:0.5rem;flex:1;min-width:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;padding:0;margin:-0.125rem 0;pointer-events:none}.sidebar-link-wrapper{flex:1;min-width:0;pointer-events:none}.sidebar-link{font-weight:400;pointer-events:none}.sidebar-children{list-style:none;margin:0.25rem 0 0 0;padding:0;display:flex;flex-direction:column;gap:0.125rem;overflow:hidden;animation:slideDown 0.2s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-0.25rem)}to{opacity:1;transform:translateY(0)}}.sidebar-item.level-0 .sidebar-item-content{padding-left:0.75rem}:host(.collapsed) .sidebar-item.level-0 .sidebar-item-content{padding-left:0.75rem}.sidebar-item.level-1 .sidebar-item-content{padding-left:2rem}.sidebar-item.level-2 .sidebar-item-content{padding-left:3.25rem}.sidebar-item.level-3 .sidebar-item-content{padding-left:4.5rem}.sidebar-item.level-4 .sidebar-item-content{padding-left:5.75rem}.sidebar-item.level-5 .sidebar-item-content{padding-left:7rem}:host(.theme-default) .sidebar-item-content{border-radius:0.375rem;margin:0 0.5rem;padding:0.5rem 0.75rem}:host(.theme-default.collapsed) .sidebar-item-content{margin:0 0.5rem;border-radius:0.375rem}:host(.theme-default) .sidebar-item-content:hover{background-color:rgba(0, 0, 0, 0.04)}:host(.theme-default) .sidebar-item.active>.sidebar-item-content{background-color:transparent}:host(.theme-default) .sidebar-item.active>.sidebar-item-content .sidebar-link{font-weight:600}:host(.theme-default) .sidebar-item.level-0 .sidebar-item-content{padding-left:0.75rem}:host(.theme-default) .sidebar-item.level-1 .sidebar-item-content{padding-left:2rem}:host(.theme-default) .sidebar-item.level-2 .sidebar-item-content{padding-left:3.25rem}:host(.theme-default) .sidebar-item.level-3 .sidebar-item-content{padding-left:4.5rem}:host(.theme-default) .sidebar-item.level-4 .sidebar-item-content{padding-left:5.75rem}:host(.theme-minimal) .sidebar-item-content{border-radius:0;margin:0;padding-left:1rem;padding-right:1rem}:host(.theme-minimal.collapsed) .sidebar-item-content{margin:0 0.25rem;border-radius:0.375rem}:host(.theme-minimal) .sidebar-item-content:hover{background-color:var(--grey-300)}:host(.theme-minimal) .sidebar-item.active>.sidebar-item-content{background-color:var(--grey-400);border-left:3px solid var(--grey-900);padding-left:calc(1rem - 3px)}:host(.theme-minimal.collapsed) .sidebar-item.active>.sidebar-item-content{border-left:none;border-radius:0.375rem;padding-left:0.75rem}:host(.theme-minimal) .sidebar-item.level-1.active>.sidebar-item-content{padding-left:calc(2rem - 3px)}:host(.theme-minimal) .sidebar-item.level-2.active>.sidebar-item-content{padding-left:calc(3.25rem - 3px)}:host(.theme-minimal) .sidebar-item.level-3.active>.sidebar-item-content{padding-left:calc(4.5rem - 3px)}:host(.theme-minimal) .sidebar-item.level-4.active>.sidebar-item-content{padding-left:calc(5.75rem - 3px)}:host(.theme-minimal) .sidebar-item.level-0 .sidebar-item-content{padding-left:1rem}:host(.theme-minimal) .sidebar-item.level-1 .sidebar-item-content{padding-left:2rem}:host(.theme-minimal) .sidebar-item.level-2 .sidebar-item-content{padding-left:3.25rem}:host(.theme-minimal) .sidebar-item.level-3 .sidebar-item-content{padding-left:4.5rem}:host(.theme-minimal) .sidebar-item.level-4 .sidebar-item-content{padding-left:5.75rem}:host(.theme-minimal) .sidebar-children{position:relative}:host(.theme-ebrains) .sidebar-item-content{padding:0.5rem 1rem;border-radius:0.5rem;margin:0 0.5rem}:host(.theme-ebrains.collapsed) .sidebar-item-content{padding:0.75rem}:host(.theme-ebrains) .sidebar-item-content:hover{background-color:rgba(0, 0, 0, 0.05)}:host(.theme-ebrains) .sidebar-item.active>.sidebar-item-content{background-color:var(--green-600, #22c55e);color:white}:host(.theme-ebrains) .sidebar-item.active>.sidebar-item-content .sidebar-link{--eds-link-color:white;--eds-link-hover-color:white}:host(.theme-ebrains) .sidebar-item.active>.sidebar-item-content .sidebar-toggle{color:white}:host(.theme-ebrains) .sidebar-item.active>.sidebar-item-content .sidebar-icon{color:white}:host(.theme-ebrains) .sidebar-item.level-0 .sidebar-item-content{padding-left:1rem}:host(.theme-ebrains) .sidebar-item.level-1 .sidebar-item-content{padding-left:2.25rem}:host(.theme-ebrains) .sidebar-item.level-2 .sidebar-item-content{padding-left:3.5rem}:host(.theme-ebrains) .sidebar-item.level-3 .sidebar-item-content{padding-left:4.75rem}:host(.theme-ebrains) .sidebar-item.level-4 .sidebar-item-content{padding-left:6rem}@media (prefers-color-scheme: dark){.collapse-toggle:hover{background-color:rgba(255, 255, 255, 0.08)}:host(.theme-default) .sidebar-item-content:hover{background-color:rgba(255, 255, 255, 0.05)}:host(.theme-default) .sidebar-item.active>.sidebar-item-content{background-color:rgba(0, 102, 204, 0.15)}:host(.theme-minimal) .sidebar-item-content:hover{background-color:rgba(255, 255, 255, 0.06)}:host::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.2)}:host::-webkit-scrollbar-thumb:hover{background:rgba(255, 255, 255, 0.3)}}.sidebar-toggle eds-icon-wrapper,.sidebar-icon eds-icon-wrapper,.collapse-toggle eds-icon-wrapper{transition:transform 0.15s ease;display:flex;align-items:center;justify-content:center}.sidebar-item-content:focus-visible .sidebar-link{text-decoration:underline}.sidebar-item.active>.sidebar-item-content .sidebar-link{font-weight:500}:host(.collapsed) .sidebar-item-content::after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:0.5rem;padding:0.5rem 0.75rem;background:rgba(0, 0, 0, 0.9);color:white;border-radius:0.375rem;white-space:nowrap;font-size:0.875rem;opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:1000}:host(.collapsed) .sidebar-item-content:hover::after{opacity:1;transition-delay:0.3s}.-ml-4{margin-left:-0.25rem}.mt-2{margin-top:0.125rem}", We = He, Be = class {
+  constructor(n) {
+    u(this, n), this.sidebar = v(this, "sidebar", 7), this.toggleItem = (e, t) => {
+      t && t.stopPropagation();
+      const r = new Set(this.openItems);
+      r.has(e) ? r.delete(e) : r.add(e), this.openItems = r;
+    }, this.navigate = (e, t) => {
+      !this.enableRouting || !e || (t && (t.preventDefault(), t.stopPropagation()), this.sidebar.emit(e), typeof window < "u" && window.history && window.history.pushState({}, "", e));
+    }, this.handleItemClick = (e, t) => {
+      var r;
+      if (!((r = e.children) === null || r === void 0) && r.length) {
+        this.toggleItem(e.id, t);
+        return;
+      }
+      e.url && this.navigate(e.url, t);
+    }, this.items = "[]", this.theme = "default", this.activeUrl = "", this.enableRouting = !0, this.maxLevel = 4, this.openItems = /* @__PURE__ */ new Set(), this.parsedItems = [];
+  }
+  // ---------------------------------------------------------------------------
+  // Lifecycle
+  // ---------------------------------------------------------------------------
+  componentWillLoad() {
+    this.parsedItems = this.parseItems(this.items), this.initializeOpenItems(this.parsedItems);
+  }
+  // ---------------------------------------------------------------------------
+  // Watchers
+  // ---------------------------------------------------------------------------
+  handleItemsChange(n) {
+    this.parsedItems = this.parseItems(n), this.initializeOpenItems(this.parsedItems);
+  }
+  handleActiveUrlChange() {
+    this.initializeOpenItems(this.parsedItems);
+  }
+  // ---------------------------------------------------------------------------
+  // Utils
+  // ---------------------------------------------------------------------------
+  parseItems(n) {
+    if (Array.isArray(n))
+      return n;
+    if (typeof n == "string") {
+      if (!n || n.trim() === "")
+        return [];
+      try {
+        const e = JSON.parse(n);
+        return Array.isArray(e) ? e : [];
+      } catch (e) {
+        return console.error("eds-sidebar: Failed to parse items JSON:", e), console.error("Received string:", n), [];
+      }
+    }
+    return [];
+  }
+  initializeOpenItems(n, e = 0) {
+    e === 0 && (this.openItems = /* @__PURE__ */ new Set()), !(e >= this.maxLevel) && n.forEach((t) => {
+      var r;
+      const l = this.activeUrl && t.url === this.activeUrl, a = this.hasActiveDescendant(t);
+      (t.open || l || a) && this.openItems.add(t.id), !((r = t.children) === null || r === void 0) && r.length && this.initializeOpenItems(t.children, e + 1);
+    });
+  }
+  hasActiveDescendant(n) {
+    var e;
+    return n.url === this.activeUrl ? !0 : !((e = n.children) === null || e === void 0) && e.length ? n.children.some((t) => this.hasActiveDescendant(t)) : !1;
+  }
+  // ---------------------------------------------------------------------------
+  // Render
+  // ---------------------------------------------------------------------------
+  renderItem(n, e = 0) {
+    if (e >= this.maxLevel)
+      return null;
+    const t = this.openItems.has(n.id), r = !!n.url && this.activeUrl === n.url, l = !!(n.children && n.children.length), o = `${`eds-sidebar-${n.id}`}-children`;
+    return i("li", { class: {
+      "sidebar-item": !0,
+      open: t,
+      active: r,
+      "has-children": l,
+      [`level-${e}`]: !0
+    } }, i("div", { class: "sidebar-item-content", onClick: (s) => this.handleItemClick(n, s), role: l ? "button" : n.url ? "link" : "button", tabindex: "0", "aria-current": r ? "page" : void 0, "aria-expanded": l ? t ? "true" : "false" : void 0, "aria-controls": l ? o : void 0, onKeyDown: (s) => {
+      (s.key === "Enter" || s.key === " ") && (s.preventDefault(), this.handleItemClick(n, s));
+    } }, l && i("span", { class: "sidebar-toggle mt-2 -ml-4", "aria-hidden": "true" }, i("eds-icon-wrapper", { icon: t ? "chevron-down" : "chevron-right" })), i("span", { class: "sidebar-link-wrapper" }, i("eds-link", { label: n.title, url: n.url || "#", intent: r ? "strong" : "weak", size: "small", "aria-label": n.title, "extra-class": "sidebar-link", tabindex: "-1" }))), l && t && i("ul", { id: o, class: "sidebar-children" }, n.children.map((s) => this.renderItem(s, e + 1))));
+  }
+  render() {
+    return i(Z, { key: "4334d20e5d72671243633253910ab05b4da013da", class: {
+      "eds-sidebar": !0,
+      [`theme-${this.theme}`]: !0
+    } }, i("nav", { key: "319f6f42416d4229f1b011bf1216b39c8627302d", class: "sidebar-nav", "aria-label": "Sidebar" }, i("ul", { key: "687ceae3eca3e844e8f6a361db4a76d127d27813", class: "sidebar-list" }, this.parsedItems.map((n) => this.renderItem(n, 0)))));
+  }
+  get el() {
+    return y(this);
+  }
+  static get watchers() {
+    return {
+      items: ["handleItemsChange"],
+      activeUrl: ["handleActiveUrlChange"]
+    };
+  }
+};
+Be.style = We;
+const qe = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.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)}", Me = qe, Ue = class {
   constructor(n) {
-    m(this, n), this.size = "md", this.variant = "secondary", this.message = void 0, this.background = "var(--grey-200)", this.fullscreen = !1;
+    u(this, n), this.size = "md", this.variant = "secondary", this.message = void 0, this.background = "var(--grey-200)", this.fullscreen = !1;
   }
   get spinnerSize() {
     switch (this.size) {
@@ -13932,186 +14079,301 @@ const je = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%
       alignItems: "center",
       justifyContent: "center"
     };
-    return i(ln, { key: "e4c2f4762d214028c2e97666040e05ad5651debf" }, i("div", { key: "e12572cb0195a84402847b0fc723ad2198196661", class: "spinner-overlay", style: r }, i("span", { key: "6aa3b28a4e79951a5bbb46f6d7d845baf3761d14", class: "spinner", style: t }), this.message && i("p", { key: "5817378b525ecb8d8a211105b73a2db00067fbe3", class: "f-body-01" }, this.message)));
+    return i(Z, { key: "28271d7eced2bc3d69538aa490d623167affd590" }, i("div", { key: "2a8987cb80c67a42f18ac0db8c0078a90d9fd97a", class: "spinner-overlay", style: r }, i("span", { key: "c6267576391c24c41ceb0141dd897f590033b26f", class: "spinner", style: t }), this.message && i("p", { key: "ae67369899652f6ecc9c9411fd62a68a437553c5", class: "f-body-01" }, this.message)));
   }
 };
-Be.style = We;
-const qe = ".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}.eds-steps__title{cursor:pointer}", Me = qe, Ue = class {
+Ue.style = Me;
+const Ve = `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;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:-39px;top:-2px;display:flex;align-items:center;justify-content:center;width:31px;height:31px;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)}.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-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)}.text-center{text-align:center}.text-default{color:var(--black)}.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}.justify-between{justify-content:space-between}.mt-16{margin-top:1rem}.mt-32{margin-top:2rem}.mt-64{margin-top:4rem}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:0.75rem}.mb-16{margin-bottom:1rem}.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}.items-center{align-items:center}.px-8{padding-left:0.5rem;padding-right:0.5rem}.pb-20{padding-bottom:1.25rem}.eds-steps__title[role="button"]{cursor:pointer}.eds-steps__title.is-disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.5);}.eds-steps__title.is-disabled::before{opacity:1;filter:none}.steps--horizontal{display:flex;flex-direction:column;gap:2rem}.horizontal-indicators{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0}.horizontal-step{display:flex;flex-direction:column;align-items:center;gap:0.5rem;cursor:pointer;flex:1;position:relative}.horizontal-step:not(:last-child)::after{content:'';position:absolute;top:1.25rem;left:50%;width:100%;height:2px;background-color:#e0e0e0;z-index:-1}.horizontal-step.is-completed:not(:last-child)::after{background-color:var(--green-500);}.step-indicator{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;background-color:white;transition:all 0.3s ease}.horizontal-step.is-active .step-indicator{border-color:var(--green-500);background-color:var(--green-500);color:var(--white)}.horizontal-step.is-completed .step-indicator{border-color:var(--green-500);background-color:var(--white)}.horizontal-step.is-disabled{opacity:0.5;cursor:not-allowed}.step-number{font-weight:600;font-size:0.875rem}.step-label{font-size:0.875rem;text-align:center;font-weight:500}.horizontal-step.is-active .step-label{color:var(--green-500)}.step-content{padding:2rem 0;margin-left:calc((100% / var(--step-count, 1)) * 0.45 - 1.25rem);margin-right:calc((100% / var(--step-count, 1)) * 0.45 - 1.25rem)}.opacity-50{opacity:0.5}.eds-steps__title[role="button"]{cursor:pointer}`, Ge = Ve, Ye = class {
   constructor(n) {
-    m(this, n), this.step = v(this, "step", 7), this.finished = v(this, "finished", 7), this.next = v(this, "next", 7), this.back = v(this, "back", 7), this.handleTitleClick = (e) => {
-      if (e === this.activeStep) {
+    u(this, n), this.step = v(this, "step", 7), this.finished = v(this, "finished", 7), this.next = v(this, "next", 7), this.back = v(this, "back", 7), this.handleTitleClick = (e) => {
+      if (this.type === "linear") {
+        if (e > this.activeStep) {
+          for (let t = this.activeStep; t < e; t++)
+            if (this.isStepDisabled(t))
+              return;
+        }
+        this.activeStep = e, this.step.emit(this.activeStep);
+        return;
+      }
+      if (this.orientation === "vertical" && e === this.activeStep && this.collapsibleTitles) {
         this.activeStep = this.activeStep === e ? -1 : e, this.step.emit(this.activeStep);
         return;
       }
-      this.type === "linear" && e > this.activeStep && this.isNextDisabledFor(this.activeStep) || (this.activeStep = e, this.step.emit(this.activeStep));
+      this.activeStep = e, this.step.emit(this.activeStep);
     }, this.handleNext = () => {
       const e = this.parsedSteps.length - 1;
       if (this.activeStep >= e) {
-        this.activeStep = -1, this.finished.emit();
+        this.finished.emit(), this.activeStep = -1, this.step.emit(this.activeStep);
         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.next.emit(t), !this.isStepDisabled(this.activeStep) && (this.activeStep = t, this.step.emit(this.activeStep), Array.isArray(this.disableNext) || (this.disableNext = !1));
     }, this.handleBack = () => {
+      const e = this.parsedSteps.length - 1;
+      if (this.activeStep < 0) {
+        this.activeStep = e, this.step.emit(this.activeStep);
+        return;
+      }
       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);
+        const t = this.activeStep - 1;
+        this.back.emit(t), this.activeStep = t, 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;
+    }, this.steps = [], this.type = "static", this.orientation = "vertical", this.nextLabel = "Next", this.backLabel = "Back", this.finishLabel = "Finish", this.disableNext = !1, this.headingLevel = "h4", this.collapsibleTitles = !1, this.activeStep = 0;
+  }
+  handleDisableNextChange(n) {
+    if (typeof n == "string" && n.trim().startsWith("["))
+      try {
+        this.disableNext = JSON.parse(n);
+      } catch (e) {
+        console.error("Failed to parse disable-next array:", e);
+      }
+  }
+  componentWillLoad() {
+    this.handleDisableNextChange(this.disableNext);
   }
   componentDidLoad() {
-    var n;
     if (this.type === "linear") {
-      const e = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelectorAll("eds-button");
+      const e = (this.el.shadowRoot || this.el).querySelectorAll("eds-button");
       e == null || e.forEach((t) => this.emitContext(t));
     }
   }
   activeStepChanged(n) {
-    setTimeout(() => {
-      var e;
-      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));
+    const e = Math.max(0, this.parsedSteps.length - 1);
+    if (n > e) {
+      this.activeStep = e;
+      return;
+    }
+    if (n < -1) {
+      this.activeStep = -1;
+      return;
+    }
+    n < 0 || setTimeout(() => {
+      const r = (this.el.shadowRoot || this.el).querySelectorAll(".step"), l = r && n < r.length ? r[n] : void 0;
+      l == null || l.querySelectorAll("eds-button").forEach((a) => this.emitContext(a));
     }, 50);
   }
   emitContext(n) {
     const e = new CustomEvent("parentContext", {
-      detail: {
-        componentName: this.el.tagName.toLowerCase(),
-        identifier: this.activeStep
-      }
+      detail: { componentName: this.el.tagName.toLowerCase(), identifier: this.activeStep },
+      bubbles: !0,
+      composed: !0
     });
     n.dispatchEvent(e);
   }
   get parsedSteps() {
-    return R(this.steps);
+    return N(this.steps);
+  }
+  isStepDisabled(n) {
+    return Array.isArray(this.disableNext) ? n < this.disableNext.length ? !!this.disableNext[n] : !1 : n === this.activeStep && !!this.disableNext;
   }
   isNextDisabledFor(n) {
-    return Array.isArray(this.disableNext) ? !!this.disableNext[n] : n === this.activeStep && !!this.disableNext;
+    return this.isStepDisabled(n);
   }
   /** Render the semantic heading element as a clickable control only in linear mode */
   renderHeading(n, e) {
     const t = this.headingLevel, r = this.activeStep === e;
     if (this.type === "linear") {
-      const l = e > this.activeStep && this.isNextDisabledFor(this.activeStep), a = (s) => {
-        l || (s.key === "Enter" || s.key === " ") && (s.preventDefault(), this.handleTitleClick(e));
+      let l = !1;
+      if (e > this.activeStep) {
+        for (let o = this.activeStep; o < e; o++)
+          if (this.isStepDisabled(o)) {
+            l = !0;
+            break;
+          }
+      }
+      const a = (o) => {
+        l || (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.handleTitleClick(e));
       };
       return i(t, { class: `eds-steps__title ${l ? "is-disabled" : ""}`, role: "button", tabindex: l ? -1 : 0, "aria-disabled": l ? "true" : "false", "aria-expanded": r, "aria-controls": `eds-step-panel-${e}`, onClick: () => !l && this.handleTitleClick(e), onKeyDown: a }, n);
     }
-    return i(t, null, n);
+    return i(t, { class: `eds-steps__title ${this.collapsibleTitles && e !== this.activeStep, ""}`, onClick: () => this.handleTitleClick(e) }, n);
+  }
+  /** Render horizontal step indicator */
+  renderHorizontalIndicator(n, e) {
+    const t = this.activeStep === e, r = this.activeStep > e;
+    let l = !1;
+    if (e > this.activeStep) {
+      for (let o = this.activeStep; o < e; o++)
+        if (this.isStepDisabled(o)) {
+          l = !0;
+          break;
+        }
+    }
+    return i("div", { class: `horizontal-step ${t ? "is-active" : ""} ${r ? "is-completed" : ""}`, onClick: () => !l && this.handleTitleClick(e), onKeyDown: (o) => {
+      l || (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.handleTitleClick(e));
+    }, role: "button", tabindex: l ? -1 : 0, "aria-label": `Step ${e + 1}: ${n.title}`, "aria-current": t ? "step" : void 0, "aria-disabled": l ? "true" : "false" }, i("div", { class: "step-indicator" }, i("span", { class: "step-number" }, e + 1)), i("span", { class: `text-center text-default f-ui-03 ${l ? "opacity-50" : ""}` }, n.title));
   }
   render() {
     const n = this.parsedSteps;
-    return this.type === "linear" ? i("div", { class: "steps" }, n.map((e, t) => {
+    return this.type === "linear" && this.orientation === "horizontal" ? i("div", { class: "steps--horizontal", style: { "--step-count": n.length.toString() } }, i("div", { class: "horizontal-indicators" }, n.map((e, t) => this.renderHorizontalIndicator(e, t))), n.map((e, t) => {
       const r = t === n.length - 1;
-      return i("div", { class: "step mb-28", key: t }, this.renderHeading(e.title, t), this.activeStep === t && i("div", { class: "content grid gap-y-16", id: `eds-step-panel-${t}` }, 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, t), i("div", { class: "content", id: `eds-step-panel-${t}` }, 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 }))))));
+      if (this.activeStep !== t)
+        return null;
+      const l = this.orientation === "horizontal" ? "mt-64" : "mt-32";
+      return i("div", { class: "step-content", key: t, id: `eds-step-panel-${t}` }, i("slot", { name: `step-${t}` }, i("div", { class: "f-body-02 text-lighter", innerHTML: e.content })), i("div", { class: `flex items-center justify-between ${l}` }, 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: t > 0 ? "ml-8" : null })), i("slot", { name: `actions-${t}` }));
+    })) : this.type === "linear" ? i("div", { class: "steps" }, n.map((e, t) => {
+      const r = t === n.length - 1, l = this.orientation === "horizontal" ? "mt-64" : "mt-32";
+      return i("div", { class: "step mb-16", key: t }, this.renderHeading(e.title, t), this.activeStep === t && i("div", { class: "content grid gap-y-16", id: `eds-step-panel-${t}` }, i("slot", { name: `step-${t}` }, i("div", { class: "my-16 f-body-02 text-lighter", innerHTML: e.content })), i("div", { class: `flex items-center justify-between ${l}` }, 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: t > 0 ? "ml-8" : null })), i("slot", { name: `actions-${t}` })));
+    })) : i("div", { class: "steps" }, n.map((e, t) => i("div", { class: "step mb-16", key: t }, this.renderHeading(e.title, t), i("div", { class: "content", id: `eds-step-panel-${t}` }, i("slot", { name: `step-${t}` }, i("div", { class: "f-body-02 text-lighter my-16", innerHTML: e.content }))))));
   }
   get el() {
     return y(this);
   }
   static get watchers() {
     return {
+      disableNext: ["handleDisableNextChange"],
       activeStep: ["activeStepChanged"]
     };
   }
 };
-Ue.style = Me;
-const Ve = ".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}.eds-steps__title{cursor:pointer}", Ge = Ve, Ye = class {
+Ye.style = Ge;
+const Xe = `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:-41px;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)}.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-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)}.text-center{text-align:center}.text-default{color:var(--black)}.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}.justify-between{justify-content:space-between}.mt-16{margin-top:1rem}.mt-32{margin-top:2rem}.mt-64{margin-top:4rem}.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}.items-center{align-items:center}.px-8{padding-left:0.5rem;padding-right:0.5rem}.pb-20{padding-bottom:1.25rem}.eds-steps__title[role="button"]{cursor:pointer}.eds-steps__title.is-disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.5);}.eds-steps__title.is-disabled::before{opacity:1;filter:none}.steps--horizontal{display:flex;flex-direction:column;gap:2rem}.horizontal-indicators{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0}.horizontal-step{display:flex;flex-direction:column;align-items:center;gap:0.5rem;cursor:pointer;flex:1;position:relative}.horizontal-step:not(:last-child)::after{content:'';position:absolute;top:1.25rem;left:50%;width:100%;height:2px;background-color:#e0e0e0;z-index:-1}.horizontal-step.is-completed:not(:last-child)::after{background-color:var(--green-500);}.step-indicator{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;background-color:white;transition:all 0.3s ease;z-index:2}.horizontal-step.is-active .step-indicator{border-color:var(--green-500);background-color:var(--green-500);color:var(--white)}.horizontal-step.is-completed .step-indicator{border-color:var(--green-500);background-color:var(--white)}.horizontal-step.is-disabled{opacity:0.5;cursor:not-allowed}.step-number{font-weight:600;font-size:0.875rem}.step-label{font-size:0.875rem;text-align:center;font-weight:500}.horizontal-step.is-active .step-label{color:var(--green-500)}.step-content{padding:2rem 0;margin-left:calc((100% / var(--step-count, 1)) * 0.45 - 1.25rem);margin-right:calc((100% / var(--step-count, 1)) * 0.45 - 1.25rem)}.opacity-50{opacity:0.5}`, Ke = Xe, Ze = class {
   constructor(n) {
-    m(this, n), this.step = v(this, "step", 7), this.finished = v(this, "finished", 7), this.next = v(this, "next", 7), this.back = v(this, "back", 7), this.handleTitleClick = (e) => {
-      if (e === this.activeStep) {
+    u(this, n), this.step = v(this, "step", 7), this.finished = v(this, "finished", 7), this.next = v(this, "next", 7), this.back = v(this, "back", 7), this.handleTitleClick = (e) => {
+      if (this.type === "linear") {
+        if (e > this.activeStep) {
+          for (let t = this.activeStep; t < e; t++)
+            if (this.isStepDisabled(t))
+              return;
+        }
+        this.activeStep = e, this.step.emit(this.activeStep);
+        return;
+      }
+      if (this.orientation === "vertical" && e === this.activeStep) {
         this.activeStep = this.activeStep === e ? -1 : e, this.step.emit(this.activeStep);
         return;
       }
-      this.type === "linear" && e > this.activeStep && this.isNextDisabledForCurrent() || (this.activeStep = e, this.step.emit(this.activeStep));
+      this.activeStep = e, this.step.emit(this.activeStep);
     }, this.handleNext = () => {
       const e = this.parsedSteps.length - 1;
       if (this.activeStep >= e) {
-        this.finished.emit(), this.activeStep = -1;
+        this.finished.emit(), this.activeStep = -1, this.step.emit(this.activeStep);
         return;
       }
       const t = this.activeStep + 1;
-      this.next.emit(t), this.disableNext || (this.activeStep = t, this.step.emit(this.activeStep));
+      this.next.emit(t), !this.isStepDisabled(this.activeStep) && (this.activeStep = t, this.step.emit(this.activeStep), Array.isArray(this.disableNext) || (this.disableNext = !1));
     }, this.handleBack = () => {
+      const e = this.parsedSteps.length - 1;
+      if (this.activeStep < 0) {
+        this.activeStep = e, this.step.emit(this.activeStep);
+        return;
+      }
       if (this.activeStep > 0) {
-        const e = this.activeStep - 1;
-        this.back.emit(e), this.activeStep = e, this.step.emit(this.activeStep);
+        const t = this.activeStep - 1;
+        this.back.emit(t), this.activeStep = t, this.step.emit(this.activeStep), Array.isArray(this.disableNext) || (this.disableNext = !1);
       }
-    }, 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;
+    }, this.steps = [], this.type = "static", this.orientation = "vertical", this.imageSrc = void 0, this.imageWidth = void 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((t) => {
-        this.emitContext(t);
-      });
-    }
+  handleDisableNextChange(n) {
+    if (typeof n == "string" && n.trim().startsWith("["))
+      try {
+        this.disableNext = JSON.parse(n);
+      } catch (e) {
+        console.error("Failed to parse disable-next array:", e);
+      }
   }
   activeStepChanged(n) {
-    setTimeout(() => {
-      var e;
-      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);
-      });
+    const e = Math.max(0, this.parsedSteps.length - 1);
+    if (n > e) {
+      this.activeStep = e;
+      return;
+    }
+    if (n < -1) {
+      this.activeStep = -1;
+      return;
+    }
+    n < 0 || setTimeout(() => {
+      const r = (this.el.shadowRoot || this.el).querySelectorAll(".step")[n];
+      r == null || r.querySelectorAll("eds-button").forEach((l) => this.emitContext(l));
     }, 50);
   }
+  componentWillLoad() {
+    this.handleDisableNextChange(this.disableNext);
+  }
+  componentDidLoad() {
+    if (this.type === "linear") {
+      const e = (this.el.shadowRoot || this.el).querySelectorAll("eds-button");
+      e == null || e.forEach((t) => this.emitContext(t));
+    }
+  }
   emitContext(n) {
     const e = new CustomEvent("parentContext", {
       detail: {
         componentName: this.el.tagName.toLowerCase(),
         identifier: this.activeStep
-      }
+      },
+      bubbles: !0,
+      composed: !0
     });
     n.dispatchEvent(e);
   }
   articleClasses() {
-    return [
-      this.bg ? "bg-inverse" : "bg-default",
-      "border-softer effect-focus-within relative rounded-lg border-2"
-    ].join(" ");
+    return ["border-softer effect-focus-within relative rounded-lg border-2"].join(" ");
   }
-  /**
-   * Parses the steps property into an array of Step objects.
-   */
   get parsedSteps() {
-    return R(this.steps);
+    return N(this.steps);
+  }
+  isStepDisabled(n) {
+    return Array.isArray(this.disableNext) ? n < this.disableNext.length ? !!this.disableNext[n] : !1 : n === this.activeStep && !!this.disableNext;
   }
-  isNextDisabledForCurrent() {
-    return !!this.disableNext;
+  isNextDisabledFor(n) {
+    return this.isStepDisabled(n);
   }
-  /** Render the semantic heading element */
   renderHeading(n, e) {
     const t = this.headingLevel;
     if (this.type === "linear") {
-      const r = this.activeStep === e, l = e > this.activeStep && this.isNextDisabledForCurrent(), a = (s) => {
-        l || (s.key === "Enter" || s.key === " ") && (s.preventDefault(), this.handleTitleClick(e));
+      const r = this.activeStep === e;
+      let l = !1;
+      if (e > this.activeStep) {
+        for (let o = this.activeStep; o < e; o++)
+          if (this.isStepDisabled(o)) {
+            l = !0;
+            break;
+          }
+      }
+      const a = (o) => {
+        l || (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.handleTitleClick(e));
       };
       return i(t, { class: `eds-steps__title ${l ? "is-disabled" : ""}`, role: "button", tabindex: l ? -1 : 0, "aria-disabled": l ? "true" : "false", "aria-expanded": r, "aria-controls": `eds-step-panel-${e}`, onClick: () => !l && this.handleTitleClick(e), onKeyDown: a }, n);
     }
-    return i(t, { class: "eds-steps__title" }, n);
+    return i(t, { class: "eds-steps__title", onClick: () => this.handleTitleClick(e) }, n);
+  }
+  /** Render horizontal indicator item */
+  renderHorizontalIndicator(n, e) {
+    const t = this.activeStep === e, r = this.activeStep > e;
+    let l = !1;
+    if (e > this.activeStep) {
+      for (let o = this.activeStep; o < e; o++)
+        if (this.isStepDisabled(o)) {
+          l = !0;
+          break;
+        }
+    }
+    return i("div", { class: `horizontal-step ${t ? "is-active" : ""} ${r ? "is-completed" : ""}`, onClick: () => !l && this.handleTitleClick(e), onKeyDown: (o) => {
+      l || (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.handleTitleClick(e));
+    }, role: "button", tabindex: l ? -1 : 0, "aria-label": `Step ${e + 1}: ${n.title}`, "aria-current": t ? "step" : void 0, "aria-disabled": l ? "true" : "false" }, i("div", { class: "step-indicator" }, i("span", { class: "step-number" }, e + 1)), i("span", { class: `text-center text-default f-ui-03 ${l ? "opacity-50" : ""}` }, n.title));
   }
   render() {
-    const n = this.parsedSteps;
-    return i("div", { key: "b486aa34dfab4902cd6569cc2ce228104ca536cd", 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: "e2a928ecb67caed4885c9e364621b422249610f1", 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, t), this.activeStep === t && i("div", { class: "content grid gap-y-16", id: `eds-step-panel-${t}` }, 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, t) => i("div", { class: "step", key: t }, this.renderHeading(e.title, t), i("div", { class: "content", id: `eds-step-panel-${t}` }, 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 }))))))
-    )));
+    const n = this.parsedSteps, e = this.orientation === "horizontal" ? "mt-64" : "mt-32";
+    return i("div", { key: "0f9dbb87f9cd269057183ee969addd55e85b2149", 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: "d636d36c2e95d73c23c269b1faf67870eca97c16", class: "mt-16 pb-20 px-8" }, this.type === "linear" && this.orientation === "horizontal" ? i("div", { class: "steps--horizontal", style: { "--step-count": n.length.toString() } }, i("div", { class: "horizontal-indicators" }, n.map((t, r) => this.renderHorizontalIndicator(t, r))), n.map((t, r) => {
+      const l = r === n.length - 1;
+      return this.activeStep !== r ? null : i("div", { class: "step-content", key: r, id: `eds-step-panel-${r}` }, i("slot", { name: `step-${r}` }, i("div", { class: "f-body-02 text-lighter", innerHTML: t.content })), i("div", { class: `flex items-center justify-between ${e}` }, i("eds-button", { label: this.backLabel, intent: "ghost", icon: "chevron-left", iconPos: "left", iconSmall: !0, onClick: this.handleBack, disabled: r === 0, class: r === 0 ? "hidden" : "block", size: "small" }), i("eds-button", { label: l ? this.finishLabel : this.nextLabel, intent: "primary", icon: "chevron-right", iconSmall: !0, onClick: this.handleNext, disabled: this.isNextDisabledFor(r), size: "small", class: r > 0 ? "ml-8" : null })), i("slot", { name: `actions-${r}` }));
+    })) : this.type === "linear" ? i("div", { class: "steps" }, n.map((t, r) => i("div", { class: r === 0 ? "step" : "step mt-16", key: r }, this.renderHeading(t.title, r), this.activeStep === r && i("div", { class: "content grid gap-y-16", id: `eds-step-panel-${r}` }, i("slot", { name: `step-${r}` }, i("div", { class: "my-16 f-body-02 text-lighter", innerHTML: t.content })), i("div", { class: `flex items-center justify-between ${e}` }, i("eds-button", { label: this.backLabel, intent: "ghost", icon: "chevron-left", iconPos: "left", iconSmall: !0, onClick: this.handleBack, disabled: r === 0, class: r === 0 ? "hidden" : "block", size: "small" }), i("eds-button", { label: r === n.length - 1 ? this.finishLabel : this.nextLabel, intent: "primary", icon: "chevron-right", iconSmall: !0, onClick: this.handleNext, disabled: this.isNextDisabledFor(r), size: "small", class: r > 0 ? "ml-8" : null })))))) : i("div", { class: "steps space-y-8" }, n.map((t, r) => i("div", { class: "step", key: r }, this.renderHeading(t.title, r), i("div", { class: "content", id: `eds-step-panel-${r}` }, i("div", { class: "content-body" }, i("slot", { name: `step-${r}` }, i("div", { class: "my-16 f-body-02 text-lighter", innerHTML: t.content })))))))));
   }
   get el() {
     return y(this);
   }
   static get watchers() {
     return {
+      disableNext: ["handleDisableNextChange"],
       activeStep: ["activeStepChanged"]
     };
   }
 };
-Ye.style = Ge;
-const Xe = ":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)}", Ke = Xe, Ze = class {
+Ze.style = Ke;
+const Je = ":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)}", Qe = Je, nt = class {
   constructor(n) {
-    m(this, n), this.uiswitch = v(this, "uiswitch", 7), this.toggleSwitch = () => {
+    u(this, n), this.uiswitch = v(this, "uiswitch", 7), this.toggleSwitch = () => {
       this.disabled || (this.checked = !this.checked, this.uiswitch.emit({ value: this.checked }), A({
         category: "ui-component",
         tag: this.el.tagName.toLowerCase(),
@@ -14126,20 +14388,20 @@ const Xe = ":host{display:inline-block}.switch-container{display:inline-flex;ali
     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: "34573e6f2b377e168039a13afb4d5fe981f575ad", class: "switch-container" }, this.labelOff && i("span", { key: "1728e1aac88d275cd6bee0aaf50e93e3a421944d", id: `${n}-off`, class: "switch-label switch-label--off mr-8" }, this.labelOff), i("button", { key: "5d35387a9bf808923bd94f5d64528cca1e4055d5", 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: {
+    return i("div", { key: "0ee7bcdc3d6bb78881c310e36e5189e5ef99bab0", class: "switch-container" }, this.labelOff && i("span", { key: "858c4a43ccc633530d4e13a6bfa8115194ff5082", id: `${n}-off`, class: "switch-label switch-label--off mr-8" }, this.labelOff), i("button", { key: "faa59b03c46dd814c4125534a88fd7564b02205a", 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: "d8e0e1e3b562b4ac894998641cb7c813578e1a3f", class: "switch-handle" })), this.labelOn && i("span", { key: "86b56fbbc537e9f08d11a509a1cb0e19d8dc3c39", id: `${n}-on`, class: "switch-label switch-label--on ml-8" }, this.labelOn));
+    }, onClick: this.toggleSwitch, onKeyDown: this.handleKeyDown, disabled: this.disabled }, i("span", { key: "74db0f827a4f50dd77b88e0d372cbef1adb10f87", class: "switch-handle" })), this.labelOn && i("span", { key: "2648bb13d533bc9fde1dc04af9cfd7116dadd581", id: `${n}-on`, class: "switch-label switch-label--on ml-8" }, this.labelOn));
   }
   get el() {
     return y(this);
   }
 };
-Ze.style = Ke;
-const Je = "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}", Qe = Je, nt = class {
+nt.style = Qe;
+const et = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}tr.table-row-default{background-color:transparent}tr.table-row-color:nth-child(even){background-color:var(--grey-100)}tr.table-row-color:nth-child(odd){background-color:transparent}.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}", tt = et, it = class {
   constructor(n) {
-    m(this, n), this.rowaction = v(this, "rowaction", 7), this.handleResize = () => {
+    u(this, n), this.rowaction = v(this, "rowaction", 7), this.handleResize = () => {
       this.updateContainerWidth();
     }, this.onActionKeyDown = (e) => {
       var t;
@@ -14149,12 +14411,20 @@ const Je = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
       const r = e.target, l = r.closest('[role="toolbar"]');
       if (!l)
         return;
-      const a = Array.from(l.querySelectorAll("eds-button")), s = a.indexOf(r);
-      if (s === -1)
+      const a = Array.from(l.querySelectorAll("eds-button")), o = a.indexOf(r);
+      if (o === -1)
         return;
-      let o;
-      e.key === "ArrowRight" ? o = (s + 1) % a.length : o = (s - 1 + a.length) % a.length, (t = a[o]) === 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;
+      let s;
+      e.key === "ArrowRight" ? s = (o + 1) % a.length : s = (o - 1 + a.length) % a.length, (t = a[s]) === null || t === void 0 || t.focus();
+    }, this.handleSort = (e) => {
+      this.sortColumn === e ? this.sortDirection = this.sortDirection === "asc" ? "desc" : "asc" : (this.sortColumn = e, this.sortDirection = "asc"), A({
+        category: "ui-component",
+        parentContext: null,
+        tag: `${this.hostEl.tagName.toLowerCase()}/sort`,
+        name: e,
+        action: this.sortDirection
+      });
+    }, 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.sortingEnabled = !1, this.theme = "color", this.parsedActions = [], this.dataColumns = [], this.tbData = [], this.columns = [], this.currentPage = 1, this.parsedConfig = {}, this.totalRows = 0, this.searchQuery = "", this.containerWidth = 0, this.sortColumn = null, this.sortDirection = "asc";
   }
   handleDataChange() {
     this.parseData();
@@ -14186,7 +14456,7 @@ const Je = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
   }
   parseData() {
     try {
-      this.tbData = R(this.data), this.totalRows = this.tbData.length, this.updateColumns(), this.currentPage = 1;
+      this.tbData = N(this.data), this.totalRows = this.tbData.length, this.updateColumns(), this.currentPage = 1;
     } catch (n) {
       console.error("Failed to parse data:", n), this.tbData = [];
     }
@@ -14208,7 +14478,7 @@ const Je = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     return this.tbData.filter((n) => Object.values(n).some((e) => e.toString().toLowerCase().includes(this.searchQuery.toLowerCase())));
   }
   getPaginatedRows() {
-    const n = this.getFilteredRows();
+    const n = this.getSortedRows();
     this.totalRows = n.length;
     const e = (this.currentPage - 1) * this.rowsPerPage;
     return n.slice(e, e + this.rowsPerPage);
@@ -14236,15 +14506,15 @@ const Je = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
    */
   renderSingleActionCell(n, e) {
     var t;
-    const r = this.parsedActions.find((o) => o.name === n);
+    const r = this.parsedActions.find((s) => s.name === n);
     if (this.actionTemplate)
       return this.actionTemplate(e);
     if ((r.type || "button") === "checkbox") {
-      const o = (t = r.field) !== null && t !== void 0 ? t : r.name, b = !!e[o];
+      const s = (t = r.field) !== null && t !== void 0 ? t : r.name, b = !!e[s];
       return i("eds-input-field", { name: `chc-${n}`, label: r.label, type: "checkbox", checked: b, onChange: (k) => this.emitAction(r.name, e, k.target.checked) });
     }
-    const a = r.showLabel === !0, s = i("eds-button", { icon: r.icon, label: a ? r.label : null, iconPos: "left", pill: !0, size: "small", intent: "ghost", tabIndex: 0, onClick: () => this.emitAction(r.name, e) });
-    return a ? s : i("eds-tooltip", { content: r.label }, s);
+    const a = r.showLabel === !0, o = i("eds-button", { icon: r.icon, label: a ? r.label : null, iconPos: "left", pill: !0, size: "small", intent: "ghost", tabIndex: 0, onClick: () => this.emitAction(r.name, e) });
+    return a ? o : i("eds-tooltip", { content: r.label }, o);
   }
   emitAction(n, e, t) {
     A({
@@ -14275,20 +14545,32 @@ const Je = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
   capitalize(n) {
     return n.charAt(0).toUpperCase() + n.slice(1).toLowerCase();
   }
+  getSortedRows() {
+    const n = this.getFilteredRows();
+    return this.sortColumn ? [...n].sort((e, t) => {
+      const r = e[this.sortColumn], l = t[this.sortColumn];
+      if (r == null)
+        return 1;
+      if (l == null)
+        return -1;
+      let a = 0;
+      return typeof r == "number" && typeof l == "number" ? a = r - l : a = String(r).localeCompare(String(l)), this.sortDirection === "asc" ? a : -a;
+    }) : n;
+  }
   render() {
     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: "0c986dec22a52676b110fad1f7f82ef792da796e" }, this.searchEnabled && i("div", { key: "855c5c3d6c2b86e75a210c0296524bc8029e37f2" }, i("eds-input-field", { key: 1, icon: "search", name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (a) => this.handleSearch(a) })), i("div", { key: "62b18340bbf992dba888c2d24ff306ada8a1a985", class: "mt-20" }, i("table", { key: "656dd0dd7f99611c2bd9beea4cd1f37f57da1384", class: "block overflow-x-auto mt-6 p-0" }, i("thead", { key: "1278ea89f588aa52c215c32bcc03c424e4501fed" }, i("tr", { key: "186e6ac48859dd9f7cbf8c4f4fb5f6bfddfd4d34", class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((a) => {
-      var s;
-      return a === "actions" ? i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${t - 4}px` } }) : !((s = this.parsedConfig[a]) === null || s === void 0) && s.hidden ? null : i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${t - 4}px` } }, this.capitalize(a));
-    }))), i("tbody", { key: "b27bd372efe64469d2a5001dc6d5b464eb419217" }, r.map((a) => i("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((s) => {
+    return i("div", { key: "0601cea60a05d044a717219e6ff6385ef915defa" }, this.searchEnabled && i("div", { key: "de1affaf192dc5e63b16d534d2f518c206ab7010" }, i("eds-input-field", { key: 1, icon: "search", name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (a) => this.handleSearch(a) })), i("div", { key: "49f71b5a2481d719cb8fe0547f05a5ae83ad5541", class: "mt-20" }, i("table", { key: "b63ca6615ed681c741fb2d3ff2675f9cc061d194", class: "block overflow-x-auto mt-6 p-0" }, i("thead", { key: "817b534cca3c2492b69b3816a41b54ec850847ab" }, i("tr", { key: "6cb8735ac56c3fe2acc4a257815bc0d07009118c", class: `m-0 p-0 border border-softer table-row-${this.theme}` }, this.columns.map((a) => {
       var o;
-      return s === "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: {
+      return a === "actions" ? i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${t - 4}px` } }) : !((o = this.parsedConfig[a]) === null || o === void 0) && o.hidden ? null : i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${t - 4}px` } }, i("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", gap: "0.25rem" } }, i("span", null, this.capitalize(a)), this.sortingEnabled && i("eds-icon-wrapper", { icon: this.sortColumn === a && this.sortDirection === "asc" ? "chevron-up" : "chevron-down", "aria-label": `Sort by ${a}`, onClick: () => this.handleSort(a), style: { cursor: "pointer" } })));
+    }))), i("tbody", { key: "3c8630ed1f47720688bfcdb78c5dbfc84cb238cf" }, r.map((a) => i("tr", { class: `m-0 p-0 border border-softer table-row-${this.theme}` }, this.columns.map((o) => {
+      var s;
+      return o === "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, a))))) : !((o = this.parsedConfig[s]) === null || o === void 0) && o.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(a[s], s));
-    })))))), this.shouldEnablePagination() && i("div", { key: "d442153f48c85c6de1a0752d1348d8814811faed", class: "mt-20" }, i("eds-pagination", { key: "4c48c96eacb112002b0110e85dce0dab94350dfb", currentPage: this.currentPage, lastPage: l, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
+      } }, this.parsedActions.map((b) => i("span", { style: { whiteSpace: "nowrap" } }, this.renderSingleActionCell(b.name, a))))) : !((s = this.parsedConfig[o]) === 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: `${t - 4}px` } }, this.renderCell(a[o], o));
+    })))))), this.shouldEnablePagination() && i("div", { key: "09faef418edc676bb2b60c2439e0652a92fe023d", class: "mt-20" }, i("eds-pagination", { key: "9403d33a37505c73fe3bec652ef93f533bdb4f03", currentPage: this.currentPage, lastPage: l, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
   }
   get hostEl() {
     return y(this);
@@ -14301,10 +14583,10 @@ const Je = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     };
   }
 };
-nt.style = Qe;
-const et = "*,::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}}", tt = et, it = class {
+it.style = tt;
+const rt = "*,::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}}", lt = rt, at = class {
   constructor(n) {
-    m(this, n), this.tab = v(this, "tab", 7), this.tabRefs = [], this.setTabRef = (e, t) => {
+    u(this, n), this.tab = v(this, "tab", 7), this.tabRefs = [], this.setTabRef = (e, t) => {
       e && (this.tabRefs[t] = e);
     }, this.tabCva = P([
       "relative py-12",
@@ -14345,7 +14627,7 @@ const et = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
    * @returns {any[]} Array of parsed tab objects
    */
   parseTabs() {
-    this.parsedTabs = R(this.tabs), this.tabRefs = [];
+    this.parsedTabs = N(this.tabs), this.tabRefs = [];
   }
   componentDidLoad() {
     this.scrollToActiveTab();
@@ -14405,10 +14687,10 @@ const et = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
     t !== e && this.handleTabClick(t, this.parsedTabs[t].label, !0);
   }
   render() {
-    return i("div", { key: "29c8adfbd79bae86919e8b72f13d9a8a4d1c1d41", id: `${this.identifier}` }, i("div", { key: "94ec3243a35be9db63846b253133fd323fb3759c", 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: "52c337db80f21714a7d3da26b21663c34f5dd836", role: "tablist", ref: (n) => this.tabContainer = n, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, e) => {
+    return i("div", { key: "94766d744d61eb8d1eef51393621f85b06af822f", id: `${this.identifier}` }, i("div", { key: "d76f26bd4e70baebab9fed6c61df26b496d899a5", 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: "74afc95f82764cedb44b99a482bedc7b5f918196", 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: (a) => this.setTabRef(a, e), onClick: () => this.handleTabClick(e, n.label, !0), onKeyDown: (a) => this.onKeyDown(a, e) }), n.label || n.ariaLabel);
-    }))), i("div", { key: "9462805200c71ebac037ac5933c156eb9c25ed5c", 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}` })))));
+    }))), i("div", { key: "4652dc3741f95ccfac7d53e5e49607515f559ce1", 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 y(this);
@@ -14419,8 +14701,8 @@ const et = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
     };
   }
 };
-it.style = tt;
-const rt = ".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)}", lt = rt, ot = P(
+at.style = lt;
+const ot = ".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)}", st = ot, dt = P(
   ["border-2 rounded-pill"],
   // Base classes
   {
@@ -14448,19 +14730,19 @@ const rt = ".f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-u
       size: "small"
     }
   }
-), at = class {
+), ct = class {
   constructor(n) {
-    m(this, n), this.label = void 0, this.intent = "default", this.size = "small";
+    u(this, n), this.label = void 0, this.intent = "default", this.size = "small";
   }
   render() {
-    const n = ot({ intent: this.intent, size: this.size });
-    return i("span", { key: "6a229183bdaf96687e1f71ca3938a22c1259546e", class: n }, this.label);
+    const n = dt({ intent: this.intent, size: this.size });
+    return i("span", { key: "ef36f799cf3226ccf281428929e75326ea6a06e4", class: n }, this.label);
   }
 };
-at.style = lt;
-const st = `.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),
+ct.style = st;
+const gt = `.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)}`, dt = st, ct = P(["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)}`, ht = gt, ft = P(["relative bottom-4 w-auto p-12 rounded-lg shadow-md"], {
   variants: {
     intent: {
       default: "bg-dark text-light",
@@ -14472,9 +14754,9 @@ const st = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:
   defaultVariants: {
     intent: "default"
   }
-}), gt = class {
+}), bt = class {
   constructor(n) {
-    m(this, n), this.toast = v(this, "toast", 7), this.dismissToast = () => {
+    u(this, n), this.toast = v(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;
   }
@@ -14506,17 +14788,17 @@ const st = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:
   render() {
     if (!this.visible)
       return null;
-    const n = ct({ intent: this.intent });
+    const n = ft({ 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 y(this);
   }
 };
-gt.style = dt;
-const ht = ".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%}", ft = ht, bt = class {
+bt.style = ht;
+const mt = ".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%}", pt = mt, ut = class {
   constructor(n) {
-    m(this, n), this.content = void 0, this.position = "top";
+    u(this, n), this.content = void 0, this.position = "top";
   }
   /** fire analytics on every hover */
   handleHover() {
@@ -14529,7 +14811,7 @@ const ht = ".relative{position:relative}.absolute{position:absolute}.inline-bloc
   }
   render() {
     const n = this.position === "bottom" ? "top-full mt-2" : "bottom-full mb-2";
-    return i("div", { key: "67fbc86d5f9ecfde1d5a0a588f4fb8be2050af0b", class: "relative w-full inline-block group" }, i("slot", { key: "b304174862dd4d5ca93418ecb0d2b4fc2c80427c" }), i("div", { key: "fcd874d53d0e17b7d3be2c6552571f82fbde6506", class: `absolute ${n}
+    return i("div", { key: "1c56a6c10a841575d1450750d2aaf55f9f42f6ee", class: "relative w-full inline-block group" }, i("slot", { key: "631775de9a60642ec51de32708e0d6a0c2c27b66" }), i("div", { key: "9def7dbbc301f465b81ff0e77b182be90d0893de", 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
@@ -14539,10 +14821,10 @@ const ht = ".relative{position:relative}.absolute{position:absolute}.inline-bloc
     return y(this);
   }
 };
-bt.style = ft;
-const pt = "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}", ut = pt, mt = class {
+ut.style = pt;
+const xt = "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}", yt = xt, vt = class {
   constructor(n) {
-    m(this, n), this.handleDropdown = (e) => {
+    u(this, n), this.handleDropdown = (e) => {
       this.expanded = e.detail.expanded;
     }, this.user = void 0, this.intent = "tertiary", this.dropdownLabel = "Account", this.expanded = !1, this.shortMode = !1;
   }
@@ -14571,18 +14853,18 @@ const pt = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex
   }
   render() {
     const n = this.parsedUser, e = this.expanded ? "chevron-down" : "chevron-right";
-    return i("div", { key: "62bb8a684095f97b6105acdb5d9803c66edba913", class: "block" }, i("div", { key: "350ff5d7b4f47686f7b39662b176f24e719d54e3", class: "flex items-center" }, i("eds-dropdown", { key: "e3b196b127572d038b5ae6bbf00330911ca41e94", ref: (t) => this.dropdownEl = t, label: this.dropdownLabel, intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: e, class: "text-default", onDropdown: this.handleDropdown }, i("div", { key: "a311fd57839b87054afc7aca9c40ce5772b1350b", class: "min-w-[280px] p-8" }, i("div", { key: "bc8c5b7147718def37bab1adb2715f9ff0074822", class: "flex gap-x-16", "data-dropdown-no-close": !0 }, i("eds-avatar", { key: "c9207d4ecab0507981bb047ee6c59ee4400b5121", "first-name": n.given_name, "last-name": n.family_name, initials: this.initials, color: "black" }), i("div", { key: "c6ec78d935ee851ef5e8080bf30a7ff9c4603bf1", class: "max-w-full" }, n.name && i("p", { key: "c39af63002f1449b049d4be13927da5d51599aca", class: "f-ui-01 text-default w-full text-ellipsis" }, n.name), n.preferred_username && i("p", { key: "d8eaa141490abb1ad917e2da03d4a588ef6d6779", class: "f-ui-03-light text-light mt-4" }, n.preferred_username), n.email && i("p", { key: "904aef6596a85ae438b98bd5ab67c7c7e2299d75", class: "f-ui-03-light text-light mt-4" }, n.email))), i("div", { key: "0cd0a2d8cc59d8b054f36188b4c18182e6a7f919", class: "text-default flex w-full flex-col gap-y-8" }, i("slot", { key: "a41332bcf086d01a458218b74a1812dc55911925" }))))));
+    return i("div", { key: "a16f22ec9cc18d2904ea687cbcc56099ea6273ea", class: "block" }, i("div", { key: "f2f52774b7d5fee5169a0e944f0f9d871421da89", class: "flex items-center" }, i("eds-dropdown", { key: "5232b88c109f2e4957f3582113750d49b1bc025c", ref: (t) => this.dropdownEl = t, label: this.dropdownLabel, intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: e, class: "text-default", onDropdown: this.handleDropdown }, i("div", { key: "476d9ae9f4812611ae06d0dd1aecb08f0751742a", class: "min-w-[280px] p-8" }, i("div", { key: "ad74767750213daf55029741a4ed4c8b32f55a27", class: "flex gap-x-16", "data-dropdown-no-close": !0 }, i("eds-avatar", { key: "64bcf2b15cc095143919d5e6a255498d77260607", "first-name": n.given_name, "last-name": n.family_name, initials: this.initials, color: "black" }), i("div", { key: "b3850b7c774b5434fc41dd0fad6a88c9835d4946", class: "max-w-full" }, n.name && i("p", { key: "74027025ccd58fa4f4016699ebb3f4f541cea858", class: "f-ui-01 text-default w-full text-ellipsis" }, n.name), n.preferred_username && i("p", { key: "850f015e7a19a8f711cf22477daa5119d4211e15", class: "f-ui-03-light text-light mt-4" }, n.preferred_username), n.email && i("p", { key: "414e6ec14738be04b9b4e5e1fe99a4f263eb2e3b", class: "f-ui-03-light text-light mt-4" }, n.email))), i("div", { key: "9b12da0776f6d63461c5fd7201bdccb35f430610", class: "text-default flex w-full flex-col gap-y-8" }, i("slot", { key: "867b2ce8149f402ae879bd2fab689b252abed95c" }))))));
   }
   get hostEl() {
     return y(this);
   }
 };
-mt.style = ut;
+vt.style = yt;
 export {
-  En as eds_accordion,
+  zn as eds_accordion,
   An as eds_alert,
   Tn as eds_avatar,
-  Rn as eds_block_break,
+  Nn as eds_block_break,
   Pn as eds_breadcrumb,
   Wn as eds_button,
   Mn as eds_code_block,
@@ -14590,29 +14872,30 @@ export {
   te as eds_form,
   le as eds_global_search,
   se as eds_header,
-  Ct as eds_icon_wrapper,
+  Ft as eds_icon_wrapper,
   ge as eds_img,
-  Et as eds_input,
+  It as eds_input,
   be as eds_input_field,
-  me as eds_input_footer,
+  ue as eds_input_footer,
   ve as eds_input_label,
-  zt as eds_input_range,
-  Ft as eds_input_search,
-  It as eds_input_select,
+  At as eds_input_range,
+  Lt as eds_input_search,
+  _t as eds_input_select,
   Ce as eds_link,
   Fe as eds_logo,
   Le as eds_matomo_notice,
   De as eds_nps,
   Oe as eds_pagination,
-  He as eds_rating,
-  Be as eds_spinner,
-  Ue as eds_steps,
-  Ye as eds_steps_v2,
-  Ze as eds_switch,
-  nt as eds_table,
-  it as eds_tabs,
-  at as eds_tag,
-  gt as eds_toast,
-  bt as eds_tooltip,
-  mt as eds_user
+  je as eds_rating,
+  Be as eds_sidebar,
+  Ue as eds_spinner,
+  Ye as eds_steps,
+  Ze as eds_steps_v2,
+  nt as eds_switch,
+  it as eds_table,
+  at as eds_tabs,
+  ct as eds_tag,
+  bt as eds_toast,
+  ut as eds_tooltip,
+  vt as eds_user
 };