@supersoniks/concorde 1.1.40 → 1.1.41

package/concorde-core.es.js

@@ -999,6 +999,28 @@ class HTML$1 {
     }
     return node.getAttribute(attributeName);
   }
+  static async loadJS(src) {
+    const p2 = new Promise(async (resolve) => {
+      let script = document.createElement("script");
+      script.src = src;
+      script.onload = () => resolve(true);
+      script.onerror = () => resolve(true);
+      document.head.appendChild(script);
+    });
+    return p2;
+  }
+  static async loadCSS(src) {
+    const p2 = new Promise(async (resolve) => {
+      var cssnode = document.createElement("link");
+      cssnode.type = "text/css";
+      cssnode.rel = "stylesheet";
+      cssnode.href = src;
+      cssnode.onload = () => resolve(true);
+      cssnode.onerror = () => resolve(true);
+      document.head.appendChild(cssnode);
+    });
+    return p2;
+  }
 }
 class Objects$1 {
   static shallowEqual(object1, object2) {
@@ -1360,15 +1382,15 @@ DataBindObserver$1.observe(document.documentElement);
 let win$5 = window;
 if (!win$5.SonicDataBindObserver)
   win$5.SonicDataBindObserver = DataBindObserver$1;
-var __defProp$13 = Object.defineProperty;
-var __getOwnPropDesc$13 = Object.getOwnPropertyDescriptor;
-var __decorateClass$13 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$13(target, key) : target;
+var __defProp$15 = Object.defineProperty;
+var __getOwnPropDesc$15 = Object.getOwnPropertyDescriptor;
+var __decorateClass$15 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$15(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$13(target, key, result);
+    __defProp$15(target, key, result);
   return result;
 };
 let keepDebugOnMouseOut = false;
@@ -1624,28 +1646,28 @@ const Subscriber$1 = (superClass) => {
   };
   let SubscriberElement = _SubscriberElement;
   SubscriberElement.instanceCounter = 0;
-  __decorateClass$13([
+  __decorateClass$15([
     e$5({ type: Boolean })
   ], SubscriberElement.prototype, "displayContents", 2);
-  __decorateClass$13([
+  __decorateClass$15([
     e$5({ type: Boolean })
   ], SubscriberElement.prototype, "noAutoFill", 2);
-  __decorateClass$13([
+  __decorateClass$15([
     e$5({ type: Boolean })
   ], SubscriberElement.prototype, "forceAutoFill", 2);
-  __decorateClass$13([
+  __decorateClass$15([
     e$5({ type: Object })
   ], SubscriberElement.prototype, "propertyMap", 2);
-  __decorateClass$13([
+  __decorateClass$15([
     e$5({ type: String, attribute: "data-title" })
   ], SubscriberElement.prototype, "title", 2);
-  __decorateClass$13([
+  __decorateClass$15([
     e$5({ reflect: true })
   ], SubscriberElement.prototype, "dataProvider", 2);
-  __decorateClass$13([
+  __decorateClass$15([
     e$5()
   ], SubscriberElement.prototype, "bindPublisher", 2);
-  __decorateClass$13([
+  __decorateClass$15([
     e$5()
   ], SubscriberElement.prototype, "props", 1);
   return SubscriberElement;
@@ -1653,15 +1675,15 @@ const Subscriber$1 = (superClass) => {
 let win$4 = window;
 if (!win$4.SonicPublisherManager)
   win$4.SonicPublisherManager = PublisherManager$1;
-var __defProp$12 = Object.defineProperty;
-var __getOwnPropDesc$12 = Object.getOwnPropertyDescriptor;
-var __decorateClass$12 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$12(target, key) : target;
+var __defProp$14 = Object.defineProperty;
+var __getOwnPropDesc$14 = Object.getOwnPropertyDescriptor;
+var __decorateClass$14 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$14(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$12(target, key, result);
+    __defProp$14(target, key, result);
   return result;
 };
 const TemplatesContainer$1 = (superClass) => {
@@ -1688,23 +1710,23 @@ const TemplatesContainer$1 = (superClass) => {
       super.connectedCallback();
     }
   }
-  __decorateClass$12([
+  __decorateClass$14([
     e$5({ type: Array })
   ], TemplatesContainerElement.prototype, "templates", 2);
   return TemplatesContainerElement;
 };
-var __defProp$11 = Object.defineProperty;
-var __getOwnPropDesc$11 = Object.getOwnPropertyDescriptor;
-var __decorateClass$11 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$11(target, key) : target;
+var __defProp$13 = Object.defineProperty;
+var __getOwnPropDesc$13 = Object.getOwnPropertyDescriptor;
+var __decorateClass$13 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$13(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$11(target, key, result);
+    __defProp$13(target, key, result);
   return result;
 };
-const tagName$Y = "sonic-date";
+const tagName$_ = "sonic-date";
 let SonicDate = class extends Subscriber$1(TemplatesContainer$1(s$2)) {
   constructor() {
     super(...arguments);
@@ -1829,77 +1851,77 @@ let SonicDate = class extends Subscriber$1(TemplatesContainer$1(s$2)) {
     })}`;
   }
 };
-__decorateClass$11([
+__decorateClass$13([
   e$5()
 ], SonicDate.prototype, "wording_billet_periode_validite", 1);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: Boolean })
 ], SonicDate.prototype, "designMode", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: String })
 ], SonicDate.prototype, "time_zone", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: Number })
 ], SonicDate.prototype, "date", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: String })
 ], SonicDate.prototype, "date_string", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: String })
 ], SonicDate.prototype, "start_date_string", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: String })
 ], SonicDate.prototype, "end_date_string", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: Number })
 ], SonicDate.prototype, "start_date", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: Number })
 ], SonicDate.prototype, "end_date", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: String })
 ], SonicDate.prototype, "era", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: String })
 ], SonicDate.prototype, "year", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: String })
 ], SonicDate.prototype, "month", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: String })
 ], SonicDate.prototype, "day", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: String })
 ], SonicDate.prototype, "weekday", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: String })
 ], SonicDate.prototype, "hour", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: String })
 ], SonicDate.prototype, "minute", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: String })
 ], SonicDate.prototype, "language", 2);
-__decorateClass$11([
+__decorateClass$13([
   e$5({ type: Boolean })
 ], SonicDate.prototype, "renderIf", 2);
-SonicDate = __decorateClass$11([
-  n$3(tagName$Y)
+SonicDate = __decorateClass$13([
+  n$3(tagName$_)
 ], SonicDate);
 const inline = r$5`:host([align=left]) .sonic-loader--inline{margin-left:0}:host([align=right]) .sonic-loader--inline{margin-left:auto;margin-right:0}.sonic-loader--inline{display:block;position:relative;width:80px;height:80px;margin:auto;z-index:20}.sonic-loader--inline div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:var(--sc-loader-bg);animation-timing-function:cubic-bezier(0,1,1,0)}.sonic-loader--inline div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.sonic-loader--inline div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.sonic-loader--inline div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.sonic-loader--inline div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}`;
 const fixed = r$5`@keyframes sonic-loader--fixed{0%{transform:scale(0);opacity:0}5%{opacity:1}70%{opacity:90%}100%{transform:scale(1);opacity:0}}.sonic-loader--fixed{position:fixed;top:50%;left:50%;transform:transateY(-50%) translateX(-50%);z-index:999}.sonic-loader--fixed>div:nth-child(2){animation-delay:-.5s}.sonic-loader--fixed>div:nth-child(3){animation-delay:-.2s}.sonic-loader--fixed>div:nth-child(4){display:none!important}.sonic-loader--fixed>div{background-color:var(--sc-loader-bg);width:5rem;height:5rem;border-radius:100%;margin:2px;animation-fill-mode:both;position:absolute;top:0;opacity:0;margin:0;top:-2.5rem;left:-2.5rem;width:5rem;height:5rem;animation:sonic-loader--fixed 1s 0s linear infinite}`;
-var __defProp$10 = Object.defineProperty;
-var __getOwnPropDesc$10 = Object.getOwnPropertyDescriptor;
-var __decorateClass$10 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$10(target, key) : target;
+var __defProp$12 = Object.defineProperty;
+var __getOwnPropDesc$12 = Object.getOwnPropertyDescriptor;
+var __decorateClass$12 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$12(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$10(target, key, result);
+    __defProp$12(target, key, result);
   return result;
 };
-const tagName$X = "sonic-loader";
+const tagName$Z = "sonic-loader";
 let Loader = class extends s$2 {
   constructor() {
     super(...arguments);
@@ -1938,14 +1960,14 @@ Loader.styles = [
   r$5`:host{--sc-loader-bg:var(--sc-primary, currentColor);pointer-events:none}.sonic-loader{opacity:0;animation:showLoader .5s .5s forwards}.sonic-loader--inline{animation-delay:0s}@keyframes showLoader{0%{opacity:0}100%{opacity:1}}`
 ];
 Loader.callCounter = 0;
-__decorateClass$10([
+__decorateClass$12([
   e$5({ type: String })
 ], Loader.prototype, "mode", 2);
-Loader = __decorateClass$10([
-  n$3(tagName$X)
+Loader = __decorateClass$12([
+  n$3(tagName$Z)
 ], Loader);
 try {
-  customElements.define(tagName$X, Loader);
+  customElements.define(tagName$Z, Loader);
 } catch (e2) {
 }
 /**
@@ -2487,18 +2509,18 @@ Icons.fontAwesomeNext = {
   }
 };
 Icons.default = _Icons.fontAwesomeNext;
-var __defProp$$ = Object.defineProperty;
-var __getOwnPropDesc$$ = Object.getOwnPropertyDescriptor;
-var __decorateClass$$ = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$$(target, key) : target;
+var __defProp$11 = Object.defineProperty;
+var __getOwnPropDesc$11 = Object.getOwnPropertyDescriptor;
+var __decorateClass$11 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$11(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$$(target, key, result);
+    __defProp$11(target, key, result);
   return result;
 };
-const tagName$W = "sonic-icon";
+const tagName$Y = "sonic-icon";
 let Icon = class extends s$2 {
   constructor() {
     super(...arguments);
@@ -2544,20 +2566,20 @@ let Icon = class extends s$2 {
   }
 };
 Icon.styles = r$5`:host{line-height:0;width:fit-content;height:fit-content;vertical-align:-.125em}svg{height:var(--sc-icon-size,1em);width:var(--sc-icon-size,1em)}svg:not([fill=none]){fill:currentColor}svg[fill=none]{stroke-width:2}:host([size="2xs"]) svg{--sc-icon-size:0.625em}:host([size=xs]) svg{--sc-icon-size:0.75em}:host([size=sm]) svg{--sc-icon-size:0.875em}:host([size=lg]) svg{--sc-icon-size:1.25em}:host([size=xl]) svg{--sc-icon-size:1.5em}:host([size="2xl"]) svg{--sc-icon-size:2em}:host([size="3xl"]) svg{--sc-icon-size:2.8em}`;
-__decorateClass$$([
+__decorateClass$11([
   e$5({ type: String })
 ], Icon.prototype, "name", 1);
-__decorateClass$$([
+__decorateClass$11([
   e$5({ type: String })
 ], Icon.prototype, "prefix", 1);
-__decorateClass$$([
+__decorateClass$11([
   e$5({ type: String })
 ], Icon.prototype, "library", 1);
-Icon = __decorateClass$$([
-  n$3(tagName$W)
+Icon = __decorateClass$11([
+  n$3(tagName$Y)
 ], Icon);
 try {
-  customElements.define(tagName$W, Icon);
+  customElements.define(tagName$Y, Icon);
 } catch (e2) {
 }
 /**
@@ -2602,15 +2624,15 @@ const i = e$3(class extends i$3 {
   }
 });
 const customScroll = r$5`.custom-scroll{overflow:auto!important}.custom-scroll::-webkit-scrollbar{width:.5rem;height:.5rem;border:solid .15rem transparent;border-radius:var(--sc-rounded);background:0 0}.custom-scroll::-webkit-scrollbar-thumb{box-shadow:inset 0 0 2rem 2rem var(--sc-scrollbar-bg);border-radius:var(--sc-rounded);border:solid .15rem transparent}`;
-var __defProp$_ = Object.defineProperty;
-var __getOwnPropDesc$_ = Object.getOwnPropertyDescriptor;
-var __decorateClass$_ = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$_(target, key) : target;
+var __defProp$10 = Object.defineProperty;
+var __getOwnPropDesc$10 = Object.getOwnPropertyDescriptor;
+var __decorateClass$10 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$10(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$_(target, key, result);
+    __defProp$10(target, key, result);
   return result;
 };
 const icon$1 = {
@@ -2619,7 +2641,7 @@ const icon$1 = {
   error: "warning-circled-outline",
   info: "info-empty"
 };
-const tagName$V = "sonic-toast-item";
+const tagName$X = "sonic-toast-item";
 let SonicToastItem = class extends s$2 {
   constructor() {
     super(...arguments);
@@ -2671,48 +2693,48 @@ SonicToastItem.styles = [
   customScroll,
   r$5`*{box-sizing:border-box}:host{display:block;pointer-events:auto;position:relative;--sc-toast-status-color:transparent;--sc-toast-color:var(--sc-base-content);--sc-toast-bg:var(--sc-base);--sc-toast-rounded:var(--sc-rounded-md);--sc-toast-shadow:var(--sc-shadow-lg)}.fixed-area{position:fixed;bottom:1.25rem;right:1.25rem;z-index:999;display:flex;flex-direction:column-reverse}.sonic-toast{position:relative;pointer-events:auto;overflow:hidden;line-height:1.25;color:var(--sc-toast-color);box-shadow:var(--sc-toast-shadow);border-radius:var(--sc-toast-rounded);background:var(--sc-toast-bg)}.sonic-toast-content{padding:1em 2.5rem 1em 1em;display:flex;gap:.5rem;overflow:auto;position:relative}.sonic-toast-text{align-self:center;margin-top:auto;margin-bottom:auto;max-width:70ch;line-height:1.2}.sonic-toast-text a,::slotted(a:not(.btn)){color:inherit!important;text-decoration:underline!important;text-underline-offset:.15rem}.sonic-toast-text :is(p, ul, ol, hr, h1, h2, h3, h4, h5, h6),::slotted(:is(p,ul,ol,hr,h1,h2,h3,h4,h5,h6)){margin:0 0 .3em!important}.sonic-toast-text li,::slotted(li){margin-bottom:.15em!important}.sonic-toast-text>:is(p,ul,ol,hr,h1,h2,h3,h4,h5,h6):last-child,::slotted(:is(p,ul,ol,hr,h1,h2,h3,h4,h5,h6):last-child){margin-bottom:0!important}.sonic-toast-close{all:unset;position:absolute;z-index:4;pointer-events:initial;right:.5em;top:.5em;width:1.5rem;height:1.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;text-align:center;opacity:.5;background:rgba(0,0,0,0)}.sonic-toast-close:focus,.sonic-toast-close:hover{opacity:1;background:rgba(0,0,0,.075)}.sonic-toast-close svg{width:1rem;height:1rem;object-fit:contain;object-position:center center}.sonic-toast-title{font-weight:700;font-size:1.15rem;margin:.15em 0 .25em;line-height:1.2}.success{--sc-toast-status-color:var(--sc-success);--sc-toast-title-color:var(--sc-toast-status-color)}.error{--sc-toast-status-color:var(--sc-danger);--sc-toast-title-color:var(--sc-toast-status-color)}.warning{--sc-toast-status-color:var(--sc-warning);--sc-toast-title-color:var(--sc-toast-status-color)}.info{--sc-toast-status-color:var(--sc-info);--sc-toast-title-color:var(--sc-toast-status-color)}.error,.info,.success,.warning{border-top:3px solid var(--sc-toast-status-color,currentColor)}.sonic-toast:before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;opacity:.05;pointer-events:none;transition:.2s;border-radius:var(--sc-toast-rounded);background-color:var(--sc-toast-status-color)}.sonic-toast:hover:before{opacity:.025}.error .sonic-toast-icon,.info .sonic-toast-icon,.success .sonic-toast-icon,.warning .sonic-toast-icon{color:var(--sc-toast-status-color,currentColor)}.sonic-toast-icon{position:sticky;top:0}.ghost{opacity:.85;pointer-events:none}`
 ];
-__decorateClass$_([
+__decorateClass$10([
   e$5({ type: String })
 ], SonicToastItem.prototype, "title", 2);
-__decorateClass$_([
+__decorateClass$10([
   e$5({ type: String })
 ], SonicToastItem.prototype, "id", 2);
-__decorateClass$_([
+__decorateClass$10([
   e$5({ type: String })
 ], SonicToastItem.prototype, "text", 2);
-__decorateClass$_([
+__decorateClass$10([
   e$5({ type: String })
 ], SonicToastItem.prototype, "status", 2);
-__decorateClass$_([
+__decorateClass$10([
   e$5({ type: Boolean })
 ], SonicToastItem.prototype, "ghost", 2);
-__decorateClass$_([
+__decorateClass$10([
   e$5({ type: Boolean })
 ], SonicToastItem.prototype, "preserve", 2);
-__decorateClass$_([
+__decorateClass$10([
   e$5({ type: Boolean })
 ], SonicToastItem.prototype, "dismissForever", 2);
-__decorateClass$_([
+__decorateClass$10([
   e$5({ type: String })
 ], SonicToastItem.prototype, "maxHeight", 2);
-__decorateClass$_([
+__decorateClass$10([
   t$1()
 ], SonicToastItem.prototype, "visible", 2);
-SonicToastItem = __decorateClass$_([
-  n$3(tagName$V)
+SonicToastItem = __decorateClass$10([
+  n$3(tagName$X)
 ], SonicToastItem);
-var __defProp$Z = Object.defineProperty;
-var __getOwnPropDesc$Z = Object.getOwnPropertyDescriptor;
-var __decorateClass$Z = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Z(target, key) : target;
+var __defProp$$ = Object.defineProperty;
+var __getOwnPropDesc$$ = Object.getOwnPropertyDescriptor;
+var __decorateClass$$ = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$$(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$Z(target, key, result);
+    __defProp$$(target, key, result);
   return result;
 };
-const tagName$U = "sonic-toast";
+const tagName$W = "sonic-toast";
 let SonicToast$1 = class extends s$2 {
   constructor() {
     super(...arguments);
@@ -2808,11 +2830,11 @@ let SonicToast$1 = class extends s$2 {
     this.toasts = this.toasts.filter((i2) => i2 != item);
   }
 };
-__decorateClass$Z([
+__decorateClass$$([
   e$5({ type: Array })
 ], SonicToast$1.prototype, "toasts", 2);
-SonicToast$1 = __decorateClass$Z([
-  n$3(tagName$U)
+SonicToast$1 = __decorateClass$$([
+  n$3(tagName$W)
 ], SonicToast$1);
 if (typeof window !== "undefined") {
   let win2 = window;
@@ -2911,15 +2933,15 @@ let LocationHandler$1 = _LocationHandler;
 LocationHandler$1.listeners = [];
 LocationHandler$1.listening = false;
 LocationHandler$1.prevURL = (_a = document.location) == null ? void 0 : _a.href.replace(document.location.origin, "");
-var __defProp$Y = Object.defineProperty;
-var __getOwnPropDesc$Y = Object.getOwnPropertyDescriptor;
-var __decorateClass$Y = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Y(target, key) : target;
+var __defProp$_ = Object.defineProperty;
+var __getOwnPropDesc$_ = Object.getOwnPropertyDescriptor;
+var __decorateClass$_ = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$_(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$Y(target, key, result);
+    __defProp$_(target, key, result);
   return result;
 };
 const keyboardLoops = /* @__PURE__ */ new Map();
@@ -3100,41 +3122,41 @@ const Form$2 = (superClass) => {
       }
     }
   }
-  __decorateClass$Y([
+  __decorateClass$_([
     e$5({ type: Boolean, reflect: true })
   ], FormElement2.prototype, "touched", 2);
-  __decorateClass$Y([
+  __decorateClass$_([
     e$5({ type: Boolean })
   ], FormElement2.prototype, "error", 2);
-  __decorateClass$Y([
+  __decorateClass$_([
     e$5({ type: Boolean })
   ], FormElement2.prototype, "autofocus", 2);
-  __decorateClass$Y([
+  __decorateClass$_([
     e$5({ type: Boolean })
   ], FormElement2.prototype, "required", 2);
-  __decorateClass$Y([
+  __decorateClass$_([
     e$5()
   ], FormElement2.prototype, "forceAutoFill", 2);
-  __decorateClass$Y([
+  __decorateClass$_([
     e$5({ type: Boolean })
   ], FormElement2.prototype, "disabled", 2);
-  __decorateClass$Y([
+  __decorateClass$_([
     e$5()
   ], FormElement2.prototype, "name", 1);
-  __decorateClass$Y([
+  __decorateClass$_([
     e$5()
   ], FormElement2.prototype, "value", 1);
   return FormElement2;
 };
-var __defProp$X = Object.defineProperty;
-var __getOwnPropDesc$X = Object.getOwnPropertyDescriptor;
-var __decorateClass$X = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$X(target, key) : target;
+var __defProp$Z = Object.defineProperty;
+var __getOwnPropDesc$Z = Object.getOwnPropertyDescriptor;
+var __decorateClass$Z = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Z(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$X(target, key, result);
+    __defProp$Z(target, key, result);
   return result;
 };
 const Form$1 = (superClass) => {
@@ -3228,36 +3250,36 @@ const Form$1 = (superClass) => {
       }
     }
   }
-  __decorateClass$X([
+  __decorateClass$Z([
     e$5()
   ], FormCheckable2.prototype, "value", 1);
-  __decorateClass$X([
+  __decorateClass$Z([
     e$5()
   ], FormCheckable2.prototype, "forceAutoFill", 2);
-  __decorateClass$X([
+  __decorateClass$Z([
     e$5({ type: Boolean })
   ], FormCheckable2.prototype, "unique", 2);
-  __decorateClass$X([
+  __decorateClass$Z([
     e$5({ type: Boolean })
   ], FormCheckable2.prototype, "radio", 2);
-  __decorateClass$X([
+  __decorateClass$Z([
     e$5()
   ], FormCheckable2.prototype, "checked", 1);
   return FormCheckable2;
 };
 const fontSize = r$5`:host{--sc-fs:1rem;font-size:var(--sc-fs)}:host([size="2xs"]){--sc-fs:0.68rem}:host([size=xs]){--sc-fs:0.75rem}:host([size=sm]){--sc-fs:0.875rem}:host([size=lg]){--sc-fs:1.125rem}:host([size=xl]){--sc-fs:1.25rem}:host([size="2xl"]){--sc-fs:1.5rem}`;
-var __defProp$W = Object.defineProperty;
-var __getOwnPropDesc$W = Object.getOwnPropertyDescriptor;
-var __decorateClass$W = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$W(target, key) : target;
+var __defProp$Y = Object.defineProperty;
+var __getOwnPropDesc$Y = Object.getOwnPropertyDescriptor;
+var __decorateClass$Y = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Y(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$W(target, key, result);
+    __defProp$Y(target, key, result);
   return result;
 };
-const tagName$T = "sonic-button";
+const tagName$V = "sonic-button";
 let Button = class extends Form$1(Form$2(Subscriber$1(s$2))) {
   constructor() {
     super(...arguments);
@@ -3349,74 +3371,74 @@ Button.styles = [
   fontSize,
   r$5`*{box-sizing:border-box}:host{--sc-btn-gap:0.35em;--sc-btn-py:0.25em;--sc-btn-px:1.1em;--sc-btn-fs:var(--sc-fs, 1rem);--sc-btn-fw:var(--sc-btn-font-weight);--sc-btn-ff:var(--sc-btn-font-family);--sc-btn-height:var(--sc-form-height);--sc-btn-color:var(--sc-base-content);--sc-btn-bg:var(--sc-base-100);--sc-btn-border-style:solid;--sc-btn-border-with:var(--sc-form-border-width);--sc-btn-border-color:transparent;--sc-btn-outline-bg-hover:var(--sc-base-100);--sc-btn-ghost-bg-hover:var(--sc-base-100);--sc-btn-active-color:var(--sc-base);--sc-btn-hover-filter:brightness(0.98);--sc-btn-active-filter:brightness(0.97);--sc-btn-active-bg:var(--sc-base-content);--sc-item-rounded-tr:var(--sc-btn-rounded);--sc-item-rounded-tl:var(--sc-btn-rounded);--sc-item-rounded-bl:var(--sc-btn-rounded);--sc-item-rounded-br:var(--sc-btn-rounded);display:inline-flex;vertical-align:middle;box-sizing:border-box}:host a{display:contents;color:unset}:host button{display:flex;flex:1;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--sc-btn-ff);font-weight:var(--sc-btn-fw);font-size:var(--sc-btn-fs);cursor:pointer;text-align:center;line-height:1.1;border-radius:var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br) var(--sc-item-rounded-bl);background:var(--sc-btn-bg);color:var(--sc-btn-color);padding-top:var(--sc-btn-py);padding-bottom:var(--sc-btn-py);padding-left:var(--sc-btn-px);padding-right:var(--sc-btn-px);border:var(--sc-btn-border-with) var(--sc-btn-border-style) var(--sc-btn-border-color);min-height:var(--sc-btn-height)}:host button.has-prefix-or-suffix{gap:var(--sc-btn-gap)}:host button:focus,:host button:hover{filter:var(--sc-btn-hover-filter)}:host button:active{filter:var(--sc-btn-active-filter)}:host([type=default]) button{--sc-btn-color:var(--sc-base-content);--sc-btn-bg:var(--sc-base-100)}:host([type=primary]) button{--sc-btn-color:var(--sc-primary-content);--sc-btn-bg:var(--sc-primary)}:host([type=warning]) button{--sc-btn-color:var(--sc-warning-content);--sc-btn-bg:var(--sc-warning)}:host([type=danger]) button{--sc-btn-color:var(--sc-danger-content);--sc-btn-bg:var(--sc-danger)}:host([type=info]) button{--sc-btn-color:var(--sc-info-content);--sc-btn-bg:var(--sc-info)}:host([type=success]) button{--sc-btn-color:var(--sc-success-content);--sc-btn-bg:var(--sc-success)}:host([type=neutral]) button{--sc-btn-color:var(--sc-base);--sc-btn-bg:var(--sc-base-600)}:host([variant=unstyled]),:host([variant=unstyled]) button{all:unset;display:contents;transition:.1s;cursor:pointer;--sc-btn-height:auto;--sc-btn-width:auto}:host(:not([disabled])) button:focus{box-shadow:0 0 0 .18rem var(--sc-base-300);border-color:var(--sc-base-300)!important;outline:0}:host([variant=ghost][type]) button{color:var(--sc-btn-bg);background:0 0}:host([variant=ghost][type=default]) button{color:var(--sc-btn-color);background:0 0}:host([variant=ghost]) button:hover{background:var(--sc-btn-ghost-bg-hover);filter:none}:host([active][variant=ghost]) button{background:var(--sc-btn-ghost-bg-hover);filter:none}:host([active][variant=ghost]) button:hover{filter:var(--sc-btn-hover-filter)}:host([variant=outline][type]) button{border-color:var(--sc-btn-bg);color:var(--sc-btn-bg);background:0 0}:host([variant=outline][type=default]) button{border-color:var(--sc-base-400);color:var(--sc-base-500);background:0 0}:host([variant=outline]) button:hover{background:var(--sc-btn-outline-bg-hover)}:host([variant=link]:not([size])){vertical-align:baseline;margin-left:.25em;margin-right:.25em}:host([variant=link]:not([size])){font-size:inherit}:host([variant=link]) button{text-decoration:underline;padding:0;background:0 0;border:none;font-size:inherit;min-height:0;color:inherit}:host([variant=link][type]) button{color:var(--sc-btn-bg)}:host([variant=link][type=default]) button{color:inherit}:host([variant=link]) button:focus,:host([variant=link]) button:hover{text-decoration:none}:host([shape=circle]) button{border-radius:50%}:host([shape=circle]) button,:host([shape=square]) button{width:var(--sc-btn-height);height:var(--sc-btn-height);overflow:hidden;padding:0;align-items:center;justify-content:0;text-align:center!important}:host([shape=block]),:host([shape=block]) button{width:100%}:host([disabled]){opacity:.3;pointer-events:none;user-select:none}:host([active]:not([variant=ghost])) button{background:var(--sc-btn-active-bg);color:var(--sc-btn-active-color);border-color:var(--sc-btn-active-bg)}:host([textAlign=left]) button{text-align:left}:host([textAlign=right]) button{text-align:right}.main-slot{flex-grow:1;display:block}:host([minWidth]) .main-slot{flex-grow:0}slot[name=prefix],slot[name=suffix]{flex-shrink:0}::slotted(sonic-icon){min-width:1.28em;text-align:center}:host([icon]) ::slotted(sonic-icon){font-size:1.35em}sonic-tooltip{display:contents}:host(:not([active])) ::slotted([swap=on]){display:none}:host([active]) ::slotted([swap=off]){display:none}:host([loading]){pointer-events:none;position:relative}:host([loading]) slot{opacity:0!important;pointer-events:none}:host([loading]) .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;line-height:0;height:var(--sc-btn-ff);width:var(--sc-btn-ff);animation:rotation 2s infinite linear}@keyframes rotation{from{transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(0)}to{transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(359deg)}}`
 ];
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: String, reflect: true })
 ], Button.prototype, "type", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: String, reflect: true })
 ], Button.prototype, "variant", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: String, reflect: true })
 ], Button.prototype, "size", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: String, reflect: true })
 ], Button.prototype, "shape", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: String })
 ], Button.prototype, "direction", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: String, reflect: true })
 ], Button.prototype, "alignItems", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: String })
 ], Button.prototype, "justify", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: String, reflect: true })
 ], Button.prototype, "align", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: String })
 ], Button.prototype, "minWidth", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: Boolean, reflect: true })
 ], Button.prototype, "icon", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: String })
 ], Button.prototype, "autoActive", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: Boolean, reflect: true })
 ], Button.prototype, "loading", 2);
-__decorateClass$W([
+__decorateClass$Y([
   t$1()
 ], Button.prototype, "hasPrefix", 2);
-__decorateClass$W([
+__decorateClass$Y([
   t$1()
 ], Button.prototype, "hasSuffix", 2);
-__decorateClass$W([
+__decorateClass$Y([
   l$2({ flatten: true, slot: "prefix" })
 ], Button.prototype, "prefixes", 2);
-__decorateClass$W([
+__decorateClass$Y([
   l$2({ flatten: true, slot: "suffix" })
 ], Button.prototype, "suffixes", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: String })
 ], Button.prototype, "target", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: String })
 ], Button.prototype, "href", 1);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: String })
 ], Button.prototype, "goBack", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: Boolean })
 ], Button.prototype, "pushState", 2);
-__decorateClass$W([
+__decorateClass$Y([
   e$5({ type: Boolean, reflect: true })
 ], Button.prototype, "active", 2);
-Button = __decorateClass$W([
-  n$3(tagName$T)
+Button = __decorateClass$Y([
+  n$3(tagName$V)
 ], Button);
 try {
-  customElements.define(tagName$T, Button);
+  customElements.define(tagName$V, Button);
 } catch (e2) {
 }
 class Arrays$1 {
@@ -3559,15 +3581,15 @@ win$3["concorde-utils"] = {
   PublisherManager,
   api
 };
-var __defProp$V = Object.defineProperty;
-var __getOwnPropDesc$V = Object.getOwnPropertyDescriptor;
-var __decorateClass$V = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$V(target, key) : target;
+var __defProp$X = Object.defineProperty;
+var __getOwnPropDesc$X = Object.getOwnPropertyDescriptor;
+var __decorateClass$X = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$X(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$V(target, key, result);
+    __defProp$X(target, key, result);
   return result;
 };
 const Fetcher$1 = (superClass) => {
@@ -3607,12 +3629,14 @@ const Fetcher$1 = (superClass) => {
         Loader.show();
       let headerData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
       data = await this.api.get(this.endPoint || this.dataProvider || "", headerData);
-      if (!data || data._sonic_http_response_ && !data._sonic_http_response_.ok && Object.keys(data).length === 1) {
+      if (!data) {
         SonicToast$1.add({ text: "Network Error", status: "error" });
         this.isLoading = false;
         if (hasLoader)
           Loader.hide();
         return;
+      } else if (data._sonic_http_response_ && !data._sonic_http_response_.ok && Object.keys(data).length === 1) {
+        SonicToast$1.add({ text: "Network Error", status: "error" });
       }
       if (hasLoader)
         Loader.hide();
@@ -3684,23 +3708,23 @@ const Fetcher$1 = (superClass) => {
       }
     }
   }
-  __decorateClass$V([
+  __decorateClass$X([
     e$5({ type: String })
   ], FetcherElement.prototype, "endPoint", 1);
   return FetcherElement;
 };
-var __defProp$U = Object.defineProperty;
-var __getOwnPropDesc$U = Object.getOwnPropertyDescriptor;
-var __decorateClass$U = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$U(target, key) : target;
+var __defProp$W = Object.defineProperty;
+var __getOwnPropDesc$W = Object.getOwnPropertyDescriptor;
+var __decorateClass$W = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$W(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$U(target, key, result);
+    __defProp$W(target, key, result);
   return result;
 };
-const tagName$S = "sonic-fetch";
+const tagName$U = "sonic-fetch";
 let Fetch = class extends Fetcher$1(Subscriber$1(s$2)) {
   render() {
     return $$1`<slot></slot>`;
@@ -3709,25 +3733,25 @@ let Fetch = class extends Fetcher$1(Subscriber$1(s$2)) {
 Fetch.styles = [
   r$5`:host{display:contents}`
 ];
-Fetch = __decorateClass$U([
-  n$3(tagName$S)
+Fetch = __decorateClass$W([
+  n$3(tagName$U)
 ], Fetch);
 try {
-  customElements.define(tagName$S, Fetch);
+  customElements.define(tagName$U, Fetch);
 } catch (e2) {
 }
-var __defProp$T = Object.defineProperty;
-var __getOwnPropDesc$T = Object.getOwnPropertyDescriptor;
-var __decorateClass$T = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$T(target, key) : target;
+var __defProp$V = Object.defineProperty;
+var __getOwnPropDesc$V = Object.getOwnPropertyDescriptor;
+var __decorateClass$V = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$V(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$T(target, key, result);
+    __defProp$V(target, key, result);
   return result;
 };
-const tagName$R = "sonic-if";
+const tagName$T = "sonic-if";
 let SonicIF = class extends s$2 {
   constructor() {
     super(...arguments);
@@ -3740,14 +3764,14 @@ let SonicIF = class extends s$2 {
   }
 };
 SonicIF.styles = r$5`:host{display:contents}`;
-__decorateClass$T([
+__decorateClass$V([
   e$5({ type: Boolean })
 ], SonicIF.prototype, "condition", 2);
-SonicIF = __decorateClass$T([
-  n$3(tagName$R)
+SonicIF = __decorateClass$V([
+  n$3(tagName$T)
 ], SonicIF);
 try {
-  customElements.define(tagName$R, SonicIF);
+  customElements.define(tagName$T, SonicIF);
 } catch (e2) {
 }
 /**
@@ -3764,18 +3788,18 @@ const o$1 = e$3(class extends i$3 {
     return this.vt === r2 ? b$1 : (this.vt = r2, document.importNode(r2.content, true));
   }
 });
-var __defProp$S = Object.defineProperty;
-var __getOwnPropDesc$S = Object.getOwnPropertyDescriptor;
-var __decorateClass$S = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$S(target, key) : target;
+var __defProp$U = Object.defineProperty;
+var __getOwnPropDesc$U = Object.getOwnPropertyDescriptor;
+var __decorateClass$U = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$U(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$S(target, key, result);
+    __defProp$U(target, key, result);
   return result;
 };
-const tagName$Q = "sonic-subscriber";
+const tagName$S = "sonic-subscriber";
 let SonicSubscriber = class extends Subscriber$1(s$2) {
   constructor() {
     super(...arguments);
@@ -3796,25 +3820,25 @@ let SonicSubscriber = class extends Subscriber$1(s$2) {
     return $$1`<slot></slot>`;
   }
 };
-SonicSubscriber = __decorateClass$S([
-  n$3(tagName$Q)
+SonicSubscriber = __decorateClass$U([
+  n$3(tagName$S)
 ], SonicSubscriber);
 try {
-  customElements.define(tagName$Q, SonicSubscriber);
+  customElements.define(tagName$S, SonicSubscriber);
 } catch (e2) {
 }
-var __defProp$R = Object.defineProperty;
-var __getOwnPropDesc$R = Object.getOwnPropertyDescriptor;
-var __decorateClass$R = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$R(target, key) : target;
+var __defProp$T = Object.defineProperty;
+var __getOwnPropDesc$T = Object.getOwnPropertyDescriptor;
+var __decorateClass$T = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$T(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$R(target, key, result);
+    __defProp$T(target, key, result);
   return result;
 };
-const tagName$P = "sonic-list";
+const tagName$R = "sonic-list";
 let List = class extends Fetcher$1(Subscriber$1(TemplatesContainer$1(s$2))) {
   constructor() {
     super(...arguments);
@@ -3892,34 +3916,34 @@ let List = class extends Fetcher$1(Subscriber$1(TemplatesContainer$1(s$2))) {
 List.styles = [
   r$5`.sonic-no-result-container{color:var(--sc-base-400);font-size:1.65rem}sonic-icon{margin-right:.25em}span{vertical-align:middle}`
 ];
-__decorateClass$R([
+__decorateClass$T([
   e$5({ type: Object })
 ], List.prototype, "itemPropertyMap", 2);
-__decorateClass$R([
+__decorateClass$T([
   e$5({ type: String })
 ], List.prototype, "templateKey", 2);
-__decorateClass$R([
+__decorateClass$T([
   e$5({ type: String })
 ], List.prototype, "idKey", 2);
-List = __decorateClass$R([
-  n$3(tagName$P)
+List = __decorateClass$T([
+  n$3(tagName$R)
 ], List);
 try {
-  customElements.define(tagName$P, List);
+  customElements.define(tagName$R, List);
 } catch (e2) {
 }
-var __defProp$Q = Object.defineProperty;
-var __getOwnPropDesc$Q = Object.getOwnPropertyDescriptor;
-var __decorateClass$Q = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Q(target, key) : target;
+var __defProp$S = Object.defineProperty;
+var __getOwnPropDesc$S = Object.getOwnPropertyDescriptor;
+var __decorateClass$S = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$S(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$Q(target, key, result);
+    __defProp$S(target, key, result);
   return result;
 };
-const tagName$O = "sonic-queue";
+const tagName$Q = "sonic-queue";
 let Queue = class extends Subscriber$1(s$2) {
   constructor() {
     super(...arguments);
@@ -4044,49 +4068,49 @@ let Queue = class extends Subscriber$1(s$2) {
   }
 };
 Queue.instanceCounter = 0;
-__decorateClass$Q([
+__decorateClass$S([
   e$5({ type: Array })
 ], Queue.prototype, "templates", 2);
-__decorateClass$Q([
+__decorateClass$S([
   e$5({ type: Object })
 ], Queue.prototype, "itemPropertyMap", 2);
-__decorateClass$Q([
+__decorateClass$S([
   e$5()
 ], Queue.prototype, "targetRequestDuration", 2);
-__decorateClass$Q([
+__decorateClass$S([
   e$5()
 ], Queue.prototype, "limit", 2);
-__decorateClass$Q([
+__decorateClass$S([
   e$5()
 ], Queue.prototype, "offset", 2);
-__decorateClass$Q([
+__decorateClass$S([
   e$5()
 ], Queue.prototype, "filteredFields", 2);
-__decorateClass$Q([
+__decorateClass$S([
   e$5({ type: String })
 ], Queue.prototype, "dataProviderExpression", 2);
-__decorateClass$Q([
+__decorateClass$S([
   e$5({ type: String })
 ], Queue.prototype, "idKey", 2);
-Queue = __decorateClass$Q([
-  n$3(tagName$O)
+Queue = __decorateClass$S([
+  n$3(tagName$Q)
 ], Queue);
 try {
-  customElements.define(tagName$O, Queue);
+  customElements.define(tagName$Q, Queue);
 } catch (e2) {
 }
-var __defProp$P = Object.defineProperty;
-var __getOwnPropDesc$P = Object.getOwnPropertyDescriptor;
-var __decorateClass$P = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$P(target, key) : target;
+var __defProp$R = Object.defineProperty;
+var __getOwnPropDesc$R = Object.getOwnPropertyDescriptor;
+var __decorateClass$R = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$R(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$P(target, key, result);
+    __defProp$R(target, key, result);
   return result;
 };
-const tagName$N = "sonic-submit";
+const tagName$P = "sonic-submit";
 let Submit = class extends Subscriber$1(s$2) {
   constructor() {
     super(...arguments);
@@ -4185,20 +4209,20 @@ let Submit = class extends Subscriber$1(s$2) {
   }
 };
 Submit.styles = r$5`[data-disabled]{opacity:.3;pointer-events:none;user-select:none}`;
-__decorateClass$P([
+__decorateClass$R([
   e$5({ type: String })
 ], Submit.prototype, "submitResultKey", 2);
-__decorateClass$P([
+__decorateClass$R([
   e$5({ type: Boolean })
 ], Submit.prototype, "disabled", 2);
-__decorateClass$P([
+__decorateClass$R([
   e$5({ type: String })
 ], Submit.prototype, "endPoint", 2);
-Submit = __decorateClass$P([
-  n$3(tagName$N)
+Submit = __decorateClass$R([
+  n$3(tagName$P)
 ], Submit);
 try {
-  customElements.define(tagName$N, Submit);
+  customElements.define(tagName$P, Submit);
 } catch (e2) {
 }
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
@@ -4638,18 +4662,18 @@ var urlPattern = { exports: {} };
   });
 })(urlPattern, urlPattern.exports);
 var UrlPattern = urlPattern.exports;
-var __defProp$O = Object.defineProperty;
-var __getOwnPropDesc$O = Object.getOwnPropertyDescriptor;
-var __decorateClass$O = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$O(target, key) : target;
+var __defProp$Q = Object.defineProperty;
+var __getOwnPropDesc$Q = Object.getOwnPropertyDescriptor;
+var __decorateClass$Q = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Q(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$O(target, key, result);
+    __defProp$Q(target, key, result);
   return result;
 };
-const tagName$M = "sonic-router";
+const tagName$O = "sonic-router";
 let SonicRouter = class extends Subscriber$1(TemplatesContainer$1(s$2)) {
   constructor() {
     super(...arguments);
@@ -4711,28 +4735,28 @@ let SonicRouter = class extends Subscriber$1(TemplatesContainer$1(s$2)) {
     })}`;
   }
 };
-__decorateClass$O([
+__decorateClass$Q([
   e$5()
 ], SonicRouter.prototype, "location", 1);
-SonicRouter = __decorateClass$O([
-  n$3(tagName$M)
+SonicRouter = __decorateClass$Q([
+  n$3(tagName$O)
 ], SonicRouter);
 try {
-  customElements.define(tagName$M, SonicRouter);
+  customElements.define(tagName$O, SonicRouter);
 } catch (e2) {
 }
-var __defProp$N = Object.defineProperty;
-var __getOwnPropDesc$N = Object.getOwnPropertyDescriptor;
-var __decorateClass$N = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$N(target, key) : target;
+var __defProp$P = Object.defineProperty;
+var __getOwnPropDesc$P = Object.getOwnPropertyDescriptor;
+var __decorateClass$P = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$P(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$N(target, key, result);
+    __defProp$P(target, key, result);
   return result;
 };
-const tagName$L = "sonic-redirect";
+const tagName$N = "sonic-redirect";
 let SonicRedirect = class extends Subscriber$1(s$2) {
   constructor() {
     super(...arguments);
@@ -4762,25 +4786,25 @@ let SonicRedirect = class extends Subscriber$1(s$2) {
     }
   }
 };
-SonicRedirect = __decorateClass$N([
-  n$3(tagName$L)
+SonicRedirect = __decorateClass$P([
+  n$3(tagName$N)
 ], SonicRedirect);
 try {
-  customElements.define(tagName$L, SonicRedirect);
+  customElements.define(tagName$N, SonicRedirect);
 } catch (e2) {
 }
-var __defProp$M = Object.defineProperty;
-var __getOwnPropDesc$M = Object.getOwnPropertyDescriptor;
-var __decorateClass$M = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$M(target, key) : target;
+var __defProp$O = Object.defineProperty;
+var __getOwnPropDesc$O = Object.getOwnPropertyDescriptor;
+var __decorateClass$O = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$O(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$M(target, key, result);
+    __defProp$O(target, key, result);
   return result;
 };
-const tagName$K = "sonic-states";
+const tagName$M = "sonic-states";
 let SonicStates = class extends Subscriber$1(TemplatesContainer$1(s$2)) {
   constructor() {
     super(...arguments);
@@ -4873,31 +4897,31 @@ let SonicStates = class extends Subscriber$1(TemplatesContainer$1(s$2)) {
     })}`;
   }
 };
-__decorateClass$M([
+__decorateClass$O([
   e$5()
 ], SonicStates.prototype, "state", 2);
-__decorateClass$M([
+__decorateClass$O([
   e$5({ type: Boolean, reflect: true })
 ], SonicStates.prototype, "inverted", 2);
-SonicStates = __decorateClass$M([
-  n$3(tagName$K)
+SonicStates = __decorateClass$O([
+  n$3(tagName$M)
 ], SonicStates);
 try {
-  customElements.define(tagName$K, SonicStates);
+  customElements.define(tagName$M, SonicStates);
 } catch (e2) {
 }
-var __defProp$L = Object.defineProperty;
-var __getOwnPropDesc$L = Object.getOwnPropertyDescriptor;
-var __decorateClass$L = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$L(target, key) : target;
+var __defProp$N = Object.defineProperty;
+var __getOwnPropDesc$N = Object.getOwnPropertyDescriptor;
+var __decorateClass$N = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$N(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$L(target, key, result);
+    __defProp$N(target, key, result);
   return result;
 };
-const tagName$J = "sonic-scope";
+const tagName$L = "sonic-scope";
 let SonicScope = class extends s$2 {
   createRenderRoot() {
     return this;
@@ -4906,22 +4930,22 @@ let SonicScope = class extends s$2 {
     return $$1`<slot></slot>`;
   }
 };
-SonicScope = __decorateClass$L([
-  n$3(tagName$J)
+SonicScope = __decorateClass$N([
+  n$3(tagName$L)
 ], SonicScope);
-var __defProp$K = Object.defineProperty;
-var __getOwnPropDesc$K = Object.getOwnPropertyDescriptor;
-var __decorateClass$K = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$K(target, key) : target;
+var __defProp$M = Object.defineProperty;
+var __getOwnPropDesc$M = Object.getOwnPropertyDescriptor;
+var __decorateClass$M = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$M(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$K(target, key, result);
+    __defProp$M(target, key, result);
   return result;
 };
-const tagName$I = "sonic-example";
-let SonicComponent$1 = class extends Subscriber$1(s$2) {
+const tagName$K = "sonic-example";
+let SonicComponent$2 = class extends Subscriber$1(s$2) {
   constructor() {
     super(...arguments);
     this.text = "Example";
@@ -4930,21 +4954,21 @@ let SonicComponent$1 = class extends Subscriber$1(s$2) {
     return $$1`${this.text}`;
   }
 };
-__decorateClass$K([
+__decorateClass$M([
   e$5()
-], SonicComponent$1.prototype, "text", 2);
-SonicComponent$1 = __decorateClass$K([
-  n$3(tagName$I)
-], SonicComponent$1);
-var __defProp$J = Object.defineProperty;
-var __getOwnPropDesc$J = Object.getOwnPropertyDescriptor;
-var __decorateClass$J = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$J(target, key) : target;
+], SonicComponent$2.prototype, "text", 2);
+SonicComponent$2 = __decorateClass$M([
+  n$3(tagName$K)
+], SonicComponent$2);
+var __defProp$L = Object.defineProperty;
+var __getOwnPropDesc$L = Object.getOwnPropertyDescriptor;
+var __decorateClass$L = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$L(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$J(target, key, result);
+    __defProp$L(target, key, result);
   return result;
 };
 const Form = (superClass) => {
@@ -4991,22 +5015,22 @@ const Form = (superClass) => {
       this.requestUpdate();
     }
   }
-  __decorateClass$J([
+  __decorateClass$L([
     e$5()
   ], FormInput2.prototype, "forceAutoFill", 2);
-  __decorateClass$J([
+  __decorateClass$L([
     e$5({ type: String })
   ], FormInput2.prototype, "type", 1);
-  __decorateClass$J([
+  __decorateClass$L([
     e$5()
   ], FormInput2.prototype, "description", 1);
-  __decorateClass$J([
+  __decorateClass$L([
     e$5()
   ], FormInput2.prototype, "label", 1);
-  __decorateClass$J([
+  __decorateClass$L([
     e$5({ type: Number })
   ], FormInput2.prototype, "tabindex", 2);
-  __decorateClass$J([
+  __decorateClass$L([
     e$5({ type: String })
   ], FormInput2.prototype, "autocomplete", 2);
   return FormInput2;
@@ -5027,91 +5051,286 @@ win$2["concorde-mixins"] = {
   Subscriber,
   TemplatesContainer
 };
-var __defProp$I = Object.defineProperty;
-var __getOwnPropDesc$I = Object.getOwnPropertyDescriptor;
-var __decorateClass$I = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$I(target, key) : target;
+class SDUIDescriptorTransformer {
+  constructor() {
+  }
+  async transform(sduiDescriptor, transformDescriptor) {
+    this.sduiDescriptor = sduiDescriptor;
+    if (this.sduiDescriptor.library) {
+      for (let key in transformDescriptor.library) {
+        this.sduiDescriptor.library[key] = transformDescriptor.library[key];
+      }
+    }
+    for (let item of transformDescriptor.transforms) {
+      this.transformAction(item);
+    }
+  }
+  transformAction(transformAction) {
+    let uis = this.getNodesMatchingPatterns(transformAction.patterns, this.sduiDescriptor);
+    this[transformAction.action](transformAction, uis);
+  }
+  getNodesMatchingPatterns(patterns, node) {
+    if (!patterns)
+      return [];
+    if (!node)
+      return [];
+    let nodes = node.nodes;
+    if (!nodes)
+      return [];
+    let result = [];
+    let index = 0;
+    for (let pattern of patterns) {
+      for (let child of nodes) {
+        if (this.nodeMatchesPattern(pattern, child)) {
+          result.push({ parent: node, child, index });
+        }
+        result = result.concat(this.getNodesMatchingPatterns([pattern], child));
+        index++;
+      }
+    }
+    return result;
+  }
+  stringMatchesExpression(stringToTest, regExpString) {
+    return !regExpString || stringToTest && stringToTest.match(regExpString);
+  }
+  nodeMatchesPattern(pattern, node) {
+    let patternDynamic = pattern;
+    let nodeDynamic = node;
+    let keys = ["libraryKey", "innerHTML", "prefix", "suffix", "markup"];
+    for (let key of keys) {
+      if (!this.stringMatchesExpression(nodeDynamic[key], patternDynamic[key])) {
+        return false;
+      }
+    }
+    let patternAttributes = pattern.attributes;
+    let nodeAttributes = node.attributes;
+    if (patternAttributes && !nodeAttributes)
+      return false;
+    if (patternAttributes) {
+      for (let name in patternAttributes) {
+        if (!this.stringMatchesExpression(nodeAttributes[name], patternAttributes[name])) {
+          return false;
+        }
+      }
+    }
+    return true;
+  }
+  unWrap(transformAction, list) {
+    var _a2, _b;
+    for (let item of list) {
+      (_a2 = item.parent.nodes) == null ? void 0 : _a2.splice(item.parent.nodes.indexOf(item.child), 1);
+      if (item.child.nodes) {
+        (_b = item.parent.nodes) == null ? void 0 : _b.splice(item.parent.nodes.indexOf(item.child), 0, ...item.child.nodes);
+      }
+    }
+  }
+  wrap(transformAction, list) {
+    var _a2, _b, _c, _d, _e;
+    let wrapper = __spreadValues({}, transformAction.ui);
+    if (!wrapper.nodes)
+      wrapper.nodes = [];
+    let i2 = 0;
+    for (let item of list) {
+      (_a2 = wrapper.nodes) == null ? void 0 : _a2.push(item.child);
+      if (i2 > 0) {
+        (_b = item.parent.nodes) == null ? void 0 : _b.splice(item.parent.nodes.indexOf(item.child), 1);
+      }
+      i2++;
+    }
+    let idx = (_c = list[0].parent.nodes) == null ? void 0 : _c.indexOf(list[0].child);
+    if (idx) {
+      (_d = list[0].parent.nodes) == null ? void 0 : _d.splice(idx, 1);
+      (_e = list[0].parent.nodes) == null ? void 0 : _e.splice(idx, 0, wrapper);
+    }
+  }
+  move(transformAction, list) {
+    var _a2, _b;
+    for (let item of list) {
+      (_a2 = item.parent.nodes) == null ? void 0 : _a2.splice(item.parent.nodes.indexOf(item.child), 1);
+      let positionType = transformAction.after ? "after" : "before";
+      let element = this.getNodesMatchingPatterns([transformAction[positionType]], this.sduiDescriptor)[0];
+      if (element) {
+        (_b = element.parent.nodes) == null ? void 0 : _b.splice(element.parent.nodes.indexOf(element.child) + (positionType == "after" ? 1 : 0), 0, item.child);
+      }
+    }
+  }
+  remap(transformAction, list) {
+    var _a2, _b, _c;
+    console.log(list);
+    for (let item of list) {
+      let newUI = __spreadValues({}, transformAction.ui);
+      if (!newUI.attributes) {
+        newUI.attributes = {};
+      }
+      let childAttributes = item.child.attributes;
+      if (childAttributes) {
+        for (let key in childAttributes) {
+          if (!newUI.attributes.hasOwnProperty("key"))
+            newUI.attributes[key] = childAttributes[key];
+        }
+      }
+      let keys = ["libraryKey", "innerHTML", "prefix", "suffix", "markup"];
+      let childDynamic = item.child;
+      let newUIDynamic = newUI;
+      for (let key of keys) {
+        if (!newUI.hasOwnProperty(key) && childDynamic[key])
+          newUIDynamic[key] = childDynamic[key];
+      }
+      if (!newUI.nodes) {
+        newUI.nodes = [];
+      }
+      let childNodes = item.child.nodes;
+      if (childNodes) {
+        for (let node of childNodes) {
+          newUI.nodes.push(node);
+        }
+      }
+      let idx = ((_a2 = item.parent.nodes) == null ? void 0 : _a2.indexOf(item.child)) || -1;
+      if (idx != -1) {
+        (_b = item.parent.nodes) == null ? void 0 : _b.splice(idx, 1);
+        (_c = item.parent.nodes) == null ? void 0 : _c.splice(idx, 0, newUI);
+      }
+    }
+  }
+  delete(transformAction, list) {
+    var _a2;
+    for (let item of list) {
+      (_a2 = item.parent.nodes) == null ? void 0 : _a2.splice(item.parent.nodes.indexOf(item.child), 1);
+    }
+  }
+  insert(transformAction, list) {
+    var _a2;
+    let positionType = transformAction.after ? "after" : transformAction.before ? "before" : "in";
+    let node = this.getNodesMatchingPatterns([transformAction[positionType]], this.sduiDescriptor)[0];
+    if (node) {
+      if (positionType == "in") {
+        if (!node.child.nodes)
+          node.child.nodes = [];
+        node.child.nodes.push(__spreadValues({}, transformAction.ui));
+      } else {
+        (_a2 = node.parent.nodes) == null ? void 0 : _a2.splice(node.parent.nodes.indexOf(node.child) + (positionType == "after" ? 1 : 0), 0, __spreadValues({}, transformAction.ui));
+      }
+    }
+  }
+}
+var __defProp$K = Object.defineProperty;
+var __getOwnPropDesc$K = Object.getOwnPropertyDescriptor;
+var __decorateClass$K = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$K(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$I(target, key, result);
+    __defProp$K(target, key, result);
   return result;
 };
-const tagName$H = "sonic-sdui";
-let SonicComponent = class extends Fetcher(Subscriber(s$2)) {
+const tagName$J = "sonic-sdui";
+let SonicSDUI = class extends Fetcher(Subscriber(s$2)) {
   connectedCallback() {
     this.noShadowDom = "";
+    this.displayContents = true;
     this.isFetchEnabled = this.hasAttribute("fetch");
     super.connectedCallback();
   }
   get props() {
     return super.props;
   }
-  async loadJS(src) {
-    const p2 = new Promise(async (resolve) => {
-      let script = document.createElement("script");
-      script.src = src;
-      script.onload = () => resolve(true);
-      script.onerror = () => resolve(true);
-      document.head.appendChild(script);
-    });
-    return p2;
-  }
-  async loadCSS(src) {
-    const p2 = new Promise(async (resolve) => {
-      var cssnode = document.createElement("link");
-      cssnode.type = "text/css";
-      cssnode.rel = "stylesheet";
-      cssnode.href = src;
-      cssnode.onload = () => resolve(true);
-      cssnode.onerror = () => resolve(true);
-      document.head.appendChild(cssnode);
-    });
-    return p2;
-  }
   set props(value) {
     super.props = value;
     this.updateContents();
   }
   async updateContents() {
+    this.removeChildren();
+    if (!this.props)
+      return;
+    this.loadAssets();
+    await this.transformSDUIDescriptor();
+    this.parseRootNodes();
+  }
+  removeChildren() {
     while ([...this.children].filter((elt) => elt.nodeName != "SLOT").length > 0) {
       this.removeChild(this.children[0]);
     }
+  }
+  loadAssets() {
     if (!this.props)
       return;
-    try {
-      if (this.props.js) {
-        for (const src of this.props.js)
-          this.loadJS(src);
-      }
-      if (this.props.css) {
-        for (const src of this.props.css)
-          this.loadCSS(src);
-      }
-    } catch (e2) {
+    if (this.props.js) {
+      for (const src of this.props.js)
+        HTML.loadJS(src);
     }
-    let children = this.props.nodes;
-    if (!children)
+    if (this.props.css) {
+      for (const src of this.props.css)
+        HTML.loadCSS(src);
+    }
+  }
+  async transformSDUIDescriptor() {
+    if (!this.hasAttribute("transformation"))
+      return;
+    let result = await fetch(this.getAttribute("transformation"));
+    let json = await result.json();
+    let transformer = new SDUIDescriptorTransformer();
+    await transformer.transform(this.props, json);
+  }
+  parseRootNodes() {
+    if (!this.props)
       return;
-    for (let child of children) {
-      this.appendChild(this.parseChild(child));
+    let nodes = this.props.nodes;
+    if (!nodes)
+      return;
+    nodes.forEach((node) => this.appendChild(this.parseChild(node)));
+  }
+  parseChild(node) {
+    let tagName2 = node.tagName || "div";
+    let { element, contentElement } = this.handleLibrary(node, tagName2);
+    this.handleAttributes(node, element);
+    element = this.handleMarkup(node, element);
+    if (!contentElement)
+      contentElement = element;
+    this.handleChildNodes(node, contentElement, element);
+    this.handleInnerHTML(node, contentElement);
+    if (node.prefix || node.suffix) {
+      const container = this.handlePrefixSuffix(node, element);
+      return container;
     }
+    return element;
   }
-  parseChild(props) {
-    let type = props.type || "div";
-    let element;
-    if (props.markup) {
-      element = document.createElement("div");
-      element.style.display = "contents";
-      element.innerHTML = props.markup;
-      return element;
+  handlePrefixSuffix(node, element) {
+    const container = document.createElement("div");
+    container.innerHTML = (node.prefix || "") + element.outerHTML + (node.suffix || "");
+    container.style.display = "contents";
+    return container;
+  }
+  handleChildNodes(node, contentElement, element) {
+    if (node.nodes) {
+      let children = node.nodes;
+      for (let child of children) {
+        let childElement = this.parseChild(child);
+        let nodeToAppendOn = contentElement;
+        if (child.parentElementSelector) {
+          nodeToAppendOn = element.querySelector(child.parentElementSelector) || contentElement;
+        }
+        if (nodeToAppendOn.shadowRoot)
+          nodeToAppendOn.shadowRoot.appendChild(childElement);
+        else
+          nodeToAppendOn.appendChild(childElement);
+      }
     }
-    if (props.library && this.props.library) {
-      element = this.parseChild(this.props.library[props.library] || { type: "div" });
+  }
+  handleLibrary(node, tagName2) {
+    let element;
+    let contentElement;
+    if (node.libraryKey && this.props.library) {
+      element = this.parseChild(this.props.library[node.libraryKey] || { tagName: "div" });
+      let selector = (this.props.library[node.libraryKey] || {}).contentElementSelector;
+      if (selector)
+        contentElement = element.querySelector(selector);
     } else
-      element = document.createElement(type);
-    let attributes = props.attributes;
+      element = document.createElement(tagName2);
+    return { element, contentElement };
+  }
+  handleAttributes(node, element) {
+    let attributes = node.attributes;
     for (let k2 in attributes) {
       let attr = attributes[k2];
       if (Objects.isObject(attr)) {
@@ -5119,52 +5338,55 @@ let SonicComponent = class extends Fetcher(Subscriber(s$2)) {
       }
       element.setAttribute(k2, attr);
     }
-    if (props.innerHTML) {
-      element.innerHTML = props.innerHTML;
-    }
-    if (props.nodes) {
-      let children = props.nodes;
-      for (let child of children) {
-        if (element.shadowRoot)
-          element.shadowRoot.appendChild(this.parseChild(child));
-        else
-          element.appendChild(this.parseChild(child));
-      }
-    }
-    if (props.prefix || props.suffix) {
-      const container = document.createElement("div");
-      container.innerHTML = (props.prefix || "") + element.outerHTML + (props.suffix || "");
-      container.style.display = "contents";
-      return container;
+  }
+  handleMarkup(node, element) {
+    if (node.markup) {
+      element = document.createElement("div");
+      element.style.display = "contents";
+      element.innerHTML = node.markup;
     }
     return element;
   }
+  handleInnerHTML(node, contentElement) {
+    var _a2;
+    if (!node.innerHTML)
+      return;
+    if (node.innerHTML.indexOf("wording_") != -1) {
+      let wordingProvider = this.getAncestorAttributeValue("wordingProvider");
+      (_a2 = this.api) == null ? void 0 : _a2.post(wordingProvider, { labels: [node.innerHTML.substring(8)] }).then((value) => {
+        if (contentElement)
+          contentElement.innerHTML += value;
+      });
+    } else if (contentElement) {
+      contentElement.innerHTML += node.innerHTML;
+    }
+  }
 };
-__decorateClass$I([
+__decorateClass$K([
   e$5()
-], SonicComponent.prototype, "props", 1);
-SonicComponent = __decorateClass$I([
-  n$3(tagName$H)
-], SonicComponent);
+], SonicSDUI.prototype, "props", 1);
+SonicSDUI = __decorateClass$K([
+  n$3(tagName$J)
+], SonicSDUI);
 const coreVariables = r$5`:host{--sc-font-family-base:"Inter var",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--sc-font-weight-base:400;--sc-font-style-base:normal;--sc-headings-font-family:var(--sc-font-family-base);--sc-headings-font-style:var(--sc-font-style-base);--sc-headings-line-height:1.1;--sc-headings-font-weight:700;--sc-headings-text-transform:none;--sc-btn-font-weight:var(--sc-font-weight-base);--sc-btn-font-family:var(--sc-font-family-base);--sc-btn-font-style:var(--sc-font-style-base);--sc-rounded-sm:calc(var(--sc-rounded) * 0.5);--sc-rounded:0.375rem;--sc-rounded-md:calc(var(--sc-rounded) * 1.8);--sc-rounded-lg:calc(var(--sc-rounded) * 3.5);--sc-rounded-xl:calc(var(--sc-rounded) * 7);--sc-rounded-size-intensity:calc((1em - 1rem) * .4);--sc-btn-rounded-intensity:1.4;--sc-btn-font-weight:500;--sc-btn-rounded:calc((var(--sc-rounded) + var(--sc-rounded-size-intensity)) * var(--sc-btn-rounded-intensity) );--sc-placeholder-bg:rgba(17, 24, 39, 0.05);--sc-shadow-sm:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--sc-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--sc-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--sc-shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--sc-shadow-2xl:0 25px 50px -12px rgb(0 0 0 / 0.25);--sc-border-width:max(1px, 0.12rem);--sc-form-height:2.5em;--sc-form-border-width:var(--sc-border-width);--sc-input-bg:var(--sc-base-100);--sc-input-border-color:var(--sc-input-bg);--sc-input-rounded-intensity:1.4;--sc-input-rounded:calc((var(--sc-rounded) + var(--sc-rounded-size-intensity)) * var(--sc-input-rounded-intensity) );--sc-label-font-weight:500;--sc-contrast-content:#fff;--sc-contrast:#11151f;--sc-scrollbar-bg:var(--sc-base-400);--sc-body-bg:var(--sc-base)}`;
 const light = r$5`:host{--sc-primary:var(--sc-base-800);--sc-info:#2563eb;--sc-danger:#f43f5e;--sc-warning:#f97316;--sc-success:#14b8a6;--sc-primary-content:var(--sc-base);--sc-info-content:var(--sc-base);--sc-danger-content:var(--sc-base);--sc-warning-content:var(--sc-base);--sc-success-content:var(--sc-base);--sc-base:#fff;--sc-base-50:#f8fafc;--sc-base-100:#f1f5f9;--sc-base-200:#e2e8f0;--sc-base-300:#cbd5e1;--sc-base-400:#94a3b8;--sc-base-500:#64748b;--sc-base-600:#475569;--sc-base-700:#334155;--sc-base-800:#1e293b;--sc-base-900:#0f172a;--sc-base-content:var(--sc-base-700);--sc-input-bg:var(--sc-base-100);--sc-input-color:var(--sc-base-content)}`;
 const darkCss = r$5``;
 const dark = r$5`:host([theme=dark]){${darkCss}}@media (prefers-color-scheme:dark){:host([theme=auto]){${darkCss}}}`;
 var tailwindImport = r$5`*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}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}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~="not-prose"] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~="not-prose"] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~="not-prose"] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~="not-prose"] *)){color:inherit}.prose :where(thead th strong):not(:where([class~="not-prose"] *)){color:inherit}.prose :where(ol):not(:where([class~="not-prose"] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)){list-style-type:upper-alpha}.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)){list-style-type:lower-alpha}.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)){list-style-type:upper-alpha}.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)){list-style-type:lower-alpha}.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)){list-style-type:upper-roman}.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)){list-style-type:lower-roman}.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)){list-style-type:upper-roman}.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~="not-prose"] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker{color:var(--tw-prose-bullets)}.prose :where(hr):not(:where([class~="not-prose"] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~="not-prose"] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-left-width:.25rem;border-left-color:var(--tw-prose-quote-borders);quotes:"\\201c""\\201d""\\2018""\\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *)):after{content:close-quote}.prose :where(h1):not(:where([class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~="not-prose"] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~="not-prose"] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~="not-prose"] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~="not-prose"] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~="not-prose"] *)){margin-top:2em;margin-bottom:2em}.prose :where(figure > *):not(:where([class~="not-prose"] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~="not-prose"] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose :where(code):not(:where([class~="not-prose"] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~="not-prose"] *)):before{content:"\`"}.prose :where(code):not(:where([class~="not-prose"] *)):after{content:"\`"}.prose :where(a code):not(:where([class~="not-prose"] *)){color:inherit}.prose :where(h1 code):not(:where([class~="not-prose"] *)){color:inherit}.prose :where(h2 code):not(:where([class~="not-prose"] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~="not-prose"] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~="not-prose"] *)){color:inherit}.prose :where(blockquote code):not(:where([class~="not-prose"] *)){color:inherit}.prose :where(thead th code):not(:where([class~="not-prose"] *)){color:inherit}.prose :where(pre):not(:where([class~="not-prose"] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~="not-prose"] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~="not-prose"] *)):before{content:none}.prose :where(pre code):not(:where([class~="not-prose"] *)):after{content:none}.prose :where(table):not(:where([class~="not-prose"] *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~="not-prose"] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody tr):not(:where([class~="not-prose"] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~="not-prose"] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~="not-prose"] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~="not-prose"] *)){vertical-align:top}.prose{--tw-prose-body: var(--sc-base-content);--tw-prose-headings: var(--sc-base-900);--tw-prose-lead: var(--sc-base-600);--tw-prose-links: var(--sc-base-900);--tw-prose-bold: var(--sc-base-900);--tw-prose-counters: var(--sc-base-500);--tw-prose-bullets: var(--sc-base-300);--tw-prose-hr: var(--sc-base-200);--tw-prose-quotes: var(--sc-base-900);--tw-prose-quote-borders: var(--sc-base-200);--tw-prose-captions: var(--sc-base-500);--tw-prose-code: var(--sc-base-900);--tw-prose-pre-code: var(--sc-base-200);--tw-prose-pre-bg: var(--sc-base-800);--tw-prose-th-borders: var(--sc-base-300);--tw-prose-td-borders: var(--sc-base-200);--tw-prose-invert-body: var(--sc-base-300);--tw-prose-invert-headings: var(--sc-base);--tw-prose-invert-lead: var(--sc-base-400);--tw-prose-invert-links: var(--sc-base);--tw-prose-invert-bold: var(--sc-base);--tw-prose-invert-counters: var(--sc-base-400);--tw-prose-invert-bullets: var(--sc-base-600);--tw-prose-invert-hr: var(--sc-base-700);--tw-prose-invert-quotes: var(--sc-base-100);--tw-prose-invert-quote-borders: var(--sc-base-700);--tw-prose-invert-captions: var(--sc-base-400);--tw-prose-invert-code: var(--sc-base);--tw-prose-invert-pre-code: var(--sc-base-300);--tw-prose-invert-pre-bg: var(--sc-base-900);--tw-prose-invert-th-borders: var(--sc-base-600);--tw-prose-invert-td-borders: var(--sc-base-700);font-size:1rem;line-height:1.75}.prose :where(p):not(:where([class~="not-prose"] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(video):not(:where([class~="not-prose"] *)){margin-top:2em;margin-bottom:2em}.prose :where(figure):not(:where([class~="not-prose"] *)){margin-top:2em;margin-bottom:2em}.prose :where(li):not(:where([class~="not-prose"] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol > li):not(:where([class~="not-prose"] *)){padding-left:.375em}.prose :where(ul > li):not(:where([class~="not-prose"] *)){padding-left:.375em}.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){margin-top:1.25em}.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){margin-bottom:1.25em}.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){margin-top:1.25em}.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~="not-prose"] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(hr + *):not(:where([class~="not-prose"] *)){margin-top:0}.prose :where(h2 + *):not(:where([class~="not-prose"] *)){margin-top:0}.prose :where(h3 + *):not(:where([class~="not-prose"] *)){margin-top:0}.prose :where(h4 + *):not(:where([class~="not-prose"] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~="not-prose"] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~="not-prose"] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~="not-prose"] *)){padding-right:0}.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)){margin-top:0}.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~="not-prose"] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~="not-prose"] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.1111111em}.prose-sm :where(h1):not(:where([class~="not-prose"] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~="not-prose"] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~="not-prose"] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~="not-prose"] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~="not-prose"] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(video):not(:where([class~="not-prose"] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure):not(:where([class~="not-prose"] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure > *):not(:where([class~="not-prose"] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~="not-prose"] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(code):not(:where([class~="not-prose"] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~="not-prose"] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~="not-prose"] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~="not-prose"] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding:.6666667em 1em}.prose-sm :where(ol):not(:where([class~="not-prose"] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-left:1.5714286em}.prose-sm :where(ul):not(:where([class~="not-prose"] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-left:1.5714286em}.prose-sm :where(li):not(:where([class~="not-prose"] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol > li):not(:where([class~="not-prose"] *)){padding-left:.4285714em}.prose-sm :where(ul > li):not(:where([class~="not-prose"] *)){padding-left:.4285714em}.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){margin-top:1.1428571em}.prose-sm :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){margin-top:1.1428571em}.prose-sm :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~="not-prose"] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(hr):not(:where([class~="not-prose"] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr + *):not(:where([class~="not-prose"] *)){margin-top:0}.prose-sm :where(h2 + *):not(:where([class~="not-prose"] *)){margin-top:0}.prose-sm :where(h3 + *):not(:where([class~="not-prose"] *)){margin-top:0}.prose-sm :where(h4 + *):not(:where([class~="not-prose"] *)){margin-top:0}.prose-sm :where(table):not(:where([class~="not-prose"] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~="not-prose"] *)){padding-right:1em;padding-bottom:.6666667em;padding-left:1em}.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"] *)){padding-left:0}.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"] *)){padding-right:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~="not-prose"] *)){padding:.6666667em 1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~="not-prose"] *)){padding-left:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~="not-prose"] *)){padding-right:0}.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)){margin-top:0}.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)){margin-bottom:0}.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){margin-top:.75em;margin-bottom:.75em}.prose-base :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){margin-top:1.25em}.prose-base :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){margin-bottom:1.25em}.prose-base :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){margin-top:1.25em}.prose-base :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){margin-bottom:1.25em}.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)){margin-top:0}.prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)){margin-bottom:0}.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){margin-top:.8888889em;margin-bottom:.8888889em}.prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){margin-top:1.3333333em}.prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){margin-bottom:1.3333333em}.prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){margin-top:1.3333333em}.prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){margin-bottom:1.3333333em}.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)){margin-top:0}.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)){margin-bottom:0}.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){margin-top:.8em;margin-bottom:.8em}.prose-xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){margin-top:1.2em}.prose-xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){margin-bottom:1.2em}.prose-xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){margin-top:1.2em}.prose-xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){margin-bottom:1.2em}.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)){margin-top:0}.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)){margin-bottom:0}.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){margin-top:.8333333em;margin-bottom:.8333333em}.prose-2xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){margin-top:1.3333333em}.prose-2xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){margin-bottom:1.3333333em}.prose-2xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){margin-top:1.3333333em}.prose-2xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){margin-bottom:1.3333333em}.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)){margin-top:0}.prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)){margin-bottom:0}.prose-tight :where(p,ul,ol,pre):not(:where([class~="not-prose"] *)){line-height:1.25;margin:0 0 .5em}.prose-tight :where(li):not(:where([class~="not-prose"] *)){margin-bottom:.5em}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0px}.left-0{left:0px}.right-1{right:.25rem}.bottom-1{bottom:.25rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.right-4{right:1rem}.top-\\[-1px\\]{top:-1px}.right-5{right:1.25rem}.top-1\\/2{top:50%}.bottom-0{bottom:0px}.-right-1{right:-.25rem}.-bottom-1{bottom:-.25rem}.z-10{z-index:10}.z-20{z-index:20}.z-0{z-index:0}.col-span-full{grid-column:1 / -1}.col-span-3{grid-column:span 3 / span 3}.col-span-2{grid-column:span 2 / span 2}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-auto{margin-top:auto;margin-bottom:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-\\[-3vw\\]{margin-left:-3vw;margin-right:-3vw}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mt-5{margin-top:1.25rem}.mb-1{margin-bottom:.25rem}.mb-6{margin-bottom:1.5rem}.mr-4{margin-right:1rem}.mb-2{margin-bottom:.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.mb-5{margin-bottom:1.25rem}.mt-8{margin-top:2rem}.mr-3{margin-right:.75rem}.mt-\\[\\.15em\\]{margin-top:.15em}.mb-10{margin-bottom:2.5rem}.mb-7{margin-bottom:1.75rem}.mb-12{margin-bottom:3rem}.mb-3{margin-bottom:.75rem}.mt-2{margin-top:.5rem}.ml-\\[\\.10em\\]{margin-left:.1em}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mt-1{margin-top:.25rem}.mr-2{margin-right:.5rem}.mt-3{margin-top:.75rem}.ml-auto{margin-left:auto}.mb-\\[2em\\]{margin-bottom:2em}.mr-1{margin-right:.25rem}.mb-20{margin-bottom:5rem}.ml-2{margin-left:.5rem}.mr-\\[\\.25em\\]{margin-right:.25em}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.h-20{height:5rem}.h-2{height:.5rem}.h-5{height:1.25rem}.h-1\\/2{height:50%}.h-96{height:24rem}.max-h-\\[10rem\\]{max-height:10rem}.w-full{width:100%}.w-72{width:18rem}.w-12{width:3rem}.w-20{width:5rem}.w-2{width:.5rem}.w-5{width:1.25rem}.w-10\\/12{width:83.333333%}.w-24{width:6rem}.w-\\[1\\.2em\\]{width:1.2em}.min-w-full{min-width:100%}.min-w-max{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.min-w-\\[11rem\\]{min-width:11rem}.min-w-\\[5rem\\]{min-width:5rem}.max-w-lg{max-width:32rem}.max-w-xs{max-width:20rem}.max-w-\\[80ch\\]{max-width:80ch}.max-w-\\[32rem\\]{max-width:32rem}.max-w-\\[20rem\\]{max-width:20rem}.max-w-none{max-width:none}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-\\[minmax\\(0\\,1fr\\)\\,minmax\\(0\\,4fr\\)\\]{grid-template-columns:minmax(0,1fr) minmax(0,4fr)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\\[1fr\\,_2fr\\]{grid-template-columns:1fr 2fr}.grid-cols-\\[minmax\\(0\\,_3fr\\)_minmax\\(0\\,_2fr\\)\\]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\\[minmax\\(6rem\\,_min\\(20\\%\\,_10rem\\)\\)\\,_1fr\\]{grid-template-columns:minmax(6rem,min(20%,10rem)) 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-10{gap:2.5rem}.gap-1{gap:.25rem}.gap-6{gap:1.5rem}.gap-\\[1\\.5em\\]{gap:1.5em}.gap-\\[\\.2rem_\\.7rem\\]{gap:.2rem .7rem}.gap-\\[\\.25em\\]{gap:.25em}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-\\[\\.75em\\]{-moz-column-gap:.75em;column-gap:.75em}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:var(--sc-rounded-lg)}.rounded-md{border-radius:var(--sc-rounded-md)}.rounded{border-radius:var(--sc-rounded)}.rounded-full{border-radius:9999px}.rounded-t-md{border-top-left-radius:var(--sc-rounded-md);border-top-right-radius:var(--sc-rounded-md)}.border{border-width:var(--sc-border-width)}.border-b-\\[1px\\]{border-bottom-width:1px}.border-solid{border-style:solid}.border-dotted{border-style:dotted}.border-success{border-color:var(--sc-success)}.border-t-neutral-200{border-top-color:var(--sc-base-200)}.border-b-neutral-100{border-bottom-color:var(--sc-base-100)}.border-b-neutral-300{border-bottom-color:var(--sc-base-300)}.bg-danger{background-color:var(--sc-danger)}.bg-neutral-0{background-color:var(--sc-base)}.bg-neutral-200{background-color:var(--sc-base-200)}.bg-contrast{background-color:var(--sc-contrast)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-\\[rgba\\(0\\,0\\,10\\,\\.2\\)\\]{--tw-gradient-from: rgba(0,0,10,.2);--tw-gradient-to: rgb(0 0 10 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-4{padding:1rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-\\[3vw\\]{padding-left:3vw;padding-right:3vw}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.pt-20{padding-top:5rem}.pr-3{padding-right:.75rem}.pt-\\[\\.06em\\]{padding-top:.06em}.text-center{text-align:center}.font-headings{font-family:var(--sc-headings-font-family)}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-black{font-weight:900}.font-medium{font-weight:500}.font-extrabold{font-weight:800}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.leading-tight{line-height:1.25}.text-neutral-0{color:var(--sc-base)}.text-neutral-300{color:var(--sc-base-300)}.text-primary{color:var(--sc-primary)}.text-neutral-500{color:var(--sc-base-500)}.text-contrast-content{color:var(--sc-contrast-content)}.text-neutral-400{color:var(--sc-base-400)}.text-info{color:var(--sc-info)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.opacity-60{opacity:.6}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\\[0_0_2rem_rgba\\(0\\,0\\,0\\,0\\.2\\)\\]{--tw-shadow: 0 0 2rem rgba(0,0,0,.2);--tw-shadow-colored: 0 0 2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-danger{--tw-shadow-color: var(--sc-danger);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[display\\:none\\]{display:none}.hover\\:text-neutral-400:hover{color:var(--sc-base-400)}.group:hover .group-hover\\:underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.prose-img\\:rounded-lg :is(:where(img):not(:where([class~="not-prose"] *))){border-radius:var(--sc-rounded-lg)}@media (min-width: 640px){.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\\:block{display:block}.md\\:hidden{display:none}.md\\:grid-cols-\\[minmax\\(0\\,2fr\\)\\,minmax\\(0\\,5fr\\)\\]{grid-template-columns:minmax(0,2fr) minmax(0,5fr)}.md\\:py-4{padding-top:1rem;padding-bottom:1rem}.md\\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 1024px){.lg\\:prose-lg{font-size:1.125rem;line-height:1.7777778}.lg\\:prose-lg :where(p):not(:where([class~="not-prose"] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.lg\\:prose-lg :where([class~="lead"]):not(:where([class~="not-prose"] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.lg\\:prose-lg :where(blockquote):not(:where([class~="not-prose"] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-left:1em}.lg\\:prose-lg :where(h1):not(:where([class~="not-prose"] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.lg\\:prose-lg :where(h2):not(:where([class~="not-prose"] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.lg\\:prose-lg :where(h3):not(:where([class~="not-prose"] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.lg\\:prose-lg :where(h4):not(:where([class~="not-prose"] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.lg\\:prose-lg :where(img):not(:where([class~="not-prose"] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\\:prose-lg :where(video):not(:where([class~="not-prose"] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\\:prose-lg :where(figure):not(:where([class~="not-prose"] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\\:prose-lg :where(figure > *):not(:where([class~="not-prose"] *)){margin-top:0;margin-bottom:0}.lg\\:prose-lg :where(figcaption):not(:where([class~="not-prose"] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.lg\\:prose-lg :where(code):not(:where([class~="not-prose"] *)){font-size:.8888889em}.lg\\:prose-lg :where(h2 code):not(:where([class~="not-prose"] *)){font-size:.8666667em}.lg\\:prose-lg :where(h3 code):not(:where([class~="not-prose"] *)){font-size:.875em}.lg\\:prose-lg :where(pre):not(:where([class~="not-prose"] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding:1em 1.5em}.lg\\:prose-lg :where(ol):not(:where([class~="not-prose"] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.lg\\:prose-lg :where(ul):not(:where([class~="not-prose"] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.lg\\:prose-lg :where(li):not(:where([class~="not-prose"] *)){margin-top:.6666667em;margin-bottom:.6666667em}.lg\\:prose-lg :where(ol > li):not(:where([class~="not-prose"] *)){padding-left:.4444444em}.lg\\:prose-lg :where(ul > li):not(:where([class~="not-prose"] *)){padding-left:.4444444em}.lg\\:prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){margin-top:.8888889em;margin-bottom:.8888889em}.lg\\:prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){margin-top:1.3333333em}.lg\\:prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){margin-bottom:1.3333333em}.lg\\:prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){margin-top:1.3333333em}.lg\\:prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){margin-bottom:1.3333333em}.lg\\:prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~="not-prose"] *)){margin-top:.8888889em;margin-bottom:.8888889em}.lg\\:prose-lg :where(hr):not(:where([class~="not-prose"] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.lg\\:prose-lg :where(hr + *):not(:where([class~="not-prose"] *)){margin-top:0}.lg\\:prose-lg :where(h2 + *):not(:where([class~="not-prose"] *)){margin-top:0}.lg\\:prose-lg :where(h3 + *):not(:where([class~="not-prose"] *)){margin-top:0}.lg\\:prose-lg :where(h4 + *):not(:where([class~="not-prose"] *)){margin-top:0}.lg\\:prose-lg :where(table):not(:where([class~="not-prose"] *)){font-size:.8888889em;line-height:1.5}.lg\\:prose-lg :where(thead th):not(:where([class~="not-prose"] *)){padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.lg\\:prose-lg :where(thead th:first-child):not(:where([class~="not-prose"] *)){padding-left:0}.lg\\:prose-lg :where(thead th:last-child):not(:where([class~="not-prose"] *)){padding-right:0}.lg\\:prose-lg :where(tbody td,tfoot td):not(:where([class~="not-prose"] *)){padding:.75em}.lg\\:prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~="not-prose"] *)){padding-left:0}.lg\\:prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~="not-prose"] *)){padding-right:0}.lg\\:prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)){margin-top:0}.lg\\:prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)){margin-bottom:0}.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:w-1\\/2{width:50%}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:text-base{font-size:1rem;line-height:1.5rem}.lg\\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1280px){.xl\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\\:text-3xl{font-size:1.875rem;line-height:2.25rem}.xl\\:text-lg{font-size:1.125rem;line-height:1.75rem}.xl\\:text-2xl{font-size:1.5rem;line-height:2rem}}
 `;
-var __defProp$H = Object.defineProperty;
-var __getOwnPropDesc$H = Object.getOwnPropertyDescriptor;
-var __decorateClass$H = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$H(target, key) : target;
+var __defProp$J = Object.defineProperty;
+var __getOwnPropDesc$J = Object.getOwnPropertyDescriptor;
+var __decorateClass$J = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$J(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$H(target, key, result);
+    __defProp$J(target, key, result);
   return result;
 };
 r$5`${o$9(tailwindImport)}`;
-const tagName$G = "sonic-theme";
+const tagName$I = "sonic-theme";
 let Theme = class extends s$2 {
   constructor() {
     super(...arguments);
@@ -5249,36 +5471,36 @@ Theme.styles = [
   coreVariables,
   r$5`:host([background]){display:block!important;background:var(--sc-body-bg)!important;min-height:100vh}:host([contrastDarkMode]){transition:background-color 2.5s ease}:host([color]){color:var(--sc-base-content)}:host([font]){font-family:var(--sc-font-family-base);font-weight:var(--sc-font-weight-base);font-style:var(--sc-font-style-base)}`
 ];
-__decorateClass$H([
+__decorateClass$J([
   e$5({ type: String, reflect: true })
 ], Theme.prototype, "theme", 2);
-__decorateClass$H([
+__decorateClass$J([
   e$5({ type: Boolean, reflect: true })
 ], Theme.prototype, "background", 2);
-__decorateClass$H([
+__decorateClass$J([
   e$5({ type: Boolean, reflect: true })
 ], Theme.prototype, "color", 2);
-__decorateClass$H([
+__decorateClass$J([
   e$5({ type: Boolean, reflect: true })
 ], Theme.prototype, "font", 2);
-__decorateClass$H([
+__decorateClass$J([
   e$5({ type: Boolean, reflect: true })
 ], Theme.prototype, "contrastDarkMode", 2);
-Theme = __decorateClass$H([
-  n$3(tagName$G)
+Theme = __decorateClass$J([
+  n$3(tagName$I)
 ], Theme);
-var __defProp$G = Object.defineProperty;
-var __getOwnPropDesc$G = Object.getOwnPropertyDescriptor;
-var __decorateClass$G = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$G(target, key) : target;
+var __defProp$I = Object.defineProperty;
+var __getOwnPropDesc$I = Object.getOwnPropertyDescriptor;
+var __decorateClass$I = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$I(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$G(target, key, result);
+    __defProp$I(target, key, result);
   return result;
 };
-const tagName$F = "sonic-badge";
+const tagName$H = "sonic-badge";
 let Badge = class extends s$2 {
   constructor() {
     super(...arguments);
@@ -5292,20 +5514,20 @@ let Badge = class extends s$2 {
 Badge.styles = [
   r$5`:host{--sc-badge-gap:0.3em;--sc-badge-py:0.16em;--sc-badge-px:0.66em;--sc-badge-fs:1rem;--sc-badge-color:var(--sc-base-content, #1f2937);--sc-badge-bg:var(--sc-base-200, #e5e7eb);--sc-badge-border-with:var(--sc-form-border-width, 0.1rem);--sc-badge-border-color:transparent;--sc-badge-border:var(--sc-badge-border-with) solid var(--sc-badge-border-color);--sc-badge-rounded:calc(var(--sc-rounded) * 1000);--sc-badge-line-height:1.15;--sc-badge-fw:var(--sc-font-weight-base);display:inline-flex;align-items:center;box-sizing:border-box;line-height:var(--sc-badge-line-height);border-radius:var(--sc-badge-rounded);background:var(--sc-badge-bg);color:var(--sc-badge-color);font-family:var(--sc-badge-ff,var(--sc-font-family-base,inherit));font-weight:var(--sc-badge-fw);padding-top:var(--sc-badge-py);padding-bottom:var(--sc-badge-py);padding-left:var(--sc-badge-px);padding-right:var(--sc-badge-px);min-height:calc(var(--sc-badge-px) * 2);border:var(--sc-badge-border)}:host([type=primary]){--sc-badge-color:var(--sc-primary-content);--sc-badge-bg:var(--sc-primary)}:host([type=warning]){--sc-badge-color:var(--sc-warning-content);--sc-badge-bg:var(--sc-warning)}:host([type=danger]){--sc-badge-color:var(--sc-danger-content);--sc-badge-bg:var(--sc-danger)}:host([type=info]){--sc-badge-color:var(--sc-info-content);--sc-badge-bg:var(--sc-info)}:host([type=success]){--sc-badge-color:var(--sc-success-content);--sc-badge-bg:var(--sc-success)}:host([type=neutral]){--sc-badge-color:var(--sc-base);--sc-badge-bg:var(--sc-base-content)}:host{font-size:var(--sc-badge-fs);gap:var(--sc-badge-gap)}:host([size="2xs"]){--sc-badge-fs:0.58rem;--sc-badge-gap:0.3em}:host([size=xs]){--sc-badge-fs:0.68rem;--sc-badge-gap:0.35em}:host([size=sm]){--sc-badge-fs:0.85rem;--sc-badge-gap:0.35em}:host([size=lg]){--sc-badge-line-height:1.2;--sc-badge-fs:1.25rem;--sc-badge-gap:0.5em}:host([size=xl]){--sc-badge-line-height:1.2;--sc-badge-fs:1.5rem;--sc-badge-gap:0.5em}:host([variant=outline][type]){border-width:var(--sc-badge-border-with)!important;border-color:var(--sc-badge-bg);color:var(--sc-badge-bg);background:0 0}:host([variant=outline][type=default]){border-color:var(--sc-base-400);color:var(--sc-base-500);background:0 0}:host([variant=ghost][type]){color:var(--sc-badge-bg);background:0 0;padding:0}:host([variant=ghost][type=default]){color:var(--sc-badge-color);background:0 0}`
 ];
-__decorateClass$G([
+__decorateClass$I([
   e$5({ type: String, reflect: true })
 ], Badge.prototype, "type", 2);
-__decorateClass$G([
+__decorateClass$I([
   e$5({ type: String, reflect: true })
 ], Badge.prototype, "variant", 2);
-__decorateClass$G([
+__decorateClass$I([
   e$5({ type: String, reflect: true })
 ], Badge.prototype, "size", 2);
-Badge = __decorateClass$G([
-  n$3(tagName$F)
+Badge = __decorateClass$I([
+  n$3(tagName$H)
 ], Badge);
 try {
-  customElements.define(tagName$F, Badge);
+  customElements.define(tagName$H, Badge);
 } catch (e2) {
 }
 class Electron {
@@ -5319,18 +5541,18 @@ class Electron {
     }
   }
 }
-var __defProp$F = Object.defineProperty;
-var __getOwnPropDesc$F = Object.getOwnPropertyDescriptor;
-var __decorateClass$F = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$F(target, key) : target;
+var __defProp$H = Object.defineProperty;
+var __getOwnPropDesc$H = Object.getOwnPropertyDescriptor;
+var __decorateClass$H = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$H(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$F(target, key, result);
+    __defProp$H(target, key, result);
   return result;
 };
-const tagName$E = "sonic-link";
+const tagName$G = "sonic-link";
 let Link = class extends s$2 {
   constructor() {
     super(...arguments);
@@ -5379,37 +5601,37 @@ let Link = class extends s$2 {
 Link.styles = [
   r$5`a{color:inherit;text-decoration:none;display:contents}`
 ];
-__decorateClass$F([
+__decorateClass$H([
   e$5({ type: String })
 ], Link.prototype, "href", 2);
-__decorateClass$F([
+__decorateClass$H([
   e$5({ type: String })
 ], Link.prototype, "autoActive", 2);
-__decorateClass$F([
+__decorateClass$H([
   e$5({ type: String })
 ], Link.prototype, "target", 1);
-__decorateClass$F([
+__decorateClass$H([
   e$5({ type: Boolean })
 ], Link.prototype, "pushState", 2);
-Link = __decorateClass$F([
-  n$3(tagName$E)
+Link = __decorateClass$H([
+  n$3(tagName$G)
 ], Link);
 try {
-  customElements.define(tagName$E, Link);
+  customElements.define(tagName$G, Link);
 } catch (e2) {
 }
-var __defProp$E = Object.defineProperty;
-var __getOwnPropDesc$E = Object.getOwnPropertyDescriptor;
-var __decorateClass$E = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$E(target, key) : target;
+var __defProp$G = Object.defineProperty;
+var __getOwnPropDesc$G = Object.getOwnPropertyDescriptor;
+var __decorateClass$G = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$G(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$E(target, key, result);
+    __defProp$G(target, key, result);
   return result;
 };
-const tagName$D = "sonic-progress";
+const tagName$F = "sonic-progress";
 let Progress = class extends s$2 {
   constructor() {
     super(...arguments);
@@ -5426,26 +5648,26 @@ Progress.styles = [
   fontSize,
   r$5`:host{--sc-progress-bg:var(--sc-input-bg, var(--sc-base-100, #f5f5f5));--sc-progress-color:var(--sc-base-content, #1f2937);--sc-progress-height:.6em;--sc-progress-fs:var(--sc-fs, 1rem);--sc-progress-fw:500;--sc-progress-rounded:var(--sc-rounded-lg);display:block;line-height:1.2;font-weight:var(--sc-progress-fw);font-size:var(--sc-progress-fs);color:var(--sc-progress-color)}progress{position:relative;width:100%;-webkit-appearance:none;appearance:none;overflow:hidden;border:none;height:var(--sc-progress-height);border-radius:var(--sc-progress-rounded);background-color:var(--sc-progress-bg);color:var(--sc-progress-color)}progress::-moz-progress-bar{background-color:var(--sc-progress-color);border-radius:var(--sc-progress-rounded)}progress:not([value])::-moz-progress-bar{background-color:var(--sc-progress-bg)}progress::-webkit-progress-bar{background-color:var(--sc-progress-bg)}progress::-webkit-progress-value{background-color:var(--sc-progress-color);border-radius:var(--sc-progress-rounded)}progress:indeterminate:after{background-color:var(--sc-progress-color);content:"";position:absolute;top:0;bottom:0;left:-40%;width:33.333333%;border-radius:var(--sc-progress-rounded);animation:progress-loading 3s infinite ease-in-out}@keyframes progress-loading{50%{left:107%}}:host([type=warning]){--sc-progress-color:var(--sc-warning)}:host([type=danger]){--sc-progress-color:var(--sc-danger)}:host([type=info]){--sc-progress-color:var(--sc-info)}:host([type=success]){--sc-progress-color:var(--sc-success)}:host([invert]){--sc-progress-bg:var(--sc-base-700)}:host([type=default][invert]){--sc-progress-color:var(--sc-base)}slot[name=remaining]{font-weight:var(--sc-font-weight-base);color:var(--sc-base-400);font-size:.85em;margin-top:.5em}.slot-container{display:flex;justify-content:space-between;gap:.5em;margin-top:.15em}`
 ];
-__decorateClass$E([
+__decorateClass$G([
   e$5({ type: Number })
 ], Progress.prototype, "value", 2);
-__decorateClass$E([
+__decorateClass$G([
   e$5({ type: Number })
 ], Progress.prototype, "max", 2);
-__decorateClass$E([
+__decorateClass$G([
   e$5({ type: Boolean })
 ], Progress.prototype, "invert", 2);
-__decorateClass$E([
+__decorateClass$G([
   e$5({ type: String, reflect: true })
 ], Progress.prototype, "type", 2);
-__decorateClass$E([
+__decorateClass$G([
   e$5({ type: String, reflect: true })
 ], Progress.prototype, "size", 2);
-Progress = __decorateClass$E([
-  n$3(tagName$D)
+Progress = __decorateClass$G([
+  n$3(tagName$F)
 ], Progress);
 try {
-  customElements.define(tagName$D, Progress);
+  customElements.define(tagName$F, Progress);
 } catch (e2) {
 }
 const formControl = r$5`*{box-sizing:border-box}:host{--sc-input-height:var(--sc-form-height);--sc-input-border-width:var(--sc-form-border-width);--sc-input-color:var(--sc-base-content);--sc-item-rounded-tr:var(--sc-input-rounded);--sc-item-rounded-tl:var(--sc-input-rounded);--sc-item-rounded-bl:var(--sc-input-rounded);--sc-item-rounded-br:var(--sc-input-rounded);--sc-input-fs:var(--sc-fs, 1rem);--sc-input-ff:inherit;--sc-input-py:0.6em;--sc-input-px:1.15em;--sc-input-prefix-color:var(--sc-input-color);--sc-input-prefix-bg:var(--sc-input-bg);--sc-input-prefix-border-color:var(--sc-input-border-color);--sc-input-suffix-color:var(--sc-input-color);--sc-input-suffix-bg:var(--sc-input-bg);--sc-input-suffix-border-color:var(--sc-input-border-color);--sc-label-fs:var(--sc-fs, 1rem);--sc-label-fw:var(--sc-label-font-weight)}.form-element{display:block;flex-grow:1;width:100%;line-height:1.1;color:var(--sc-input-color);border-radius:var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br) var(--sc-item-rounded-bl);font-family:var(--sc-input-ff);background-color:var(--sc-input-bg,var(--sc-base,#fff));border:var(--sc-input-border-width) solid var(--sc-input-border-color,var(--sc-base-300,#aaa));width:100%;font-size:var(--sc-input-fs);padding-top:var(--sc-input-py);padding-bottom:var(--sc-input-py);padding-left:var(--sc-input-px);padding-right:var(--sc-input-px);min-height:var(--sc-input-height)}label{font-size:var(--sc-label-fs);font-weight:var(--sc-label-fw);line-height:1.2}.form-control{display:flex;width:100%}:host(:not([inlineContent])) .has-prefix slot[name=prefix],:host(:not([inlineContent])) .has-suffix slot[name=suffix]{min-width:var(--sc-input-height);box-sizing:border-box;display:flex;align-items:center;justify-content:center;line-height:1.1;flex-shrink:0;padding-left:calc(-1 * var(--sc-input-px));padding-right:calc(-1 * var(--sc-input-px))}:host(:not([inlineContent])) slot[name=prefix]{border-radius:var(--sc-item-rounded-tl) 0 0 var(--sc-item-rounded-bl);background-color:var(--sc-input-prefix-bg);color:var(--sc-input-prefix-color);border:var(--sc-input-border-width) solid var(--sc-input-prefix-border-color);margin-right:calc(-1 * var(--sc-input-border-width))}:host(:not([inlineContent])) slot[name=suffix]{border-radius:0 var(--sc-item-rounded-tr) var(--sc-item-rounded-br) 0;background-color:var(--sc-input-suffix-bg);color:var(--sc-input-suffix-color);border:var(--sc-input-border-width) solid var(--sc-input-suffix-border-color);margin-left:calc(-1 * var(--sc-input-border-width))}:host(:not([inlineContent])) .has-prefix .form-element{border-top-left-radius:0;border-bottom-left-radius:0}:host(:not([inlineContent])) .has-suffix .form-element{border-top-right-radius:0;border-bottom-right-radius:0}:host([inlineContent]){--sc-input-py:0}:host([inlineContent]) .form-element{display:flex;flex-wrap:wrap;align-items:center;gap:.35em;min-height:var(--sc-form-height)}:host([disabled]) .form-element-container{cursor:not-allowed}:host([variant=ghost]) .form-element{--sc-input-bg:transparent}:host([disabled]) .form-element{pointer-events:none;background-color:var(--sc-base-100);border-color:transparent;color:var(--sc-base-400)}::placeholder{color:inherit;opacity:.45}:focus::placeholder{opacity:0}.form-element:focus,.form-element:focus-visible,:host(:not([disabled])) .form-element:hover{filter:brightness(.97);outline:0}.form-label{margin-bottom:.22em;display:block}.form-description{color:var(--sc-base-400);font-size:.85em;margin-top:.2em;display:block}.form-element .form-element,.form-element>slot{all:unset!important}.hidden{display:none}.contents{display:contents}:host([error]){--sc-input-border-color:var(--sc-danger)}:host input:visited{display:none}:host([touched][required]) :not(:focus):invalid{--sc-input-border-color:var(--sc-danger);--sc-input-color:var(--sc-danger)}:host([touched][required]) :not(:focus):invalid+.select-chevron{--sc-input-color:var(--sc-danger)}:host([touched][required]) :not([value=""]):not(:focus):valid{--sc-input-border-color:var(--sc-success);--sc-input-color:var(--sc-success)}:host([touched][required]) :not(:focus):valid+.select-chevron{--sc-input-color:var(--sc-success)}:host([type=color]) .form-element{padding:0;border:0;min-width:var(--sc-input-height)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br) var(--sc-item-rounded-bl)}:host([type=image]) .form-element{padding:0;border:none}input[type=reset],input[type=submit]{cursor:pointer}input[type=search]::-webkit-search-cancel-button{appearance:none;cursor:pointer;height:.65em;width:.65em;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);background-size:contain;background-repeat:no-repeat}`;
@@ -5482,18 +5704,18 @@ const o = e$3(class extends i$3 {
     return b$1;
   }
 });
-var __defProp$D = Object.defineProperty;
-var __getOwnPropDesc$D = Object.getOwnPropertyDescriptor;
-var __decorateClass$D = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$D(target, key) : target;
+var __defProp$F = Object.defineProperty;
+var __getOwnPropDesc$F = Object.getOwnPropertyDescriptor;
+var __decorateClass$F = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$F(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$D(target, key, result);
+    __defProp$F(target, key, result);
   return result;
 };
-const tagName$C = "sonic-input";
+const tagName$E = "sonic-input";
 let Input = class extends Form(Form$2(Subscriber$1(s$2))) {
   constructor() {
     super(...arguments);
@@ -5511,6 +5733,20 @@ let Input = class extends Form(Form$2(Subscriber$1(s$2))) {
     this.hasSuffix = ((_c = this.slotSuffixNodes) == null ? void 0 : _c.length) ? true : false;
     this.hasPrefix = ((_d = this.slotPrefixNodes) == null ? void 0 : _d.length) ? true : false;
   }
+  connectedCallback() {
+    super.connectedCallback();
+    if (this.hasAttribute("sameValueAs")) {
+      this.sameValueAsName = this.getAttribute("sameValueAs");
+      this.sameValueAsHandle = (v2) => this.pattern = v2;
+      this.getFormPublisher()[this.sameValueAsName].onAssign(this.sameValueAsHandle);
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this.hasAttribute("sameValueAs") && this.sameValueAsName) {
+      this.getFormPublisher()[this.sameValueAsName].offAssign(this.sameValueAsHandle);
+    }
+  }
   onSlotChange() {
     this.requestUpdate();
   }
@@ -5518,7 +5754,6 @@ let Input = class extends Form(Form$2(Subscriber$1(s$2))) {
     var _a2;
     if (!this.inlineContent)
       return;
-    console.log("oypouaze");
     (_a2 = this.input) == null ? void 0 : _a2.focus();
   }
   render() {
@@ -5526,80 +5761,243 @@ let Input = class extends Form(Form$2(Subscriber$1(s$2))) {
       "has-prefix": this.hasPrefix,
       "has-suffix": this.hasSuffix
     };
-    return $$1`<label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}">${this.label ? o$2(this.label) : ""}<slot name="label" @slotchange="${this.onSlotChange}"></slot></label><div @click="${this.inlineContentFocus}" class="form-control ${o(slotClasses)}"><div class="${this.inlineContent ? "form-element form-element-wrapper" : "contents"}"><slot name="prefix" @slotchange="${this.onSlotChange}"></slot><input id="form-element" part="input" class="form-element input" @input="${this.handleChange}" @blur="${this.handleBlur}" type="${this.type}" disabled="${l(this.disabled)}" ?readonly="${this.readonly}" ?autofocus="${this.autofocus}" list="${l(this.list)}" tabindex="${l(this.tabindex)}" pattern="${l(this.pattern)}" min="${l(this.min)}" max="${l(this.max)}" step="${l(this.step)}" src="${l(this.src)}" minlength="${l(this.minlength)}" maxlength="${l(this.maxlength)}" placeholder="${l(this.placeholder)}" required="${l(this.required)}" autocomplete="${l(this.autocomplete)}" .name="${this.name}" .value="${this.value}"><slot name="suffix" @slotchange="${this.onSlotChange}"></slot></div></div><slot name="description" class="${this.hasDescription ? "form-description" : "hidden"}">${this.description ? $$1`${o$2(this.description)}` : ""}</slot>`;
+    let labelStarSuffix = this.label && this.required && this.label.indexOf("*") == -1 ? " *" : "";
+    return $$1`<label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}">${this.label ? o$2(this.label + labelStarSuffix) : ""}<slot name="label" @slotchange="${this.onSlotChange}"></slot></label><div @click="${this.inlineContentFocus}" class="form-control ${o(slotClasses)}"><div class="${this.inlineContent ? "form-element form-element-wrapper" : "contents"}"><slot name="prefix" @slotchange="${this.onSlotChange}"></slot><input id="form-element" part="input" class="form-element input" @input="${this.handleChange}" @blur="${this.handleBlur}" type="${this.type}" disabled="${l(this.disabled)}" ?readonly="${this.readonly}" ?autofocus="${this.autofocus}" list="${l(this.list)}" tabindex="${l(this.tabindex)}" pattern="${l(this.pattern)}" min="${l(this.min)}" max="${l(this.max)}" step="${l(this.step)}" src="${l(this.src)}" minlength="${l(this.minlength)}" maxlength="${l(this.maxlength)}" placeholder="${l(this.placeholder)}" required="${l(this.required)}" autocomplete="${l(this.autocomplete)}" .name="${this.name}" .value="${this.value}"><slot name="suffix" @slotchange="${this.onSlotChange}"></slot></div></div><slot name="description" class="${this.hasDescription ? "form-description" : "hidden"}">${this.description ? $$1`${o$2(this.description)}` : ""}</slot>`;
   }
 };
 Input.styles = [fontSize, formControl];
-__decorateClass$D([
+__decorateClass$F([
   e$5({ type: String, reflect: true })
 ], Input.prototype, "size", 2);
-__decorateClass$D([
+__decorateClass$F([
   e$5({ type: String })
 ], Input.prototype, "list", 2);
-__decorateClass$D([
+__decorateClass$F([
   e$5({ type: String })
 ], Input.prototype, "placeholder", 2);
-__decorateClass$D([
+__decorateClass$F([
   e$5({ type: String })
 ], Input.prototype, "pattern", 2);
-__decorateClass$D([
+__decorateClass$F([
   e$5({ type: String })
 ], Input.prototype, "min", 2);
-__decorateClass$D([
+__decorateClass$F([
   e$5({ type: String })
 ], Input.prototype, "max", 2);
-__decorateClass$D([
+__decorateClass$F([
   e$5({ type: Boolean })
 ], Input.prototype, "readonly", 2);
-__decorateClass$D([
+__decorateClass$F([
   e$5({ type: Number })
 ], Input.prototype, "step", 2);
-__decorateClass$D([
+__decorateClass$F([
   e$5({ type: Number })
 ], Input.prototype, "minlength", 2);
-__decorateClass$D([
+__decorateClass$F([
   e$5({ type: Number })
 ], Input.prototype, "maxlength", 2);
-__decorateClass$D([
+__decorateClass$F([
   e$5({ type: String })
 ], Input.prototype, "src", 2);
-__decorateClass$D([
+__decorateClass$F([
   e$5({ type: Boolean, reflect: true })
 ], Input.prototype, "inlineContent", 2);
-__decorateClass$D([
+__decorateClass$F([
   o$4({ slot: "label" })
 ], Input.prototype, "slotLabelNodes", 2);
-__decorateClass$D([
+__decorateClass$F([
   o$4({ slot: "description" })
 ], Input.prototype, "slotDescriptionNodes", 2);
-__decorateClass$D([
+__decorateClass$F([
   o$4({ slot: "suffix" })
 ], Input.prototype, "slotSuffixNodes", 2);
-__decorateClass$D([
+__decorateClass$F([
   o$4({ slot: "prefix" })
 ], Input.prototype, "slotPrefixNodes", 2);
-__decorateClass$D([
+__decorateClass$F([
   i$4("input")
 ], Input.prototype, "input", 2);
-__decorateClass$D([
+__decorateClass$F([
   t$1()
 ], Input.prototype, "hasDescription", 2);
-__decorateClass$D([
+__decorateClass$F([
   t$1()
 ], Input.prototype, "hasLabel", 2);
-__decorateClass$D([
+__decorateClass$F([
   t$1()
 ], Input.prototype, "hasSuffix", 2);
-__decorateClass$D([
+__decorateClass$F([
   t$1()
 ], Input.prototype, "hasPrefix", 2);
-Input = __decorateClass$D([
-  n$3(tagName$C)
+Input = __decorateClass$F([
+  n$3(tagName$E)
 ], Input);
 try {
-  customElements.define(tagName$C, Input);
+  customElements.define(tagName$E, Input);
 } catch (e2) {
 }
+var __defProp$E = Object.defineProperty;
+var __getOwnPropDesc$E = Object.getOwnPropertyDescriptor;
+var __decorateClass$E = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$E(target, key) : target;
+  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
+    if (decorator = decorators[i2])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp$E(target, key, result);
+  return result;
+};
+const tagName$D = "sonic-password-helper";
+console.log("HEY");
+let SonicComponent$1 = class extends Subscriber(s$2) {
+  constructor() {
+    super(...arguments);
+    this.minChars = 8;
+    this.hasNoChar = true;
+    this.hasEnoughChars = false;
+    this.hasMinuscule = false;
+    this.hasMajuscule = false;
+    this.hasNumber = false;
+    this.hasSpecialChar = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (this.name) {
+      this.checkValue = (v2) => {
+        if (v2) {
+          this.hasNoChar = v2.length == 0;
+          this.hasEnoughChars = v2.length > this.minChars;
+        } else {
+          this.hasNoChar = true;
+          this.hasEnoughChars = false;
+        }
+        this.hasMinuscule = /[a-z]/.test(v2);
+        this.hasMajuscule = /[A-Z]/.test(v2);
+        this.hasNumber = /[0-9]/.test(v2);
+        this.hasSpecialChar = /[!"#$%&'()*+,\-\.\/:;<=>?@[\]^_`{|}~]/.test(v2);
+      };
+      PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].onAssign(this.checkValue);
+    }
+  }
+  disconnectedCallback() {
+    if (this.checkValue && this.name) {
+      PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].offAssign(this.checkValue);
+    }
+  }
+  getIcon(test) {
+    return test ? $$1`<sonic-icon library="heroicons" , name="face-smile"></sonic-icon>` : $$1`<sonic-icon library="heroicons" , name="x-circle"></sonic-icon>`;
+  }
+  render() {
+    if (this.hasNoChar)
+      return w$1;
+    return $$1`
+      <div>Le mot de passe doit contenir au moins :</div>
+      <div>${this.getIcon(this.hasEnoughChars)} 8 caractères</div>
+      <div>${this.getIcon(this.hasMinuscule)} 1 minuscule</div>
+      <div>${this.getIcon(this.hasMajuscule)} 1 majuscule</div>
+      <div>${this.getIcon(this.hasNumber)} 1 chiffre</div>
+      <div>${this.getIcon(this.hasSpecialChar)} 1 caractère spécial parmi !"#$%&'()*+,-./:;<=>?@[]^_\`{|}~</div>
+    `;
+  }
+};
+__decorateClass$E([
+  e$5()
+], SonicComponent$1.prototype, "name", 2);
+__decorateClass$E([
+  e$5()
+], SonicComponent$1.prototype, "minChars", 2);
+__decorateClass$E([
+  t$1()
+], SonicComponent$1.prototype, "hasNoChar", 2);
+__decorateClass$E([
+  t$1()
+], SonicComponent$1.prototype, "hasEnoughChars", 2);
+__decorateClass$E([
+  t$1()
+], SonicComponent$1.prototype, "hasMinuscule", 2);
+__decorateClass$E([
+  t$1()
+], SonicComponent$1.prototype, "hasMajuscule", 2);
+__decorateClass$E([
+  t$1()
+], SonicComponent$1.prototype, "hasNumber", 2);
+__decorateClass$E([
+  t$1()
+], SonicComponent$1.prototype, "hasSpecialChar", 2);
+SonicComponent$1 = __decorateClass$E([
+  n$3(tagName$D)
+], SonicComponent$1);
+var __defProp$D = Object.defineProperty;
+var __getOwnPropDesc$D = Object.getOwnPropertyDescriptor;
+var __decorateClass$D = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$D(target, key) : target;
+  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
+    if (decorator = decorators[i2])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp$D(target, key, result);
+  return result;
+};
+const tagName$C = "sonic-same-value-helper";
+let SonicComponent = class extends Subscriber(s$2) {
+  constructor() {
+    super(...arguments);
+    this.descriptionWhenEqual = "Correspondance : oui";
+    this.descriptionWhenNotEqual = "Correspondance : non";
+    this.areEqual = false;
+    this.hasNoChar = true;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    let formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
+    if (this.name && this.sameValueAs) {
+      this.checkValue = (v2) => {
+        if (v2)
+          this.hasNoChar = v2.length == 0;
+        else
+          this.hasNoChar = true;
+        if (this.name && this.sameValueAs) {
+          this.areEqual = formDataProvider[this.name].get() == formDataProvider[this.sameValueAs].get();
+        }
+      };
+      formDataProvider[this.name].onAssign(this.checkValue);
+      formDataProvider[this.sameValueAs].onAssign(this.checkValue);
+    }
+  }
+  disconnectedCallback() {
+    if (this.checkValue && this.name && this.sameValueAs) {
+      let formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
+      formDataProvider[this.name].offAssign(this.checkValue);
+      formDataProvider[this.sameValueAs].offAssign(this.checkValue);
+    }
+  }
+  render() {
+    if (this.hasNoChar)
+      return w$1;
+    return $$1`<span>${this.areEqual ? o$2(this.descriptionWhenEqual) : o$2(this.descriptionWhenNotEqual)}</span>`;
+  }
+};
+__decorateClass$D([
+  e$5()
+], SonicComponent.prototype, "name", 2);
+__decorateClass$D([
+  e$5()
+], SonicComponent.prototype, "sameValueAs", 2);
+__decorateClass$D([
+  e$5()
+], SonicComponent.prototype, "descriptionWhenEqual", 2);
+__decorateClass$D([
+  e$5()
+], SonicComponent.prototype, "descriptionWhenNotEqual", 2);
+__decorateClass$D([
+  t$1()
+], SonicComponent.prototype, "areEqual", 2);
+__decorateClass$D([
+  t$1()
+], SonicComponent.prototype, "hasNoChar", 2);
+SonicComponent = __decorateClass$D([
+  n$3(tagName$C)
+], SonicComponent);
 var __defProp$C = Object.defineProperty;
 var __getOwnPropDesc$C = Object.getOwnPropertyDescriptor;
 var __decorateClass$C = (decorators, target, key, kind) => {
@@ -5628,7 +6026,8 @@ let Checkbox = class extends Form$1(Form(Form$2(Subscriber$1(s$2)))) {
     super.connectedCallback();
   }
   render() {
-    return $$1`<label class="checkbox-container ${this.disabled ? "disabled" : ""}"><span class="icon-container"><input type="${this.type}" @change="${this.handleChange}" @blur="${this.handleBlur}" ?required="${this.required}" .disabled="${l(this.disabled)}" .checked="${l(this.checked)}" .name="${this.name}" .value="${this.value}" ?autofocus="${this.autofocus}"><sonic-icon name="${this.iconName}" class="sc-input-icon"></sonic-icon></span><div class="checkbox-text">${this.label ? o$2(this.label) : ""}<slot></slot><slot name="description" class="${this.hasDescription ? "description" : "hidden"}">${this.description ? $$1`${o$2(this.description)}` : ""}</slot></div></label>`;
+    let labelStarSuffix = this.label && this.required && this.label.indexOf("*") == -1 ? " *" : "";
+    return $$1`<label class="checkbox-container ${this.disabled ? "disabled" : ""}"><span class="icon-container"><input type="${this.type}" @change="${this.handleChange}" @blur="${this.handleBlur}" ?required="${this.required}" .disabled="${l(this.disabled)}" .checked="${l(this.checked)}" .name="${this.name}" .value="${this.value}" ?autofocus="${this.autofocus}"><sonic-icon name="${this.iconName}" class="sc-input-icon"></sonic-icon></span><div class="checkbox-text">${this.label ? o$2(this.label + labelStarSuffix) : ""}<slot></slot><slot name="description" class="${this.hasDescription ? "description" : "hidden"}">${this.description ? $$1`${o$2(this.description)}` : ""}</slot></div></label>`;
   }
 };
 Checkbox.styles = [
@@ -5794,7 +6193,8 @@ let Select = class extends Form$2(Subscriber$1(s$2)) {
       "has-prefix": this.hasPrefix,
       "has-suffix": this.hasSuffix
     };
-    return $$1`<label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}">${this.label ? o$2(this.label) : ""}<slot name="label" @slotchange="${this.onSlotChange}"></slot></label><div class="form-control ${o(slotClasses)}"><slot name="prefix" @slotchange="${this.onSlotChange}"></slot><div class="form-select-wrapper"><select @change="${this.handleChange}" @blur="${this.handleBlur}" disabled="${l(this.disabled)}" ?required="${this.required}" ?multiple="${this.multiple}" size="${l(this.selectSize)}" ?autofocus="${this.autofocus}" .value="${this.value}" class="form-element">${c(this.options, (option) => option[this.valueKey], (option) => {
+    let labelStarSuffix = this.label && this.required && this.label.indexOf("*") == -1 ? " *" : "";
+    return $$1`<label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}">${this.label ? o$2(this.label + labelStarSuffix) : ""}<slot name="label" @slotchange="${this.onSlotChange}"></slot></label><div class="form-control ${o(slotClasses)}"><slot name="prefix" @slotchange="${this.onSlotChange}"></slot><div class="form-select-wrapper"><select @change="${this.handleChange}" @blur="${this.handleBlur}" disabled="${l(this.disabled)}" ?required="${this.required}" ?multiple="${this.multiple}" size="${l(this.selectSize)}" ?autofocus="${this.autofocus}" .value="${this.value}" class="form-element">${c(this.options, (option) => option[this.valueKey], (option) => {
       const isSelected = this.value == option[this.valueKey] ? "selected" : null;
       return $$1`<option selected="${l(isSelected)}" value="${option[this.valueKey]}">${option[this.wordingKey]}</option>`;
     })}<slot></slot></select><sonic-icon class="select-chevron" name="nav-arrow-down" size="${this.size}"></sonic-icon></div><slot name="suffix" @slotchange="${this.onSlotChange}"></slot></div><slot name="description" class="${this.hasDescription ? "form-description" : "hidden"}">${this.description ? $$1`${o$2(this.description)}` : ""}</slot>`;
@@ -5908,7 +6308,8 @@ let Textarea = class extends Form(Form$2(Subscriber$1(s$2))) {
     textarea.reportValidity();
   }
   render() {
-    return $$1`<label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}">${this.label ? o$2(this.label) : ""}<slot name="label" @slotchange="${this.onSlotChange}"></slot></label><div class="form-control"><textarea @input="${this.handleChange}" @blur="${this.handleBlur}" disabled="${l(this.disabled)}" ?required="${this.required}" ?autofocus="${this.autofocus}" rows="${l(this.rows)}" cols="${l(this.cols)}" maxlength="${l(this.maxlength)}" minlength="${l(this.minlength)}" ?readonly="${this.readonly}" spellcheck="${l(this.spellcheck)}" autocomplete="${l(this.autocomplete)}" tabindex="${l(this.tabindex)}" wrap="${l(this.wrap)}" placeholder="${this.placeholder}" class="form-element textarea custom-scroll">
+    let labelStarSuffix = this.label && this.required && this.label.indexOf("*") == -1 ? " *" : "";
+    return $$1`<label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}">${this.label ? o$2(this.label + labelStarSuffix) : ""}<slot name="label" @slotchange="${this.onSlotChange}"></slot></label><div class="form-control"><textarea @input="${this.handleChange}" @blur="${this.handleBlur}" disabled="${l(this.disabled)}" ?required="${this.required}" ?autofocus="${this.autofocus}" rows="${l(this.rows)}" cols="${l(this.cols)}" maxlength="${l(this.maxlength)}" minlength="${l(this.minlength)}" ?readonly="${this.readonly}" spellcheck="${l(this.spellcheck)}" autocomplete="${l(this.autocomplete)}" tabindex="${l(this.tabindex)}" wrap="${l(this.wrap)}" placeholder="${this.placeholder}" class="form-element textarea custom-scroll">
 ${this.value}</textarea></div><slot name="description" class="${this.hasDescription ? "form-description" : "hidden"}">${this.description ? $$1`${o$2(this.description)}` : ""}</slot>`;
   }
 };
@@ -6884,7 +7285,7 @@ let Alert = class extends s$2 {
 };
 Alert.styles = [
   fontSize,
-  r$5`:host{--sc-alert-color:inherit;--sc-alert-rounded:var(--sc-rounded);--sc-alert-fw:var(--sc-font-weight-base);--sc-alert-fst:var(--sc-font-style-base);--sc-alert-label-fw:bold;display:block;font-weight:var(--sc-alert-fw);font-style:var(--sc-alert-fst)}.alert{color:var(--sc-alert-color);position:relative;display:flex;gap:.4em;line-height:1.2;border-radius:var(--sc-alert-rounded)}z .label{font-weight:var(--sc-alert-label-fw)}:host([status=warning]){--sc-alert-color:var(--sc-warning)}:host([status=error]){--sc-alert-color:var(--sc-danger)}:host([status=info]){--sc-alert-color:var(--sc-info)}:host([status=success]){--sc-alert-color:var(--sc-success)}:host([background]) .alert{background:var(--sc-base);padding:.8em 1.15em}:host([background]) .alert:before{background-color:currentColor;content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;opacity:.08;border-radius:var(--sc-alert-rounded);pointer-events:none}:host([background])>div{z-index:2;position:relative}slot{display:block}:host([size=xs]) .alert{--sc-alert-rounded:var(--sc-rounded-sm)}:host([size=sm]) .alert{--sc-alert-rounded:var(--sc-rounded-sm)}`
+  r$5`:host{--sc-alert-color:inherit;--sc-alert-rounded:var(--sc-rounded);--sc-alert-fw:var(--sc-font-weight-base);--sc-alert-fst:var(--sc-font-style-base);--sc-alert-label-fw:bold;display:block;font-weight:var(--sc-alert-fw);font-style:var(--sc-alert-fst)}.alert{color:var(--sc-alert-color);position:relative;display:flex;gap:.4em;line-height:1.2;border-radius:var(--sc-alert-rounded)}.label{font-weight:var(--sc-alert-label-fw)}:host([status=warning]){--sc-alert-color:var(--sc-warning)}:host([status=error]){--sc-alert-color:var(--sc-danger)}:host([status=info]){--sc-alert-color:var(--sc-info)}:host([status=success]){--sc-alert-color:var(--sc-success)}:host([background]) .alert{background:var(--sc-base);padding:.8em 1.15em}:host([background]) .alert:before{background-color:currentColor;content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;opacity:.08;border-radius:var(--sc-alert-rounded);pointer-events:none}:host([background])>div{z-index:2;position:relative}slot{display:block}:host([size=xs]) .alert{--sc-alert-rounded:var(--sc-rounded-sm)}:host([size=sm]) .alert{--sc-alert-rounded:var(--sc-rounded-sm)}`
 ];
 __decorateClass$i([
   e$5({ type: String })