@trintel/zooy 1.0.8 → 1.0.12

package/dist/chunks/{register-D01rr_6V.js → register-DgYdd65A.js}

@@ -1,13 +1,13 @@
-import { _ as et, c as vt, d as bt, g as l, e as Et, h as St, o as _t, j as It, p as yt, k as E, C as Ct } from "./main-CPeOiLq5.js";
-var Pt = /* @__PURE__ */ et(function(e, n) {
+import { _ as et, c as vt, d as bt, g as l, e as Et, h as St, o as _t, j as It, p as yt, k as E, C as Pt } from "./main-BqOledN0.js";
+var Ct = /* @__PURE__ */ et(function(e, n) {
   return n == null || n !== n ? e : n;
 }), At = /* @__PURE__ */ vt(function(e, n, o) {
-  return Pt(e, bt(n, o));
+  return Ct(e, bt(n, o));
 }), Tt = /* @__PURE__ */ et(function(e, n) {
   for (var o = {}, s = 0; s < e.length; )
     e[s] in n && (o[e[s]] = n[e[s]]), s += 1;
   return o;
-}), z = {}, Y;
+}), j = {}, Y;
 function Dt() {
   return Y || (Y = 1, (function(t) {
     t.TABLE_SIZE = void 0, (function(n) {
@@ -38,54 +38,16 @@ function Dt() {
       ]
     };
     t.TABLE_SORT_CYCLES = e;
-  })(z)), z;
+  })(j)), j;
 }
 var kt = Dt();
-const Nt = {
-  selector: "cds-pagination",
-  /**
-   * Initialize a standalone pagination component.
-   *
-   * Note: The pagination parameter is a CDSPagination instance from @carbon/web-components.
-   * To access the CDSPagination class and its static properties:
-   *   const CDSPagination = customElements.get('cds-pagination');
-   *   // or
-   *   const CDSPagination = pagination.constructor;
-   *
-   * @param {CDSPagination} pagination - The CDSPagination custom element instance
-   * @this {Panel} The panel instance
-   */
-  init: function(t) {
-    const e = this, n = customElements.get("cds-pagination");
-    let o = null;
-    e.listen(t, n.eventChangeCurrent, (s) => {
-      const c = s.detail.page, i = t.pageSize, a = (c - 1) * i;
-      a !== o && (o = a, e.dispatchPanelEvent("pagination-changed-current", {
-        detail: {
-          page: c,
-          pageSize: i,
-          action: "page-change"
-        }
-      }));
-    }), e.listen(t, n.eventPageSizeChanged, (s) => {
-      const c = t.pageSize;
-      o = null, e.dispatchPanelEvent("pagination-changed-page-size", {
-        detail: {
-          page: 1,
-          // Reset to page 1 when changing size
-          pageSize: c,
-          action: "page-size-change"
-        }
-      });
-    });
-  }
-}, $ = (t, e, n) => {
+const X = (t, e, n) => {
   const o = customElements.get("cds-table"), s = customElements.get("cds-pagination"), c = customElements.get(o.selectorTableBatchActions);
   customElements.get("cds-popover");
-  const i = e.dataBinder, a = e.pagination, d = e.skeleton, S = e.querySelector(o.selectorTableToolbarSearch), I = e.querySelector(o.selectorTableBatchActions), D = e.querySelector(o.selectorTableBody), W = ["button", "a", "input", "select", "textarea", '[role="button"]', ".cds--table-expand", ".cds--table-column-checkbox"].join(","), U = e.querySelectorAll(o.selectorHeaderCell + "[is-sortable]"), nt = e.isSortable || U.length > 0, R = Symbol(), B = Symbol(), k = /* @__PURE__ */ new Map(), ot = (r) => {
+  const i = e.dataBinder, a = e.pagination, d = e.skeleton, S = e.querySelector(o.selectorTableToolbarSearch), I = e.querySelector(o.selectorTableBatchActions), D = e.querySelector(o.selectorTableBody), R = ["button", "a", "input", "select", "textarea", '[role="button"]', ".cds--table-expand", ".cds--table-column-checkbox"].join(","), H = e.querySelectorAll(o.selectorHeaderCell + "[is-sortable]"), nt = e.isSortable || H.length > 0, B = Symbol(), z = Symbol(), k = /* @__PURE__ */ new Map(), ot = (r) => {
     t.listen(e, "click", (p) => {
       const u = p.target.closest(o.selectorTableRow);
-      if (!u || p.composedPath().some((f) => f.matches && f.matches(W))) return;
+      if (!u || p.composedPath().some((g) => g.matches && g.matches(R))) return;
       p.stopPropagation();
       const m = l(u);
       t.dispatchPanelEvent(r, {
@@ -94,25 +56,25 @@ const Nt = {
     });
   }, st = (r) => {
     t.listen(e, o.eventExpandoToggle, (p) => {
-      const u = p.target, m = u.tagName === "CDS-TABLE-HEADER-ROW", f = p.detail.expanded, v = l(u), _ = {
+      const u = p.target, m = u.tagName === "CDS-TABLE-HEADER-ROW", g = p.detail.expanded, v = l(u), _ = {
         tableAttrs: n,
         ...v,
         target: u,
         allRows: m,
-        didExpand: f
+        didExpand: g
       };
       t.dispatchPanelEvent(r, _);
     });
   }, ct = (r) => {
-    k.set(R, (p) => {
+    k.set(B, (p) => {
       t.dispatchPanelEvent(r, p);
     });
   }, it = (r) => {
-    k.set(B, (p) => {
-      const u = p.detail.selectedRows, m = Math.min(u.length, I.totalRowsCount), f = p.target, v = l(f), _ = u.map(l), y = {
+    k.set(z, (p) => {
+      const u = p.detail.selectedRows, m = Math.min(u.length, I.totalRowsCount), g = p.target, v = l(g), _ = u.map(l), y = {
         tableAttrs: n,
         ...v,
-        target: f,
+        target: g,
         selectCount: m,
         selection: _
       };
@@ -120,10 +82,10 @@ const Nt = {
     });
   }, at = (r) => {
     t.listen(e, o.eventTableRowSelect, (p) => {
-      const u = p.target, m = p.detail.selectedRows || [], f = m.length, v = m.map(l), _ = l(u), y = {
+      const u = p.target, m = p.detail.selectedRows || [], g = m.length, v = m.map(l), _ = l(u), y = {
         tableAttrs: n,
         ..._,
-        selectCount: f,
+        selectCount: g,
         selection: v,
         target: u
       };
@@ -131,16 +93,16 @@ const Nt = {
     });
   }, rt = () => {
     t.listen(e, o.eventBeforeSort, (r) => {
-      const p = r.target, u = r.detail.oldSortDirection, m = r.detail.sortDirection, f = l(p), v = f.sortField, _ = m === kt.TABLE_SORT_DIRECTION.DESCENDING ? `-${v}` : v;
-      r.cancelBubble = !0, r.stopPropagation(), r.preventDefault(), D.innerHTML = "", d && d.show(), U.forEach((A, h) => {
+      const p = r.target, u = r.detail.oldSortDirection, m = r.detail.sortDirection, g = l(p), v = g.sortField, _ = m === kt.TABLE_SORT_DIRECTION.DESCENDING ? `-${v}` : v;
+      r.cancelBubble = !0, r.stopPropagation(), r.preventDefault(), D.innerHTML = "", d && d.show(), H.forEach((A, h) => {
         A === p ? (A.setAttribute("sort-active", "true"), A.setAttribute("sort-direction", m)) : (A.removeAttribute("sort-active"), A.setAttribute("sort-direction", "none"));
       });
       const y = { ordering: _ };
       i.fetchData(y).then(() => {
         a.setData(i), d && d.hide();
-      }), k.has(R) && k.get(R)({
+      }), k.has(B) && k.get(B)({
         tableAttrs: n,
-        ...f,
+        ...g,
         sortNow: m,
         sortWas: u,
         sortField: v,
@@ -152,7 +114,7 @@ const Nt = {
     t.listen(e, o.eventTableRowSelectAll, (r) => {
       r.detail.selectedRows.length === 0 && e.querySelectorAll(o.selectorTableRow).forEach((p) => {
         p.disabled = !1, p.selected = !1;
-      }), k.has(B) && k.get(B)(r);
+      }), k.has(z) && k.get(z)(r);
     });
   }, dt = () => {
     t.listen(e, o.eventBeforeChangeSelectionAll, (r) => {
@@ -194,9 +156,9 @@ const Nt = {
         });
       }
     });
-  }, gt = (r) => {
+  }, ft = (r) => {
     r.caret = !1;
-    const p = r.querySelector("cds-icon-button, button:not([slot])"), u = r.querySelectorAll("cds-checkbox"), m = r.querySelectorAll("cds-modal-footer-button"), f = [...r.querySelectorAll("cds-checkbox-group")].map(l).map(At("noop", ["zoo", "filter", "field"])).reduce(
+    const p = r.querySelector("cds-icon-button, button:not([slot])"), u = r.querySelectorAll("cds-checkbox"), m = r.querySelectorAll("cds-modal-footer-button"), g = [...r.querySelectorAll("cds-checkbox-group")].map(l).map(At("noop", ["zoo", "filter", "field"])).reduce(
       (h, b) => (h[b] = null, h),
       { offset: 0 }
     );
@@ -222,7 +184,7 @@ const Nt = {
     if (y.has(v)) {
       const h = (b) => b.checked = !1;
       t.listen(y.get(v), "click", (b) => {
-        b.stopPropagation(), u.forEach(h), d && d.show(), i.fetchData(f).then(() => {
+        b.stopPropagation(), u.forEach(h), d && d.show(), i.fetchData(g).then(() => {
           a && a.setData(i), d && d.hide(), r.open = !1;
         });
       });
@@ -236,7 +198,7 @@ const Nt = {
     }), t.listen(p, "click", (h) => {
       h.stopPropagation(), r.open = !r.open, r.classList.toggle("cds--overflow-menu--open", r.open);
     });
-  }, ft = () => {
+  }, gt = () => {
     t.listen(a, s.eventPageSizeChanged, (r) => {
       const u = {
         limit: a.pageSize,
@@ -249,24 +211,24 @@ const Nt = {
   }, ht = () => {
     let r = null;
     t.listen(a, s.eventChangeCurrent, (p) => {
-      const { page: u } = p.detail, m = a.pageSize, f = (u - 1) * m;
-      if (f !== r) {
-        r = f;
-        const v = { limit: m, offset: f };
+      const { page: u } = p.detail, m = a.pageSize, g = (u - 1) * m;
+      if (g !== r) {
+        r = g;
+        const v = { limit: m, offset: g };
         i.fetchData(v).then(() => {
           a.setData(i), d && d.hide();
         });
       }
     });
   };
-  i && a && (ft(), ht()), i && S && (ut(S), mt(S));
-  const H = e.querySelector(o.selectorTableToolbarContent);
-  if (H) {
-    const r = H.querySelectorAll("cds-popover[data-batch-filter]");
-    i && r && r.forEach(gt);
+  i && a && (gt(), ht()), i && S && (ut(S), mt(S));
+  const V = e.querySelector(o.selectorTableToolbarContent);
+  if (V) {
+    const r = V.querySelectorAll("cds-popover[data-batch-filter]");
+    i && r && r.forEach(ft);
   }
   e.isSelectable && (lt(), dt(), I && pt(I)), i && nt && rt();
-  const V = {
+  const $ = {
     zoo: {
       event: {
         row: {
@@ -284,9 +246,9 @@ const Nt = {
     }
   };
   _t(n).forEach(([r, p]) => {
-    It(r, V) && yt(r, V)(p);
+    It(r, $) && yt(r, $)(p);
   });
-}, Ot = (t) => {
+}, Nt = (t) => {
   const e = document.createElement("cds-pagination");
   return e.backwardText = "Previous page", e.forwardText = "Next page", e.itemsPerPageText = "Items per page:", e.pageSize = t.limit, e.size = "lg", [10, 25, 50, 100, 500].forEach((n) => {
     const o = document.createElement("cds-select-item");
@@ -297,7 +259,7 @@ const Nt = {
       e.pagesUnknown = s > c, e.totalItems = o, e.pagesUnknown ? e.formatStatusWithIndeterminateTotal = ({ start: i, end: a }) => `${i}–${a} of ${o} item${o <= 1 ? "" : "s"}` : delete e.formatStatusWithIndeterminateTotal;
     }
   }, e;
-}, wt = (t) => {
+}, Ot = (t) => {
   if (!t.parentNode) {
     console.error("[Carbon Table] Cannot create skeleton: table has no parent node");
     return;
@@ -306,13 +268,13 @@ const Nt = {
   a.showHeader = e || n, a.showToolbar = o, a.zebra = c, a.columnCount = s, a.size = i, a.show = () => a.classList.remove("hidden"), a.hide = () => a.classList.add("hidden");
   const d = document.createElement("div");
   return d.classList.add("zoo-datatable-skeleton-wrapper"), t.parentNode.insertBefore(d, t), d.appendChild(a), d.appendChild(t), a;
-}, Mt = (t, e) => {
+}, wt = (t, e) => {
   const n = e.getAttribute("zoo-url-api"), o = parseInt(e.getAttribute("data-page-size") || 25, 10);
   if (n)
     return new St(t, n, e, {
       urlParams: { limit: o }
     });
-}, Wt = {
+}, Mt = {
   selector: "cds-table",
   /**
    * Initialize a Carbon data table component.
@@ -344,23 +306,57 @@ const Nt = {
    * @this {Panel} The panel instance
    */
   init: function(t) {
-    const e = l(t), n = this, o = Mt(n, t);
+    const e = l(t), n = this, o = wt(n, t);
     if (Et(o)) {
       t.dataBinder = o;
-      const s = wt(t);
+      const s = Ot(t);
       t.skeleton = s;
-      const c = Ot(o);
+      const c = Nt(o);
       t.pagination = c, t.after(c), o.fetchData().then((i) => {
-        s.hide(), c.setData(o), $(n, t, e);
+        s.hide(), c.setData(o), X(n, t, e);
       });
     } else
-      $(n, t, e);
+      X(n, t, e);
   }
-}, Rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsPaginationWrap: Nt,
-  cdsTableWrap: Wt
-}, Symbol.toStringTag, { value: "Module" })), Bt = {
+  cdsTableWrap: Mt
+}, Symbol.toStringTag, { value: "Module" })), Rt = {
+  selector: "cds-pagination",
+  /**
+   * Initialize a standalone pagination component.
+   *
+   * @param {CDSPagination} pagination - The CDSPagination custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = this, n = customElements.get("cds-pagination");
+    let o = null;
+    e.listen(t, n.eventChangeCurrent, (s) => {
+      const c = s.detail.page, i = t.pageSize, a = (c - 1) * i;
+      a !== o && (o = a, e.dispatchPanelEvent("pagination-changed-current", {
+        detail: {
+          page: c,
+          pageSize: i,
+          action: "page-change"
+        }
+      }));
+    }), e.listen(t, n.eventPageSizeChanged, (s) => {
+      const c = t.pageSize;
+      o = null, e.dispatchPanelEvent("pagination-changed-page-size", {
+        detail: {
+          page: 1,
+          // Reset to page 1 when changing size
+          pageSize: c,
+          action: "page-size-change"
+        }
+      });
+    });
+  }
+}, Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsPaginationWrap: Rt
+}, Symbol.toStringTag, { value: "Module" })), zt = {
   selector: "cds-modal",
   /**
    * @param {CDSModal} modal - The CDSModal custom element instance
@@ -396,21 +392,21 @@ const Nt = {
       });
     });
   }
-}, zt = {
-  selector: "cds-modal-header"
 }, jt = {
-  selector: "cds-modal-heading"
+  selector: "cds-modal-header"
 }, xt = {
-  selector: "cds-modal-label"
+  selector: "cds-modal-heading"
 }, Lt = {
-  selector: "cds-modal-close-button"
+  selector: "cds-modal-label"
 }, Ft = {
-  selector: "cds-modal-body"
+  selector: "cds-modal-close-button"
 }, qt = {
-  selector: "cds-modal-body-content"
+  selector: "cds-modal-body"
 }, Gt = {
-  selector: "cds-modal-footer"
+  selector: "cds-modal-body-content"
 }, Ut = {
+  selector: "cds-modal-footer"
+}, Ht = {
   selector: "cds-modal-footer-button",
   /**
    * @param {CDSModalFooterButton} button - The CDSModal custom element instance
@@ -434,18 +430,18 @@ const Nt = {
       s.stopPropagation(), this.dispatchPanelEvent(o, e);
     });
   }
-}, Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsModalBodyContentWrap: qt,
-  cdsModalBodyWrap: Ft,
-  cdsModalCloseButWrap: Lt,
-  cdsModalFooterButWrap: Ut,
-  cdsModalFooterWrap: Gt,
-  cdsModalHeaderWrap: zt,
-  cdsModalHeadingWrap: jt,
-  cdsModalLabelWrap: xt,
-  cdsModalWrap: Bt
-}, Symbol.toStringTag, { value: "Module" })), Vt = {
+  cdsModalBodyContentWrap: Gt,
+  cdsModalBodyWrap: qt,
+  cdsModalCloseButWrap: Ft,
+  cdsModalFooterButWrap: Ht,
+  cdsModalFooterWrap: Ut,
+  cdsModalHeaderWrap: jt,
+  cdsModalHeadingWrap: xt,
+  cdsModalLabelWrap: Lt,
+  cdsModalWrap: zt
+}, Symbol.toStringTag, { value: "Module" })), $t = {
   selector: "cds-menu",
   /**
    * @param {CDSMenu} menu - The CDSMenu custom element instance
@@ -500,11 +496,11 @@ const Nt = {
       }
     });
   }
-}, $t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   cdsMenuButtonWrap: Yt,
-  cdsMenuWrap: Vt
-}, Symbol.toStringTag, { value: "Module" })), Xt = {
+  cdsMenuWrap: $t
+}, Symbol.toStringTag, { value: "Module" })), Zt = {
   selector: "cds-button",
   /**
    * @param {CDSButton} button - The CDSButton custom element instance
@@ -528,11 +524,11 @@ const Nt = {
       s.stopPropagation(), this.dispatchPanelEvent(o, l(t));
     });
   }
-}, Zt = {
+}, Jt = {
   selector: "cds-icon-button:not([data-toggle])",
   event: "click",
   getData: (t, e) => e
-}, Jt = {
+}, Kt = {
   selector: "cds-icon-button[data-toggle]",
   /**
    * @param {CDSIconButton} button - The CDSButton custom element instance
@@ -547,11 +543,11 @@ const Nt = {
       });
     });
   }
-}, Kt = {
+}, Qt = {
   selector: "cds-button[data-fab]",
   event: "click",
   getData: (t, e) => e
-}, Qt = {
+}, te = {
   selector: "cds-copy-button",
   /**
    * @param {CDSCopyButton} button - The CDSCopyButton custom element instance
@@ -579,7 +575,7 @@ const Nt = {
       }), t._copyObserver = s;
     }
   }
-}, te = {
+}, ee = {
   selector: "cds-combo-button",
   /**
    * @param {CDSComboButton} button - The CDSComboButton custom element instance
@@ -606,15 +602,15 @@ const Nt = {
       }
     });
   }
-}, ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsButFabWrap: Kt,
-  cdsButtonWrap: Xt,
-  cdsComboButWrap: te,
-  cdsCopyButWrap: Qt,
-  cdsIconButToggleWrap: Jt,
-  cdsIconButWrap: Zt
-}, Symbol.toStringTag, { value: "Module" })), ne = {
+  cdsButFabWrap: Qt,
+  cdsButtonWrap: Zt,
+  cdsComboButWrap: ee,
+  cdsCopyButWrap: te,
+  cdsIconButToggleWrap: Kt,
+  cdsIconButWrap: Jt
+}, Symbol.toStringTag, { value: "Module" })), oe = {
   selector: "cds-dropdown",
   /**
    * @param {CDSDropdown} dropdown - The CDSDropdown custom element instance
@@ -638,7 +634,7 @@ const Nt = {
       });
     });
   }
-}, oe = {
+}, se = {
   selector: "cds-combo-box",
   /**
    * @param {CDSComboBox} comboBox - The CDSComboBox custom element instance
@@ -663,7 +659,7 @@ const Nt = {
       });
     });
   }
-}, se = {
+}, ce = {
   selector: "cds-multi-select",
   /**
    * @param {CDSMultiSelect} multiSelect - The CDSMultiSelect custom element instance
@@ -686,12 +682,12 @@ const Nt = {
       });
     });
   }
-}, ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsComboBoxWrap: oe,
-  cdsDropdownWrap: ne,
-  cdsMultiSelectWrap: se
-}, Symbol.toStringTag, { value: "Module" })), ie = {
+  cdsComboBoxWrap: se,
+  cdsDropdownWrap: oe,
+  cdsMultiSelectWrap: ce
+}, Symbol.toStringTag, { value: "Module" })), ae = {
   selector: "cds-date-picker",
   /**
    * @param {CDSDatePicker} datePicker - The CDSDatePicker custom element instance
@@ -717,18 +713,18 @@ const Nt = {
       });
     });
   }
-}, ae = {
+}, re = {
   selector: "cds-time-picker",
   event: "cds-time-picker-changed",
   getData: (t, e, n) => ({
     ...e,
     value: n.value
   })
-}, re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsDatePickerWrap: ie,
-  cdsTimePickerWrap: ae
-}, Symbol.toStringTag, { value: "Module" })), le = {
+  cdsDatePickerWrap: ae,
+  cdsTimePickerWrap: re
+}, Symbol.toStringTag, { value: "Module" })), de = {
   selector: "cds-file-uploader",
   /**
    * @param {CDSFileUploader} uploader - The CDSFileUploader custom element instance
@@ -754,10 +750,10 @@ const Nt = {
       });
     });
   }
-}, de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsFileUploaderWrap: le
-}, Symbol.toStringTag, { value: "Module" })), pe = {
+  cdsFileUploaderWrap: de
+}, Symbol.toStringTag, { value: "Module" })), ue = {
   selector: "cds-tabs",
   /**
    * @param {CDSTabs} tabs - The CDSTabs custom element instance
@@ -782,7 +778,7 @@ const Nt = {
       });
     });
   }
-}, ue = {
+}, me = {
   selector: "cds-accordion",
   /**
    * @param {CDSAccordion} accordion - The CDSAccordion custom element instance
@@ -801,7 +797,7 @@ const Nt = {
       });
     });
   }
-}, me = {
+}, fe = {
   selector: "cds-content-switcher",
   /**
    * @param {CDSContentSwitcher} switcher - The CDSContentSwitcher custom element instance
@@ -828,19 +824,19 @@ const Nt = {
   }
 }, ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsAccordionWrap: ue,
-  cdsContentSwitcherWrap: me,
-  cdsTabsWrap: pe
-}, Symbol.toStringTag, { value: "Module" })), fe = {
+  cdsAccordionWrap: me,
+  cdsContentSwitcherWrap: fe,
+  cdsTabsWrap: ue
+}, Symbol.toStringTag, { value: "Module" })), he = {
   selector: "cds-breadcrumb-item"
-}, he = {
+}, ve = {
   selector: "cds-breadcrumb-link",
   event: "click",
   getData: (t, e, n) => (t.preventDefault(), {
     ...e,
     href: n.getAttribute("href")
   })
-}, ve = {
+}, be = {
   selector: "cds-breadcrumb",
   /**
    * @param {CDSBreadcrumb} breadcrumb - The CDSBreadcrumb custom element instance
@@ -871,12 +867,12 @@ const Nt = {
       });
     }
   }
-}, be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsBreadCrumbWrap: ve,
-  cdsBreadcrumbItemWrap: fe,
-  cdsBreadcrumbLinkWrap: he
-}, Symbol.toStringTag, { value: "Module" })), Ee = {
+  cdsBreadCrumbWrap: be,
+  cdsBreadcrumbItemWrap: he,
+  cdsBreadcrumbLinkWrap: ve
+}, Symbol.toStringTag, { value: "Module" })), Se = {
   selector: "cds-text-input",
   multiEvent: !0,
   events: [
@@ -897,7 +893,7 @@ const Nt = {
       })
     }
   ]
-}, Se = {
+}, _e = {
   selector: "cds-textarea",
   multiEvent: !0,
   events: [
@@ -918,7 +914,7 @@ const Nt = {
       })
     }
   ]
-}, _e = {
+}, Ie = {
   selector: "cds-number-input",
   event: "cds-number-input",
   getData: (t, e, n) => ({
@@ -927,7 +923,7 @@ const Nt = {
     direction: t.detail.direction
     // 'up' or 'down' when using steppers
   })
-}, Ie = {
+}, ye = {
   selector: "cds-password-input",
   multiEvent: !0,
   events: [
@@ -948,7 +944,7 @@ const Nt = {
       })
     }
   ]
-}, ye = {
+}, Pe = {
   selector: "cds-search",
   event: "cds-search-input",
   getData: (t, e, n) => ({
@@ -957,12 +953,12 @@ const Nt = {
   })
 }, Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsNumberInputWrap: _e,
-  cdsPasswordInputWrap: Ie,
-  cdsSearchWrap: ye,
-  cdsTextAreaWrap: Se,
-  cdsTextInputWrap: Ee
-}, Symbol.toStringTag, { value: "Module" })), Pe = {
+  cdsNumberInputWrap: Ie,
+  cdsPasswordInputWrap: ye,
+  cdsSearchWrap: Pe,
+  cdsTextAreaWrap: _e,
+  cdsTextInputWrap: Se
+}, Symbol.toStringTag, { value: "Module" })), Ae = {
   selector: "cds-checkbox",
   event: "cds-checkbox-changed",
   getData: (t, e, n) => ({
@@ -970,14 +966,14 @@ const Nt = {
     checked: t.detail.checked,
     value: n.value
   })
-}, Ae = {
+}, Te = {
   selector: "cds-radio-button-group",
   event: "cds-radio-button-group-changed",
   getData: (t, e) => ({
     ...e,
     value: t.detail?.value
   })
-}, Te = {
+}, De = {
   selector: "cds-toggle",
   event: "cds-toggle-changed",
   getData: (t, e) => ({
@@ -985,14 +981,14 @@ const Nt = {
     isOn: t.detail.checked,
     value: t.detail.checked
   })
-}, De = {
+}, ke = {
   selector: "cds-select",
   event: "cds-select-selected",
   getData: (t, e) => ({
     ...e,
     value: t.detail.value
   })
-}, ke = {
+}, Ne = {
   selector: "cds-slider",
   /**
    * @param {CDSSlider} slider - The CDSSlider custom element instance
@@ -1014,18 +1010,18 @@ const Nt = {
       });
     });
   }
-}, Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsCheckboxWrap: Pe,
-  cdsRadioButGroupWrap: Ae,
-  cdsSelectWrap: De,
-  cdsSliderWrap: ke,
-  cdsToggleWrap: Te
-}, Symbol.toStringTag, { value: "Module" })), Oe = {
+  cdsCheckboxWrap: Ae,
+  cdsRadioButGroupWrap: Te,
+  cdsSelectWrap: ke,
+  cdsSliderWrap: Ne,
+  cdsToggleWrap: De
+}, Symbol.toStringTag, { value: "Module" })), we = {
   selector: "cds-tag",
   event: "click",
   getData: (t, e) => e
-}, we = {
+}, Me = {
   selector: "cds-dismissible-tag",
   /**
    * @param {CDSDismissibleTag} tag - The CDSDismissibleTag custom element instance
@@ -1046,19 +1042,19 @@ const Nt = {
       });
     });
   }
-}, Me = {
+}, We = {
   selector: "cds-filter-tag",
   event: "cds-filter-tag-closed",
   getData: (t, e) => ({
     ...e,
     action: "remove"
   })
-}, We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsFilterTagWrap: Me,
-  cdsSDismissibleTagWrap: we,
-  cdsTagsWrap: Oe
-}, Symbol.toStringTag, { value: "Module" })), Re = {
+  cdsFilterTagWrap: We,
+  cdsSDismissibleTagWrap: Me,
+  cdsTagsWrap: we
+}, Symbol.toStringTag, { value: "Module" })), Be = {
   selector: "cds-overflow-menu",
   /**
    * @param {CDSOverflowMenu} overflowMenu - The CDSOverflowMenu custom element instance
@@ -1075,7 +1071,7 @@ const Nt = {
       });
     });
   }
-}, Be = {
+}, ze = {
   selector: "cds-structured-list",
   /**
    * @param {CDSStructuredList} list - The CDSStructuredList custom element instance
@@ -1099,7 +1095,7 @@ const Nt = {
       });
     });
   }
-}, ze = {
+}, je = {
   selector: "cds-tree-view",
   /**
    * @param {CDSTreeView} tree - The CDSTreeView custom element instance
@@ -1125,26 +1121,26 @@ const Nt = {
       });
     });
   }
-}, je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsOverflowMenuWrap: Re,
-  cdsStructuredListWrap: Be,
-  cdsTreeViewWrap: ze
-}, Symbol.toStringTag, { value: "Module" })), xe = {
+  cdsOverflowMenuWrap: Be,
+  cdsStructuredListWrap: ze,
+  cdsTreeViewWrap: je
+}, Symbol.toStringTag, { value: "Module" })), Le = {
   selector: "cds-toast-notification",
   event: "cds-notification-closed",
   getData: (t, e) => ({
     ...e,
     action: "closed"
   })
-}, Le = {
+}, Fe = {
   selector: "cds-inline-notification",
   event: "cds-notification-closed",
   getData: (t, e) => ({
     ...e,
     action: "closed"
   })
-}, Fe = {
+}, qe = {
   selector: "cds-actionable-notification",
   /**
    * @param {CDSActionableNotification} notification - The CDSActionableNotification custom element instance
@@ -1166,19 +1162,19 @@ const Nt = {
       });
     });
   }
-}, qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsActionableNotificationWrap: Fe,
-  cdsInlineNotificationWrap: Le,
-  cdsToastNotificationWrap: xe
-}, Symbol.toStringTag, { value: "Module" })), Ge = {
+  cdsActionableNotificationWrap: qe,
+  cdsInlineNotificationWrap: Fe,
+  cdsToastNotificationWrap: Le
+}, Symbol.toStringTag, { value: "Module" })), Ue = {
   selector: "cds-clickable-tile",
   event: "click",
   getData: (t, e) => ({
     ...e,
     href: t.currentTarget.getAttribute("href")
   })
-}, Ue = {
+}, He = {
   selector: "cds-expandable-tile",
   /**
    * @param {CDSExpandableTile} tile - The CDSExpandableTile custom element instance
@@ -1201,7 +1197,7 @@ const Nt = {
       });
     });
   }
-}, He = {
+}, Ve = {
   selector: "cds-selectable-tile",
   event: "cds-selectable-tile-changed",
   getData: (t, e, n) => ({
@@ -1209,7 +1205,7 @@ const Nt = {
     selected: t.detail.selected,
     value: n.value
   })
-}, Ve = {
+}, $e = {
   selector: "cds-radio-tile",
   event: "cds-selectable-tile-changed",
   getData: (t, e, n) => ({
@@ -1219,11 +1215,11 @@ const Nt = {
   })
 }, Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsClickableTileWrap: Ge,
-  cdsExpandableTileWrap: Ue,
-  cdsRadioTileWrap: Ve,
-  cdsSelectableTileWrap: He
-}, Symbol.toStringTag, { value: "Module" })), $e = {
+  cdsClickableTileWrap: Ue,
+  cdsExpandableTileWrap: He,
+  cdsRadioTileWrap: $e,
+  cdsSelectableTileWrap: Ve
+}, Symbol.toStringTag, { value: "Module" })), Xe = {
   selector: "cds-progress-bar",
   /**
    * @param {CDSProgressBar} progressBar - The CDSProgressBar custom element instance
@@ -1246,7 +1242,7 @@ const Nt = {
       }), t._progressObserver = n;
     }
   }
-}, Xe = {
+}, Ze = {
   selector: "cds-progress-indicator",
   /**
    * @param {CDSProgressIndicator} indicator - The CDSProgressIndicator custom element instance
@@ -1264,7 +1260,7 @@ const Nt = {
       });
     });
   }
-}, Ze = {
+}, Je = {
   selector: "cds-inline-loading",
   /**
    * @param {CDSInlineLoading} inlineLoading - The CDSInlineLoading custom element instance
@@ -1297,12 +1293,12 @@ const Nt = {
       }), t._statusObserver = s;
     }
   }
-}, Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsInlineLoadingWrap: Ze,
-  cdsProgressBarWrap: $e,
-  cdsProgressIndicatorWrap: Xe
-}, Symbol.toStringTag, { value: "Module" })), Ke = {
+  cdsInlineLoadingWrap: Je,
+  cdsProgressBarWrap: Xe,
+  cdsProgressIndicatorWrap: Ze
+}, Symbol.toStringTag, { value: "Module" })), Qe = {
   selector: "cds-tooltip",
   /**
    * @param {CDSTooltip} tooltip - The CDSTooltip custom element instance
@@ -1324,7 +1320,7 @@ const Nt = {
       });
     });
   }
-}, Qe = {
+}, tn = {
   selector: "cds-popover",
   /**
    * @param {CDSPopover} popover - The CDSPopover custom element instance
@@ -1346,7 +1342,7 @@ const Nt = {
       });
     });
   }
-}, tn = {
+}, en = {
   selector: "cds-toggletip",
   /**
    * @param {CDSToggletip} toggletip - The CDSToggletip custom element instance
@@ -1373,195 +1369,196 @@ const Nt = {
       }), t._toggletipObserver = n;
     }
   }
-}, en = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsPopoverWrap: Qe,
-  cdsToggletipWrap: tn,
-  cdsTooltipWrap: Ke
-}, Symbol.toStringTag, { value: "Module" })), nn = {
+  cdsPopoverWrap: tn,
+  cdsToggletipWrap: en,
+  cdsTooltipWrap: Qe
+}, Symbol.toStringTag, { value: "Module" })), on = {
   selector: "cds-link",
   event: "click",
   getData: (t, e, n) => ({
     ...e,
     href: n.getAttribute("href")
   })
-}, on = {
+}, sn = {
   selector: "cds-code-snippet",
   event: "cds-copy-button-clicked",
   getData: (t, e) => ({
     ...e,
     action: "copied"
   })
-}, sn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsCodeSnipWrap: on,
-  cdsLinkWrap: nn
-}, Symbol.toStringTag, { value: "Module" })), cn = {
+  cdsCodeSnipWrap: sn,
+  cdsLinkWrap: on
+}, Symbol.toStringTag, { value: "Module" })), an = {
   selector: "cds-form"
-}, an = {
-  selector: "cds-form-item"
 }, rn = {
-  selector: "cds-form-group"
+  selector: "cds-form-item"
 }, ln = {
-  selector: "cds-stack"
+  selector: "cds-form-group"
 }, dn = {
-  selector: "cds-heading"
+  selector: "cds-stack"
 }, pn = {
-  selector: "cds-icon"
+  selector: "cds-heading"
 }, un = {
-  selector: "cds-icon-indicator"
+  selector: "cds-icon"
 }, mn = {
+  selector: "cds-icon-indicator"
+}, fn = {
   selector: "cds-badge-indicator"
 }, gn = {
   selector: "cds-loading"
-}, fn = {
-  selector: "cds-skeleton-text"
 }, hn = {
+  selector: "cds-skeleton-text"
+}, vn = {
   selector: "cds-skeleton-placeholder"
-}, vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cdsBadgeIndicatorWrap: mn,
-  cdsFormGroupWrap: rn,
-  cdsFormItemWrap: an,
-  cdsFormWrap: cn,
-  cdsHeadingWrap: dn,
-  cdsIconIndicatorWrap: un,
-  cdsIconWrap: pn,
+  cdsBadgeIndicatorWrap: fn,
+  cdsFormGroupWrap: ln,
+  cdsFormItemWrap: rn,
+  cdsFormWrap: an,
+  cdsHeadingWrap: pn,
+  cdsIconIndicatorWrap: mn,
+  cdsIconWrap: un,
   cdsLoadingWrap: gn,
-  cdsSkeletonPlaceholderWrap: hn,
-  cdsSkeletonTextWrap: fn,
-  cdsStackWrap: ln
+  cdsSkeletonPlaceholderWrap: vn,
+  cdsSkeletonTextWrap: hn,
+  cdsStackWrap: dn
 }, Symbol.toStringTag, { value: "Module" }));
-function g(t) {
+function f(t) {
   return Object.values(t).filter(
     (e) => typeof e == "object" && e !== null && e.selector
   );
 }
-const bn = [
-  ...g(Rt),
-  ...g(Ht),
-  ...g($t),
-  ...g(ee),
-  ...g(ce),
-  ...g(re),
-  ...g(de),
-  ...g(ge),
-  ...g(be),
-  ...g(Ce),
-  ...g(Ne),
-  ...g(We),
-  ...g(je),
-  ...g(qe),
-  ...g(Ye),
-  ...g(Je),
-  ...g(en),
-  ...g(sn),
-  ...g(vn)
+const En = [
+  ...f(Bt),
+  ...f(Wt),
+  ...f(Vt),
+  ...f(Xt),
+  ...f(ne),
+  ...f(ie),
+  ...f(le),
+  ...f(pe),
+  ...f(ge),
+  ...f(Ee),
+  ...f(Ce),
+  ...f(Oe),
+  ...f(Re),
+  ...f(xe),
+  ...f(Ge),
+  ...f(Ye),
+  ...f(Ke),
+  ...f(nn),
+  ...f(cn),
+  ...f(bn)
 ];
-function En() {
+function Sn() {
   const t = /* @__PURE__ */ new Map();
-  return bn.forEach((e) => {
+  return En.forEach((e) => {
     t.set(e.selector, e);
   }), t;
 }
-const Sn = () => import("./index-Dt-eWAJs.js"), j = () => import("./index-C8Epo2Nt.js"), _n = () => import("./index-CKplFFc-.js"), In = () => import("./index-pE6aTBiZ.js"), w = () => import("./index-Coav7Owj.js"), yn = () => import("./index-CQxC5gdy.js"), Cn = () => import("./index-BCd5o-O6.js").then((t) => t.i), Pn = () => import("./index-Eo0QL5BD.js"), An = () => import("./index-DjW0vKON.js"), X = () => import("./index-BTM514kF.js"), Tn = () => import("./index-qCBuo7Dj.js"), x = () => import("./index-DuePdA69.js"), Z = () => import("./index-Co8vob2d.js").then((t) => t.i), Dn = () => import("./index-B9WY40Mg.js"), kn = () => import("./index-u-6uWe_o.js"), Nn = () => import("./index-Cvvea2-F.js"), On = () => import("./index-jwYklbEt.js"), wn = () => import("./index-BM6jRp79.js"), L = () => import("./index-C-y2nrc1.js"), Mn = () => import("./index-DNQ1-jUj.js"), F = () => import("./index-DtqsUG21.js"), Wn = () => import("./index-90TKvaQz.js"), Rn = () => import("./index-CuqzTZu2.js"), Bn = () => import("./index-GgCbc4A-.js"), J = () => import("./index-D6_et4O5.js"), zn = () => import("./index-D0qgF0lD.js"), jn = () => import("./index-BdCneYBx.js"), xn = () => import("./index-_YrjxtQS.js"), Ln = () => import("./index-BRUV1CNi.js"), Fn = () => import("./index-CI4IDokw.js"), qn = () => import("./index-CIhGaNHB.js"), K = () => import("./index-poW5zIu0.js"), Gn = () => import("./index-BGWhDeBi.js"), Un = () => import("./index-BLJaTPjJ.js"), Q = () => import("./index-Q_jttfI5.js"), Hn = () => import("./index-D64233nd.js"), q = () => import("./index-C1BCLU9c.js"), Vn = () => import("./index-BVNauB67.js"), G = () => import("./index-TZUVB-W3.js"), Yn = () => import("./index-DMtD0b_3.js").then((t) => t.i), $n = () => import("./index-Bm7ePd1P.js"), Xn = () => import("./index-Bzp_dDt9.js"), Zn = () => import("./index-sP0n4M3S.js"), Jn = () => import("./index-BoxMbYX3.js"), Kn = () => import("./index--nPiAPdI.js").then((t) => t.i), C = () => import("./index-BUX_B_Go.js"), P = () => import("./index-hsgeVwtf.js"), Qn = () => import("./index-Ss_rpifk.js").then((t) => t.i), to = () => import("./index-Oa3v3_7X.js"), eo = () => import("./index-Dy_V6Qce.js"), no = () => import("./index-BGh5ukZB.js"), oo = () => import("./index-ze2WZhYO.js"), tt = {
+const _n = () => import("./index-DEH3Oujh.js"), x = () => import("./index-BwpbR54Z.js"), In = () => import("./index-D2B2bs5k.js"), yn = () => import("./index-1eFOI8oe.js"), w = () => import("./index-DdzuoIsX.js"), Pn = () => import("./index-TelAKDy3.js"), Cn = () => import("./index-Dcs-4ouA.js").then((t) => t.i), An = () => import("./index-BIWPmvxN.js"), Tn = () => import("./index-DjLSW4tB.js"), Z = () => import("./index-DYmmXHAT.js"), Dn = () => import("./index-BoIS4S70.js"), L = () => import("./index-jRYYdv4C.js"), J = () => import("./index-DvbDUmZp.js").then((t) => t.i), kn = () => import("./index-DayFRhmw.js"), Nn = () => import("./index-DRsjyMRL.js"), On = () => import("./index-DrRc4GOh.js"), wn = () => import("./index-CYLJDFiF.js"), Mn = () => import("./index-CVH7Hv6v.js"), F = () => import("./index-CbKeQETj.js"), Wn = () => import("./index-DxlTsgQ8.js"), q = () => import("./index-f2QnoTe2.js"), Rn = () => import("./index-CyHAdAxX.js"), Bn = () => import("./index-Cm3Uqia6.js"), zn = () => import("./index-s53NHb2d.js"), K = () => import("./index-DhwMNjJj.js"), jn = () => import("./index-DbT4fJLV.js"), xn = () => import("./index-CuuD-d5b.js"), Ln = () => import("./index-B_Lmpm35.js"), Fn = () => import("./index-DU7E0qo4.js"), qn = () => import("./index-CRvczclO.js"), Gn = () => import("./index-B7CvW1Hr.js"), Q = () => import("./index-C2Q5YPz1.js"), Un = () => import("./index-DVTOmcgu.js"), Hn = () => import("./index-ScGZvs71.js"), tt = () => import("./index-B4L1iU-L.js"), Vn = () => import("./index-ChbKcl-Z.js"), G = () => import("./index-DFzKxIGc.js"), $n = () => import("./index-BXPG0d_k.js"), U = () => import("./index-CVqAaFaO.js"), Yn = () => import("./index-ZmTVduMY.js").then((t) => t.i), Xn = () => import("./index-UfSJPzl_.js"), Zn = () => import("./index-DD3tbFs9.js"), Jn = () => import("./index-Do0fzNBP.js"), Kn = () => import("./index-m978pani.js"), Qn = () => import("./index-DW9xYANG.js").then((t) => t.i), P = () => import("./index-BJ0SBIwX.js"), C = () => import("./index-BeQ7ZTCw.js"), to = () => import("./index-C7bz1V4O.js").then((t) => t.i), eo = () => import("./index-DQhfyFM4.js"), no = () => import("./index-CuZwN_ME.js"), oo = () => import("./index-BATw38c7.js"), so = () => import("./index-Bx5tyF27.js"), W = {
   // Tables & Pagination
-  "cds-table": [P, x, F, J, L, Q, Un],
-  "cds-pagination": [L, F, Q],
+  "cds-table": [C, L, q, K, F, tt, Hn],
+  "cds-pagination": [F, q, tt],
   // Buttons
-  "cds-button": [P, x],
-  "cds-icon-button:not([data-toggle])": [P, Z],
-  "cds-icon-button[data-toggle]": [P, Z],
-  "cds-button[data-fab]": [P, x],
-  "cds-copy-button": [P, kn],
-  "cds-combo-button": [P, Dn],
+  "cds-button": [C, L],
+  "cds-icon-button:not([data-toggle])": [C, J],
+  "cds-icon-button[data-toggle]": [C, J],
+  "cds-button[data-fab]": [C, L],
+  "cds-copy-button": [C, Nn],
+  "cds-combo-button": [C, kn],
   // Form Controls
-  "cds-checkbox": [Nn],
-  "cds-radio-button-group": [On],
-  "cds-toggle": [wn],
-  "cds-select": [L],
-  "cds-slider": [Mn],
+  "cds-checkbox": [On],
+  "cds-radio-button-group": [wn],
+  "cds-toggle": [Mn],
+  "cds-select": [F],
+  "cds-slider": [Wn],
   // Form Inputs
-  "cds-text-input": [F],
-  "cds-textarea": [Wn],
-  "cds-number-input": [Rn],
-  "cds-password-input": [P, Bn],
-  "cds-search": [J],
+  "cds-text-input": [q],
+  "cds-textarea": [Rn],
+  "cds-number-input": [Bn],
+  "cds-password-input": [C, zn],
+  "cds-search": [K],
   // Dropdown Components
-  "cds-dropdown": [jn],
-  "cds-combo-box": [zn],
-  "cds-multi-select": [xn],
+  "cds-dropdown": [xn],
+  "cds-combo-box": [jn],
+  "cds-multi-select": [Ln],
   // Date & Time
-  "cds-date-picker": [Ln],
-  "cds-time-picker": [Fn],
+  "cds-date-picker": [Fn],
+  "cds-time-picker": [qn],
   // File Upload
-  "cds-file-uploader": [qn],
+  "cds-file-uploader": [Gn],
   // Navigation - Tabs
-  "cds-tabs": [Pn],
-  "cds-accordion": [Sn],
-  "cds-content-switcher": [An],
+  "cds-tabs": [An],
+  "cds-accordion": [_n],
+  "cds-content-switcher": [Tn],
   // Navigation - Breadcrumbs
-  "cds-breadcrumb": [j],
-  "cds-breadcrumb-item": [j],
-  "cds-breadcrumb-link": [j],
+  "cds-breadcrumb": [x],
+  "cds-breadcrumb-item": [x],
+  "cds-breadcrumb-link": [x],
   // Navigation - Menus
-  "cds-menu": [X],
-  "cds-menu-button": [X],
+  "cds-menu": [Z],
+  "cds-menu-button": [Z],
   // Lists
-  "cds-overflow-menu": [Tn],
-  "cds-structured-list": [In],
-  "cds-tree-view": [yn],
+  "cds-overflow-menu": [Dn],
+  "cds-structured-list": [yn],
+  "cds-tree-view": [Pn],
   // Modals
-  "cds-modal": [C],
-  "cds-modal-header": [C],
-  "cds-modal-heading": [C],
-  "cds-modal-label": [C],
-  "cds-modal-close-button": [C],
-  "cds-modal-body": [C],
-  "cds-modal-body-content": [C],
-  "cds-modal-footer": [C],
-  "cds-modal-footer-button": [C],
+  "cds-modal": [P],
+  "cds-modal-header": [P],
+  "cds-modal-heading": [P],
+  "cds-modal-label": [P],
+  "cds-modal-close-button": [P],
+  "cds-modal-body": [P],
+  "cds-modal-body-content": [P],
+  "cds-modal-footer": [P],
+  "cds-modal-footer-button": [P],
   // Notifications
-  "cds-toast-notification": [G],
-  "cds-inline-notification": [G],
-  "cds-actionable-notification": [G],
+  "cds-toast-notification": [U],
+  "cds-inline-notification": [U],
+  "cds-actionable-notification": [U],
   // Tiles
   "cds-clickable-tile": [w],
   "cds-expandable-tile": [w],
   "cds-selectable-tile": [w],
   "cds-radio-tile": [w],
   // Progress
-  "cds-progress-bar": [Xn],
-  "cds-progress-indicator": [Zn],
-  "cds-inline-loading": [$n],
+  "cds-progress-bar": [Zn],
+  "cds-progress-indicator": [Jn],
+  "cds-inline-loading": [Xn],
   // Tooltips & Popovers
-  "cds-tooltip": [P],
-  "cds-popover": [Qn],
-  "cds-toggletip": [to],
+  "cds-tooltip": [C],
+  "cds-popover": [to],
+  "cds-toggletip": [eo],
   // Tags
-  "cds-tag": [q],
-  "cds-dismissible-tag": [q],
-  "cds-filter-tag": [q],
+  "cds-tag": [G],
+  "cds-dismissible-tag": [G],
+  "cds-filter-tag": [G],
   // Miscellaneous
   "cds-link": [Cn],
-  "cds-code-snippet": [Hn],
+  "cds-code-snippet": [Vn],
   // Presentational - Form Structure
-  "cds-form": [K],
-  "cds-form-item": [K],
-  "cds-form-group": [Gn],
+  "cds-form": [Q],
+  "cds-form-item": [Q],
+  "cds-form-group": [Un],
   // Presentational - Layout
-  "cds-stack": [_n],
+  "cds-stack": [In],
   // Presentational - Typography & Icons
-  "cds-heading": [eo],
-  "cds-icon": [no],
-  "cds-icon-indicator": [oo],
-  "cds-badge-indicator": [Vn],
+  "cds-heading": [no],
+  "cds-icon": [oo],
+  "cds-icon-indicator": [so],
+  "cds-badge-indicator": [$n],
   // Presentational - Loading States
   "cds-loading": [Yn],
-  "cds-skeleton-text": [Kn],
-  "cds-skeleton-placeholder": [Jn]
+  "cds-skeleton-text": [Qn],
+  "cds-skeleton-placeholder": [Kn]
 };
-function so(t) {
+function co(t) {
   const e = /* @__PURE__ */ new Map();
   if (!t || !(t instanceof Element))
     return e;
@@ -1577,19 +1574,19 @@ function so(t) {
     s.length === 0 && e.delete(o);
   return e;
 }
-function co(t) {
+function io(t) {
   const e = /* @__PURE__ */ new Set();
   for (const [n, o] of t.entries())
-    o.length > 0 && tt[n] && tt[n].forEach((c) => e.add(c));
+    o.length > 0 && W[n] && W[n].forEach((c) => e.add(c));
   return e;
 }
-async function io(t, e) {
+async function ao(t, e) {
   if (t.size === 0)
     return;
   const n = Array.from(t).map(async (o) => (e.has(o) || e.set(o, o()), e.get(o)));
   await Promise.all(n);
 }
-function ao(t, e) {
+function ro(t, e) {
   let n = 0;
   for (const [o, s] of t.entries()) {
     const c = M[o];
@@ -1602,8 +1599,8 @@ function ao(t, e) {
         const S = l(i);
         c.events.forEach((I) => {
           const D = E(i, I.attrName, "event");
-          D && e.listen(i, I.type, (W) => {
-            e.dispatchPanelEvent(D, I.getData(W, S, i));
+          D && e.listen(i, I.type, (R) => {
+            e.dispatchPanelEvent(D, I.getData(R, S, i));
           });
         });
         return;
@@ -1619,9 +1616,9 @@ function ao(t, e) {
   return n;
 }
 const M = {
-  ...Object.fromEntries(En())
-}, ro = async function(t, e) {
-  const n = so(t);
+  ...Object.fromEntries(Sn())
+}, lo = async function(t, e) {
+  const n = co(t);
   if (n.size === 0) {
     this.debugMe("[Carbon] No Carbon components found in panel");
     return;
@@ -1629,17 +1626,22 @@ const M = {
   this.carbonComponents || (this.carbonComponents = /* @__PURE__ */ new Map());
   for (const [c, i] of n.entries())
     this.carbonComponents.set(c, i);
-  const o = co(n);
+  const o = io(n);
   if (o.size > 0)
     try {
-      await io(o, e);
+      await ao(o, e);
     } catch (c) {
       console.error("[Carbon] Failed to load some component modules:", c);
     }
-  const s = ao(n, this);
+  const s = ro(n, this);
   s > 0 && this.debugMe(`[Carbon] Total components initialized: ${s}`);
-}, po = () => {
-  Ct.register("carbon", {
+}, uo = (t = {}) => {
+  const { preload: e = [] } = t;
+  if (e.length > 0) {
+    const n = e.filter((s) => W[s] ? !0 : (console.warn(`[Carbon] No import found for selector: ${s}`), !1)), o = n.flatMap((s) => W[s].map((c) => c()));
+    Promise.all(o).then(() => console.debug(`[Carbon] Preloaded: ${n.join(", ")}`)).catch((s) => console.warn("[Carbon] Preload error:", s));
+  }
+  Pt.register("carbon", {
     /**
      * Main render function that orchestrates Carbon component initialization.
      * Called by Panel.parseContent() for each panel that enters the document.
@@ -1648,11 +1650,11 @@ const M = {
      * @param {Map} cache - Import cache to prevent duplicate module loads
      * @returns {Promise<void>}
      */
-    render: async function(t, e) {
+    render: async function(n, o) {
       try {
-        await ro.call(this, t, e);
-      } catch (n) {
-        console.error("[Carbon] Initialization error:", n);
+        await lo.call(this, n, o);
+      } catch (s) {
+        console.error("[Carbon] Initialization error:", s);
       }
     },
     /**
@@ -1663,7 +1665,7 @@ const M = {
      *
      * @param {Element} _element - The element being disposed
      */
-    dispose: function(t) {
+    dispose: function(n) {
     },
     config: {
       version: "2.0",
@@ -1672,5 +1674,5 @@ const M = {
   }), console.debug("[Zooy] Carbon Design System library registered");
 };
 export {
-  po as registerCarbonLibrary
+  uo as registerCarbonLibrary
 };