npm - platformscode-new-react - Versions diffs - 0.0.8 → 0.0.10 - Mend

platformscode-new-react 0.0.8 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.js CHANGED Viewed

@@ -1,21 +1,21 @@
-import ka from "react-dom";
+import ya from "react-dom";
 import B from "react";
-const ya = "platformscode", J = (
+const wa = "platformscode", J = (
   /* platformscode */
   { allRenderFn: !0, appendChildSlotFix: !1, asyncLoading: !0, asyncQueue: !1, attachStyles: !0, cloneNodeFix: !1, cmpDidLoad: !0, cmpDidRender: !0, cmpDidUnload: !1, cmpDidUpdate: !1, cmpShouldUpdate: !1, cmpWillLoad: !0, cmpWillRender: !1, cmpWillUpdate: !1, connectedCallback: !1, constructableCSS: !0, cssAnnotations: !0, devTools: !1, disconnectedCallback: !0, element: !1, event: !0, experimentalScopedSlotChanges: !1, experimentalSlotFixes: !1, formAssociated: !1, hasRenderFn: !0, hostListener: !1, hostListenerTarget: !1, hostListenerTargetBody: !1, hostListenerTargetDocument: !1, hostListenerTargetParent: !1, hostListenerTargetWindow: !1, hotModuleReplacement: !1, hydrateClientSide: !1, hydrateServerSide: !1, hydratedAttribute: !1, hydratedClass: !0, hydratedSelectorName: "hydrated", invisiblePrehydration: !0, isDebug: !1, isDev: !1, isTesting: !1, lazyLoad: !1, lifecycle: !0, lifecycleDOMEvents: !1, member: !0, method: !1, mode: !1, observeAttribute: !0, profile: !1, prop: !0, propBoolean: !0, propMutable: !1, propNumber: !0, propString: !0, reflect: !1, scoped: !1, scopedSlotTextContentFix: !1, scriptDataOpts: !1, shadowDelegatesFocus: !1, shadowDom: !0, slot: !0, slotChildNodesFix: !1, slotRelocation: !0, state: !0, style: !0, svg: !0, taskQueue: !0, updatable: !0, vdomAttribute: !0, vdomClass: !0, vdomFunctional: !0, vdomKey: !0, vdomListener: !0, vdomPropOrAttr: !0, vdomRef: !0, vdomRender: !0, vdomStyle: !0, vdomText: !0, vdomXlink: !0, watchCallback: !0 }
 );
-var wa = Object.defineProperty, za = (r, n) => {
+var za = Object.defineProperty, ja = (r, n) => {
   for (var a in n)
-    wa(r, a, { get: n[a], enumerable: !0 });
-}, fr = /* @__PURE__ */ new WeakMap(), Q = (r) => fr.get(r), ja = (r, n) => {
+    za(r, a, { get: n[a], enumerable: !0 });
+}, _r = /* @__PURE__ */ new WeakMap(), Q = (r) => _r.get(r), Sa = (r, n) => {
   const a = {
     $flags$: 0,
     $hostElement$: r,
     $cmpMeta$: n,
     $instanceValues$: /* @__PURE__ */ new Map()
   };
-  return a.$onReadyPromise$ = new Promise((o) => a.$onReadyResolve$ = o), r["s-p"] = [], r["s-rc"] = [], fr.set(r, a);
-}, Jn = (r, n) => n in r, zn = (r, n) => (0, console.error)(r, n), hn = /* @__PURE__ */ new Map(), Sa = "slot-fb{display:contents}slot-fb[hidden]{display:none}", Kn = "http://www.w3.org/1999/xlink", jn = typeof window < "u" ? window : {}, F = jn.document || { head: {} }, M = jn.HTMLElement || class {
+  return a.$onReadyPromise$ = new Promise((o) => a.$onReadyResolve$ = o), r["s-p"] = [], r["s-rc"] = [], _r.set(r, a);
+}, Kn = (r, n) => n in r, zn = (r, n) => (0, console.error)(r, n), hn = /* @__PURE__ */ new Map(), Ba = "slot-fb{display:contents}slot-fb[hidden]{display:none}", Qn = "http://www.w3.org/1999/xlink", jn = typeof window < "u" ? window : {}, F = jn.document || { head: {} }, M = jn.HTMLElement || class {
 }, Y = {
   $flags$: 0,
   $resourcesUrl$: "",
@@ -24,15 +24,15 @@ var wa = Object.defineProperty, za = (r, n) => {
   ael: (r, n, a, o) => r.addEventListener(n, a, o),
   rel: (r, n, a, o) => r.removeEventListener(n, a, o),
   ce: (r, n) => new CustomEvent(r, n)
-}, Ba = (r) => Promise.resolve(r), Ma = /* @__PURE__ */ (() => {
+}, Ma = (r) => Promise.resolve(r), Ia = /* @__PURE__ */ (() => {
   try {
     return new CSSStyleSheet(), typeof new CSSStyleSheet().replaceSync == "function";
   } catch {
   }
   return !1;
-})(), In = !1, Qn = [], _r = [], Ia = (r, n) => (a) => {
-  r.push(a), In || (In = !0, Y.$flags$ & 4 ? En(An) : Y.raf(An));
-}, nr = (r) => {
+})(), An = !1, nr = [], kr = [], Aa = (r, n) => (a) => {
+  r.push(a), An || (An = !0, Y.$flags$ & 4 ? Ln(Pn) : Y.raf(Pn));
+}, rr = (r) => {
   for (let n = 0; n < r.length; n++)
     try {
       r[n](performance.now());
@@ -40,46 +40,46 @@ var wa = Object.defineProperty, za = (r, n) => {
       zn(a);
     }
   r.length = 0;
-}, An = () => {
-  nr(Qn), nr(_r), (In = Qn.length > 0) && Y.raf(An);
-}, En = (r) => Ba().then(r), Aa = /* @__PURE__ */ Ia(_r), rr = {}, Pa = "http://www.w3.org/2000/svg", Ca = "http://www.w3.org/1999/xhtml", $a = (r) => r != null, Ln = (r) => (r = typeof r, r === "object" || r === "function");
-function Xa(r) {
+}, Pn = () => {
+  rr(nr), rr(kr), (An = nr.length > 0) && Y.raf(Pn);
+}, Ln = (r) => Ma().then(r), Pa = /* @__PURE__ */ Aa(kr), ar = {}, Ca = "http://www.w3.org/2000/svg", $a = "http://www.w3.org/1999/xhtml", Xa = (r) => r != null, Yn = (r) => (r = typeof r, r === "object" || r === "function");
+function Ea(r) {
   var n, a, o;
   return (o = (a = (n = r.head) == null ? void 0 : n.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : a.getAttribute("content")) != null ? o : void 0;
 }
-var Ea = {};
-za(Ea, {
-  err: () => kr,
-  map: () => La,
-  ok: () => Pn,
-  unwrap: () => Ya,
-  unwrapErr: () => qa
+var La = {};
+ja(La, {
+  err: () => yr,
+  map: () => Ya,
+  ok: () => Cn,
+  unwrap: () => qa,
+  unwrapErr: () => Da
 });
-var Pn = (r) => ({
+var Cn = (r) => ({
   isOk: !0,
   isErr: !1,
   value: r
-}), kr = (r) => ({
+}), yr = (r) => ({
   isOk: !1,
   isErr: !0,
   value: r
 });
-function La(r, n) {
+function Ya(r, n) {
   if (r.isOk) {
     const a = n(r.value);
-    return a instanceof Promise ? a.then((o) => Pn(o)) : Pn(a);
+    return a instanceof Promise ? a.then((o) => Cn(o)) : Cn(a);
   }
   if (r.isErr) {
     const a = r.value;
-    return kr(a);
+    return yr(a);
   }
   throw "should never get here";
 }
-var Ya = (r) => {
+var qa = (r) => {
   if (r.isOk)
     return r.value;
   throw r.value;
-}, qa = (r) => {
+}, Da = (r) => {
   if (r.isErr)
     return r.value;
   throw r.value;
@@ -88,7 +88,7 @@ var Ya = (r) => {
   let o = null, l = null, s = null, p = !1, b = !1;
   const g = [], u = (h) => {
     for (let f = 0; f < h.length; f++)
-      o = h[f], Array.isArray(o) ? u(o) : o != null && typeof o != "boolean" && ((p = typeof r != "function" && !Ln(o)) && (o = String(o)), p && b ? g[g.length - 1].$text$ += o : g.push(p ? fn(null, o) : o), b = p);
+      o = h[f], Array.isArray(o) ? u(o) : o != null && typeof o != "boolean" && ((p = typeof r != "function" && !Yn(o)) && (o = String(o)), p && b ? g[g.length - 1].$text$ += o : g.push(p ? fn(null, o) : o), b = p);
   };
   if (u(a), n) {
     n.key && (l = n.key), n.name && (s = n.name);
@@ -101,7 +101,7 @@ var Ya = (r) => {
     return r(
       n === null ? {} : n,
       g,
-      Ta
+      Ra
     );
   const x = fn(r, null);
   return x.$attrs$ = n, g.length > 0 && (x.$children$ = g), x.$key$ = l, x.$name$ = s, x;
@@ -114,50 +114,50 @@ var Ya = (r) => {
     $children$: null
   };
   return a.$attrs$ = null, a.$key$ = null, a.$name$ = null, a;
-}, Da = {}, Fa = (r) => r && r.$tag$ === Da, Ta = {
-  forEach: (r, n) => r.map(ar).forEach(n),
-  map: (r, n) => r.map(ar).map(n).map(Ra)
-}, ar = (r) => ({
+}, Fa = {}, Ta = (r) => r && r.$tag$ === Fa, Ra = {
+  forEach: (r, n) => r.map(or).forEach(n),
+  map: (r, n) => r.map(or).map(n).map(Oa)
+}, or = (r) => ({
   vattrs: r.$attrs$,
   vchildren: r.$children$,
   vkey: r.$key$,
   vname: r.$name$,
   vtag: r.$tag$,
   vtext: r.$text$
-}), Ra = (r) => {
+}), Oa = (r) => {
   if (typeof r.vtag == "function") {
     const a = { ...r.vattrs };
     return r.vkey && (a.key = r.vkey), r.vname && (a.name = r.vname), t(r.vtag, a, ...r.vchildren || []);
   }
   const n = fn(r.vtag, r.vtext);
   return n.$attrs$ = r.vattrs, n.$children$ = r.vchildren, n.$key$ = r.vkey, n.$name$ = r.vname, n;
-}, Oa = (r, n) => r != null && !Ln(r) ? n & 4 ? r === "false" ? !1 : r === "" || !!r : n & 2 ? parseFloat(r) : n & 1 ? String(r) : r : r, Ga = (r) => r, yr = (r, n, a) => {
-  const o = Ga(r);
+}, Ga = (r, n) => r != null && !Yn(r) ? n & 4 ? r === "false" ? !1 : r === "" || !!r : n & 2 ? parseFloat(r) : n & 1 ? String(r) : r : r, Ha = (r) => r, wr = (r, n, a) => {
+  const o = Ha(r);
   return {
-    emit: (l) => wr(o, n, {
+    emit: (l) => zr(o, n, {
       bubbles: !!(a & 4),
       composed: !!(a & 2),
       cancelable: !!(a & 1),
       detail: l
     })
   };
-}, wr = (r, n, a) => {
+}, zr = (r, n, a) => {
   const o = Y.ce(n, a);
   return r.dispatchEvent(o), o;
-}, or = /* @__PURE__ */ new WeakMap(), Ha = (r, n, a) => {
+}, er = /* @__PURE__ */ new WeakMap(), Wa = (r, n, a) => {
   let o = hn.get(r);
-  Ma && a ? (o = o || new CSSStyleSheet(), typeof o == "string" ? o = n : o.replaceSync(n)) : o = n, hn.set(r, o);
-}, Wa = (r, n, a) => {
+  Ia && a ? (o = o || new CSSStyleSheet(), typeof o == "string" ? o = n : o.replaceSync(n)) : o = n, hn.set(r, o);
+}, Ua = (r, n, a) => {
   var o;
-  const l = zr(n), s = hn.get(l);
+  const l = jr(n), s = hn.get(l);
   if (r = r.nodeType === 11 ? r : F, s)
     if (typeof s == "string") {
       r = r.head || r;
-      let p = or.get(r), b;
-      if (p || or.set(r, p = /* @__PURE__ */ new Set()), !p.has(l)) {
+      let p = er.get(r), b;
+      if (p || er.set(r, p = /* @__PURE__ */ new Set()), !p.has(l)) {
         {
           b = F.createElement("style"), b.innerHTML = s;
-          const g = (o = Y.$nonce$) != null ? o : Xa(F);
+          const g = (o = Y.$nonce$) != null ? o : Ea(F);
           g != null && b.setAttribute("nonce", g), /**
            * we render a scoped component
            */
@@ -166,21 +166,21 @@ var Ya = (r) => {
           */
           n.$flags$ & 1 && r.nodeName !== "HEAD") && r.insertBefore(b, r.querySelector("link"));
         }
-        n.$flags$ & 4 && (b.innerHTML += Sa), p && p.add(l);
+        n.$flags$ & 4 && (b.innerHTML += Ba), p && p.add(l);
       }
     } else r.adoptedStyleSheets.includes(s) || (r.adoptedStyleSheets = [...r.adoptedStyleSheets, s]);
   return l;
 }, Za = (r) => {
-  const n = r.$cmpMeta$, a = r.$hostElement$, o = n.$flags$, l = W("attachStyles", n.$tagName$), s = Wa(
+  const n = r.$cmpMeta$, a = r.$hostElement$, o = n.$flags$, l = W("attachStyles", n.$tagName$), s = Ua(
     a.shadowRoot ? a.shadowRoot : a.getRootNode(),
     n
   );
   o & 10 && o & 2 && (a["s-sc"] = s, a.classList.add(s + "-h")), l();
-}, zr = (r, n) => "sc-" + r.$tagName$, er = (r, n, a, o, l, s) => {
+}, jr = (r, n) => "sc-" + r.$tagName$, tr = (r, n, a, o, l, s) => {
   if (a !== o) {
-    let p = Jn(r, n), b = n.toLowerCase();
+    let p = Kn(r, n), b = n.toLowerCase();
     if (n === "class") {
-      const g = r.classList, u = tr(a), x = tr(o);
+      const g = r.classList, u = ir(a), x = ir(o);
       g.remove(...u.filter((h) => h && !x.includes(h))), g.add(...x.filter((h) => h && !u.includes(h)));
     } else if (n === "style") {
       for (const g in a)
@@ -190,12 +190,12 @@ var Ya = (r) => {
     } else if (n !== "key") if (n === "ref")
       o && o(r);
     else if (!r.__lookupSetter__(n) && n[0] === "o" && n[1] === "n") {
-      if (n[2] === "-" ? n = n.slice(3) : Jn(jn, b) ? n = b.slice(2) : n = b[2] + n.slice(3), a || o) {
-        const g = n.endsWith(jr);
-        n = n.replace(Va, ""), a && Y.rel(r, n, a, g), o && Y.ael(r, n, o, g);
+      if (n[2] === "-" ? n = n.slice(3) : Kn(jn, b) ? n = b.slice(2) : n = b[2] + n.slice(3), a || o) {
+        const g = n.endsWith(Sr);
+        n = n.replace(Na, ""), a && Y.rel(r, n, a, g), o && Y.ael(r, n, o, g);
       }
     } else {
-      const g = Ln(o);
+      const g = Yn(o);
       if ((p || g && o !== null) && !l)
         try {
           if (r.tagName.includes("-"))
@@ -207,17 +207,17 @@ var Ya = (r) => {
         } catch {
         }
       let u = !1;
-      b !== (b = b.replace(/^xlink\:?/, "")) && (n = b, u = !0), o == null || o === !1 ? (o !== !1 || r.getAttribute(n) === "") && (u ? r.removeAttributeNS(Kn, n) : r.removeAttribute(n)) : (!p || s & 4 || l) && !g && (o = o === !0 ? "" : o, u ? r.setAttributeNS(Kn, n, o) : r.setAttribute(n, o));
+      b !== (b = b.replace(/^xlink\:?/, "")) && (n = b, u = !0), o == null || o === !1 ? (o !== !1 || r.getAttribute(n) === "") && (u ? r.removeAttributeNS(Qn, n) : r.removeAttribute(n)) : (!p || s & 4 || l) && !g && (o = o === !0 ? "" : o, u ? r.setAttributeNS(Qn, n, o) : r.setAttribute(n, o));
     }
   }
-}, Ua = /\s/, tr = (r) => r ? r.split(Ua) : [], jr = "Capture", Va = new RegExp(jr + "$"), Sr = (r, n, a) => {
-  const o = n.$elm$.nodeType === 11 && n.$elm$.host ? n.$elm$.host : n.$elm$, l = r && r.$attrs$ || rr, s = n.$attrs$ || rr;
-  for (const p of ir(Object.keys(l)))
-    p in s || er(o, p, l[p], void 0, a, n.$flags$);
-  for (const p of ir(Object.keys(s)))
-    er(o, p, l[p], s[p], a, n.$flags$);
+}, Va = /\s/, ir = (r) => r ? r.split(Va) : [], Sr = "Capture", Na = new RegExp(Sr + "$"), Br = (r, n, a) => {
+  const o = n.$elm$.nodeType === 11 && n.$elm$.host ? n.$elm$.host : n.$elm$, l = r && r.$attrs$ || ar, s = n.$attrs$ || ar;
+  for (const p of lr(Object.keys(l)))
+    p in s || tr(o, p, l[p], void 0, a, n.$flags$);
+  for (const p of lr(Object.keys(s)))
+    tr(o, p, l[p], s[p], a, n.$flags$);
 };
-function ir(r) {
+function lr(r) {
   return r.includes("ref") ? (
     // we need to sort these to ensure that `'ref'` is the last attr
     [...r.filter((n) => n !== "ref"), "ref"]
@@ -226,11 +226,11 @@ function ir(r) {
     r
   );
 }
-var U, Cn, on, _n = !1, kn = !1, Yn = !1, q = !1, yn = (r, n, a, o) => {
+var Z, $n, on, _n = !1, kn = !1, qn = !1, q = !1, yn = (r, n, a, o) => {
   var l;
   const s = n.$children$[a];
   let p = 0, b, g, u;
-  if (_n || (Yn = !0, s.$tag$ === "slot" && (U && o.classList.add(U + "-s"), s.$flags$ |= s.$children$ ? (
+  if (_n || (qn = !0, s.$tag$ === "slot" && (Z && o.classList.add(Z + "-s"), s.$flags$ |= s.$children$ ? (
     // slot element has fallback content
     // still create an element that "mocks" the slot element
     2
@@ -245,14 +245,14 @@ var U, Cn, on, _n = !1, kn = !1, Yn = !1, q = !1, yn = (r, n, a, o) => {
     b = s.$elm$ = F.createTextNode("");
   else {
     if (q || (q = s.$tag$ === "svg"), b = s.$elm$ = F.createElementNS(
-      q ? Pa : Ca,
+      q ? Ca : $a,
       !_n && J.slotRelocation && s.$flags$ & 2 ? "slot-fb" : s.$tag$
-    ), q && s.$tag$ === "foreignObject" && (q = !1), Sr(null, s, q), !!b.getRootNode().querySelector("body") && J.scoped && $a(U) && b["s-si"] !== U && b.classList.add(b["s-si"] = U), s.$children$)
+    ), q && s.$tag$ === "foreignObject" && (q = !1), Br(null, s, q), !!b.getRootNode().querySelector("body") && J.scoped && Xa(Z) && b["s-si"] !== Z && b.classList.add(b["s-si"] = Z), s.$children$)
       for (p = 0; p < s.$children$.length; ++p)
         g = yn(r, s, p, b), g && b.appendChild(g);
     s.$tag$ === "svg" ? q = !1 : b.tagName === "foreignObject" && (q = !0);
   }
-  return b["s-hn"] = on, s.$flags$ & 3 && (b["s-sr"] = !0, b["s-cr"] = Cn, b["s-sn"] = s.$name$ || "", b["s-rf"] = (l = s.$attrs$) == null ? void 0 : l.ref, u = r && r.$children$ && r.$children$[a], u && u.$tag$ === s.$tag$ && r.$elm$ && en(r.$elm$, !1)), b;
+  return b["s-hn"] = on, s.$flags$ & 3 && (b["s-sr"] = !0, b["s-cr"] = $n, b["s-sn"] = s.$name$ || "", b["s-rf"] = (l = s.$attrs$) == null ? void 0 : l.ref, u = r && r.$children$ && r.$children$[a], u && u.$tag$ === s.$tag$ && r.$elm$ && en(r.$elm$, !1)), b;
 }, en = (r, n) => {
   Y.$flags$ |= 1;
   const a = Array.from(r.childNodes);
@@ -263,22 +263,22 @@ var U, Cn, on, _n = !1, kn = !1, Yn = !1, q = !1, yn = (r, n, a, o) => {
   }
   for (let o = a.length - 1; o >= 0; o--) {
     const l = a[o];
-    l["s-hn"] !== on && l["s-ol"] && (R(Ir(l), l, qn(l)), l["s-ol"].remove(), l["s-ol"] = void 0, l["s-sh"] = void 0, Yn = !0), n && en(l, n);
+    l["s-hn"] !== on && l["s-ol"] && (T(Ar(l), l, Dn(l)), l["s-ol"].remove(), l["s-ol"] = void 0, l["s-sh"] = void 0, qn = !0), n && en(l, n);
   }
   Y.$flags$ &= -2;
-}, Br = (r, n, a, o, l, s) => {
+}, Mr = (r, n, a, o, l, s) => {
   let p = r["s-cr"] && r["s-cr"].parentNode || r, b;
   for (p.shadowRoot && p.tagName === on && (p = p.shadowRoot); l <= s; ++l)
-    o[l] && (b = yn(null, a, l, r), b && (o[l].$elm$ = b, R(p, b, qn(n))));
-}, Mr = (r, n, a) => {
+    o[l] && (b = yn(null, a, l, r), b && (o[l].$elm$ = b, T(p, b, Dn(n))));
+}, Ir = (r, n, a) => {
   for (let o = n; o <= a; ++o) {
     const l = r[o];
     if (l) {
       const s = l.$elm$;
-      Cr(l), s && (kn = !0, s["s-ol"] ? s["s-ol"].remove() : en(s, !0), s.remove());
+      $r(l), s && (kn = !0, s["s-ol"] ? s["s-ol"].remove() : en(s, !0), s.remove());
     }
   }
-}, Na = (r, n, a, o, l = !1) => {
+}, Ja = (r, n, a, o, l = !1) => {
   let s = 0, p = 0, b = 0, g = 0, u = n.length - 1, x = n[0], h = n[u], f = o.length - 1, _ = o[0], k = o[f], C, P;
   for (; s <= u && p <= f; )
     if (x == null)
@@ -294,39 +294,39 @@ var U, Cn, on, _n = !1, kn = !1, Yn = !1, q = !1, yn = (r, n, a, o) => {
     else if (sn(h, k, l))
       V(h, k, l), h = n[--u], k = o[--f];
     else if (sn(x, k, l))
-      (x.$tag$ === "slot" || k.$tag$ === "slot") && en(x.$elm$.parentNode, !1), V(x, k, l), R(r, x.$elm$, h.$elm$.nextSibling), x = n[++s], k = o[--f];
+      (x.$tag$ === "slot" || k.$tag$ === "slot") && en(x.$elm$.parentNode, !1), V(x, k, l), T(r, x.$elm$, h.$elm$.nextSibling), x = n[++s], k = o[--f];
     else if (sn(h, _, l))
-      (x.$tag$ === "slot" || k.$tag$ === "slot") && en(h.$elm$.parentNode, !1), V(h, _, l), R(r, h.$elm$, x.$elm$), h = n[--u], _ = o[++p];
+      (x.$tag$ === "slot" || k.$tag$ === "slot") && en(h.$elm$.parentNode, !1), V(h, _, l), T(r, h.$elm$, x.$elm$), h = n[--u], _ = o[++p];
     else {
       for (b = -1, g = s; g <= u; ++g)
         if (n[g] && n[g].$key$ !== null && n[g].$key$ === _.$key$) {
           b = g;
           break;
         }
-      b >= 0 ? (P = n[b], P.$tag$ !== _.$tag$ ? C = yn(n && n[p], a, b, r) : (V(P, _, l), n[b] = void 0, C = P.$elm$), _ = o[++p]) : (C = yn(n && n[p], a, p, r), _ = o[++p]), C && R(Ir(x.$elm$), C, qn(x.$elm$));
+      b >= 0 ? (P = n[b], P.$tag$ !== _.$tag$ ? C = yn(n && n[p], a, b, r) : (V(P, _, l), n[b] = void 0, C = P.$elm$), _ = o[++p]) : (C = yn(n && n[p], a, p, r), _ = o[++p]), C && T(Ar(x.$elm$), C, Dn(x.$elm$));
     }
-  s > u ? Br(
+  s > u ? Mr(
     r,
     o[f + 1] == null ? null : o[f + 1].$elm$,
     a,
     o,
     p,
     f
-  ) : p > f && Mr(n, s, u);
+  ) : p > f && Ir(n, s, u);
 }, sn = (r, n, a = !1) => r.$tag$ === n.$tag$ ? r.$tag$ === "slot" ? (
   // The component gets hydrated and no VDOM has been initialized.
   // Here the comparison can't happen as $name$ property is not set for `leftNode`.
   "$nodeId$" in r && a && // `leftNode` is not from type HTMLComment which would cause many
   // hydration comments to be removed
   r.$elm$.nodeType !== 8 ? !1 : r.$name$ === n.$name$
-) : a ? !0 : r.$key$ === n.$key$ : !1, qn = (r) => r && r["s-ol"] || r, Ir = (r) => (r["s-ol"] ? r["s-ol"] : r).parentNode, V = (r, n, a = !1) => {
+) : a ? !0 : r.$key$ === n.$key$ : !1, Dn = (r) => r && r["s-ol"] || r, Ar = (r) => (r["s-ol"] ? r["s-ol"] : r).parentNode, V = (r, n, a = !1) => {
   const o = n.$elm$ = r.$elm$, l = r.$children$, s = n.$children$, p = n.$tag$, b = n.$text$;
   let g;
-  b === null ? (q = p === "svg" ? !0 : p === "foreignObject" ? !1 : q, p === "slot" && !_n || Sr(r, n, q), l !== null && s !== null ? Na(o, l, n, s, a) : s !== null ? (r.$text$ !== null && (o.textContent = ""), Br(o, null, n, s, 0, s.length - 1)) : (
+  b === null ? (q = p === "svg" ? !0 : p === "foreignObject" ? !1 : q, p === "slot" && !_n || Br(r, n, q), l !== null && s !== null ? Ja(o, l, n, s, a) : s !== null ? (r.$text$ !== null && (o.textContent = ""), Mr(o, null, n, s, 0, s.length - 1)) : (
     // don't do this on initial render as it can cause non-hydrated content to be removed
-    !a && J.updatable && l !== null && Mr(l, 0, l.length - 1)
+    !a && J.updatable && l !== null && Ir(l, 0, l.length - 1)
   ), q && p === "svg" && (q = !1)) : (g = o["s-cr"]) ? g.parentNode.textContent = b : r.$text$ !== b && (o.data = b);
-}, Ar = (r) => {
+}, Pr = (r) => {
   const n = r.childNodes;
   for (const a of n)
     if (a.nodeType === 1) {
@@ -346,9 +346,9 @@ var U, Cn, on, _n = !1, kn = !1, Yn = !1, q = !1, yn = (r, n, a, o) => {
             }
           }
       }
-      Ar(a);
+      Pr(a);
     }
-}, D = [], Pr = (r) => {
+}, D = [], Cr = (r) => {
   let n, a, o;
   for (const l of r.childNodes) {
     if (l["s-sr"] && (n = l["s-cr"]) && n.parentNode) {
@@ -356,37 +356,37 @@ var U, Cn, on, _n = !1, kn = !1, Yn = !1, q = !1, yn = (r, n, a, o) => {
       const s = l["s-sn"];
       for (o = a.length - 1; o >= 0; o--)
         if (n = a[o], !n["s-cn"] && !n["s-nr"] && n["s-hn"] !== l["s-hn"] && !J.experimentalSlotFixes)
-          if (lr(n, s)) {
+          if (dr(n, s)) {
             let p = D.find((b) => b.$nodeToRelocate$ === n);
             kn = !0, n["s-sn"] = n["s-sn"] || s, p ? (p.$nodeToRelocate$["s-sh"] = l["s-hn"], p.$slotRefNode$ = l) : (n["s-sh"] = l["s-hn"], D.push({
               $slotRefNode$: l,
               $nodeToRelocate$: n
             })), n["s-sr"] && D.map((b) => {
-              lr(b.$nodeToRelocate$, n["s-sn"]) && (p = D.find((g) => g.$nodeToRelocate$ === n), p && !b.$slotRefNode$ && (b.$slotRefNode$ = p.$slotRefNode$));
+              dr(b.$nodeToRelocate$, n["s-sn"]) && (p = D.find((g) => g.$nodeToRelocate$ === n), p && !b.$slotRefNode$ && (b.$slotRefNode$ = p.$slotRefNode$));
             });
           } else D.some((p) => p.$nodeToRelocate$ === n) || D.push({
             $nodeToRelocate$: n
           });
     }
-    l.nodeType === 1 && Pr(l);
+    l.nodeType === 1 && Cr(l);
   }
-}, lr = (r, n) => r.nodeType === 1 ? r.getAttribute("slot") === null && n === "" || r.getAttribute("slot") === n : r["s-sn"] === n ? !0 : n === "", Cr = (r) => {
-  r.$attrs$ && r.$attrs$.ref && r.$attrs$.ref(null), r.$children$ && r.$children$.map(Cr);
-}, R = (r, n, a) => r == null ? void 0 : r.insertBefore(n, a), Ja = (r, n, a = !1) => {
+}, dr = (r, n) => r.nodeType === 1 ? r.getAttribute("slot") === null && n === "" || r.getAttribute("slot") === n : r["s-sn"] === n ? !0 : n === "", $r = (r) => {
+  r.$attrs$ && r.$attrs$.ref && r.$attrs$.ref(null), r.$children$ && r.$children$.map($r);
+}, T = (r, n, a) => r == null ? void 0 : r.insertBefore(n, a), Ka = (r, n, a = !1) => {
   var o, l, s, p;
-  const b = r.$hostElement$, g = r.$cmpMeta$, u = r.$vnode$ || fn(null, null), x = Fa(n) ? n : t(null, null, n);
+  const b = r.$hostElement$, g = r.$cmpMeta$, u = r.$vnode$ || fn(null, null), x = Ta(n) ? n : t(null, null, n);
   if (on = b.tagName, a && x.$attrs$)
     for (const h of Object.keys(x.$attrs$))
       b.hasAttribute(h) && !["key", "ref", "style", "class"].includes(h) && (x.$attrs$[h] = b[h]);
-  x.$tag$ = null, x.$flags$ |= 4, r.$vnode$ = x, x.$elm$ = u.$elm$ = b.shadowRoot || b, U = b["s-sc"], _n = (g.$flags$ & 1) !== 0, Cn = b["s-cr"], kn = !1, V(u, x, a);
+  x.$tag$ = null, x.$flags$ |= 4, r.$vnode$ = x, x.$elm$ = u.$elm$ = b.shadowRoot || b, Z = b["s-sc"], _n = (g.$flags$ & 1) !== 0, $n = b["s-cr"], kn = !1, V(u, x, a);
   {
-    if (Y.$flags$ |= 1, Yn) {
-      Pr(x.$elm$);
+    if (Y.$flags$ |= 1, qn) {
+      Cr(x.$elm$);
       for (const h of D) {
         const f = h.$nodeToRelocate$;
         if (!f["s-ol"]) {
           const _ = F.createTextNode("");
-          _["s-nr"] = f, R(f.parentNode, f["s-ol"] = _, f);
+          _["s-nr"] = f, T(f.parentNode, f["s-ol"] = _, f);
         }
       }
       for (const h of D) {
@@ -409,67 +409,67 @@ var U, Cn, on, _n = !1, kn = !1, Yn = !1, q = !1, yn = (r, n, a, o) => {
               P = P.previousSibling;
             }
           }
-          (!C && k !== f.parentNode || f.nextSibling !== C) && f !== C && (!f["s-hn"] && f["s-ol"] && (f["s-hn"] = f["s-ol"].parentNode.nodeName), R(k, f, C), f.nodeType === 1 && (f.hidden = (s = f["s-ih"]) != null ? s : !1)), f && typeof _["s-rf"] == "function" && _["s-rf"](f);
+          (!C && k !== f.parentNode || f.nextSibling !== C) && f !== C && (!f["s-hn"] && f["s-ol"] && (f["s-hn"] = f["s-ol"].parentNode.nodeName), T(k, f, C), f.nodeType === 1 && (f.hidden = (s = f["s-ih"]) != null ? s : !1)), f && typeof _["s-rf"] == "function" && _["s-rf"](f);
         } else
           f.nodeType === 1 && (a && (f["s-ih"] = (p = f.hidden) != null ? p : !1), f.hidden = !0);
       }
     }
-    kn && Ar(x.$elm$), Y.$flags$ &= -2, D.length = 0;
+    kn && Pr(x.$elm$), Y.$flags$ &= -2, D.length = 0;
   }
-  Cn = void 0;
-}, $r = (r, n) => {
+  $n = void 0;
+}, Xr = (r, n) => {
   n && !r.$onRenderResolve$ && n["s-p"] && n["s-p"].push(new Promise((a) => r.$onRenderResolve$ = a));
-}, Dn = (r, n) => {
+}, Fn = (r, n) => {
   if (r.$flags$ |= 16, r.$flags$ & 4) {
     r.$flags$ |= 512;
     return;
   }
-  return $r(r, r.$ancestorComponent$), Aa(() => Ka(r, n));
-}, Ka = (r, n) => {
+  return Xr(r, r.$ancestorComponent$), Pa(() => Qa(r, n));
+}, Qa = (r, n) => {
   const a = r.$hostElement$, o = W("scheduleUpdate", r.$cmpMeta$.$tagName$), l = a;
   if (!l)
     throw new Error(
       `Can't render component <${a.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
     );
   let s;
-  return n && (s = $n(l, "componentWillLoad")), o(), Qa(s, () => ro(r, l, n));
-}, Qa = (r, n) => no(r) ? r.then(n).catch((a) => {
+  return n && (s = Xn(l, "componentWillLoad")), o(), no(s, () => ao(r, l, n));
+}, no = (r, n) => ro(r) ? r.then(n).catch((a) => {
   console.error(a), n();
-}) : n(), no = (r) => r instanceof Promise || r && r.then && typeof r.then == "function", ro = async (r, n, a) => {
+}) : n(), ro = (r) => r instanceof Promise || r && r.then && typeof r.then == "function", ao = async (r, n, a) => {
   var o;
   const l = r.$hostElement$, s = W("update", r.$cmpMeta$.$tagName$), p = l["s-rc"];
   a && Za(r);
   const b = W("render", r.$cmpMeta$.$tagName$);
-  ao(r, n, l, a), p && (p.map((g) => g()), l["s-rc"] = void 0), b(), s();
+  oo(r, n, l, a), p && (p.map((g) => g()), l["s-rc"] = void 0), b(), s();
   {
-    const g = (o = l["s-p"]) != null ? o : [], u = () => oo(r);
+    const g = (o = l["s-p"]) != null ? o : [], u = () => eo(r);
     g.length === 0 ? u() : (Promise.all(g).then(u), r.$flags$ |= 4, g.length = 0);
   }
-}, ao = (r, n, a, o) => {
+}, oo = (r, n, a, o) => {
   try {
-    n = n.render(), r.$flags$ &= -17, r.$flags$ |= 2, Ja(r, n, o);
+    n = n.render(), r.$flags$ &= -17, r.$flags$ |= 2, Ka(r, n, o);
   } catch (l) {
     zn(l, r.$hostElement$);
   }
   return null;
-}, oo = (r) => {
-  const n = r.$cmpMeta$.$tagName$, a = r.$hostElement$, o = W("postUpdate", n), l = a, s = r.$ancestorComponent$;
-  $n(l, "componentDidRender"), r.$flags$ & 64 ? o() : (r.$flags$ |= 64, Xr(a), $n(l, "componentDidLoad"), o(), r.$onReadyResolve$(a), s || eo()), r.$onRenderResolve$ && (r.$onRenderResolve$(), r.$onRenderResolve$ = void 0), r.$flags$ & 512 && En(() => Dn(r, !1)), r.$flags$ &= -517;
 }, eo = (r) => {
-  Xr(F.documentElement), En(() => wr(jn, "appload", { detail: { namespace: ya } }));
-}, $n = (r, n, a) => {
+  const n = r.$cmpMeta$.$tagName$, a = r.$hostElement$, o = W("postUpdate", n), l = a, s = r.$ancestorComponent$;
+  Xn(l, "componentDidRender"), r.$flags$ & 64 ? o() : (r.$flags$ |= 64, Er(a), Xn(l, "componentDidLoad"), o(), r.$onReadyResolve$(a), s || to()), r.$onRenderResolve$ && (r.$onRenderResolve$(), r.$onRenderResolve$ = void 0), r.$flags$ & 512 && Ln(() => Fn(r, !1)), r.$flags$ &= -517;
+}, to = (r) => {
+  Er(F.documentElement), Ln(() => zr(jn, "appload", { detail: { namespace: wa } }));
+}, Xn = (r, n, a) => {
   if (r && r[n])
     try {
       return r[n](a);
     } catch (o) {
       zn(o);
     }
-}, Xr = (r) => {
+}, Er = (r) => {
   var n;
   return r.classList.add((n = J.hydratedSelectorName) != null ? n : "hydrated");
-}, to = (r, n) => Q(r).$instanceValues$.get(n), io = (r, n, a, o) => {
+}, io = (r, n) => Q(r).$instanceValues$.get(n), lo = (r, n, a, o) => {
   const l = Q(r), s = r, p = l.$instanceValues$.get(n), b = l.$flags$, g = s;
-  a = Oa(a, o.$members$[n][0]);
+  a = Ga(a, o.$members$[n][0]);
   const u = Number.isNaN(p) && Number.isNaN(a);
   if (a !== p && !u) {
     l.$instanceValues$.set(n, a);
@@ -484,10 +484,10 @@ var U, Cn, on, _n = !1, kn = !1, Yn = !1, q = !1, yn = (r, n, a, o) => {
           }
         });
       }
-      (b & 18) === 2 && Dn(l, !1);
+      (b & 18) === 2 && Fn(l, !1);
     }
   }
-}, lo = (r, n, a) => {
+}, co = (r, n, a) => {
   var o, l;
   const s = r.prototype;
   if (n.$members$ || n.$watchers$ || r.watchers) {
@@ -496,10 +496,10 @@ var U, Cn, on, _n = !1, kn = !1, Yn = !1, q = !1, yn = (r, n, a, o) => {
     p.map(([b, [g]]) => {
       (g & 31 || g & 32) && Object.defineProperty(s, b, {
         get() {
-          return to(this, b);
+          return io(this, b);
         },
         set(u) {
-          io(this, b, u, n);
+          lo(this, b, u, n);
         },
         configurable: !0,
         enumerable: !0
@@ -545,7 +545,7 @@ var U, Cn, on, _n = !1, kn = !1, Yn = !1, q = !1, yn = (r, n, a, o) => {
     }
   }
   return r;
-}, co = async (r, n, a, o) => {
+}, so = async (r, n, a, o) => {
   let l;
   if (!(n.$flags$ & 32)) {
     n.$flags$ |= 32;
@@ -560,29 +560,29 @@ var U, Cn, on, _n = !1, kn = !1, Yn = !1, q = !1, yn = (r, n, a, o) => {
     if (l && l.style) {
       let b;
       typeof l.style == "string" && (b = l.style);
-      const g = zr(a);
+      const g = jr(a);
       if (!hn.has(g)) {
         const u = W("registerStyles", a.$tagName$);
-        Ha(g, b, !!(a.$flags$ & 1)), u();
+        Wa(g, b, !!(a.$flags$ & 1)), u();
       }
     }
   }
-  const s = n.$ancestorComponent$, p = () => Dn(n, !0);
+  const s = n.$ancestorComponent$, p = () => Fn(n, !0);
   s && s["s-rc"] ? s["s-rc"].push(p) : p();
-}, so = (r) => {
 }, po = (r) => {
+}, bo = (r) => {
   if (!(Y.$flags$ & 1)) {
     const n = Q(r), a = n.$cmpMeta$, o = W("connectedCallback", a.$tagName$);
     if (n.$flags$ & 1)
-      n != null && n.$lazyInstance$ || n != null && n.$onReadyPromise$ && n.$onReadyPromise$.then(() => so());
+      n != null && n.$lazyInstance$ || n != null && n.$onReadyPromise$ && n.$onReadyPromise$.then(() => po());
     else {
       n.$flags$ |= 1, // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
-      a.$flags$ & 12 && bo(r);
+      a.$flags$ & 12 && go(r);
       {
         let l = r;
         for (; l = l.parentNode || l.host; )
           if (l["s-p"]) {
-            $r(n, n.$ancestorComponent$ = l);
+            Xr(n, n.$ancestorComponent$ = l);
             break;
           }
       }
@@ -591,16 +591,16 @@ var U, Cn, on, _n = !1, kn = !1, Yn = !1, q = !1, yn = (r, n, a, o) => {
           const p = r[l];
           delete r[l], r[l] = p;
         }
-      }), co(r, n, a);
+      }), so(r, n, a);
     }
     o();
   }
-}, bo = (r) => {
+}, go = (r) => {
   const n = r["s-cr"] = F.createComment(
     ""
   );
-  n["s-cn"] = !0, R(r, n, r.firstChild);
-}, go = async (r) => {
+  n["s-cn"] = !0, T(r, n, r.firstChild);
+}, uo = async (r) => {
   Y.$flags$ & 1 || Q(r);
 }, I = (r, n) => {
   const a = {
@@ -611,13 +611,13 @@ var U, Cn, on, _n = !1, kn = !1, Yn = !1, q = !1, yn = (r, n, a, o) => {
   const o = r.prototype.disconnectedCallback;
   return Object.assign(r.prototype, {
     __registerHost() {
-      ja(this, a);
+      Sa(this, a);
     },
     connectedCallback() {
-      Q(this), po(this);
+      Q(this), bo(this);
     },
     disconnectedCallback() {
-      go(this), o && o.call(this);
+      uo(this), o && o.call(this);
     },
     __attachShadow() {
       if (!this.shadowRoot)
@@ -627,9 +627,9 @@ var U, Cn, on, _n = !1, kn = !1, Yn = !1, q = !1, yn = (r, n, a, o) => {
           `Unable to re-use existing shadow root for ${a.$tagName$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`
         );
     }
-  }), r.is = a.$tagName$, lo(r, a);
-}, tn = (r, n) => n, uo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function vo(r) {
+  }), r.is = a.$tagName$, co(r, a);
+}, tn = (r, n) => n, vo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function mo(r) {
   if (r.__esModule) return r;
   var n = Object.defineProperty({}, "__esModule", { value: !0 });
   return Object.keys(r).forEach(function(a) {
@@ -652,18 +652,18 @@ var N = { exports: {} }, z = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ln = Symbol.for("react.element"), mo = Symbol.for("react.portal"), xo = Symbol.for("react.fragment"), ho = Symbol.for("react.strict_mode"), fo = Symbol.for("react.profiler"), _o = Symbol.for("react.provider"), ko = Symbol.for("react.context"), yo = Symbol.for("react.forward_ref"), wo = Symbol.for("react.suspense"), zo = Symbol.for("react.memo"), jo = Symbol.for("react.lazy"), dr = Symbol.iterator;
-function So(r) {
-  return r === null || typeof r != "object" ? null : (r = dr && r[dr] || r["@@iterator"], typeof r == "function" ? r : null);
+var ln = Symbol.for("react.element"), xo = Symbol.for("react.portal"), ho = Symbol.for("react.fragment"), fo = Symbol.for("react.strict_mode"), _o = Symbol.for("react.profiler"), ko = Symbol.for("react.provider"), yo = Symbol.for("react.context"), wo = Symbol.for("react.forward_ref"), zo = Symbol.for("react.suspense"), jo = Symbol.for("react.memo"), So = Symbol.for("react.lazy"), cr = Symbol.iterator;
+function Bo(r) {
+  return r === null || typeof r != "object" ? null : (r = cr && r[cr] || r["@@iterator"], typeof r == "function" ? r : null);
 }
-var Er = { isMounted: function() {
+var Lr = { isMounted: function() {
   return !1;
 }, enqueueForceUpdate: function() {
 }, enqueueReplaceState: function() {
 }, enqueueSetState: function() {
-} }, Lr = Object.assign, Yr = {};
+} }, Yr = Object.assign, qr = {};
 function nn(r, n, a) {
-  this.props = r, this.context = n, this.refs = Yr, this.updater = a || Er;
+  this.props = r, this.context = n, this.refs = qr, this.updater = a || Lr;
 }
 nn.prototype.isReactComponent = {};
 nn.prototype.setState = function(r, n) {
@@ -673,20 +673,20 @@ nn.prototype.setState = function(r, n) {
 nn.prototype.forceUpdate = function(r) {
   this.updater.enqueueForceUpdate(this, r, "forceUpdate");
 };
-function qr() {
-}
-qr.prototype = nn.prototype;
-function Fn(r, n, a) {
-  this.props = r, this.context = n, this.refs = Yr, this.updater = a || Er;
-}
-var Tn = Fn.prototype = new qr();
-Tn.constructor = Fn;
-Lr(Tn, nn.prototype);
-Tn.isPureReactComponent = !0;
-var cr = Array.isArray, Dr = Object.prototype.hasOwnProperty, Rn = { current: null }, Fr = { key: !0, ref: !0, __self: !0, __source: !0 };
-function Tr(r, n, a) {
+function Dr() {
+}
+Dr.prototype = nn.prototype;
+function Tn(r, n, a) {
+  this.props = r, this.context = n, this.refs = qr, this.updater = a || Lr;
+}
+var Rn = Tn.prototype = new Dr();
+Rn.constructor = Tn;
+Yr(Rn, nn.prototype);
+Rn.isPureReactComponent = !0;
+var sr = Array.isArray, Fr = Object.prototype.hasOwnProperty, On = { current: null }, Tr = { key: !0, ref: !0, __self: !0, __source: !0 };
+function Rr(r, n, a) {
   var o, l = {}, s = null, p = null;
-  if (n != null) for (o in n.ref !== void 0 && (p = n.ref), n.key !== void 0 && (s = "" + n.key), n) Dr.call(n, o) && !Fr.hasOwnProperty(o) && (l[o] = n[o]);
+  if (n != null) for (o in n.ref !== void 0 && (p = n.ref), n.key !== void 0 && (s = "" + n.key), n) Fr.call(n, o) && !Tr.hasOwnProperty(o) && (l[o] = n[o]);
   var b = arguments.length - 2;
   if (b === 1) l.children = a;
   else if (1 < b) {
@@ -694,23 +694,23 @@ function Tr(r, n, a) {
     l.children = g;
   }
   if (r && r.defaultProps) for (o in b = r.defaultProps, b) l[o] === void 0 && (l[o] = b[o]);
-  return { $$typeof: ln, type: r, key: s, ref: p, props: l, _owner: Rn.current };
+  return { $$typeof: ln, type: r, key: s, ref: p, props: l, _owner: On.current };
 }
-function Bo(r, n) {
+function Mo(r, n) {
   return { $$typeof: ln, type: r.type, key: n, ref: r.ref, props: r.props, _owner: r._owner };
 }
-function On(r) {
+function Gn(r) {
   return typeof r == "object" && r !== null && r.$$typeof === ln;
 }
-function Mo(r) {
+function Io(r) {
   var n = { "=": "=0", ":": "=2" };
   return "$" + r.replace(/[=:]/g, function(a) {
     return n[a];
   });
 }
-var sr = /\/+/g;
+var pr = /\/+/g;
 function Mn(r, n) {
-  return typeof r == "object" && r !== null && r.key != null ? Mo("" + r.key) : n.toString(36);
+  return typeof r == "object" && r !== null && r.key != null ? Io("" + r.key) : n.toString(36);
 }
 function vn(r, n, a, o, l) {
   var s = typeof r;
@@ -725,19 +725,19 @@ function vn(r, n, a, o, l) {
     case "object":
       switch (r.$$typeof) {
         case ln:
-        case mo:
+        case xo:
           p = !0;
       }
   }
-  if (p) return p = r, l = l(p), r = o === "" ? "." + Mn(p, 0) : o, cr(l) ? (a = "", r != null && (a = r.replace(sr, "$&/") + "/"), vn(l, n, a, "", function(u) {
+  if (p) return p = r, l = l(p), r = o === "" ? "." + Mn(p, 0) : o, sr(l) ? (a = "", r != null && (a = r.replace(pr, "$&/") + "/"), vn(l, n, a, "", function(u) {
     return u;
-  })) : l != null && (On(l) && (l = Bo(l, a + (!l.key || p && p.key === l.key ? "" : ("" + l.key).replace(sr, "$&/") + "/") + r)), n.push(l)), 1;
-  if (p = 0, o = o === "" ? "." : o + ":", cr(r)) for (var b = 0; b < r.length; b++) {
+  })) : l != null && (Gn(l) && (l = Mo(l, a + (!l.key || p && p.key === l.key ? "" : ("" + l.key).replace(pr, "$&/") + "/") + r)), n.push(l)), 1;
+  if (p = 0, o = o === "" ? "." : o + ":", sr(r)) for (var b = 0; b < r.length; b++) {
     s = r[b];
     var g = o + Mn(s, b);
     p += vn(s, n, a, g, l);
   }
-  else if (g = So(r), typeof g == "function") for (r = g.call(r), b = 0; !(s = r.next()).done; ) s = s.value, g = o + Mn(s, b++), p += vn(s, n, a, g, l);
+  else if (g = Bo(r), typeof g == "function") for (r = g.call(r), b = 0; !(s = r.next()).done; ) s = s.value, g = o + Mn(s, b++), p += vn(s, n, a, g, l);
   else if (s === "object") throw n = String(r), Error("Objects are not valid as a React child (found: " + (n === "[object Object]" ? "object with keys {" + Object.keys(r).join(", ") + "}" : n) + "). If you meant to render a collection of children, use an array instead.");
   return p;
 }
@@ -748,7 +748,7 @@ function pn(r, n, a) {
     return n.call(a, s, l++);
   }), o;
 }
-function Io(r) {
+function Ao(r) {
   if (r._status === -1) {
     var n = r._result;
     n = n(), n.then(function(a) {
@@ -760,8 +760,8 @@ function Io(r) {
   if (r._status === 1) return r._result.default;
   throw r._result;
 }
-var $ = { current: null }, mn = { transition: null }, Ao = { ReactCurrentDispatcher: $, ReactCurrentBatchConfig: mn, ReactCurrentOwner: Rn };
-function Rr() {
+var $ = { current: null }, mn = { transition: null }, Po = { ReactCurrentDispatcher: $, ReactCurrentBatchConfig: mn, ReactCurrentOwner: On };
+function Or() {
   throw Error("act(...) is not supported in production builds of React.");
 }
 z.Children = { map: pn, forEach: function(r, n, a) {
@@ -778,23 +778,23 @@ z.Children = { map: pn, forEach: function(r, n, a) {
     return n;
   }) || [];
 }, only: function(r) {
-  if (!On(r)) throw Error("React.Children.only expected to receive a single React element child.");
+  if (!Gn(r)) throw Error("React.Children.only expected to receive a single React element child.");
   return r;
 } };
 z.Component = nn;
-z.Fragment = xo;
-z.Profiler = fo;
-z.PureComponent = Fn;
-z.StrictMode = ho;
-z.Suspense = wo;
-z.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Ao;
-z.act = Rr;
+z.Fragment = ho;
+z.Profiler = _o;
+z.PureComponent = Tn;
+z.StrictMode = fo;
+z.Suspense = zo;
+z.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Po;
+z.act = Or;
 z.cloneElement = function(r, n, a) {
   if (r == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + r + ".");
-  var o = Lr({}, r.props), l = r.key, s = r.ref, p = r._owner;
+  var o = Yr({}, r.props), l = r.key, s = r.ref, p = r._owner;
   if (n != null) {
-    if (n.ref !== void 0 && (s = n.ref, p = Rn.current), n.key !== void 0 && (l = "" + n.key), r.type && r.type.defaultProps) var b = r.type.defaultProps;
-    for (g in n) Dr.call(n, g) && !Fr.hasOwnProperty(g) && (o[g] = n[g] === void 0 && b !== void 0 ? b[g] : n[g]);
+    if (n.ref !== void 0 && (s = n.ref, p = On.current), n.key !== void 0 && (l = "" + n.key), r.type && r.type.defaultProps) var b = r.type.defaultProps;
+    for (g in n) Fr.call(n, g) && !Tr.hasOwnProperty(g) && (o[g] = n[g] === void 0 && b !== void 0 ? b[g] : n[g]);
   }
   var g = arguments.length - 2;
   if (g === 1) o.children = a;
@@ -806,25 +806,25 @@ z.cloneElement = function(r, n, a) {
   return { $$typeof: ln, type: r.type, key: l, ref: s, props: o, _owner: p };
 };
 z.createContext = function(r) {
-  return r = { $$typeof: ko, _currentValue: r, _currentValue2: r, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, r.Provider = { $$typeof: _o, _context: r }, r.Consumer = r;
+  return r = { $$typeof: yo, _currentValue: r, _currentValue2: r, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, r.Provider = { $$typeof: ko, _context: r }, r.Consumer = r;
 };
-z.createElement = Tr;
+z.createElement = Rr;
 z.createFactory = function(r) {
-  var n = Tr.bind(null, r);
+  var n = Rr.bind(null, r);
   return n.type = r, n;
 };
 z.createRef = function() {
   return { current: null };
 };
 z.forwardRef = function(r) {
-  return { $$typeof: yo, render: r };
+  return { $$typeof: wo, render: r };
 };
-z.isValidElement = On;
+z.isValidElement = Gn;
 z.lazy = function(r) {
-  return { $$typeof: jo, _payload: { _status: -1, _result: r }, _init: Io };
+  return { $$typeof: So, _payload: { _status: -1, _result: r }, _init: Ao };
 };
 z.memo = function(r, n) {
-  return { $$typeof: zo, type: r, compare: n === void 0 ? null : n };
+  return { $$typeof: jo, type: r, compare: n === void 0 ? null : n };
 };
 z.startTransition = function(r) {
   var n = mn.transition;
@@ -835,7 +835,7 @@ z.startTransition = function(r) {
     mn.transition = n;
   }
 };
-z.unstable_act = Rr;
+z.unstable_act = Or;
 z.useCallback = function(r, n) {
   return $.current.useCallback(r, n);
 };
@@ -882,12 +882,12 @@ z.useTransition = function() {
 };
 z.version = "18.3.1";
 N.exports = z;
-const Gn = typeof Buffer == "function", pr = typeof TextDecoder == "function" ? new TextDecoder() : void 0;
+const Hn = typeof Buffer == "function", br = typeof TextDecoder == "function" ? new TextDecoder() : void 0;
 typeof TextEncoder == "function" && new TextEncoder();
-const Po = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", Co = Array.prototype.slice.call(Po), bn = ((r) => {
+const Co = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", $o = Array.prototype.slice.call(Co), bn = ((r) => {
   let n = {};
   return r.forEach((a, o) => n[a] = o), n;
-})(Co), $o = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/, H = String.fromCharCode.bind(String), br = typeof Uint8Array.from == "function" ? Uint8Array.from.bind(Uint8Array) : (r) => new Uint8Array(Array.prototype.slice.call(r, 0)), Or = (r) => r.replace(/[^A-Za-z0-9\+\/]/g, ""), Xo = /[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g, Eo = (r) => {
+})($o), Xo = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/, H = String.fromCharCode.bind(String), gr = typeof Uint8Array.from == "function" ? Uint8Array.from.bind(Uint8Array) : (r) => new Uint8Array(Array.prototype.slice.call(r, 0)), Gr = (r) => r.replace(/[^A-Za-z0-9\+\/]/g, ""), Eo = /[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g, Lo = (r) => {
   switch (r.length) {
     case 4:
       var n = (7 & r.charCodeAt(0)) << 18 | (63 & r.charCodeAt(1)) << 12 | (63 & r.charCodeAt(2)) << 6 | 63 & r.charCodeAt(3), a = n - 65536;
@@ -897,20 +897,20 @@ const Po = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
     default:
       return H((31 & r.charCodeAt(0)) << 6 | 63 & r.charCodeAt(1));
   }
-}, Lo = (r) => r.replace(Xo, Eo), Yo = (r) => {
-  if (r = r.replace(/\s+/g, ""), !$o.test(r))
+}, Yo = (r) => r.replace(Eo, Lo), qo = (r) => {
+  if (r = r.replace(/\s+/g, ""), !Xo.test(r))
     throw new TypeError("malformed base64.");
   r += "==".slice(2 - (r.length & 3));
   let n, a = "", o, l;
   for (let s = 0; s < r.length; )
     n = bn[r.charAt(s++)] << 18 | bn[r.charAt(s++)] << 12 | (o = bn[r.charAt(s++)]) << 6 | (l = bn[r.charAt(s++)]), a += o === 64 ? H(n >> 16 & 255) : l === 64 ? H(n >> 16 & 255, n >> 8 & 255) : H(n >> 16 & 255, n >> 8 & 255, n & 255);
   return a;
-}, Gr = typeof atob == "function" ? (r) => atob(Or(r)) : Gn ? (r) => Buffer.from(r, "base64").toString("binary") : Yo, qo = Gn ? (r) => br(Buffer.from(r, "base64")) : (r) => br(Gr(r).split("").map((n) => n.charCodeAt(0))), Do = Gn ? (r) => Buffer.from(r, "base64").toString("utf8") : pr ? (r) => pr.decode(qo(r)) : (r) => Lo(Gr(r)), Fo = (r) => Or(r.replace(/[-_]/g, (n) => n == "-" ? "+" : "/")), To = (r) => Do(Fo(r));
-var Hr = { exports: {} };
-const Ro = {}, Oo = /* @__PURE__ */ Object.freeze({
+}, Hr = typeof atob == "function" ? (r) => atob(Gr(r)) : Hn ? (r) => Buffer.from(r, "base64").toString("binary") : qo, Do = Hn ? (r) => gr(Buffer.from(r, "base64")) : (r) => gr(Hr(r).split("").map((n) => n.charCodeAt(0))), Fo = Hn ? (r) => Buffer.from(r, "base64").toString("utf8") : br ? (r) => br.decode(Do(r)) : (r) => Yo(Hr(r)), To = (r) => Gr(r.replace(/[-_]/g, (n) => n == "-" ? "+" : "/")), Ro = (r) => Fo(To(r));
+var Wr = { exports: {} };
+const Oo = {}, Go = /* @__PURE__ */ Object.freeze({
   __proto__: null,
-  default: Ro
-}), gr = /* @__PURE__ */ vo(Oo);
+  default: Oo
+}), ur = /* @__PURE__ */ mo(Go);
 /**
  * [js-md5]{@link https://github.com/emn178/js-md5}
  *
@@ -925,7 +925,7 @@ const Ro = {}, Oo = /* @__PURE__ */ Object.freeze({
     var n = "input is invalid type", a = "finalize already called", o = typeof window == "object", l = o ? window : {};
     l.JS_MD5_NO_WINDOW && (o = !1);
     var s = !o && typeof self == "object", p = !l.JS_MD5_NO_NODE_JS && typeof process == "object" && process.versions && process.versions.node;
-    p ? l = uo : s && (l = self);
+    p ? l = vo : s && (l = self);
     var b = !l.JS_MD5_NO_COMMON_JS && !0 && r.exports, g = !l.JS_MD5_NO_ARRAY_BUFFER && typeof ArrayBuffer < "u", u = "0123456789abcdef".split(""), x = [128, 32768, 8388608, -2147483648], h = [0, 8, 16, 24], f = ["hex", "array", "digest", "buffer", "arrayBuffer", "base64"], _ = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".split(""), k = [], C;
     if (g) {
       var P = new ArrayBuffer(68);
@@ -939,7 +939,7 @@ const Ro = {}, Oo = /* @__PURE__ */ Object.freeze({
     g && (l.JS_MD5_NO_ARRAY_BUFFER_IS_VIEW || !G) && (G = function(e) {
       return typeof e == "object" && e.buffer && e.buffer.constructor === ArrayBuffer;
     });
-    var Wn = function(e) {
+    var Un = function(e) {
       var d = typeof e;
       if (d === "string")
         return [e, !0];
@@ -954,9 +954,9 @@ const Ro = {}, Oo = /* @__PURE__ */ Object.freeze({
       return function(d) {
         return new S(!0).update(d)[e]();
       };
-    }, ha = function() {
+    }, fa = function() {
       var e = Zn("hex");
-      p && (e = fa(e)), e.create = function() {
+      p && (e = _a(e)), e.create = function() {
         return new S();
       }, e.update = function(i) {
         return e.create().update(i);
@@ -966,8 +966,8 @@ const Ro = {}, Oo = /* @__PURE__ */ Object.freeze({
         e[c] = Zn(c);
       }
       return e;
-    }, fa = function(e) {
-      var d = gr, c = gr.Buffer, i;
+    }, _a = function(e) {
+      var d = ur, c = ur.Buffer, i;
       c.from && !l.JS_MD5_NO_BUFFER_FROM ? i = c.from : i = function(m) {
         return new c(m);
       };
@@ -979,12 +979,12 @@ const Ro = {}, Oo = /* @__PURE__ */ Object.freeze({
         return m.constructor === ArrayBuffer && (m = new Uint8Array(m)), j(m) || G(m) || m.constructor === c ? d.createHash("md5").update(i(m)).digest("hex") : e(m);
       };
       return y;
-    }, Un = function(e) {
+    }, Vn = function(e) {
       return function(d, c) {
         return new cn(d, !0).update(c)[e]();
       };
-    }, _a = function() {
-      var e = Un("hex");
+    }, ka = function() {
+      var e = Vn("hex");
       e.create = function(i) {
         return new cn(i);
       }, e.update = function(i, y) {
@@ -992,7 +992,7 @@ const Ro = {}, Oo = /* @__PURE__ */ Object.freeze({
       };
       for (var d = 0; d < f.length; ++d) {
         var c = f[d];
-        e[c] = Un(c);
+        e[c] = Vn(c);
       }
       return e;
     };
@@ -1009,7 +1009,7 @@ const Ro = {}, Oo = /* @__PURE__ */ Object.freeze({
     S.prototype.update = function(e) {
       if (this.finalized)
         throw new Error(a);
-      var d = Wn(e);
+      var d = Un(e);
       e = d[0];
       for (var c = d[1], i, y = 0, m, v = e.length, w = this.blocks, E = this.buffer8; y < v; ) {
         if (this.hashed && (this.hashed = !1, w[0] = w[16], w[16] = w[1] = w[2] = w[3] = w[4] = w[5] = w[6] = w[7] = w[8] = w[9] = w[10] = w[11] = w[12] = w[13] = w[14] = w[15] = 0), c)
@@ -1072,7 +1072,7 @@ const Ro = {}, Oo = /* @__PURE__ */ Object.freeze({
       return e = y[m], i += _[e >>> 2] + _[e << 4 & 63] + "==", i;
     };
     function cn(e, d) {
-      var c, i = Wn(e);
+      var c, i = Un(e);
       if (e = i[0], i[1]) {
         var y = [], m = e.length, v = 0, w;
         for (c = 0; c < m; ++c)
@@ -1080,12 +1080,12 @@ const Ro = {}, Oo = /* @__PURE__ */ Object.freeze({
         e = y;
       }
       e.length > 64 && (e = new S(!0).update(e).array());
-      var E = [], Vn = [];
+      var E = [], Nn = [];
       for (c = 0; c < 64; ++c) {
-        var Nn = e[c] || 0;
-        E[c] = 92 ^ Nn, Vn[c] = 54 ^ Nn;
+        var Jn = e[c] || 0;
+        E[c] = 92 ^ Jn, Nn[c] = 54 ^ Jn;
       }
-      S.call(this, d), this.update(Vn), this.oKeyPad = E, this.inner = !0, this.sharedMemory = d;
+      S.call(this, d), this.update(Nn), this.oKeyPad = E, this.inner = !0, this.sharedMemory = d;
     }
     cn.prototype = new S(), cn.prototype.finalize = function() {
       if (S.prototype.finalize.call(this), this.inner) {
@@ -1094,44 +1094,44 @@ const Ro = {}, Oo = /* @__PURE__ */ Object.freeze({
         S.call(this, this.sharedMemory), this.update(this.oKeyPad), this.update(e), S.prototype.finalize.call(this);
       }
     };
-    var rn = ha();
-    rn.md5 = rn, rn.md5.hmac = _a(), b ? r.exports = rn : l.md5 = rn;
+    var rn = fa();
+    rn.md5 = rn, rn.md5.hmac = ka(), b ? r.exports = rn : l.md5 = rn;
   })();
-})(Hr);
+})(Wr);
 /**
  * @license @hugeicons/react-pro v0.3.1
  *
  * See the LICENSE file in the root directory of this source tree.
  */
-const Go = "Hugeicons LOG", ur = "=".repeat(60), Z = (r) => {
+const Ho = "Hugeicons LOG", vr = "=".repeat(60), U = (r) => {
   console.log(`
-${ur}
-${Go}:
+${vr}
+${Ho}:
 ${r}
-${ur}
+${vr}
 `);
 };
 let xn = null;
-const Ho = (r) => {
+const Wo = (r) => {
   xn = r;
-}, Wo = () => {
+}, Uo = () => {
   var p, b;
   if (!xn) return !1;
-  const r = xn.substring(0, 32), n = xn.substring(32), a = To(n), o = Hr.exports.md5(n);
-  if (r !== o) return Z("Invalid License Key"), !1;
+  const r = xn.substring(0, 32), n = xn.substring(32), a = Ro(n), o = Wr.exports.md5(n);
+  if (r !== o) return U("Invalid License Key"), !1;
   const l = a.split(","), s = { expiration: 0, status: "", version: "", platform: "", startInitials: "", endInitials: "" };
   for (const g of l) {
     const [u, x] = g.split("=");
     u === "E" && (s.expiration = parseInt(x)), u === "S" && (s.status = x), u === "V" && (s.version = x), u === "P" && (s.platform = x), u === "ST" && (s.startInitials = x), u === "ET" && (s.endInitials = x);
   }
-  return s.expiration < Date.now() ? (Z("Invalid License Expiration"), !1) : s.status !== "pro" ? (Z("Invalid License Status"), !1) : s.version !== "1" ? (Z("Invalid License Version"), !1) : s.platform !== "Gumroad" ? (Z("Invalid License Platform"), !1) : ((p = s.startInitials) == null ? void 0 : p.length) !== 8 || ((b = s.endInitials) == null ? void 0 : b.length) !== 8 ? (Z("Invalid License"), !1) : !0;
+  return s.expiration < Date.now() ? (U("Invalid License Expiration"), !1) : s.status !== "pro" ? (U("Invalid License Status"), !1) : s.version !== "1" ? (U("Invalid License Version"), !1) : s.platform !== "Gumroad" ? (U("Invalid License Platform"), !1) : ((p = s.startInitials) == null ? void 0 : p.length) !== 8 || ((b = s.endInitials) == null ? void 0 : b.length) !== 8 ? (U("Invalid License"), !1) : !0;
 };
 /**
  * @license @hugeicons/react-pro v0.3.1
  *
  * See the LICENSE file in the root directory of this source tree.
  */
-var Zo = { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, Wr = { exports: {} }, Sn = {};
+var Zo = { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, Ur = { exports: {} }, Sn = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -1141,24 +1141,24 @@ var Zo = { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox:
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Uo = N.exports, Vo = Symbol.for("react.element"), No = Symbol.for("react.fragment"), Jo = Object.prototype.hasOwnProperty, Ko = Uo.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Qo = { key: !0, ref: !0, __self: !0, __source: !0 };
+var Vo = N.exports, No = Symbol.for("react.element"), Jo = Symbol.for("react.fragment"), Ko = Object.prototype.hasOwnProperty, Qo = Vo.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, ne = { key: !0, ref: !0, __self: !0, __source: !0 };
 function Zr(r, n, a) {
   var o, l = {}, s = null, p = null;
   a !== void 0 && (s = "" + a), n.key !== void 0 && (s = "" + n.key), n.ref !== void 0 && (p = n.ref);
-  for (o in n) Jo.call(n, o) && !Qo.hasOwnProperty(o) && (l[o] = n[o]);
+  for (o in n) Ko.call(n, o) && !ne.hasOwnProperty(o) && (l[o] = n[o]);
   if (r && r.defaultProps) for (o in n = r.defaultProps, n) l[o] === void 0 && (l[o] = n[o]);
-  return { $$typeof: Vo, type: r, key: s, ref: p, props: l, _owner: Ko.current };
+  return { $$typeof: No, type: r, key: s, ref: p, props: l, _owner: Qo.current };
 }
-Sn.Fragment = No;
+Sn.Fragment = Jo;
 Sn.jsx = Zr;
 Sn.jsxs = Zr;
-Wr.exports = Sn;
+Ur.exports = Sn;
 /**
  * @license @hugeicons/react-pro v0.3.1
  *
  * See the LICENSE file in the root directory of this source tree.
  */
-const ne = (r) => (n) => Wo() ? Wr.exports.jsx(r, { ...n }) : null;
+const re = (r) => (n) => Uo() ? Ur.exports.jsx(r, { ...n }) : null;
 /**
  * @license @hugeicons/react-pro v0.3.1
  *
@@ -1173,7 +1173,7 @@ const X = (r, n) => {
     });
     return N.exports.createElement("svg", f, _);
   });
-  return a.displayName = `${r}Icon`, ne(a);
+  return a.displayName = `${r}Icon`, re(a);
 };
 /**
  * @license @hugeicons/react-pro v0.3.1
@@ -1181,21 +1181,21 @@ const X = (r, n) => {
  * See the LICENSE file in the root directory of this source tree.
  */
 const wn = X("ArrowDown01Icon", { "bulk.rounded": [["path", { opacity: "0.4", d: "M18.593 8.19486C19.0376 8.52237 19.1326 9.14837 18.8051 9.59306C18.5507 9.93847 18.2963 10.2668 18.0731 10.5528C17.6276 11.1236 17.0143 11.8882 16.3479 12.6556C15.6859 13.4181 14.9518 14.2064 14.2666 14.8119C13.9251 15.1136 13.5721 15.3911 13.2279 15.5986C12.9112 15.7895 12.476 16 11.9999 16C11.5238 16 11.0885 15.7895 10.7718 15.5986C10.4276 15.3911 10.0747 15.1136 9.7332 14.8119C9.04791 14.2064 8.31387 13.4181 7.65183 12.6556C6.98548 11.8882 6.37216 11.1236 5.92664 10.5528C5.70347 10.2668 5.44902 9.93847 5.19463 9.59307C4.86712 9.14837 4.96211 8.52237 5.4068 8.19486C5.58556 8.0632 5.79362 7.99983 5.99982 8L11.9999 8L17.9999 8C18.2061 7.99983 18.4142 8.0632 18.593 8.19486Z", fill: "currentColor", key: "k0" }], ["path", { d: "M18.593 8.19486C19.0376 8.52237 19.1326 9.14837 18.8051 9.59306C18.5507 9.93847 18.2963 10.2668 18.0731 10.5528C17.6276 11.1236 17.0143 11.8882 16.3479 12.6556C15.6859 13.4181 14.9518 14.2064 14.2666 14.8119C13.9251 15.1136 13.5721 15.3911 13.2279 15.5986C12.9112 15.7895 12.476 16 11.9999 16C11.5238 16 11.0885 15.7895 10.7718 15.5986C10.4276 15.3911 10.0747 15.1136 9.7332 14.8119C9.15076 14.2973 8.53312 13.6506 7.95439 13L13 8L17.9999 8C18.2061 7.99983 18.4142 8.0632 18.593 8.19486Z", fill: "currentColor", key: "k1" }]], "duotone.rounded": [["path", { opacity: "0.4", d: "M18 9.00005C18 9.00005 13.5811 15 12 15C10.4188 15 6 9 6 9", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }]], "solid.rounded": [["path", { d: "M18.593 8.19486C19.0376 8.52237 19.1326 9.14837 18.8051 9.59306C18.5507 9.93847 18.2963 10.2668 18.0731 10.5528C17.6276 11.1236 17.0143 11.8882 16.3479 12.6556C15.6859 13.4181 14.9518 14.2064 14.2666 14.8119C13.9251 15.1136 13.5721 15.3911 13.2279 15.5986C12.9112 15.7895 12.476 16 11.9999 16C11.5238 16 11.0885 15.7895 10.7718 15.5986C10.4276 15.3911 10.0747 15.1136 9.7332 14.8119C9.04791 14.2064 8.31387 13.4181 7.65183 12.6556C6.98548 11.8882 6.37216 11.1236 5.92664 10.5528C5.70347 10.2668 5.44902 9.93847 5.19463 9.59307C4.86712 9.14837 4.96211 8.52237 5.4068 8.19486C5.58556 8.0632 5.79362 7.99983 5.99982 8L11.9999 8L17.9999 8C18.2061 7.99983 18.4142 8.0632 18.593 8.19486Z", fill: "currentColor", key: "k0" }]], "solid.sharp": [["path", { d: "M20.002 7.5H4.00195L12.002 16.5L20.002 7.5Z", fill: "currentColor", key: "k0" }]], "stroke.rounded": [["path", { d: "M18 9.00005C18 9.00005 13.5811 15 12 15C10.4188 15 6 9 6 9", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }]], "stroke.sharp": [["path", { d: "M6 9.00005L12 15L18 9", stroke: "currentColor", strokeWidth: "1.5", key: "k0" }]], "twotone.rounded": [["path", { opacity: "0.4", d: "M18 9.00005C18 9.00005 13.5811 15 12 15C10.4188 15 6 9 6 9", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }], ["path", { d: "M12 15C13.5811 15 18 9.00005 18 9.00005", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k1" }]] });
-var Xn, gn = ka;
+var En, gn = ya;
 if (process.env.NODE_ENV === "production")
-  Xn = gn.createRoot, gn.hydrateRoot;
+  En = gn.createRoot, gn.hydrateRoot;
 else {
-  var vr = gn.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  Xn = function(r, n) {
-    vr.usingClientEntryPoint = !0;
+  var mr = gn.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  En = function(r, n) {
+    mr.usingClientEntryPoint = !0;
     try {
       return gn.createRoot(r, n);
     } finally {
-      vr.usingClientEntryPoint = !1;
+      mr.usingClientEntryPoint = !1;
     }
   };
 }
-const re = `@charset "UTF-8";
+const ae = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -9659,15 +9659,15 @@ svg {
   width: 100%;
   height: 100%;
   color: inherit;
-}`, ae = re;
-Ho("77bb1e85ee31d9ec716b2845a2e90cffRT00ODI0OTUxODI2MDAwLFM9cHJvLFY9MSxQPUd1bXJvYWQsU1Q9RDM3MDA3MkUsRVQ9MDk5QTNFODM=");
-const Ur = /* @__PURE__ */ I(class extends M {
+}`, oe = ae;
+Wo("77bb1e85ee31d9ec716b2845a2e90cffRT00ODI0OTUxODI2MDAwLFM9cHJvLFY9MSxQPUd1bXJvYWQsU1Q9RDM3MDA3MkUsRVQ9MDk5QTNFODM=");
+const Vr = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.icon = void 0, this.size = void 0, this.color = void 0, this.variant = void 0, this.type = void 0;
   }
   componentDidLoad() {
     const n = this.icon;
-    Xn(this.container).render(N.exports.createElement(n, { size: this.size, color: this.color, type: this.type, variant: this.variant }));
+    En(this.container).render(N.exports.createElement(n, { size: this.size, color: this.color, type: this.type, variant: this.variant }));
   }
   render() {
     return t("div", { key: "6d46c7cd5750458f085f5fddaf65747bea39f649", style: {
@@ -9679,7 +9679,7 @@ const Ur = /* @__PURE__ */ I(class extends M {
     }, ref: (n) => this.container = n });
   }
   static get style() {
-    return ae;
+    return oe;
   }
 }, [1, "dga-icon", {
   icon: [8],
@@ -9688,18 +9688,18 @@ const Ur = /* @__PURE__ */ I(class extends M {
   variant: [1],
   type: [1]
 }]);
-function T() {
+function O() {
   if (typeof customElements > "u")
     return;
   ["dga-icon"].forEach((n) => {
     switch (n) {
       case "dga-icon":
-        customElements.get(n) || customElements.define(n, Ur);
+        customElements.get(n) || customElements.define(n, Vr);
         break;
     }
   });
 }
-const oe = `@charset "UTF-8";
+const ee = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -26602,7 +26602,7 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, ee = oe, Vr = /* @__PURE__ */ I(class extends M {
+}`, te = ee, Nr = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.bodyElement = null, this.title = "", this.content = "", this.size = "lg", this.iconAlignment = "Trailing", this.flush = !1, this.disabled = !1, this.extraClass = "", this.isOpen = !1;
   }
@@ -26628,7 +26628,7 @@ a:focus {
     return this;
   }
   static get style() {
-    return ee;
+    return te;
   }
 }, [0, "dga-accordion", {
   title: [1],
@@ -26640,27 +26640,21 @@ a:focus {
   extraClass: [1, "extra-class"],
   isOpen: [32]
 }]);
-function te() {
+function ie() {
   if (typeof customElements > "u")
     return;
   ["dga-accordion", "dga-icon"].forEach((n) => {
     switch (n) {
       case "dga-accordion":
-        customElements.get(n) || customElements.define(n, Vr);
+        customElements.get(n) || customElements.define(n, Nr);
         break;
       case "dga-icon":
-        customElements.get(n) || T();
+        customElements.get(n) || O();
         break;
     }
   });
 }
-const ie = Vr, le = te;
-/**
- * @license @hugeicons/react-pro v0.3.1
- *
- * See the LICENSE file in the root directory of this source tree.
- */
-const de = X("UserIcon", { "bulk.rounded": [["path", { d: "M17.8063 14.8372C17.9226 14.9064 18.0663 14.9875 18.229 15.0793C18.9418 15.4814 20.0193 16.0893 20.7575 16.8118C21.2191 17.2637 21.6578 17.8592 21.7375 18.5888C21.8223 19.3646 21.4839 20.0927 20.8048 20.7396C19.6334 21.8556 18.2276 22.75 16.4093 22.75H7.59104C5.77274 22.75 4.36695 21.8556 3.1955 20.7396C2.51649 20.0927 2.17802 19.3646 2.26283 18.5888C2.34257 17.8592 2.78123 17.2637 3.2429 16.8118C3.98106 16.0893 5.05857 15.4814 5.77139 15.0793L5.77141 15.0792C5.93407 14.9875 6.07773 14.9064 6.19404 14.8372C9.74809 12.7209 14.2523 12.7209 17.8063 14.8372Z", fill: "currentColor", key: "k0" }], ["path", { opacity: "0.4", d: "M6.75 6.5C6.75 3.6005 9.1005 1.25 12 1.25C14.8995 1.25 17.25 3.6005 17.25 6.5C17.25 9.39949 14.8995 11.75 12 11.75C9.1005 11.75 6.75 9.39949 6.75 6.5Z", fill: "currentColor", key: "k1" }]], "duotone.rounded": [["path", { opacity: "0.4", d: "M6.57757 15.4816C5.1628 16.324 1.45336 18.0441 3.71266 20.1966C4.81631 21.248 6.04549 22 7.59087 22H16.4091C17.9545 22 19.1837 21.248 20.2873 20.1966C22.5466 18.0441 18.8372 16.324 17.4224 15.4816C14.1048 13.5061 9.89519 13.5061 6.57757 15.4816Z", fill: "currentColor", key: "k0" }], ["path", { d: "M6.57757 15.4816C5.1628 16.324 1.45336 18.0441 3.71266 20.1966C4.81631 21.248 6.04549 22 7.59087 22H16.4091C17.9545 22 19.1837 21.248 20.2873 20.1966C22.5466 18.0441 18.8372 16.324 17.4224 15.4816C14.1048 13.5061 9.89519 13.5061 6.57757 15.4816Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k1" }], ["path", { d: "M16.5 6.5C16.5 8.98528 14.4853 11 12 11C9.51472 11 7.5 8.98528 7.5 6.5C7.5 4.01472 9.51472 2 12 2C14.4853 2 16.5 4.01472 16.5 6.5Z", stroke: "currentColor", strokeWidth: "1.5", key: "k2" }]], "solid.rounded": [["path", { d: "M17.8063 14.8372C17.9226 14.9064 18.0663 14.9875 18.229 15.0793C18.9418 15.4814 20.0193 16.0893 20.7575 16.8118C21.2191 17.2637 21.6578 17.8592 21.7375 18.5888C21.8223 19.3646 21.4839 20.0927 20.8048 20.7396C19.6334 21.8556 18.2276 22.75 16.4093 22.75H7.59104C5.77274 22.75 4.36695 21.8556 3.1955 20.7396C2.51649 20.0927 2.17802 19.3646 2.26283 18.5888C2.34257 17.8592 2.78123 17.2637 3.2429 16.8118C3.98106 16.0893 5.05857 15.4814 5.77139 15.0793C5.93404 14.9875 6.07773 14.9064 6.19404 14.8372C9.74809 12.7209 14.2523 12.7209 17.8063 14.8372Z", fill: "currentColor", key: "k0" }], ["path", { d: "M6.75018 6.5C6.75018 3.6005 9.10068 1.25 12.0002 1.25C14.8997 1.25 17.2502 3.6005 17.2502 6.5C17.2502 9.39949 14.8997 11.75 12.0002 11.75C9.10068 11.75 6.75018 9.39949 6.75018 6.5Z", fill: "currentColor", key: "k1" }]], "solid.sharp": [["path", { d: "M2.25 22C2.25 17.0869 6.70071 13.25 12 13.25C17.2993 13.25 21.75 17.0869 21.75 22V22.75H2.25V22Z", fill: "currentColor", key: "k0" }], ["path", { d: "M6.75 6.5C6.75 3.6005 9.1005 1.25 12 1.25C14.8995 1.25 17.25 3.6005 17.25 6.5C17.25 9.39949 14.8995 11.75 12 11.75C9.1005 11.75 6.75 9.39949 6.75 6.5Z", fill: "currentColor", key: "k1" }]], "stroke.rounded": [["path", { d: "M6.57757 15.4816C5.1628 16.324 1.45336 18.0441 3.71266 20.1966C4.81631 21.248 6.04549 22 7.59087 22H16.4091C17.9545 22 19.1837 21.248 20.2873 20.1966C22.5466 18.0441 18.8372 16.324 17.4224 15.4816C14.1048 13.5061 9.89519 13.5061 6.57757 15.4816Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }], ["path", { d: "M16.5 6.5C16.5 8.98528 14.4853 11 12 11C9.51472 11 7.5 8.98528 7.5 6.5C7.5 4.01472 9.51472 2 12 2C14.4853 2 16.5 4.01472 16.5 6.5Z", stroke: "currentColor", strokeWidth: "1.5", key: "k1" }]], "stroke.sharp": [["path", { d: "M3 22H21C21 17.5817 16.9706 14 12 14C7.02944 14 3 17.5817 3 22Z", stroke: "currentColor", strokeWidth: "1.5", key: "k0" }], ["path", { d: "M16.5 6.5C16.5 8.98528 14.4853 11 12 11C9.51472 11 7.5 8.98528 7.5 6.5C7.5 4.01472 9.51472 2 12 2C14.4853 2 16.5 4.01472 16.5 6.5Z", stroke: "currentColor", strokeWidth: "1.5", key: "k1" }]], "twotone.rounded": [["path", { d: "M6.57757 15.4816C5.1628 16.324 1.45336 18.0441 3.71266 20.1966C4.81631 21.248 6.04549 22 7.59087 22H16.4091C17.9545 22 19.1837 21.248 20.2873 20.1966C22.5466 18.0441 18.8372 16.324 17.4224 15.4816C14.1048 13.5061 9.89519 13.5061 6.57757 15.4816Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }], ["path", { opacity: "0.4", d: "M16.5 6.5C16.5 8.98528 14.4853 11 12 11C9.51472 11 7.5 8.98528 7.5 6.5C7.5 4.01472 9.51472 2 12 2C14.4853 2 16.5 4.01472 16.5 6.5Z", stroke: "currentColor", strokeWidth: "1.5", key: "k1" }]] }), ce = `@charset "UTF-8";
+const le = Nr, de = ie, ce = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -43563,9 +43557,9 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, se = ce, Nr = /* @__PURE__ */ I(class extends M {
+}`, se = ce, Jr = /* @__PURE__ */ I(class extends M {
   constructor() {
-    super(), this.__registerHost(), this.type = "icon", this.size = 32, this.square = !1, this.border = !1, this.text = "AB", this.imgUrl = "/assets/avatar-img.png", this.icon = t("dga-icon", { icon: de }), this.customAttribute = { key: "", value: "" };
+    super(), this.__registerHost(), this.type = "icon", this.size = 32, this.square = !1, this.border = !1, this.text = "AB", this.imgUrl = "/assets/avatar-img.png", this.customAttribute = { key: "", value: "" };
   }
   renderChildComponent() {
     if (this.type === "initials")
@@ -43573,12 +43567,12 @@ a:focus {
     if (this.type === "image")
       return t("img", { class: "avatar__img", src: this.imgUrl, alt: "" });
     if (this.type === "icon")
-      return t("div", { class: "avatar__icon" }, this.icon);
+      return t("div", { class: "avatar__icon" }, t("slot", null));
   }
   render() {
     var n;
     const a = !((n = this.customAttribute) === null || n === void 0) && n.key ? { [this.customAttribute.key]: this.customAttribute.value || "" } : {};
-    return t("div", Object.assign({ key: "92fdcfd9f54c4e641fc073028e1f4d440ac60e8b" }, a, { class: {
+    return t("div", Object.assign({ key: "3babb0aee2eb6cf24ea8513f74252ad903ddc876" }, a, { class: {
       avatar: !0,
       [`avatar--${this.type}`]: !0,
       [`avatar--${this.size}`]: !0,
@@ -43589,31 +43583,33 @@ a:focus {
   static get style() {
     return se;
   }
-}, [0, "dga-avatar", {
+}, [4, "dga-avatar", {
   type: [1],
   size: [2],
   square: [4],
   border: [4],
   text: [1],
   imgUrl: [1, "img-url"],
-  icon: [8],
   customAttribute: [16]
 }]);
 function pe() {
   if (typeof customElements > "u")
     return;
-  ["dga-avatar", "dga-icon"].forEach((n) => {
+  ["dga-avatar"].forEach((n) => {
     switch (n) {
       case "dga-avatar":
-        customElements.get(n) || customElements.define(n, Nr);
-        break;
-      case "dga-icon":
-        customElements.get(n) || T();
+        customElements.get(n) || customElements.define(n, Jr);
         break;
     }
   });
 }
-const be = Nr, ge = pe, ue = `@charset "UTF-8";
+const be = Jr, ge = pe;
+/**
+ * @license @hugeicons/react-pro v0.3.1
+ *
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const In = X("ArrowRight01Icon", { "bulk.rounded": [["path", { opacity: "0.4", d: "M8.19486 5.40705C8.52237 4.96235 9.14837 4.86736 9.59306 5.19488C9.93847 5.44927 10.2668 5.70372 10.5528 5.92689C11.1236 6.3724 11.8882 6.98573 12.6556 7.65208C13.4181 8.31412 14.2064 9.04815 14.8119 9.73344C15.1136 10.0749 15.3911 10.4279 15.5986 10.7721C15.7895 11.0888 16 11.524 16 12.0001C16 12.4762 15.7895 12.9115 15.5986 13.2282C15.3911 13.5724 15.1136 13.9253 14.8119 14.2668C14.2064 14.9521 13.4181 15.6861 12.6556 16.3482C11.8882 17.0145 11.1236 17.6278 10.5528 18.0734C10.2668 18.2965 9.93847 18.551 9.59307 18.8054C9.14837 19.1329 8.52237 19.0379 8.19486 18.5932C8.0632 18.4144 7.99983 18.2064 8.00001 18.0002L8 12.0001L8 6.00007C7.99983 5.79387 8.0632 5.58581 8.19486 5.40705Z", fill: "currentColor", key: "k0" }], ["path", { d: "M14.8119 9.73344C15.1136 10.0749 15.3911 10.4279 15.5986 10.7721C15.7895 11.0888 16 11.524 16 12.0001C16 12.4762 15.7895 12.9115 15.5986 13.2282C15.3911 13.5724 15.1136 13.9253 14.8119 14.2668C14.2064 14.9521 13.4181 15.6861 12.6556 16.3482C11.8882 17.0145 11.1236 17.6278 10.5528 18.0734C10.2668 18.2965 9.93847 18.551 9.59307 18.8054C9.14837 19.1329 8.52237 19.0379 8.19486 18.5932C8.0632 18.4144 7.99983 18.2064 8.00001 18.0002L8 13L13.0509 8C13.6843 8.56556 14.3107 9.1662 14.8119 9.73344Z", fill: "currentColor", key: "k1" }]], "duotone.rounded": [["path", { opacity: "0.4", d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }]], "solid.rounded": [["path", { d: "M8.19486 5.40705C8.52237 4.96235 9.14837 4.86736 9.59306 5.19488C9.93847 5.44927 10.2668 5.70372 10.5528 5.92689C11.1236 6.3724 11.8882 6.98573 12.6556 7.65208C13.4181 8.31412 14.2064 9.04815 14.8119 9.73344C15.1136 10.0749 15.3911 10.4279 15.5986 10.7721C15.7895 11.0888 16 11.524 16 12.0001C16 12.4762 15.7895 12.9115 15.5986 13.2282C15.3911 13.5724 15.1136 13.9253 14.8119 14.2668C14.2064 14.9521 13.4181 15.6861 12.6556 16.3482C11.8882 17.0145 11.1236 17.6278 10.5528 18.0734C10.2668 18.2965 9.93847 18.551 9.59307 18.8054C9.14837 19.1329 8.52237 19.0379 8.19486 18.5932C8.0632 18.4144 7.99983 18.2064 8.00001 18.0002L8 12.0001L8 6.00007C7.99983 5.79387 8.0632 5.58581 8.19486 5.40705Z", fill: "currentColor", key: "k0" }]], "solid.sharp": [["path", { d: "M7.5 4V20L16.5 12L7.5 4Z", fill: "currentColor", key: "k0" }]], "stroke.rounded": [["path", { d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }]], "stroke.sharp": [["path", { d: "M9.00005 6L15 12L9 18", stroke: "currentColor", strokeWidth: "1.5", key: "k0" }]], "twotone.rounded": [["path", { opacity: "0.4", d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }], ["path", { d: "M15 12C14.9999 10.4189 9 6 9 6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k1" }]] }), ue = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -60516,9 +60512,9 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, ve = ue, Jr = /* @__PURE__ */ I(class extends M {
+}`, ve = ue, Kr = /* @__PURE__ */ I(class extends M {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.breadcrumbClick = yr(this, "breadcrumbClick", 7), this.breadcrumbItems = [], this.items = "[]";
+    super(), this.__registerHost(), this.__attachShadow(), this.breadcrumbClick = wr(this, "breadcrumbClick", 7), this.breadcrumbItems = [], this.items = "[]";
   }
   componentWillLoad() {
     this.handleItemsChange(this.items);
@@ -60540,17 +60536,17 @@ a:focus {
     o.disabled || this.breadcrumbClick.emit({ e: n, link: a, item: o });
   }
   render() {
-    return t("nav", { key: "7225095f3885fdf0cf0d134c15cc1f0cbd604a38", "aria-label": "breadcrumb" }, t("ul", { key: "9744a72935e8816449e6d3b5f8cb56c87e778f00", class: "breadcrumb" }, this.breadcrumbItems.map((n, a) => {
+    return t("nav", { key: "8b74bfa04da1e1a766dad83a842cf791a0466a7c", "aria-label": "breadcrumb" }, t("ul", { key: "72d2803cb2809253e0f1af7d6fb2e77cefbb5065", class: "breadcrumb" }, this.breadcrumbItems.map((n, a) => {
       if (this.isEllipsisItem(n))
-        return t("li", { key: a, class: "breadcrumb-item ellipsis" }, t("span", { class: "breadcrumb-icon" }, t("dga-icon", { icon: "arrow-right" })), t("a", { href: "#", class: "link link--sm link--neutral" }, "..."));
+        return t("li", { key: a, class: "breadcrumb-item ellipsis" }, t("span", { class: "breadcrumb-icon" }, t("dga-icon", { icon: In })), t("a", { href: "#", class: "link link--sm link--neutral" }, "..."));
       const o = a === this.breadcrumbItems.length - 1, l = a === 0;
       return t("li", { key: a, class: {
         "breadcrumb-item": !0,
         active: o
-      }, "aria-current": o ? "page" : void 0 }, n.path && !o ? t(tn, null, !l && t("span", { class: "breadcrumb-icon" }, t("dga-icon", { icon: "arrow-right" })), t("a", { onClick: (s) => this.handleClick(s, n.path, n), class: {
+      }, "aria-current": o ? "page" : void 0 }, n.path && !o ? t(tn, null, !l && t("span", { class: "breadcrumb-icon" }, t("dga-icon", { icon: In })), t("a", { onClick: (s) => this.handleClick(s, n.path, n), class: {
         "link link--sm link--neutral": !0,
         "disabled-link": n.disabled
-      }, href: n.disabled ? void 0 : n.path, "aria-disabled": n.disabled ? "true" : "false" }, t("span", { class: "link__label" }, n.label))) : t(tn, null, t("span", { class: "breadcrumb-icon" }, t("dga-icon", { icon: "arrow-right" })), t("a", { onClick: (s) => this.handleClick(s, n.path, n), class: {
+      }, href: n.disabled ? void 0 : n.path, "aria-disabled": n.disabled ? "true" : "false" }, t("span", { class: "link__label" }, n.label))) : t(tn, null, t("span", { class: "breadcrumb-icon" }, t("dga-icon", { icon: In })), t("a", { onClick: (s) => this.handleClick(s, n.path, n), class: {
         "link link--sm link--neutral link--disabled": !0,
         "disabled-link": n.disabled
       }, href: n.disabled ? void 0 : n.path, "aria-disabled": n.disabled ? "true" : "false" }, t("span", { class: "link__label" }, n.label))));
@@ -60575,15 +60571,15 @@ function me() {
   ["dga-breadcrumbs", "dga-icon"].forEach((n) => {
     switch (n) {
       case "dga-breadcrumbs":
-        customElements.get(n) || customElements.define(n, Jr);
+        customElements.get(n) || customElements.define(n, Kr);
         break;
       case "dga-icon":
-        customElements.get(n) || T();
+        customElements.get(n) || O();
         break;
     }
   });
 }
-const xe = Jr, he = me, fe = `@charset "UTF-8";
+const xe = Kr, he = me, fe = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -77486,9 +77482,9 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, _e = fe, Kr = /* @__PURE__ */ I(class extends M {
+}`, _e = fe, Qr = /* @__PURE__ */ I(class extends M {
   constructor() {
-    super(), this.__registerHost(), this.onClick = yr(this, "onClick", 7), this.variant = "primary-neutral", this.size = "md", this.label = void 0, this.iconOnly = void 0, this.iconType = void 0, this.leadIcon = void 0, this.leadIconType = void 0, this.trailIcon = void 0, this.trailIconType = void 0, this.disabled = void 0, this.btnId = void 0, this.customAttribute = { key: "", value: "" }, this.type = "button";
+    super(), this.__registerHost(), this.onClick = wr(this, "onClick", 7), this.variant = "primary-neutral", this.size = "md", this.label = void 0, this.iconOnly = void 0, this.iconType = void 0, this.leadIcon = void 0, this.leadIconType = void 0, this.trailIcon = void 0, this.trailIconType = void 0, this.disabled = void 0, this.btnId = void 0, this.customAttribute = { key: "", value: "" }, this.type = "button";
   }
   handleClick(n) {
     this.disabled || this.onClick.emit(n);
@@ -77496,7 +77492,7 @@ a:focus {
   render() {
     var n;
     const a = this.btnId || `btn-${Math.random().toString(36).substr(2, 9)}`, o = !((n = this.customAttribute) === null || n === void 0) && n.key ? { [this.customAttribute.key]: this.customAttribute.value || "" } : {}, l = ["btn", `btn--${this.size}`, `btn--${this.variant}`, this.iconOnly ? "btn--icon" : ""].filter(Boolean).join(" ");
-    return t("button", Object.assign({ key: "8a7d9bd1230d0b17781f5fba501646b419258f16", id: a }, o, { type: this.type, class: l, disabled: this.disabled, "aria-label": this.iconOnly && !this.label ? "Button with icon" : this.label, role: "button", onClick: (s) => this.handleClick(s) }), this.iconOnly && this.iconType && t("span", { key: "e0702f5cb8d566cf5d8605e3121fa6e86c20fef6", class: "btn-icon", "aria-hidden": "true" }, t("dga-icon", { key: "82fc4e3009531716b16d240582d886a39bebbc1e", icon: this.iconType })), this.leadIcon && this.leadIconType && t("span", { key: "0261cc0a8eb49a5178c37efc0ebd29577cec0c1c", class: "btn-icon", "aria-hidden": "true" }, t("dga-icon", { key: "4f67b1e6ebe9de262cc01482a2d267781712eaae", icon: this.leadIconType })), this.label && t("span", { key: "257c3175ff6aba62bb9582d512c29561e4f92d2c" }, this.label), this.trailIcon && this.trailIconType && t("span", { key: "b4bd2957dfd2ca8e91138c365574ae754384a21a", class: "btn-icon", "aria-hidden": "true" }, t("dga-icon", { key: "3a1ec5f466f9ab2228182676661df4faf6ab0af2", icon: this.trailIconType })));
+    return t("button", Object.assign({ key: "8a7d9bd1230d0b17781f5fba501646b419258f16", id: a }, o, { type: this.type, class: l, disabled: this.disabled, "aria-label": this.iconOnly && !this.label ? "Button with icon" : this.label, role: "button", onClick: (s) => this.handleClick(s) }), this.iconOnly && this.iconType && t("span", { key: "e0702f5cb8d566cf5d8605e3121fa6e86c20fef6", class: "btn-icon", "aria-hidden": "true" }, t("dga-icon", { key: "82fc4e3009531716b16d240582d886a39bebbc1e", icon: this.iconType })), this.leadIcon && this.leadIconType && t("span", { key: "0261cc0a8eb49a5178c37efc0ebd29577cec0c1c", class: "btn-icon", "aria-hidden": "true" }, t("dga-icon", { key: "4f67b1e6ebe9de262cc01482a2d267781712eaae", icon: this.leadIconType })), !this.iconOnly && this.label && t("span", { key: "7bafee5e4db692bfd0f7003b6e4f267f7f758390" }, this.label), this.trailIcon && this.trailIconType && t("span", { key: "c5ee5d17916f6d2ec26eb7c11e5fec07afab9768", class: "btn-icon", "aria-hidden": "true" }, t("dga-icon", { key: "91f6db8e15eb96a5a1a9e5687c5961313e5b3f81", icon: this.trailIconType })));
   }
   static get style() {
     return _e;
@@ -77516,21 +77512,21 @@ a:focus {
   customAttribute: [16],
   type: [1]
 }]);
-function Qr() {
+function na() {
   if (typeof customElements > "u")
     return;
   ["dga-button", "dga-icon"].forEach((n) => {
     switch (n) {
       case "dga-button":
-        customElements.get(n) || customElements.define(n, Kr);
+        customElements.get(n) || customElements.define(n, Qr);
         break;
       case "dga-icon":
-        customElements.get(n) || T();
+        customElements.get(n) || O();
         break;
     }
   });
 }
-const ke = Kr, ye = Qr;
+const ke = Qr, ye = na;
 /**
  * @license @hugeicons/react-pro v0.3.1
  *
@@ -94466,7 +94462,7 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, Be = Se, na = /* @__PURE__ */ I(class extends M {
+}`, Be = Se, ra = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.handleActive = () => {
       var n;
@@ -94542,13 +94538,13 @@ a:focus {
   Indeterminate: [4, "indeterminate"],
   isChecked: [32]
 }]);
-function ra() {
+function aa() {
   if (typeof customElements > "u")
     return;
   ["dga-checkbox"].forEach((n) => {
     switch (n) {
       case "dga-checkbox":
-        customElements.get(n) || customElements.define(n, na);
+        customElements.get(n) || customElements.define(n, ra);
         break;
     }
   });
@@ -111461,7 +111457,7 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, Ae = Ie, aa = /* @__PURE__ */ I(class extends M {
+}`, Ae = Ie, oa = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.onMouseEnterHandler = () => {
       this.isFocused = !0;
@@ -111538,21 +111534,21 @@ function Pe() {
   ["dga-card", "dga-button", "dga-checkbox", "dga-icon"].forEach((n) => {
     switch (n) {
       case "dga-card":
-        customElements.get(n) || customElements.define(n, aa);
+        customElements.get(n) || customElements.define(n, oa);
         break;
       case "dga-button":
-        customElements.get(n) || Qr();
+        customElements.get(n) || na();
         break;
       case "dga-checkbox":
-        customElements.get(n) || ra();
+        customElements.get(n) || aa();
         break;
       case "dga-icon":
-        customElements.get(n) || T();
+        customElements.get(n) || O();
         break;
     }
   });
 }
-const Ce = aa, $e = Pe, Xe = na, Ee = ra, Le = `@charset "UTF-8";
+const Ce = oa, $e = Pe, Xe = ra, Ee = aa, Le = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -128455,7 +128451,7 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, Ye = Le, oa = /* @__PURE__ */ I(class extends M {
+}`, Ye = Le, ea = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost();
   }
@@ -128472,18 +128468,18 @@ function qe() {
   ["dga-divider"].forEach((n) => {
     switch (n) {
       case "dga-divider":
-        customElements.get(n) || customElements.define(n, oa);
+        customElements.get(n) || customElements.define(n, ea);
         break;
     }
   });
 }
-const De = oa, Fe = qe;
+const De = ea, Fe = qe;
 /**
  * @license @hugeicons/react-pro v0.3.1
  *
  * See the LICENSE file in the root directory of this source tree.
  */
-const mr = X("Tick02Icon", { "bulk.rounded": [["path", { opacity: "0.4", d: "M4.29289 13.2929C4.68342 12.9024 5.31658 12.9024 5.70711 13.2929L9.20711 16.7929C9.59763 17.1834 9.59763 17.8166 9.20711 18.2071C8.81658 18.5976 8.18342 18.5976 7.79289 18.2071L4.29289 14.7071C3.90237 14.3166 3.90237 13.6834 4.29289 13.2929Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }], ["path", { d: "M19.6905 5.77665C20.09 6.15799 20.1047 6.79098 19.7234 7.19048L9.22336 18.1905C8.84202 18.59 8.20902 18.6047 7.80953 18.2234C7.41003 17.842 7.39531 17.209 7.77665 16.8095L18.2766 5.80953C18.658 5.41003 19.291 5.39531 19.6905 5.77665Z", fill: "currentColor", fillRule: "evenodd", key: "k1" }]], "duotone.rounded": [["path", { opacity: "0.4", d: "M5 14L8.5 17.5L19 6.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }]], "solid.rounded": [["path", { d: "M19.6905 5.77665C20.09 6.15799 20.1047 6.79098 19.7234 7.19048L9.22336 18.1905C9.03745 18.3852 8.78086 18.4968 8.51163 18.4999C8.2424 18.5031 7.98328 18.3975 7.79289 18.2071L4.29289 14.7071C3.90237 14.3166 3.90237 13.6834 4.29289 13.2929C4.68342 12.9024 5.31658 12.9024 5.70711 13.2929L8.48336 16.0692L18.2766 5.80953C18.658 5.41003 19.291 5.39531 19.6905 5.77665Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }]], "solid.sharp": [["path", { d: "M20.5 6.39644L8.48123 19L3.5 14.0138L4.92866 12.5838L8.44762 16.1062L19.0385 5L20.5 6.39644Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }]], "stroke.rounded": [["path", { d: "M5 14L8.5 17.5L19 6.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }]], "stroke.sharp": [["path", { d: "M5 14L8.5 17.5L19 6.5", stroke: "currentColor", strokeLinecap: "square", strokeWidth: "1.5", key: "k0" }]], "twotone.rounded": [["path", { opacity: "0.4", d: "M5 14L8.5 17.5L19 6.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }], ["path", { d: "M8.5 17.5L19 6.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k1" }]] }), Te = `@charset "UTF-8";
+const xr = X("Tick02Icon", { "bulk.rounded": [["path", { opacity: "0.4", d: "M4.29289 13.2929C4.68342 12.9024 5.31658 12.9024 5.70711 13.2929L9.20711 16.7929C9.59763 17.1834 9.59763 17.8166 9.20711 18.2071C8.81658 18.5976 8.18342 18.5976 7.79289 18.2071L4.29289 14.7071C3.90237 14.3166 3.90237 13.6834 4.29289 13.2929Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }], ["path", { d: "M19.6905 5.77665C20.09 6.15799 20.1047 6.79098 19.7234 7.19048L9.22336 18.1905C8.84202 18.59 8.20902 18.6047 7.80953 18.2234C7.41003 17.842 7.39531 17.209 7.77665 16.8095L18.2766 5.80953C18.658 5.41003 19.291 5.39531 19.6905 5.77665Z", fill: "currentColor", fillRule: "evenodd", key: "k1" }]], "duotone.rounded": [["path", { opacity: "0.4", d: "M5 14L8.5 17.5L19 6.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }]], "solid.rounded": [["path", { d: "M19.6905 5.77665C20.09 6.15799 20.1047 6.79098 19.7234 7.19048L9.22336 18.1905C9.03745 18.3852 8.78086 18.4968 8.51163 18.4999C8.2424 18.5031 7.98328 18.3975 7.79289 18.2071L4.29289 14.7071C3.90237 14.3166 3.90237 13.6834 4.29289 13.2929C4.68342 12.9024 5.31658 12.9024 5.70711 13.2929L8.48336 16.0692L18.2766 5.80953C18.658 5.41003 19.291 5.39531 19.6905 5.77665Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }]], "solid.sharp": [["path", { d: "M20.5 6.39644L8.48123 19L3.5 14.0138L4.92866 12.5838L8.44762 16.1062L19.0385 5L20.5 6.39644Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }]], "stroke.rounded": [["path", { d: "M5 14L8.5 17.5L19 6.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }]], "stroke.sharp": [["path", { d: "M5 14L8.5 17.5L19 6.5", stroke: "currentColor", strokeLinecap: "square", strokeWidth: "1.5", key: "k0" }]], "twotone.rounded": [["path", { opacity: "0.4", d: "M5 14L8.5 17.5L19 6.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }], ["path", { d: "M8.5 17.5L19 6.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k1" }]] }), Te = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -145386,7 +145382,7 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, Re = Te, ea = /* @__PURE__ */ I(class extends M {
+}`, Re = Te, ta = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.handleClickOutside = (n) => {
       var a;
@@ -145448,7 +145444,7 @@ a:focus {
     s.setAttribute("data-value", b.join(", ")), p.textContent = g.join(", "), b.length ? p.classList.add("dropdown__label--selection") : p.classList.remove("dropdown__label--selection");
   }
   render() {
-    return t("div", { key: "a948e28474331c5a5406511dc398f22aea8e991d", id: this.id, ref: (n) => this.containerRef = n, class: `dropdown dropdown--${this.size} ${this.error ? "dropdown--error" : ""} ${this.variant !== "default" ? `dropdown--${this.variant}` : ""} ${this.disabled ? "dropdown--disabled" : ""} ${this.readonly ? "dropdown--readonly" : ""} ${this.multiSelect ? "dropdown--multi-select" : ""} ${this.extraClass || ""}` }, t("button", { key: "d529aa60b293d78c10ef494f0854e5f1664d85ca", class: "dropdown__btn", ref: (n) => this.btnRef = n, disabled: this.disabled || this.readonly, onClick: this.handleToggleDropdown.bind(this), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, t("span", { key: "6f1e754bc976bb2727d4c9929c2470e7bdde0b36", class: "dropdown__label" }), t("span", { key: "3a68bee0e1cfa2fc5772affbee95f1c19110cf19", class: "dropdown__label-placeholder" }, this.placeholder), t("span", { key: "3bb00876f0f09ab563a378823771dc77a229890a", class: "dropdown__chevron" }, t(wn, { key: "4576ebee138b2196cbc51efdd8416d4cf2a26ee3" }))), t("ul", { key: "d4140186b50c84c36b637b933465785a9009fe00", class: "dropdown__list" }, this.optionList.map((n, a) => this.multiSelect ? t("li", { key: n[this.trackBy] ? n[this.trackBy] : L() }, t("button", { class: "dropdown__option dropdown__option--checkbox", "data-value": n[this.trackBy] ? n[this.trackBy] : "", onClick: (o) => this.handleMultiOptionClicked(o, n, a), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, t("div", { class: "dropdown__option-icon-container" }, t("span", { class: "dropdown__option-icon" }, t(mr, null))), t("span", { class: "dropdown__option-label" }, n[this.optionLabel] ? n[this.optionLabel] : ""))) : t("li", { key: n[this.trackBy] ? n[this.trackBy] : L() }, t("button", { class: "dropdown__option", type: "button", onClick: (o) => this.handleSelectSingleOption(o, n, a), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this) }, t("span", { class: "dropdown__option-label" }, n[this.optionLabel] ? n[this.optionLabel] : ""), t("span", { class: "dropdown__option-icon" }, t(mr, null)))))));
+    return t("div", { key: "a948e28474331c5a5406511dc398f22aea8e991d", id: this.id, ref: (n) => this.containerRef = n, class: `dropdown dropdown--${this.size} ${this.error ? "dropdown--error" : ""} ${this.variant !== "default" ? `dropdown--${this.variant}` : ""} ${this.disabled ? "dropdown--disabled" : ""} ${this.readonly ? "dropdown--readonly" : ""} ${this.multiSelect ? "dropdown--multi-select" : ""} ${this.extraClass || ""}` }, t("button", { key: "d529aa60b293d78c10ef494f0854e5f1664d85ca", class: "dropdown__btn", ref: (n) => this.btnRef = n, disabled: this.disabled || this.readonly, onClick: this.handleToggleDropdown.bind(this), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, t("span", { key: "6f1e754bc976bb2727d4c9929c2470e7bdde0b36", class: "dropdown__label" }), t("span", { key: "3a68bee0e1cfa2fc5772affbee95f1c19110cf19", class: "dropdown__label-placeholder" }, this.placeholder), t("span", { key: "3bb00876f0f09ab563a378823771dc77a229890a", class: "dropdown__chevron" }, t(wn, { key: "4576ebee138b2196cbc51efdd8416d4cf2a26ee3" }))), t("ul", { key: "d4140186b50c84c36b637b933465785a9009fe00", class: "dropdown__list" }, this.optionList.map((n, a) => this.multiSelect ? t("li", { key: n[this.trackBy] ? n[this.trackBy] : L() }, t("button", { class: "dropdown__option dropdown__option--checkbox", "data-value": n[this.trackBy] ? n[this.trackBy] : "", onClick: (o) => this.handleMultiOptionClicked(o, n, a), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, t("div", { class: "dropdown__option-icon-container" }, t("span", { class: "dropdown__option-icon" }, t(xr, null))), t("span", { class: "dropdown__option-label" }, n[this.optionLabel] ? n[this.optionLabel] : ""))) : t("li", { key: n[this.trackBy] ? n[this.trackBy] : L() }, t("button", { class: "dropdown__option", type: "button", onClick: (o) => this.handleSelectSingleOption(o, n, a), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this) }, t("span", { class: "dropdown__option-label" }, n[this.optionLabel] ? n[this.optionLabel] : ""), t("span", { class: "dropdown__option-icon" }, t(xr, null)))))));
   }
   get el() {
     return this;
@@ -145485,12 +145481,12 @@ function Oe() {
   ["dga-dropdown"].forEach((n) => {
     switch (n) {
       case "dga-dropdown":
-        customElements.get(n) || customElements.define(n, ea);
+        customElements.get(n) || customElements.define(n, ta);
         break;
     }
   });
 }
-const Ge = ea, He = Oe, We = Ur, Ze = T;
+const Ge = ta, He = Oe, We = Vr, Ue = O;
 /**
  * @license @hugeicons/react-pro v0.3.1
  *
@@ -145502,13 +145498,13 @@ const Bn = X("Alert02Icon", { "bulk.rounded": [["path", { opacity: "0.4", d: "M1
  *
  * See the LICENSE file in the root directory of this source tree.
  */
-const O = X("InformationCircleIcon", { "bulk.rounded": [["path", { opacity: "0.4", d: "M1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25C6.06294 1.25 1.25 6.06294 1.25 12Z", fill: "currentColor", key: "k0" }], ["path", { d: "M11.6819 11.0273C11.9289 11.0605 12.2707 11.1494 12.5607 11.4394C12.8507 11.7294 12.9396 12.0711 12.9728 12.3182C13.0003 12.5228 13.0001 12.7608 13 12.9606C13 12.974 13 12.9871 13 13V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V13C10.4477 13 10 12.5523 10 12C10 11.4477 10.4477 11 11 11C11.0129 11 11.0261 11 11.0394 11C11.2393 10.9999 11.4772 10.9997 11.6819 11.0273Z", fill: "currentColor", fillRule: "evenodd", key: "k1" }], ["path", { d: "M10.9999 8C10.9999 7.44772 11.4456 7 11.9954 7H12.0044C12.5542 7 12.9999 7.44772 12.9999 8C12.9999 8.55228 12.5542 9 12.0044 9H11.9954C11.4456 9 10.9999 8.55228 10.9999 8Z", fill: "currentColor", fillRule: "evenodd", key: "k2" }]], "duotone.rounded": [["path", { opacity: "0.4", d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", fill: "currentColor", key: "k0" }], ["path", { d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", stroke: "currentColor", strokeWidth: "1.5", key: "k1" }], ["path", { d: "M12.2422 17V12C12.2422 11.5286 12.2422 11.2929 12.0957 11.1464C11.9493 11 11.7136 11 11.2422 11", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k2" }], ["path", { d: "M11.992 8H12.001", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", key: "k3" }]], "solid.rounded": [["path", { d: "M1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25C6.06294 1.25 1.25 6.06294 1.25 12ZM11.6819 11.0273C11.9289 11.0605 12.2707 11.1494 12.5607 11.4394C12.8507 11.7294 12.9396 12.0711 12.9728 12.3182C13.0003 12.5228 13.0001 12.7608 13 12.9606L13 13V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V13C10.4477 13 10 12.5523 10 12C10 11.4477 10.4477 11 11 11L11.0394 11C11.2393 10.9999 11.4772 10.9997 11.6819 11.0273ZM11.9954 7C11.4456 7 10.9999 7.44772 10.9999 8C10.9999 8.55228 11.4456 9 11.9954 9H12.0044C12.5542 9 12.9999 8.55228 12.9999 8C12.9999 7.44772 12.5542 7 12.0044 7H11.9954Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }]], "solid.sharp": [["path", { d: "M12 22.75C6.06294 22.75 1.25 17.9371 1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75ZM11 6.5V8H13V6.5H11ZM10 11H11V17H13V9H10V11Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }]], "stroke.rounded": [["path", { d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", stroke: "currentColor", strokeWidth: "1.5", key: "k0" }], ["path", { d: "M12.2422 17V12C12.2422 11.5286 12.2422 11.2929 12.0957 11.1464C11.9493 11 11.7136 11 11.2422 11", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k1" }], ["path", { d: "M11.992 8H12.001", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", key: "k2" }]], "stroke.sharp": [["path", { d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }], ["path", { d: "M10.0234 10.0107H12.0043V16.9917M11.2509 7.26758H12.7504", stroke: "currentColor", strokeWidth: "1.5", key: "k1" }]], "twotone.rounded": [["path", { d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", stroke: "currentColor", strokeWidth: "1.5", key: "k0" }], ["path", { opacity: "0.4", d: "M12.2422 17V12C12.2422 11.5286 12.2422 11.2929 12.0957 11.1464C11.9493 11 11.7136 11 11.2422 11", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k1" }], ["path", { opacity: "0.4", d: "M11.992 8H12.001", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", key: "k2" }]] });
+const R = X("InformationCircleIcon", { "bulk.rounded": [["path", { opacity: "0.4", d: "M1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25C6.06294 1.25 1.25 6.06294 1.25 12Z", fill: "currentColor", key: "k0" }], ["path", { d: "M11.6819 11.0273C11.9289 11.0605 12.2707 11.1494 12.5607 11.4394C12.8507 11.7294 12.9396 12.0711 12.9728 12.3182C13.0003 12.5228 13.0001 12.7608 13 12.9606C13 12.974 13 12.9871 13 13V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V13C10.4477 13 10 12.5523 10 12C10 11.4477 10.4477 11 11 11C11.0129 11 11.0261 11 11.0394 11C11.2393 10.9999 11.4772 10.9997 11.6819 11.0273Z", fill: "currentColor", fillRule: "evenodd", key: "k1" }], ["path", { d: "M10.9999 8C10.9999 7.44772 11.4456 7 11.9954 7H12.0044C12.5542 7 12.9999 7.44772 12.9999 8C12.9999 8.55228 12.5542 9 12.0044 9H11.9954C11.4456 9 10.9999 8.55228 10.9999 8Z", fill: "currentColor", fillRule: "evenodd", key: "k2" }]], "duotone.rounded": [["path", { opacity: "0.4", d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", fill: "currentColor", key: "k0" }], ["path", { d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", stroke: "currentColor", strokeWidth: "1.5", key: "k1" }], ["path", { d: "M12.2422 17V12C12.2422 11.5286 12.2422 11.2929 12.0957 11.1464C11.9493 11 11.7136 11 11.2422 11", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k2" }], ["path", { d: "M11.992 8H12.001", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", key: "k3" }]], "solid.rounded": [["path", { d: "M1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25C6.06294 1.25 1.25 6.06294 1.25 12ZM11.6819 11.0273C11.9289 11.0605 12.2707 11.1494 12.5607 11.4394C12.8507 11.7294 12.9396 12.0711 12.9728 12.3182C13.0003 12.5228 13.0001 12.7608 13 12.9606L13 13V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V13C10.4477 13 10 12.5523 10 12C10 11.4477 10.4477 11 11 11L11.0394 11C11.2393 10.9999 11.4772 10.9997 11.6819 11.0273ZM11.9954 7C11.4456 7 10.9999 7.44772 10.9999 8C10.9999 8.55228 11.4456 9 11.9954 9H12.0044C12.5542 9 12.9999 8.55228 12.9999 8C12.9999 7.44772 12.5542 7 12.0044 7H11.9954Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }]], "solid.sharp": [["path", { d: "M12 22.75C6.06294 22.75 1.25 17.9371 1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75ZM11 6.5V8H13V6.5H11ZM10 11H11V17H13V9H10V11Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }]], "stroke.rounded": [["path", { d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", stroke: "currentColor", strokeWidth: "1.5", key: "k0" }], ["path", { d: "M12.2422 17V12C12.2422 11.5286 12.2422 11.2929 12.0957 11.1464C11.9493 11 11.7136 11 11.2422 11", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k1" }], ["path", { d: "M11.992 8H12.001", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", key: "k2" }]], "stroke.sharp": [["path", { d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }], ["path", { d: "M10.0234 10.0107H12.0043V16.9917M11.2509 7.26758H12.7504", stroke: "currentColor", strokeWidth: "1.5", key: "k1" }]], "twotone.rounded": [["path", { d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", stroke: "currentColor", strokeWidth: "1.5", key: "k0" }], ["path", { opacity: "0.4", d: "M12.2422 17V12C12.2422 11.5286 12.2422 11.2929 12.0957 11.1464C11.9493 11 11.7136 11 11.2422 11", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k1" }], ["path", { opacity: "0.4", d: "M11.992 8H12.001", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", key: "k2" }]] });
 /**
  * @license @hugeicons/react-pro v0.3.1
  *
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hn = X("Cancel01Icon", { "bulk.rounded": [["path", { opacity: "0.4", d: "M19.8839 4.11612C20.372 4.60427 20.372 5.39573 19.8839 5.88388L5.88388 19.8839C5.39573 20.372 4.60427 20.372 4.11612 19.8839C3.62796 19.3957 3.62796 18.6043 4.11612 18.1161L18.1161 4.11612C18.6043 3.62796 19.3957 3.62796 19.8839 4.11612Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }], ["path", { d: "M4.11612 4.11612C4.60427 3.62796 5.39573 3.62796 5.88388 4.11612L19.8839 18.1161C20.372 18.6043 20.372 19.3957 19.8839 19.8839C19.3957 20.372 18.6043 20.372 18.1161 19.8839L4.11612 5.88388C3.62796 5.39573 3.62796 4.60427 4.11612 4.11612Z", fill: "currentColor", fillRule: "evenodd", key: "k1" }]], "duotone.rounded": [["path", { opacity: "0.4", d: "M19 5L5 19M5 5L19 19", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }]], "solid.rounded": [["path", { d: "M19.8839 4.11612C20.372 4.60427 20.372 5.39573 19.8839 5.88388L5.88388 19.8839C5.39573 20.372 4.60427 20.372 4.11612 19.8839C3.62796 19.3957 3.62796 18.6043 4.11612 18.1161L18.1161 4.11612C18.6043 3.62796 19.3957 3.62796 19.8839 4.11612Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }], ["path", { d: "M4.11612 4.11612C4.60427 3.62796 5.39573 3.62796 5.88388 4.11612L19.8839 18.1161C20.372 18.6043 20.372 19.3957 19.8839 19.8839C19.3957 20.372 18.6043 20.372 18.1161 19.8839L4.11612 5.88388C3.62796 5.39573 3.62796 4.60427 4.11612 4.11612Z", fill: "currentColor", fillRule: "evenodd", key: "k1" }]], "solid.sharp": [["path", { d: "M12 10.2623L18.0123 4.25L19.75 5.98775L13.7377 12L19.75 18.0123L18.0123 19.75L12 13.7377L5.98775 19.75L4.25 18.0123L10.2623 12L4.25 5.98775L5.98775 4.25L12 10.2623Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }]], "stroke.rounded": [["path", { d: "M19 5L5 19M5 5L19 19", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }]], "stroke.sharp": [["path", { d: "M19 5L5 19M5 5L19 19", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }]], "twotone.rounded": [["path", { opacity: "0.4", d: "M19 5L5 19", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }], ["path", { d: "M5 5L19 19", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k1" }]] }), Ue = `@charset "UTF-8";
+const Wn = X("Cancel01Icon", { "bulk.rounded": [["path", { opacity: "0.4", d: "M19.8839 4.11612C20.372 4.60427 20.372 5.39573 19.8839 5.88388L5.88388 19.8839C5.39573 20.372 4.60427 20.372 4.11612 19.8839C3.62796 19.3957 3.62796 18.6043 4.11612 18.1161L18.1161 4.11612C18.6043 3.62796 19.3957 3.62796 19.8839 4.11612Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }], ["path", { d: "M4.11612 4.11612C4.60427 3.62796 5.39573 3.62796 5.88388 4.11612L19.8839 18.1161C20.372 18.6043 20.372 19.3957 19.8839 19.8839C19.3957 20.372 18.6043 20.372 18.1161 19.8839L4.11612 5.88388C3.62796 5.39573 3.62796 4.60427 4.11612 4.11612Z", fill: "currentColor", fillRule: "evenodd", key: "k1" }]], "duotone.rounded": [["path", { opacity: "0.4", d: "M19 5L5 19M5 5L19 19", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }]], "solid.rounded": [["path", { d: "M19.8839 4.11612C20.372 4.60427 20.372 5.39573 19.8839 5.88388L5.88388 19.8839C5.39573 20.372 4.60427 20.372 4.11612 19.8839C3.62796 19.3957 3.62796 18.6043 4.11612 18.1161L18.1161 4.11612C18.6043 3.62796 19.3957 3.62796 19.8839 4.11612Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }], ["path", { d: "M4.11612 4.11612C4.60427 3.62796 5.39573 3.62796 5.88388 4.11612L19.8839 18.1161C20.372 18.6043 20.372 19.3957 19.8839 19.8839C19.3957 20.372 18.6043 20.372 18.1161 19.8839L4.11612 5.88388C3.62796 5.39573 3.62796 4.60427 4.11612 4.11612Z", fill: "currentColor", fillRule: "evenodd", key: "k1" }]], "solid.sharp": [["path", { d: "M12 10.2623L18.0123 4.25L19.75 5.98775L13.7377 12L19.75 18.0123L18.0123 19.75L12 13.7377L5.98775 19.75L4.25 18.0123L10.2623 12L4.25 5.98775L5.98775 4.25L12 10.2623Z", fill: "currentColor", fillRule: "evenodd", key: "k0" }]], "stroke.rounded": [["path", { d: "M19 5L5 19M5 5L19 19", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }]], "stroke.sharp": [["path", { d: "M19 5L5 19M5 5L19 19", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }]], "twotone.rounded": [["path", { opacity: "0.4", d: "M19 5L5 19", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k0" }], ["path", { d: "M5 5L19 19", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "k1" }]] }), Ze = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -162411,13 +162407,13 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, Ve = Ue, Ne = {
+}`, Ve = Ze, Ne = {
   error: t(K, { variant: "solid" }),
   warning: t(Bn, { variant: "solid" }),
   success: t(dn, { variant: "solid" }),
-  info: t(O, { variant: "solid" }),
-  neutral: t(O, { variant: "solid" })
-}, ta = /* @__PURE__ */ I(class extends M {
+  info: t(R, { variant: "solid" }),
+  neutral: t(R, { variant: "solid" })
+}, ia = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.type = "neutral", this.leadText = void 0, this.helperText = void 0, this.isactionButtons = !0, this.isCloseButton = !0, this.onClose = void 0, this.colored = !1, this.buttonsList = [
       {
@@ -162442,7 +162438,7 @@ a:focus {
     return n.map(({ id: a, onClick: o, exraClasses: l, title: s, customAttribute: p, label: b }) => t("button", Object.assign({ key: a || L(), id: a || L(), onClick: (g) => o && o(g), class: `btn btn--subtle btn--md ${l}` }, s && { title: s }, p && p.key && { [p.key]: p.value || "" }), b));
   }
   render() {
-    return t("div", { key: "23776344159c6f0690cab72030b298be8c1df841", class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ""}` }, t("div", { key: "c6c912fa07b3dfe82ecc25a9b4687a4eec0501b4", class: `alert__header ${this.helperText ? "" : "flex-center-y"}` }, t("div", { key: "97bc9188b892ccb21606c7838c332c733be54184", class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === "neutral" ? "gray" : this.type}` }, Ne[this.type]), t("div", { key: "0b36f10499236e082b998f5d2faf3d4d51b4bff7", class: "alert__body" }, t("h4", { key: "ae7254be2d71fa6c16cb907ff02c23485a4091e5", class: "alert__title text-md-semibold" }, this.leadText), this.helperText && t("p", { key: "01d6950dc166a57e743076b44a0b9496a32146f4", class: "alert__content text-sm-regular" }, this.helperText), t("slot", { key: "8ddedfdcb58dddf8d071e46397c40bba52f43f7a" }))), this.isCloseButton && t("div", { key: "3269d797d915b2be2a0fb1c3975e4b49e181720c", class: "alert__close-btn" }, t("button", { key: "ae938456f204d068813aac39df38fb5be4d896c0", class: "btn btn--close btn--icon btn--md", onClick: this.onClose }, t("span", { key: "70ca1e40cfb4c7c555dcd1f9c507ef960ff664b5", class: "btn-icon" }, t(Hn, { key: "124afbed1129e51e0964994f43c80c5d7de0acc2" })))), this.isactionButtons && t(tn, { key: "63cea74d23f60a122e1ded1e54f8a8e146fd6733" }, t("div", { key: "07d2984997da2cc86732f6ac15316d3bce43399a", class: "alert__action" }, this.renderButtons(this.buttonsList)), t("div", { key: "7a7dd8d7ded0b6e0c9e72c2f432f2aaa1f2b877b", class: "alert__action-mobile" }, this.renderButtons(this.buttonsList))));
+    return t("div", { key: "23776344159c6f0690cab72030b298be8c1df841", class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ""}` }, t("div", { key: "c6c912fa07b3dfe82ecc25a9b4687a4eec0501b4", class: `alert__header ${this.helperText ? "" : "flex-center-y"}` }, t("div", { key: "97bc9188b892ccb21606c7838c332c733be54184", class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === "neutral" ? "gray" : this.type}` }, Ne[this.type]), t("div", { key: "0b36f10499236e082b998f5d2faf3d4d51b4bff7", class: "alert__body" }, t("h4", { key: "ae7254be2d71fa6c16cb907ff02c23485a4091e5", class: "alert__title text-md-semibold" }, this.leadText), this.helperText && t("p", { key: "01d6950dc166a57e743076b44a0b9496a32146f4", class: "alert__content text-sm-regular" }, this.helperText), t("slot", { key: "8ddedfdcb58dddf8d071e46397c40bba52f43f7a" }))), this.isCloseButton && t("div", { key: "3269d797d915b2be2a0fb1c3975e4b49e181720c", class: "alert__close-btn" }, t("button", { key: "ae938456f204d068813aac39df38fb5be4d896c0", class: "btn btn--close btn--icon btn--md", onClick: this.onClose }, t("span", { key: "70ca1e40cfb4c7c555dcd1f9c507ef960ff664b5", class: "btn-icon" }, t(Wn, { key: "124afbed1129e51e0964994f43c80c5d7de0acc2" })))), this.isactionButtons && t(tn, { key: "63cea74d23f60a122e1ded1e54f8a8e146fd6733" }, t("div", { key: "07d2984997da2cc86732f6ac15316d3bce43399a", class: "alert__action" }, this.renderButtons(this.buttonsList)), t("div", { key: "7a7dd8d7ded0b6e0c9e72c2f432f2aaa1f2b877b", class: "alert__action-mobile" }, this.renderButtons(this.buttonsList))));
   }
   static get style() {
     return Ve;
@@ -162463,12 +162459,12 @@ function Je() {
   ["dga-inline-alert"].forEach((n) => {
     switch (n) {
       case "dga-inline-alert":
-        customElements.get(n) || customElements.define(n, ta);
+        customElements.get(n) || customElements.define(n, ia);
         break;
     }
   });
 }
-const Ke = ta, Qe = Je, nt = `@charset "UTF-8";
+const Ke = ia, Qe = Je, nt = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -179371,32 +179367,23 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, rt = nt, ia = /* @__PURE__ */ I(class extends M {
+}`, rt = nt, la = /* @__PURE__ */ I(class extends M {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.handleClick = (n) => {
-      n.preventDefault();
+    super(), this.__registerHost(), this.handleClick = (n) => {
     }, this.variant = "primary", this.size = void 0, this.label = void 0, this.url = void 0, this.inline = void 0, this.icon = void 0, this.iconType = void 0, this.disabled = void 0, this.external = void 0, this.target = "_self", this.preventScrollReset = !1, this.state = {}, this.extraClass = void 0;
   }
   render() {
     return this.external ? t("a", {
-      // id={this.id}
       href: this.url,
       target: this.target,
-      onClick: (n) => this.handleClick(n),
+      // onClick={event => this.handleClick(event)}
       class: `link link--${this.size} link--${this.variant} ${this.inline ? "link--inline" : ""} ${this.disabled ? "link--disabled" : ""} ${this.extraClass}`
-    }, t("span", { class: "link__label" }, this.label), this.icon && this.iconType && t("span", { className: "link__icon" }, this.iconType), t("slot", null)) : t(Fragment, null, t("a", {
-      // preventScrollReset={preventScrollReset}
-      // id={id}
-      href: this.url,
-      // {...(Object.keys(state).length && { state: state })}
-      onClick: this.handleClick,
-      class: `link link--${this.size} link--${style} ${this.inline ? "link--inline" : ""} ${this.disabled ? "link--disabled" : ""} ${this.extraClass}`
-    }, t("span", { class: "link__label" }, this.label), this.icon && this.iconType && t("span", { class: "link__icon" }, this.iconType), t("slot", null)));
+    }, t("span", { class: "link__label" }, this.label), this.icon && this.iconType && t("span", { className: "link__icon" }, this.iconType), t("slot", null)) : t("a", { href: this.url, onClick: this.handleClick, class: `link link--${this.size} link--${this.variant} ${this.inline ? "link--inline" : ""} ${this.disabled ? "link--disabled" : ""} ${this.extraClass}` }, t("span", { class: "link__label" }, this.label), this.icon && this.iconType && t("span", { class: "link__icon" }, this.iconType), t("slot", null));
   }
   static get style() {
     return rt;
   }
-}, [1, "dga-link", {
+}, [4, "dga-link", {
   variant: [1],
   size: [1],
   label: [1],
@@ -179417,12 +179404,12 @@ function at() {
   ["dga-link"].forEach((n) => {
     switch (n) {
       case "dga-link":
-        customElements.get(n) || customElements.define(n, ia);
+        customElements.get(n) || customElements.define(n, la);
         break;
     }
   });
 }
-const ot = ia, et = at, tt = `@charset "UTF-8";
+const ot = la, et = at, tt = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -196325,7 +196312,7 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, it = tt, la = /* @__PURE__ */ I(class extends M {
+}`, it = tt, da = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.size = "md", this.variant = "neutral", this.extraClass = void 0;
   }
@@ -196347,12 +196334,12 @@ function lt() {
   ["dga-loading"].forEach((n) => {
     switch (n) {
       case "dga-loading":
-        customElements.get(n) || customElements.define(n, la);
+        customElements.get(n) || customElements.define(n, da);
         break;
     }
   });
 }
-const dt = la, ct = lt, st = `@charset "UTF-8";
+const dt = da, ct = lt, st = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -213255,7 +213242,7 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, pt = st, da = /* @__PURE__ */ I(class extends M {
+}`, pt = st, ca = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.groupLabel = void 0;
   }
@@ -213274,12 +213261,12 @@ function bt() {
   ["dga-menu-group"].forEach((n) => {
     switch (n) {
       case "dga-menu-group":
-        customElements.get(n) || customElements.define(n, da);
+        customElements.get(n) || customElements.define(n, ca);
         break;
     }
   });
 }
-const gt = da, ut = bt;
+const gt = ca, ut = bt;
 /**
  * @license @hugeicons/react-pro v0.3.1
  *
@@ -230188,7 +230175,7 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, xt = mt, ca = /* @__PURE__ */ I(class extends M {
+}`, xt = mt, sa = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.trailElement = void 0, this.disabled = !1, this.leadIcon = void 0, this.label = void 0;
   }
@@ -230204,21 +230191,21 @@ a:focus {
   leadIcon: [16],
   label: [1]
 }]);
-function sa() {
+function pa() {
   if (typeof customElements > "u")
     return;
   ["dga-menu-item", "dga-icon"].forEach((n) => {
     switch (n) {
       case "dga-menu-item":
-        customElements.get(n) || customElements.define(n, ca);
+        customElements.get(n) || customElements.define(n, sa);
         break;
       case "dga-icon":
-        customElements.get(n) || T();
+        customElements.get(n) || O();
         break;
     }
   });
 }
-const ht = ca, ft = sa, _t = `@charset "UTF-8";
+const ht = sa, ft = pa, _t = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -247121,7 +247108,7 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, kt = _t, pa = /* @__PURE__ */ I(class extends M {
+}`, kt = _t, ba = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.groups = [];
   }
@@ -247140,18 +247127,18 @@ function yt() {
   ["dga-menu-updated", "dga-icon", "dga-menu-item"].forEach((n) => {
     switch (n) {
       case "dga-menu-updated":
-        customElements.get(n) || customElements.define(n, pa);
+        customElements.get(n) || customElements.define(n, ba);
         break;
       case "dga-icon":
-        customElements.get(n) || T();
+        customElements.get(n) || O();
         break;
       case "dga-menu-item":
-        customElements.get(n) || sa();
+        customElements.get(n) || pa();
         break;
     }
   });
 }
-const wt = pa, zt = yt, jt = `@charset "UTF-8";
+const wt = ba, zt = yt, jt = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -264054,7 +264041,7 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, St = jt, ba = /* @__PURE__ */ I(class extends M {
+}`, St = jt, ga = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost();
   }
@@ -264071,12 +264058,12 @@ function Bt() {
   ["dga-menu"].forEach((n) => {
     switch (n) {
       case "dga-menu":
-        customElements.get(n) || customElements.define(n, ba);
+        customElements.get(n) || customElements.define(n, ga);
         break;
     }
   });
 }
-const Mt = ba, It = Bt, At = `@charset "UTF-8";
+const Mt = ga, It = Bt, At = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -280983,9 +280970,9 @@ a:focus {
   error: t(Bn, null),
   warning: t(K, null),
   success: t(dn, null),
-  info: t(O, null),
-  neutral: t(O, null)
-}, ga = /* @__PURE__ */ I(class extends M {
+  info: t(R, null),
+  neutral: t(R, null)
+}, ua = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.type = "neutral", this.leadText = void 0, this.hasHelperText = !1, this.helperText = void 0, this.action = void 0, this.closeButton = void 0, this.vPostion = "top", this.hPostion = "right", this.onClose = void 0, this.buttonsList = [];
   }
@@ -280995,7 +280982,7 @@ a:focus {
     return t("div", { key: "492ac91a861795bf5caf0293fb305e3998f8f704", class: `notification-toast notification-toast--${this.type} vpostion-${this.vPostion} hpostion-${this.hPostion}` }, t("div", { key: "f702c27d82942fe324e0946e5d1d458d78d15533", class: `notification-toast__header ${this.hasHelperText ? "" : "flex-center-y"}` }, t("div", { key: "5c3f03ac9f8311872d7f0ee531f3e43e2e03bb36", class: `notification--${this.type} notification-toast__icon featured-icon featured-icon--circle featured-icon--md` }, Ct[this.type]), t("div", { key: "89025f0ef529783fbed6535f4cb8f11580d10761", class: "notification-toast__body" }, t("h4", { key: "e364db983264e4f393a1e81a27881c7789600926", class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && t("p", { key: "1e9fee8383c2e98062d88dec1cbf76103177416c", class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && t("div", { key: "39e7ab4bcab47a989711e79a0e6c1aedfd5f6f58", class: "notification-toast__close-btn" }, t("button", { key: "0418a3eba55c7833315f1aa02ec864b8cdb3aa7a", class: "btn btn--close btn--icon btn--md", onClick: (n) => {
       var a;
       return (a = this.onClose) === null || a === void 0 ? void 0 : a.call(this, n);
-    } }, t("span", { key: "1066414f0a67d1f9f94166a75c263d4b0e027c7e", class: "btn-icon" }, t(Hn, { key: "de0ee373314c9eb5bf519a8394e24292796c91bf" }))))), this.action && t(tn, { key: "1fb556b252d0955c2cbd382e588dce20521fe94e" }, t("div", { key: "a53ed61d58af95dd6bce395e826c426ac4dfd13c", class: "notification-toast__action" }, this.buttonsList.length > 0 && this.buttonsList.map(({ id: n, onClick: a, extraClasses: o, title: l, customAttribute: s, label: p }) => t("button", Object.assign({ key: n || L(), id: n || L(), onClick: (b) => a(b), class: `btn btn--subtle btn--md ${o}` }, l && { title: l }, s && s.key && {
+    } }, t("span", { key: "1066414f0a67d1f9f94166a75c263d4b0e027c7e", class: "btn-icon" }, t(Wn, { key: "de0ee373314c9eb5bf519a8394e24292796c91bf" }))))), this.action && t(tn, { key: "1fb556b252d0955c2cbd382e588dce20521fe94e" }, t("div", { key: "a53ed61d58af95dd6bce395e826c426ac4dfd13c", class: "notification-toast__action" }, this.buttonsList.length > 0 && this.buttonsList.map(({ id: n, onClick: a, extraClasses: o, title: l, customAttribute: s, label: p }) => t("button", Object.assign({ key: n || L(), id: n || L(), onClick: (b) => a(b), class: `btn btn--subtle btn--md ${o}` }, l && { title: l }, s && s.key && {
       [s.key]: s.value ? s.value : ""
     }), p))), t("div", { key: "443c1d7da54c4a8a721c0d102af54bab8e93ccf1", class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 && this.buttonsList.map(({ id: n, onClick: a, extraClasses: o, title: l, customAttribute: s, label: p }) => t("button", Object.assign({ key: n || L(), id: n || L(), onClick: (b) => a(b), class: `btn btn--secondary btn--lg ${o}` }, l && { title: l }, s && s.key && {
       [s.key]: s.value ? s.value : ""
@@ -281022,12 +281009,12 @@ function $t() {
   ["dga-notification-toast"].forEach((n) => {
     switch (n) {
       case "dga-notification-toast":
-        customElements.get(n) || customElements.define(n, ga);
+        customElements.get(n) || customElements.define(n, ua);
         break;
     }
   });
 }
-const Xt = ga, Et = $t, Lt = `@charset "UTF-8";
+const Xt = ua, Et = $t, Lt = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -297934,9 +297921,9 @@ a:focus {
   critical: t(K, { variant: "solid" }),
   warning: t(Bn, { variant: "solid" }),
   success: t(dn, { variant: "solid" }),
-  info: t(O, { variant: "solid" }),
-  neutral: t(O, { variant: "solid" })
-}, ua = /* @__PURE__ */ I(class extends M {
+  info: t(R, { variant: "solid" }),
+  neutral: t(R, { variant: "solid" })
+}, va = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.icon = !0, this.leadText = void 0, this.content = void 0, this.variant = void 0, this.link = !1, this.textLink = void 0, this.dismissable = !1, this.setNavigateTo = void 0, this.navigateTo = void 0, this.dismmissed = void 0;
   }
@@ -297979,7 +297966,7 @@ a:focus {
       this.navigateTo && this.navigateTo(this.setNavigateTo);
     }, class: "notification__link link link--md link--neutral link--inline" }, t("span", { key: "298a1b45424550c94e2a25f469c430574e3b7ac0", class: "link__label" }, this.textLink))), this.dismissable && t("div", { key: "b2310bad245ff4963c39f2976982f7704a4d3482", class: "notification__dismiss" }, t("button", { key: "7df68490e6866fff8a961f95af2107d9aa1eea85", class: "btn btn--close btn--icon btn--md", onClick: () => {
       this.dismmissed && this.dismmissed();
-    } }, t("span", { key: "cdc0628e647cbf1306aa1a084ebc2b684880900d", class: "btn-icon" }, t(Hn, { key: "bd61e574b56f8367e25c2181e333f44c8019ec9c" })))));
+    } }, t("span", { key: "cdc0628e647cbf1306aa1a084ebc2b684880900d", class: "btn-icon" }, t(Wn, { key: "bd61e574b56f8367e25c2181e333f44c8019ec9c" })))));
   }
   static get style() {
     return Yt;
@@ -298002,12 +297989,12 @@ function Dt() {
   ["dga-notification"].forEach((n) => {
     switch (n) {
       case "dga-notification":
-        customElements.get(n) || customElements.define(n, ua);
+        customElements.get(n) || customElements.define(n, va);
         break;
     }
   });
 }
-const Ft = ua, Tt = Dt, Rt = `@charset "UTF-8";
+const Ft = va, Tt = Dt, Rt = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -314913,7 +314900,7 @@ a:focus {
 }`, Ot = Rt, an = "...", un = (r, n) => {
   let a = n - r + 1;
   return Array.from({ length: a }, (o, l) => l + r);
-}, va = /* @__PURE__ */ I(class extends M {
+}, ma = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.onNext = () => {
       this.currentPage != this.totalPageCount && (this.currentPage = this.currentPage + 1, this.onChange && this.onChange(this.currentPage));
@@ -314974,12 +314961,12 @@ function Gt() {
   ["dga-pagination"].forEach((n) => {
     switch (n) {
       case "dga-pagination":
-        customElements.get(n) || customElements.define(n, va);
+        customElements.get(n) || customElements.define(n, ma);
         break;
     }
   });
 }
-const Ht = va, Wt = Gt, Zt = `@charset "UTF-8";
+const Ht = ma, Wt = Gt, Ut = `@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -331882,39 +331869,15 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, Ut = Zt, ma = /* @__PURE__ */ I(class extends M {
+}`, Zt = Ut, xa = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.label = void 0, this.color = "neutral", this.variant = "success", this.size = "md", this.iconOnly = void 0, this.iconType = void 0, this.leadIcon = void 0, this.leadIconType = void 0, this.trailIcon = void 0, this.trailIconType = void 0, this.rounded = void 0, this.outlined = void 0;
   }
-  // @Prop() id = guid();
-  // @Prop() children;
-  //     @Prop() customAttribute = {
-  //     key: "",
-  //     value: "",
-  //   };
-  //     // //   dialogRef!: HTMLDialogElement;
-  //     // //   containergRef!: HTMLDivElement;
   render() {
-    return this.iconOnly ? t("span", {
-      // id={id}
-      // {...(customAttribute.key && {
-      //   [customAttribute.key]: customAttribute.value
-      //     ? customAttribute.value
-      //     : "",
-      // })}
-      class: `tag tag--${this.color}${this.outlined ? "-outlined" : ""} tag--${this.size} ${this.rounded ? "tag--rounded" : ""}  tag--icon`
-    }, this.iconType && t("span", { class: "tag-icon" }, this.iconType), t("slot", null)) : t("span", {
-      //   id={id}
-      //   {...(customAttribute.key && {
-      //     [customAttribute.key]: customAttribute.value
-      //       ? customAttribute.value
-      //       : "",
-      //   })}
-      class: `tag tag--${this.color}${this.outlined ? "-outlined" : ""} tag--${this.size} ${this.rounded ? "tag--rounded" : ""}`
-    }, this.leadIcon && this.leadIconType ? t("span", { class: "tag-icon" }, this.leadIconType) : "", this.label, this.trailIcon && this.trailIconType ? t("span", { class: "tag-icon" }, this.trailIconType) : "", t("slot", null));
+    return this.iconOnly ? t("span", { class: `tag tag--${this.color}${this.outlined ? "-outlined" : ""} tag--${this.size} ${this.rounded ? "tag--rounded" : ""}  tag--icon` }, this.iconType && t("span", { class: "tag-icon" }, this.iconType), !this.iconType && t("slot", null)) : t("span", { class: `tag tag--${this.color}${this.outlined ? "-outlined" : ""} tag--${this.size} ${this.rounded ? "tag--rounded" : ""}` }, this.leadIcon && this.leadIconType ? t("span", { class: "tag-icon" }, this.leadIconType) : "", this.label, this.trailIcon && this.trailIconType ? t("span", { class: "tag-icon" }, this.trailIconType) : "", t("slot", null));
   }
   static get style() {
-    return Ut;
+    return Zt;
   }
 }, [4, "dga-tag", {
   label: [1],
@@ -331922,11 +331885,11 @@ a:focus {
   variant: [1],
   size: [1],
   iconOnly: [4, "icon-only"],
-  iconType: [16],
+  iconType: [8, "icon-type"],
   leadIcon: [4, "lead-icon"],
-  leadIconType: [16],
+  leadIconType: [8, "lead-icon-type"],
   trailIcon: [4, "trail-icon"],
-  trailIconType: [16],
+  trailIconType: [8, "trail-icon-type"],
   rounded: [4],
   outlined: [4]
 }]);
@@ -331936,12 +331899,12 @@ function Vt() {
   ["dga-tag"].forEach((n) => {
     switch (n) {
       case "dga-tag":
-        customElements.get(n) || customElements.define(n, ma);
+        customElements.get(n) || customElements.define(n, xa);
         break;
     }
   });
 }
-const Nt = ma, Jt = Vt;
+const Nt = xa, Jt = Vt;
 /**
  * @license @hugeicons/react-pro v0.3.1
  *
@@ -348856,12 +348819,12 @@ a:focus {
 .flex-align-stretch {
   align-items: stretch;
-}`, ri = ni, xa = /* @__PURE__ */ I(class extends M {
+}`, ri = ni, ha = /* @__PURE__ */ I(class extends M {
   constructor() {
     super(), this.__registerHost(), this.icons = {
       "success-check": t("dga-icon", { icon: dn, variant: "solid", color: "var(--icon-success)!important" }),
-      "blue-info": t("dga-icon", { icon: O, variant: "solid", color: "var(--icon-info)!important" }),
-      "neutral-info": t("dga-icon", { icon: O, variant: "solid", color: "var(--icon-default-400)!important" }),
+      "blue-info": t("dga-icon", { icon: R, variant: "solid", color: "var(--icon-info)!important" }),
+      "neutral-info": t("dga-icon", { icon: R, variant: "solid", color: "var(--icon-default-400)!important" }),
       "neutral-?": t("dga-icon", { icon: Qt, variant: "solid", color: "var(--icon-default-400)!important" }),
       "warning-!-circle": t("dga-icon", { icon: K, variant: "solid", color: "var(--icon-warning)!important" }),
       "warning-!-triangle": t("dga-icon", { icon: Bn, variant: "solid", type: "sharp", color: "var(--icon-warning)!important" }),
@@ -348896,25 +348859,25 @@ function ai() {
   ["dga-tooltip", "dga-icon"].forEach((n) => {
     switch (n) {
       case "dga-tooltip":
-        customElements.get(n) || customElements.define(n, xa);
+        customElements.get(n) || customElements.define(n, ha);
         break;
       case "dga-icon":
-        customElements.get(n) || T();
+        customElements.get(n) || O();
         break;
     }
   });
 }
-const oi = xa, ei = ai;
+const oi = ha, ei = ai;
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ti = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), xr = /* @__PURE__ */ new WeakMap(), hr = (r, n, a, o, l) => {
+const ti = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), hr = /* @__PURE__ */ new WeakMap(), fr = (r, n, a, o, l) => {
   const s = l == null ? void 0 : l[n];
   s === void 0 ? (r[n] = a, a == null && n in HTMLElement.prototype && r.removeAttribute(n)) : a !== o && ((p, b, g) => {
-    let u = xr.get(p);
-    u === void 0 && xr.set(p, u = /* @__PURE__ */ new Map());
+    let u = hr.get(p);
+    u === void 0 && hr.set(p, u = /* @__PURE__ */ new Map());
     let x = u.get(b);
     g !== void 0 ? x === void 0 ? (u.set(b, x = { handleEvent: g }), p.addEventListener(b, x)) : x.handleEvent = g : x !== void 0 && (u.delete(b), p.removeEventListener(b, x));
   })(r, s, a);
@@ -348925,8 +348888,8 @@ const ti = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
     return r.useLayoutEffect(() => {
       if (x.current === null) return;
       const _ = /* @__PURE__ */ new Map();
-      for (const k in f) hr(x.current, k, b[k], u.current.get(k), o), u.current.delete(k), _.set(k, b[k]);
-      for (const [k, C] of u.current) hr(x.current, k, void 0, C, o);
+      for (const k in f) fr(x.current, k, b[k], u.current.get(k), o), u.current.delete(k), _.set(k, b[k]);
+      for (const [k, C] of u.current) fr(x.current, k, void 0, C, o);
       u.current = _;
     }), r.useLayoutEffect(() => {
       var _;
@@ -348941,10 +348904,10 @@ const ti = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
   ...n
 }) => (typeof r < "u" && r(), ii(n)), Ai = /* @__PURE__ */ A({
   tagName: "dga-accordion",
-  elementClass: ie,
+  elementClass: le,
   react: B,
   events: {},
-  defineCustomElement: le
+  defineCustomElement: de
 }), Pi = /* @__PURE__ */ A({
   tagName: "dga-avatar",
   elementClass: be,
@@ -348992,7 +348955,7 @@ const ti = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
   elementClass: We,
   react: B,
   events: {},
-  defineCustomElement: Ze
+  defineCustomElement: Ue
 }), Di = /* @__PURE__ */ A({
   tagName: "dga-inline-alert",
   elementClass: Ke,
@@ -349041,13 +349004,13 @@ const ti = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
   react: B,
   events: {},
   defineCustomElement: Tt
-}), Zi = /* @__PURE__ */ A({
+}), Ui = /* @__PURE__ */ A({
   tagName: "dga-notification-toast",
   elementClass: Xt,
   react: B,
   events: {},
   defineCustomElement: Et
-}), Ui = /* @__PURE__ */ A({
+}), Zi = /* @__PURE__ */ A({
   tagName: "dga-pagination",
   elementClass: Ht,
   react: B,
@@ -349084,8 +349047,8 @@ export {
   Gi as DgaMenuItem,
   Hi as DgaMenuUpdated,
   Wi as DgaNotification,
-  Zi as DgaNotificationToast,
-  Ui as DgaPagination,
+  Ui as DgaNotificationToast,
+  Zi as DgaPagination,
   Vi as DgaTag,
   Ni as DgaTooltip
 };