@interopio/home-ui-react 2.1.0-beta.0 → 2.1.0

package/dist/index.mjs

@@ -46,7 +46,7 @@ Xi = lu, function() {
   Xi.exports ? (n.default = n, Xi.exports = n) : window.classNames = n;
 }();
 var ee = cu(lu.exports);
-function ut({ className: t, size: n = "16", variant: e = "workspace", ...o }) {
+function dt({ className: t, size: n = "16", variant: e = "workspace", ...o }) {
   const r = ee("icon", n && [`icon-size-${n}`], t);
   return l("span", { className: r, "aria-label": `icon-${e}`, role: "presentation", ...o, children: l("i", { className: `icon-${e}` }) });
 }
@@ -56,13 +56,13 @@ const Je = Ke(({ className: t, variant: n = "default", icon: e = "workspace", si
       return a ? a(h) : void 0;
     h.preventDefault();
   }, [a, s]);
-  return l("button", { className: d, type: "button", ref: f, "aria-label": "icon button", "aria-disabled": s, title: r, onClick: p, disabled: s, ...u, children: c ?? (e && l(ut, { variant: e, size: i })) });
+  return l("button", { className: d, type: "button", ref: f, "aria-label": "icon button", "aria-disabled": s, title: r, onClick: p, disabled: s, ...u, children: c ?? (e && l(dt, { variant: e, size: i })) });
 });
 Je.displayName = "ButtonIcon";
 const rm = { default: void 0, info: "info", success: "check-solid", warning: "exclamation-mark", critical: "exclamation-mark" };
 function im({ className: t, variant: n = "default", size: e = "normal", text: o, close: r = !1, closeButtonOnClick: i, append: a, ...s }) {
   const c = ee("io-alert", `io-alert-${n}`, e === "large" && "io-alert-lg", t), u = rm[n];
-  return N("div", { "data-testid": "io-alert", className: c, role: "alert", "aria-label": "alert", ...s, children: [u && l(ut, { "data-testid": "io-alert-icon", variant: u, className: "icon-severity" }), o && l("p", { "data-testid": "io-alert-text", className: "io-text-smaller", children: o }), e === "large" && a, r && l(Je, { "data-testid": "io-alert-close-button", className: "ms-auto", size: "16", iconSize: "10", icon: "close", onClick: i })] });
+  return N("div", { "data-testid": "io-alert", className: c, role: "alert", "aria-label": "alert", ...s, children: [u && l(dt, { "data-testid": "io-alert-icon", variant: u, className: "icon-severity" }), o && l("p", { "data-testid": "io-alert-text", className: "io-text-smaller", children: o }), e === "large" && a, r && l(Je, { "data-testid": "io-alert-close-button", className: "ms-auto", size: "16", iconSize: "10", icon: "close", onClick: i })] });
 }
 function am({ className: t, variant: n = "default", children: e, ...o }) {
   const r = ee("io-badge", n !== "default" && [`io-badge-${n}`], t);
@@ -84,7 +84,7 @@ const Vn = (t) => t.key === "Enter" || t.key === " ", et = Ke(({ className: t, v
   }, [s, c]), m = ne((g) => {
     c || Vn(g) && (g.preventDefault(), h(g));
   }, [h, c]);
-  return N("button", { className: p, ref: d, type: "button", "aria-disabled": c, onClick: h, onKeyDown: m, disabled: c, tabIndex: 0, ...f, children: [o && !i && l(ut, { variant: o, size: r }), u ?? a, o && i && l(ut, { variant: o, size: r })] });
+  return N("button", { className: p, ref: d, type: "button", "aria-disabled": c, onClick: h, onKeyDown: m, disabled: c, tabIndex: 0, ...f, children: [o && !i && l(dt, { variant: o, size: r }), u ?? a, o && i && l(dt, { variant: o, size: r })] });
 });
 et.displayName = "Button";
 const Oi = Xe({}), uu = Ke(({ icon: t = "chevron-down", onClick: n, onKeyDown: e, ...o }, r) => {
@@ -117,7 +117,7 @@ const pu = Xe({}), Ni = Ke((t, n) => {
   const { className: e, prepend: o, append: r, isSelected: i, onClick: a, description: s, disabled: c = !1, children: u, tooltip: f, ...d } = t, { variant: p = "default", selected: h, checkIcon: m, handleItemClick: g } = Se(pu), v = i ?? (h == null ? void 0 : h.some((y) => y.children === u)), S = p !== "default" && !!m, k = S || o, w = ee("io-list-item", k && "io-list-item-left", r && "io-list-item-right", p !== "default" && v && "selected", s && "io-list-item-description", c && "io-list-item-disabled", e);
   return N("li", { className: w, ref: n, role: "menuitem", "aria-roledescription": "menuitem", tabIndex: 0, onClick: (y) => {
     c ? y.preventDefault() : (g == null || g(y, { children: u }), a == null || a(y));
-  }, ...d, children: [k && N("div", { className: "io-list-left-column", children: [S && l(ut, { variant: m.variant, title: v ? m.tooltip : void 0 }), o] }), l("span", { className: "io-list-text", title: f, "data-testid": "list-item-title", children: u }), r && l("div", { className: "io-list-right-column", children: r }), s && l("div", { className: "io-list-text-description", children: s })] });
+  }, ...d, children: [k && N("div", { className: "io-list-left-column", children: [S && l(dt, { variant: m.variant, title: v ? m.tooltip : void 0, "data-testid": "list-item-check-icon" }), o] }), l("span", { className: "io-list-text", title: f, "data-testid": "list-item-title", children: u }), r && l("div", { className: "io-list-right-column", children: r }), s && l("div", { className: "io-list-text-description", children: s })] });
 });
 Ni.displayName = "ListItem";
 const ks = Ke(({ className: t, prepend: n, append: e, children: o, tooltip: r, ...i }, a) => {
@@ -2243,14 +2243,14 @@ function sg({ className: t, variant: n = "active", value: e = 0, ...o }) {
 function Li({ text: t = "Label", ...n }) {
   return l("label", { ...n, children: t });
 }
-Ro.displayName = "PanelBody", Oo.ButtonGroup = $e, Oo.Button = et, Oo.ButtonIcon = Je, Oo.Dropdown = he, Qe.Header = Rn, Qe.Body = Ro, Qe.Footer = Oo, Mi.Icon = ut;
+Ro.displayName = "PanelBody", Oo.ButtonGroup = $e, Oo.Button = et, Oo.ButtonIcon = Je, Oo.Dropdown = he, Qe.Header = Rn, Qe.Body = Ro, Qe.Footer = Oo, Mi.Icon = dt;
 const fo = Ke(({ id: t = "input", className: n, type: e = "text", name: o = "input", align: r = "up", label: i, iconPrepend: a, iconPrependOnClick: s, iconAppend: c, iconAppendOnClick: u, placeholder: f, disabled: d, readOnly: p, errorMessage: h, errorDataTestId: m, ...g }, v) => {
   const S = ee("io-control-input", a && "io-control-leading-icon", c && "io-control-trailing-icon", d && "io-control-disabled", p && "io-control-readonly", h && "io-control-error", r && [`direction-${r}`], n), k = ne((y) => {
     d ? y.preventDefault() : s && s(y);
   }, [s, d]), w = ne((y) => {
     d ? y.preventDefault() : u && u(y);
   }, [u, d]);
-  return N("div", { className: S, children: [i && l(Li, { htmlFor: t, text: i }), a && l(ut, { variant: a, onClick: (y) => k(y) }), l("input", { id: t, className: "io-input", ref: v, type: e, name: o, tabIndex: 0, placeholder: f ?? (() => {
+  return N("div", { className: S, children: [i && l(Li, { htmlFor: t, text: i }), a && l(dt, { variant: a, onClick: (y) => k(y) }), l("input", { id: t, className: "io-input", ref: v, type: e, name: o, tabIndex: 0, placeholder: f ?? (() => {
     switch (e) {
       case "email":
         return "Enter your email here...";
@@ -2265,7 +2265,7 @@ const fo = Ke(({ id: t = "input", className: n, type: e = "text", name: o = "inp
       default:
         return "Enter text here...";
     }
-  })(), "aria-label": i, disabled: d, readOnly: p, ...h ? { "aria-invalid": !0, "aria-describedby": `${t}-error` } : {}, ...g }), c && l(ut, { variant: c, onClick: (y) => w(y) }), h && N("div", { "data-testid": m, id: `${t}-error`, className: "io-input-error", children: [l(ut, { variant: "close" }), h] })] });
+  })(), "aria-label": i, disabled: d, readOnly: p, ...h ? { "aria-invalid": !0, "aria-describedby": `${t}-error` } : {}, ...g }), c && l(dt, { variant: c, onClick: (y) => w(y) }), h && N("div", { "data-testid": m, id: `${t}-error`, className: "io-input-error", children: [l(dt, { variant: "close" }), h] })] });
 });
 fo.displayName = "Input";
 const Ri = Ke(({ id: t = "textarea", className: n, name: e = "textarea", align: o = "up", label: r, rows: i = 4, placeholder: a = "Enter text here...", disabled: s, readOnly: c, ...u }, f) => {
@@ -2275,7 +2275,7 @@ const Ri = Ke(({ id: t = "textarea", className: n, name: e = "textarea", align:
 Ri.displayName = "Textarea";
 const Fi = Ke(({ id: t = "checkbox", className: n, name: e = "checkbox", align: o = "left", label: r, checked: i, disabled: a, ...s }, c) => {
   const u = ee("io-control-checkbox", i && "io-control-checked", a && "io-control-disabled", o && [`direction-${o}`], n);
-  return N("div", { className: u, children: [l("input", { type: "checkbox", id: t, className: "io-checkbox", ref: c, name: e, tabIndex: a ? -1 : 0, checked: i, disabled: a, "aria-checked": i, ...s }), r && l(Li, { htmlFor: t, text: r })] });
+  return N("div", { className: u, children: [l("input", { type: "checkbox", id: t, className: "io-checkbox", ref: c, name: e, tabIndex: a ? -1 : 0, checked: i, disabled: a, "aria-checked": i, ...s }), r && l(Li, { htmlFor: t, text: r, "data-testid": s["data-testid"] ? `${s["data-testid"]}-label` : void 0 })] });
 });
 Fi.displayName = "Checkbox";
 const cg = Ke(({ id: t = "radio", className: n, name: e = "radio", align: o = "left", label: r, checked: i, disabled: a, ...s }, c) => {
@@ -3078,7 +3078,7 @@ function zg({ className: t, channel: n, ...e }) {
   return l("div", { className: o, style: { color: r, backgroundColor: n.color }, "data-testid": `channel-selector-badge-${n.color}`, ...e, children: l("span", { className: "io-channel-selector-badge-label", "data-testid": "channel-selector-label", children: n.label }) });
 }
 function Ug() {
-  return l(ut, { variant: "check", "data-testid": "channel-selector-channel-selected" });
+  return l(dt, { variant: "check", "data-testid": "channel-selector-channel-selected" });
 }
 function Vg({ channel: t, handleChannelRestricted: n, lockedChannelRestriction: e }) {
   const o = (r, i) => (a) => {
@@ -3111,8 +3111,8 @@ function Yg({ variant: t, onVariantChange: n, disabled: e = !1 }) {
   return l(bt, { label: "Directional", align: "right", checked: o, onChange: r, onClick: i, onKeyDown: a, disabled: e, "data-testid": `channel-selector-toggle-${t}` });
 }
 const Zg = Ke(({ className: t, variant: n = "single", variantToggle: e = !1, channels: o = [], lockedChannelRestrictions: r = [], onVariantChange: i, onChannelSelect: a, onChannelRestrict: s, ...c }, u) => {
-  const f = ee("io-channel-selector-panel", (n === "directionalSingle" || n === "directionalMulti") && "io-channel-selector-panel-directional", t), d = De(() => ({ variant: n, selectedChannels: o.filter((h) => h.isSelected), lockedChannelRestrictions: r, onVariantChange: i, onChannelSelect: a, onChannelRestrict: s }), [o, n, r, i, a, s]), p = { single: "Select Channel", directionalSingle: "Select Directional Channel", multi: "Select Channels", directionalMulti: "Select Directional Channels" };
-  return l(Ed.Provider, { value: d, children: l("div", { className: f, ref: u, children: N(yt, { ...c, children: [l(yt.ItemTitle, { "data-testid": `channel-selector-title-${p[n]}`, append: e && l(Yg, { variant: n, onVariantChange: i }), children: p[n] }), o == null ? void 0 : o.map((h) => l(Gg, { channel: h, isSelected: h.isSelected, onChannelSelect: a, onChannelRestrict: s, "data-testid": `channel-selector-channel-${h.name}` }, h.name))] }) }) });
+  const f = ee("io-channel-selector-panel", (n === "directionalSingle" || n === "directionalMulti") && "io-channel-selector-panel-directional", t), d = De(() => ({ variant: n, selectedChannels: o.filter((p) => p.isSelected), lockedChannelRestrictions: r, onVariantChange: i, onChannelSelect: a, onChannelRestrict: s }), [o, n, r, i, a, s]);
+  return l(Ed.Provider, { value: d, children: l("div", { className: f, ref: u, children: N(yt, { ...c, children: [l(yt.ItemTitle, { "data-testid": "channel-selector-title", append: e && l(Yg, { variant: n, onVariantChange: i }), children: { single: "Select Channel", directionalSingle: "Select Directional Channel", multi: "Select Channels", directionalMulti: "Select Directional Channels" }[n] }), o == null ? void 0 : o.map((p) => l(Gg, { channel: p, isSelected: p.isSelected, onChannelSelect: a, onChannelRestrict: s, "data-testid": `channel-selector-channel-${p.name}` }, p.name))] }) }) });
 });
 Zg.displayName = "ChannelSelector";
 const Kg = Ke(({ className: t, title: n, ariaLabel: e, onClick: o, onKeyDown: r, children: i, disabled: a = !1, ...s }, c) => l("div", { ref: c, className: ee(t, { disabled: a }), title: n, role: "button", tabIndex: a ? -1 : 0, "aria-label": e, "aria-disabled": a, onClick: (u) => {
@@ -3216,7 +3216,7 @@ function Dd({ className: t, ...n }) {
 }
 function _d({ className: t, icon: n = "download", text: e = "No downloads to display.", ...o }) {
   const r = ee("io-dm-no-items", t);
-  return N("div", { className: r, ...o, children: [l(ut, { variant: n }), l("p", { children: e })] });
+  return N("div", { className: r, ...o, children: [l(dt, { variant: n }), l("p", { children: e })] });
 }
 function Md({ className: t, title: n, children: e, ...o }) {
   const r = ee("io-dm-item-group", t);
@@ -3261,7 +3261,7 @@ function Fd({ className: t, state: n, url: e, bytesReceived: o = 0, bytesTotal:
 const Jg = { success: "check-solid", warning: "exclamation-mark", critical: "exclamation-mark" };
 function fa({ className: t, variant: n, text: e }) {
   const o = ee("io-dm-item-status", `io-dm-item-status-${n}`, t);
-  return N("div", { className: o, children: [n && l(ut, { variant: Jg[n], className: "icon-severity", size: "10" }), e && l("p", { className: "io-text-smaller", children: e })] });
+  return N("div", { className: o, children: [n && l(dt, { variant: Jg[n], className: "icon-severity", size: "10" }), e && l("p", { className: "io-text-smaller", children: e })] });
 }
 function Bd({ className: t, itemID: n, state: e, pauseResume: o, showInFolder: r, cancel: i, ...a }) {
   const s = ee("io-dm-item-footer", t), { pauseResumeItem: c, showItemInFolder: u, cancelItem: f } = In(), d = ne((m) => {
@@ -3556,7 +3556,7 @@ function Vd({ className: t, title: n = "General", ...e }) {
   const o = ee("io-notifications-settings-panel-general", t), { AllowNotifications: r, AllowNotificationToasts: i, ShowNotificationBadge: a, CloseNotificationOnClick: s, PanelAutoHide: c, HideToastsAfter: u } = go(), f = Ge();
   return l("div", { className: o, ...e, children: N(nt, { title: n, children: [f && l(r, {}), f && l(i, {}), l(a, {}), f && l(c, {}), f && l(s, {}), f && l(u, {})] }) });
 }
-var ct = new class {
+var lt = new class {
   constructor() {
     Ft(this, "subscribed", !1);
     Ft(this, "io");
@@ -3572,7 +3572,7 @@ var ct = new class {
       return;
     this.subscribed = !0, this.io = t, this.logger = this.io.logger.subLogger("notifications");
     const n = this.io.appManager.myApplication, e = ((i = (r = n == null ? void 0 : n.userProperties) == null ? void 0 : r.logger) == null ? void 0 : i.publishLevel) ?? "error", o = ((s = (a = n == null ? void 0 : n.userProperties) == null ? void 0 : a.logger) == null ? void 0 : s.consoleLevel) ?? "info";
-    this.logger.publishLevel(e), this.logger.consoleLevel(o), this.logger.info("===== IO Notifications v.0.8.0-beta.0 ====="), this.getBulkActionsSupport(), this.subscribe();
+    this.logger.publishLevel(e), this.logger.consoleLevel(o), this.logger.info("===== IO Notifications v.0.8.0 ====="), this.getBulkActionsSupport(), this.subscribe();
   }
   onPanelVisibilityChanged(t) {
     return this.registry.add("on-panel-visibility-changed", t);
@@ -3821,18 +3821,18 @@ const cl = (t) => {
 }, ll = (t) => Array.from(t.reduce((n, e) => n.set(e.id, e), /* @__PURE__ */ new Map()).values());
 function y0() {
   const t = Se(He), [n, e] = ue({}), [o, r] = ue({}), [i, a] = ue([]), [s, c] = ue(0), [u, f] = ue(!0), { apps: d, allowedApps: p } = Ls(n), { notificationStacks: h } = Gd(i, { toastStacking: o.toastStacking ?? !1, stackBy: o.stackBy ?? "source" }, { sourceFilter: n.sourceFilter }), { selectedNotifications: m, selectNotification: g, selectAllNotifications: v } = Yd(i);
-  ct.init(t), me(() => {
+  lt.init(t), me(() => {
     (async () => {
       await (async () => {
         try {
-          const w = await ct.getConfiguration();
+          const w = await lt.getConfiguration();
           e(w), r((y) => ({ ...y, ...cl(w) }));
         } catch (w) {
           console.error("Error fetching configuration:", w);
         }
       })(), await (async () => {
         try {
-          const w = await ct.getNotificationsList();
+          const w = await lt.getNotificationsList();
           a(ll(w));
         } catch (w) {
           console.error("Error fetching notifications:", w);
@@ -3842,12 +3842,12 @@ function y0() {
       console.error("Error in useNotifications fetch:", w);
     }), S();
   }, []), me(() => {
-    const w = ct.onNotificationsChanged((O) => {
+    const w = lt.onNotificationsChanged((O) => {
       a(ll(O));
-    }), y = ct.onConfigurationChanged((O) => {
+    }), y = lt.onConfigurationChanged((O) => {
       const B = cl(O);
       e((F) => ({ ...F, ...O })), r((F) => ({ ...F, ...B }));
-    }), E = ct.onCounterChanged((O) => {
+    }), E = lt.onCounterChanged((O) => {
       c(O);
     });
     return () => {
@@ -3855,15 +3855,15 @@ function y0() {
     };
   }, []);
   const S = () => {
-    f(ct.bulkActionsSupported);
+    f(lt.bulkActionsSupported);
   }, k = async (w) => {
-    await ct.setFilter(w);
+    await lt.setFilter(w);
   };
-  return { close: (w) => ct.close(w), clearAll: () => ct.clearAll(), settings: o, hidePanel: async () => {
-    await ct.hidePanel();
+  return { close: (w) => lt.close(w), clearAll: () => lt.clearAll(), settings: o, hidePanel: async () => {
+    await lt.hidePanel();
   }, showPanel: async () => {
-    await ct.showPanel();
-  }, saveFilter: k, clearAllOld: () => ct.clearAllOld(), saveSetting: async (w) => {
+    await lt.showPanel();
+  }, saveFilter: k, clearAllOld: () => lt.clearAllOld(), saveSetting: async (w) => {
     const y = ((E, O) => {
       const B = ((K) => ({ enabledNotifications: (L) => ({ enable: L }), enabledToasts: (L) => ({ enableToasts: L }), toastStacking: (L) => {
         var T;
@@ -3874,22 +3874,22 @@ function y0() {
       }, showNotificationBadge: (L) => ({ showNotificationBadge: L }), toastExpiry: (L) => ({ toastExpiry: L }), placement: (L) => ({ placement: L }), snooze: (L) => ({ snooze: L }), closeNotificationOnClick: (L) => ({ closeNotificationOnClick: L }), autoHidePanel: (L) => ({ autoHidePanel: L }) }))(O), F = Object.keys(E)[0], U = E[F];
       return F && U !== void 0 && B[F] ? B[F](U) : {};
     })(w, n);
-    y && await ct.configure(y);
+    y && await lt.configure(y);
   }, allApps: d, saveAllFilter: async (w) => {
     "subscribe" in w ? await k({ allowed: w.subscribe ? ["*"] : [], blocked: w.subscribe ? [] : ["*"] }) : "mute" in w && await k({ muted: w.mute ? ["*"] : [] });
   }, configuration: n, notifications: i, notificationStacks: h, notificationsCount: s, allApplications: n.allApplications ?? 0, allowedApplications: p, isBulkActionsSupported: u, selectedNotifications: m, selectNotification: g, selectAllNotifications: v, clearMany: async (w) => {
-    await ct.clearMany(w);
+    await lt.clearMany(w);
   }, snooze: async (w, y) => {
-    await ct.snooze(w, y);
+    await lt.snooze(w, y);
   }, snoozeMany: async (w, y) => {
-    await ct.snoozeMany(w, y);
+    await lt.snoozeMany(w, y);
   }, setState: async (w, y) => {
-    await ct.setState(w, y);
+    await lt.setState(w, y);
   }, setStates: async (w, y) => {
-    await ct.setStates(w, y);
+    await lt.setStates(w, y);
   }, setCount: (w) => {
     c(w);
-  }, getNotificationsList: async () => await ct.getNotificationsList() };
+  }, getNotificationsList: async () => await lt.getNotificationsList() };
 }
 const Zd = Xe({ allApps: [], settings: {}, configuration: {}, notifications: [], notificationsCount: 0, onClose: () => {
 }, allApplications: 0, clearAll: () => {
@@ -4470,7 +4470,7 @@ var op = Object.freeze({ __proto__: null, Notification: $i, NotificationBody: Bf
   const { searchQuery: n, setSearch: e, isPanelVisible: o, sortNotificationsBy: r, setSortBy: i, viewNotificationsBy: a, setViewBy: s, isBulkActionsVisible: c, showBulkActions: u, hideBulkActions: f } = function() {
     const p = Se(He), [h, m] = ue(!1), [g, v] = ue("newest"), [S, k] = ue("all"), [w, y] = ue(""), [E, O] = ue(!1), B = Ge(), { isBulkActionsSupported: F } = _e();
     return me(() => {
-      const U = ct.onPanelVisibilityChanged((K) => m(K));
+      const U = lt.onPanelVisibilityChanged((K) => m(K));
       return () => {
         U();
       };
@@ -4847,7 +4847,7 @@ var At = function() {
   return o;
 };
 function Z0(t, n) {
-  var e = { config: At(At({}, Do), lt.defaultConfig), l10n: Cr };
+  var e = { config: At(At({}, Do), ut.defaultConfig), l10n: Cr };
   function o() {
     var C;
     return ((C = e.calendarContainer) === null || C === void 0 ? void 0 : C.getRootNode()).activeElement || document.activeElement;
@@ -5195,7 +5195,7 @@ function Z0(t, n) {
     return e.config.wrap ? t.querySelector("[data-input]") : t;
   }
   function J() {
-    typeof e.config.locale != "object" && lt.l10ns[e.config.locale] === void 0 && e.config.errorHandler(new Error("flatpickr: invalid locale " + e.config.locale)), e.l10n = At(At({}, lt.l10ns.default), typeof e.config.locale == "object" ? e.config.locale : e.config.locale !== "default" ? lt.l10ns[e.config.locale] : void 0), to.D = "(" + e.l10n.weekdays.shorthand.join("|") + ")", to.l = "(" + e.l10n.weekdays.longhand.join("|") + ")", to.M = "(" + e.l10n.months.shorthand.join("|") + ")", to.F = "(" + e.l10n.months.longhand.join("|") + ")", to.K = "(" + e.l10n.amPM[0] + "|" + e.l10n.amPM[1] + "|" + e.l10n.amPM[0].toLowerCase() + "|" + e.l10n.amPM[1].toLowerCase() + ")", At(At({}, n), JSON.parse(JSON.stringify(t.dataset || {}))).time_24hr === void 0 && lt.defaultConfig.time_24hr === void 0 && (e.config.time_24hr = e.l10n.time_24hr), e.formatDate = ip(e), e.parseDate = ns({ config: e.config, l10n: e.l10n });
+    typeof e.config.locale != "object" && ut.l10ns[e.config.locale] === void 0 && e.config.errorHandler(new Error("flatpickr: invalid locale " + e.config.locale)), e.l10n = At(At({}, ut.l10ns.default), typeof e.config.locale == "object" ? e.config.locale : e.config.locale !== "default" ? ut.l10ns[e.config.locale] : void 0), to.D = "(" + e.l10n.weekdays.shorthand.join("|") + ")", to.l = "(" + e.l10n.weekdays.longhand.join("|") + ")", to.M = "(" + e.l10n.months.shorthand.join("|") + ")", to.F = "(" + e.l10n.months.longhand.join("|") + ")", to.K = "(" + e.l10n.amPM[0] + "|" + e.l10n.amPM[1] + "|" + e.l10n.amPM[0].toLowerCase() + "|" + e.l10n.amPM[1].toLowerCase() + ")", At(At({}, n), JSON.parse(JSON.stringify(t.dataset || {}))).time_24hr === void 0 && ut.defaultConfig.time_24hr === void 0 && (e.config.time_24hr = e.l10n.time_24hr), e.formatDate = ip(e), e.parseDate = ns({ config: e.config, l10n: e.l10n });
   }
   function H(C) {
     if (typeof e.config.position != "function") {
@@ -5439,11 +5439,11 @@ function Z0(t, n) {
       } });
       var R = x.mode === "time";
       if (!x.dateFormat && (x.enableTime || R)) {
-        var oe = lt.defaultConfig.dateFormat || Do.dateFormat;
+        var oe = ut.defaultConfig.dateFormat || Do.dateFormat;
         I.dateFormat = x.noCalendar || R ? "H:i" + (x.enableSeconds ? ":S" : "") : oe + " H:i" + (x.enableSeconds ? ":S" : "");
       }
       if (x.altInput && (x.enableTime || R) && !x.altFormat) {
-        var be = lt.defaultConfig.altFormat || Do.altFormat;
+        var be = ut.defaultConfig.altFormat || Do.altFormat;
         I.altFormat = x.noCalendar || R ? "h:i" + (x.enableSeconds ? ":S K" : " K") : be + " h:i" + (x.enableSeconds ? ":S" : "") + " K";
       }
       Object.defineProperty(e.config, "minDate", { get: function() {
@@ -5590,18 +5590,18 @@ typeof HTMLElement < "u" && typeof HTMLCollection < "u" && typeof NodeList < "u"
 }, HTMLElement.prototype.flatpickr = function(t) {
   return _o([this], t);
 });
-var lt = function(t, n) {
+var ut = function(t, n) {
   return typeof t == "string" ? _o(window.document.querySelectorAll(t), n) : t instanceof Node ? _o([t], n) : _o(t, n);
 };
-lt.defaultConfig = {}, lt.l10ns = { en: At({}, Cr), default: At({}, Cr) }, lt.localize = function(t) {
-  lt.l10ns.default = At(At({}, lt.l10ns.default), t);
-}, lt.setDefaults = function(t) {
-  lt.defaultConfig = At(At({}, lt.defaultConfig), t);
-}, lt.parseDate = ns({}), lt.formatDate = ip({}), lt.compareDates = Gt, typeof jQuery < "u" && jQuery.fn !== void 0 && (jQuery.fn.flatpickr = function(t) {
+ut.defaultConfig = {}, ut.l10ns = { en: At({}, Cr), default: At({}, Cr) }, ut.localize = function(t) {
+  ut.l10ns.default = At(At({}, ut.l10ns.default), t);
+}, ut.setDefaults = function(t) {
+  ut.defaultConfig = At(At({}, ut.defaultConfig), t);
+}, ut.parseDate = ns({}), ut.formatDate = ip({}), ut.compareDates = Gt, typeof jQuery < "u" && jQuery.fn !== void 0 && (jQuery.fn.flatpickr = function(t) {
   return _o(this, t);
 }), Date.prototype.fp_incr = function(t) {
   return new Date(this.getFullYear(), this.getMonth(), this.getDate() + (typeof t == "string" ? parseInt(t, 10) : t));
-}, typeof window < "u" && (window.flatpickr = lt);
+}, typeof window < "u" && (window.flatpickr = ut);
 const K0 = ["onCreate", "onDestroy"], wa = ["onChange", "onOpen", "onClose", "onMonthChange", "onYearChange", "onReady", "onValueUpdate", "onDayCreate"], q0 = (t) => {
   const n = De(() => ({ ...t }), [t]), { defaultValue: e, options: o = {}, value: r, children: i, render: a, onCreate: s, onDestroy: c } = n, u = De(() => ((m, g) => (wa.forEach((v) => {
     const S = g[v], k = m[v];
@@ -5621,7 +5621,7 @@ const K0 = ["onCreate", "onDestroy"], wa = ["onChange", "onOpen", "onClose", "on
     return u.onClose = u.onClose || (() => {
       var g;
       (g = f.current) != null && g.blur && f.current.blur();
-    }), d.current = (((m = lt) == null ? void 0 : m.default) || lt)(f.current, u), s == null || s(d.current), () => {
+    }), d.current = (((m = ut) == null ? void 0 : m.default) || ut)(f.current, u), s == null || s(d.current), () => {
       c == null || c(d.current), d.current && d.current.destroy(), d.current = void 0;
     };
     var m;
@@ -5712,7 +5712,7 @@ function Gr(t, n) {
 }
 function cp({ className: t, variant: n, ...e }) {
   const o = ee("io-block-list-gap", n, t), { enabled: r, time: i, frequency: a, day: s, setEnabled: c, setTime: u, setFrequency: f, setDay: d } = X0(n);
-  return N(nt, { className: o, ...e, children: [l(bt, { label: `Schedule ${n}`, align: "right", onChange: (p) => c(p.target.checked), checked: r }), N("div", { className: "scheduler-controls", children: [N("div", { className: "io-control-input io-control-leading-icon direction-up", children: [l(ut, { variant: "clock" }), l(q0, { className: "io-input", options: { enableTime: !0, noCalendar: !0, dateFormat: "h:i K", defaultDate: i, clickOpens: !0 }, value: i, onClose: async ([p]) => {
+  return N(nt, { className: o, ...e, children: [l(bt, { label: `Schedule ${n}`, align: "right", onChange: (p) => c(p.target.checked), checked: r }), N("div", { className: "scheduler-controls", children: [N("div", { className: "io-control-input io-control-leading-icon direction-up", children: [l(dt, { variant: "clock" }), l(q0, { className: "io-input", options: { enableTime: !0, noCalendar: !0, dateFormat: "h:i K", defaultDate: i, clickOpens: !0 }, value: i, onClose: async ([p]) => {
     const h = p.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !0 });
     await u(h);
   } })] }), N(ln, { text: a.charAt(0).toUpperCase() + a.slice(1), icon: "chevron-down", iconRight: !0, children: [l(ln.Item, { onClick: () => f("daily"), children: "Daily" }), l(ln.Item, { onClick: () => f("weekly"), children: "Weekly" })] }), a === "weekly" && l(ln, { text: s, icon: "chevron-down", iconRight: !0, children: ap.map((p) => l(ln.Item, { onClick: () => d(p), children: p }, p)) })] })] });
@@ -6625,7 +6625,7 @@ var Fp = { exports: {} };
   })();
 })(Fp);
 var _v = Fp.exports;
-const dt = /* @__PURE__ */ Vi(_v);
+const ct = /* @__PURE__ */ Vi(_v);
 function as(t) {
   "@babel/helpers - typeof";
   return as = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
@@ -6753,7 +6753,7 @@ var Vv = {
 function Bp(t) {
   var n = t.className;
   t.cssModule;
-  var e = t.variant, o = t.innerRef, r = zv(t, Hv), i = Gi(dt(n, "btn-close", e && "btn-close-".concat(e)));
+  var e = t.variant, o = t.innerRef, r = zv(t, Hv), i = Gi(ct(n, "btn-close", e && "btn-close-".concat(e)));
   return /* @__PURE__ */ Zt.createElement("button", ss({
     ref: o,
     type: "button",
@@ -6832,7 +6832,7 @@ function Si(t) {
   }, [t.onClick, t.disabled]), e = t.active, o = t["aria-label"], r = t.block, i = t.className, a = t.close, s = t.cssModule, c = t.color, u = c === void 0 ? "secondary" : c, f = t.outline, d = t.size, p = t.tag, h = p === void 0 ? "button" : p, m = t.innerRef, g = Yv(t, Gv);
   if (a)
     return /* @__PURE__ */ Zt.createElement(Bp, g);
-  var v = "btn".concat(f ? "-outline" : "", "-").concat(u), S = Gi(dt(i, "btn", v, d ? "btn-".concat(d) : !1, r ? "d-block w-100" : !1, {
+  var v = "btn".concat(f ? "-outline" : "", "-").concat(u), S = Gi(ct(i, "btn", v, d ? "btn-".concat(d) : !1, r ? "d-block w-100" : !1, {
     active: e,
     disabled: t.disabled
   }), s);
@@ -7966,7 +7966,7 @@ var my = {
   vertical: Q.bool
 };
 function Zp(t) {
-  var n = t.className, e = t.cssModule, o = t.size, r = t.vertical, i = t.tag, a = i === void 0 ? "div" : i, s = py(t, uy), c = Gi(dt(n, o ? "btn-group-" + o : !1, r ? "btn-group-vertical" : "btn-group"), e);
+  var n = t.className, e = t.cssModule, o = t.size, r = t.vertical, i = t.tag, a = i === void 0 ? "div" : i, s = py(t, uy), c = Gi(ct(n, o ? "btn-group-" + o : !1, r ? "btn-group-vertical" : "btn-group"), e);
   return /* @__PURE__ */ Zt.createElement(a, ds({}, dy({
     role: "group"
   }, s), {
@@ -8568,7 +8568,7 @@ var tc = /* @__PURE__ */ function(t) {
         onExiting: this.onExiting,
         onExited: this.onExited
       }), function(S) {
-        var k = Dy(S), w = Gi(dt(u, s && "collapse-horizontal", k, f && "navbar-collapse"), d), y = m === null ? null : Ao({}, s ? "width" : "height", m);
+        var k = Dy(S), w = Gi(ct(u, s && "collapse-horizontal", k, f && "navbar-collapse"), d), y = m === null ? null : Ao({}, s ? "width" : "height", m);
         return /* @__PURE__ */ Zt.createElement(a, Ei({}, v, {
           style: Wo(Wo({}, v.style), y),
           className: w,
@@ -8585,9 +8585,9 @@ const Jp = tc, _y = (t) => {
   return /* @__PURE__ */ l(
     yt.ItemHeader,
     {
-      className: dt("io-base-section-header", n),
-      prepend: r && /* @__PURE__ */ l(ut, { size: "16", variant: e ? "folder-open" : "folder", "data-testid": "base-section-header-folder-icon" }),
-      append: o && /* @__PURE__ */ l(ut, { className: dt("collapse-icon", !e && "collapsed"), size: "10", variant: "expand", "data-testid": "base-section-header-collapse-icon" }),
+      className: ct("io-base-section-header", n),
+      prepend: r && /* @__PURE__ */ l(dt, { size: "16", variant: e ? "folder-open" : "folder", "data-testid": "base-section-header-folder-icon" }),
+      append: o && /* @__PURE__ */ l(dt, { className: ct("collapse-icon", !e && "collapsed"), size: "10", variant: "expand", "data-testid": "base-section-header-collapse-icon" }),
       tooltip: i,
       ...a,
       children: i
@@ -11218,7 +11218,7 @@ const xw = Ke((t, n) => {
     yt,
     {
       ref: n,
-      className: dt(r, "context-menu"),
+      className: ct(r, "context-menu"),
       onClick: (h) => h.stopPropagation(),
       onKeyDown: (h) => mh({
         event: h,
@@ -11233,7 +11233,7 @@ const xw = Ke((t, n) => {
       children: [
         e && /* @__PURE__ */ l(yt.ItemSection, { children: e }),
         o.map((h, m) => {
-          const g = h.displayName || h.name, v = h.iconSrc ? /* @__PURE__ */ l(Qu, { size: "16", src: h.iconSrc, alt: `${g} icon` }) : h.icon && /* @__PURE__ */ l(ut, { size: "16", variant: h.icon });
+          const g = h.displayName || h.name, v = h.iconSrc ? /* @__PURE__ */ l(Qu, { size: "16", src: h.iconSrc, alt: `${g} icon` }) : h.icon && /* @__PURE__ */ l(dt, { size: "16", variant: h.icon });
           return /* @__PURE__ */ N(Xh, { children: [
             /* @__PURE__ */ l(
               yt.Item,
@@ -11361,7 +11361,7 @@ const Ow = (t) => {
       return;
     }
     r(B);
-  }, E = h ? /* @__PURE__ */ l(Qu, { size: "16", src: h, alt: `${g} icon`, "data-testid": "base-section-item-icon" }) : /* @__PURE__ */ l(ut, { size: "16", variant: p, "data-testid": "base-section-item-icon" }), O = /* @__PURE__ */ N(qt, { children: [
+  }, E = h ? /* @__PURE__ */ l(Qu, { size: "16", src: h, alt: `${g} icon`, "data-testid": "base-section-item-icon" }) : /* @__PURE__ */ l(dt, { size: "16", variant: p, "data-testid": "base-section-item-icon" }), O = /* @__PURE__ */ N(qt, { children: [
     m !== 0 && /* @__PURE__ */ l("span", { className: "open-instances io-text-smaller", "data-testid": "base-section-item-open-instances", children: m === 1 ? "Opened" : `${m} opened` }),
     (n || k.length > 0) && /* @__PURE__ */ N($e, { className: "item-actions", children: [
       n && /* @__PURE__ */ l(
@@ -11402,7 +11402,7 @@ const Ow = (t) => {
     {
       ref: a,
       tabIndex: i ? 0 : -1,
-      className: dt("io-base-section-item", S),
+      className: ct("io-base-section-item", S),
       onKeyDown: y,
       onClick: o,
       prepend: E,
@@ -11549,7 +11549,7 @@ const _w = (t, n) => {
   return /* @__PURE__ */ l(
     Je,
     {
-      className: dt("launchpad-button", { active: n }, e),
+      className: ct("launchpad-button", { active: n }, e),
       "aria-label": "Launchpad",
       icon: "logo",
       variant: "circle",
@@ -11666,7 +11666,7 @@ const qw = /* @__PURE__ */ Vi(Kw), Jw = {
   ...s
 }) => {
   const c = qi && r === "granted", u = De(() => qw(Jw, t), [t]);
-  return /* @__PURE__ */ l(dw, { close: o, isOpen: e, isGlobalLayoutsAvailable: c, children: /* @__PURE__ */ l(Xw, { settings: u, components: n, children: /* @__PURE__ */ l(Qw, { children: /* @__PURE__ */ l("div", { className: dt("launchpad", a), "data-testid": "launchpad", ...s, children: i }) }) }) });
+  return /* @__PURE__ */ l(dw, { close: o, isOpen: e, isGlobalLayoutsAvailable: c, children: /* @__PURE__ */ l(Xw, { settings: u, components: n, children: /* @__PURE__ */ l(Qw, { children: /* @__PURE__ */ l("div", { className: ct("launchpad", a), "data-testid": "launchpad", ...s, children: i }) }) }) });
 }, tb = Ke((t, n) => {
   const { onSearch: e, searchTerm: o, onClear: r, className: i } = t, a = Se(He);
   return me(() => {
@@ -11675,7 +11675,7 @@ const qw = /* @__PURE__ */ Vi(Kw), Jw = {
     fo,
     {
       id: "search-input",
-      className: dt("search-bar", i),
+      className: ct("search-bar", i),
       ref: n,
       placeholder: "Find anything",
       value: o,
@@ -11714,7 +11714,7 @@ const qw = /* @__PURE__ */ Vi(Kw), Jw = {
     var S;
     u(""), (S = f.current) == null || S.focus();
   };
-  return p ? /* @__PURE__ */ N("div", { className: dt("launchpad-header", n || i ? void 0 : "draggable", t), "data-testid": "launchpad-header", children: [
+  return p ? /* @__PURE__ */ N("div", { className: ct("launchpad-header", n || i ? void 0 : "draggable", t), "data-testid": "launchpad-header", children: [
     h && /* @__PURE__ */ l(h, {}),
     d && /* @__PURE__ */ l(
       tb,
@@ -11908,24 +11908,34 @@ const db = () => {
   return { error: o, isLayoutsPanelOpen: t, setIsLayoutsPanelOpen: n, isLoading: e };
 }, fb = ({ layoutName: t }) => {
   const n = Se(He), e = Yo();
-  return /* @__PURE__ */ l(Je, { icon: "floppy", size: "24", iconSize: "12", onClick: (r) => {
-    r.stopPropagation(), e(async () => {
-      try {
-        await n.layouts.save({ name: t, type: "Global" }), await ze({
-          io: n,
-          variant: We.SUCCESS,
-          text: `Layout "${t}" was saved successfully.`
-        });
-      } catch (a) {
-        await ze({
-          io: n,
-          variant: We.WARNING,
-          text: `Failed to save Layout "${t}".`,
-          error: a
+  return /* @__PURE__ */ l(
+    Je,
+    {
+      icon: "floppy",
+      size: "24",
+      iconSize: "12",
+      onClick: (r) => {
+        r.stopPropagation(), e(async () => {
+          try {
+            await n.layouts.save({ name: t, type: "Global" }), await ze({
+              io: n,
+              variant: We.SUCCESS,
+              text: `Layout "${t}" was saved successfully.`
+            });
+          } catch (a) {
+            await ze({
+              io: n,
+              variant: We.WARNING,
+              text: `Failed to save Layout "${t}".`,
+              error: a
+            });
+          }
         });
-      }
-    });
-  }, title: "Save Layout" });
+      },
+      title: "Save Layout",
+      "data-testid": "save-layout-button"
+    }
+  );
 }, pb = ({ layout: t }) => {
   const n = rh(), e = Yo(), o = async (r, i) => {
     r.stopPropagation(), await e(() => n({
@@ -11945,31 +11955,43 @@ const db = () => {
       placement: "top-end",
       offset: [4, 0],
       shouldCloseOnOutsideScroll: !0,
-      shouldCloseOnWindowBlur: !0
+      shouldCloseOnWindowBlur: !0,
+      "data-testid": "layout-context-menu-button",
+      contextMenuDataTestId: "layout-context-menu"
     }
   );
-}, Oh = ({ layouts: t }) => {
-  const { isLaunchpadPinned: n } = vo(), { close: e } = dn(), o = lc(), r = Yo(), i = () => {
-    n || e == null || e();
-  }, a = (s) => r(() => o(s.name, i));
-  return /* @__PURE__ */ l(yt, { className: "layouts-list", variant: "single", checkIcon: { variant: "check", tooltip: "Active Layout" }, children: t.map((s) => /* @__PURE__ */ l(
-    yt.Item,
+}, Oh = ({ layouts: t, className: n, ...e }) => {
+  const { isLaunchpadPinned: o } = vo(), { close: r } = dn(), i = lc(), a = Yo(), s = () => {
+    o || r == null || r();
+  }, c = (u) => a(() => i(u.name, s));
+  return /* @__PURE__ */ l(
+    yt,
     {
-      className: "layouts-list-item",
-      onClick: () => a(s),
-      append: /* @__PURE__ */ N(qt, { children: [
-        s.isDefault && /* @__PURE__ */ l(Mi, { variant: "default", title: "Default Layout", children: "Default" }),
-        /* @__PURE__ */ N(Zp, { children: [
-          s.isActive && /* @__PURE__ */ l(fb, { layoutName: s.name }),
-          /* @__PURE__ */ l(pb, { layout: s })
-        ] })
-      ] }),
-      isSelected: s.isActive,
-      tooltip: s.name,
-      children: s.name
-    },
-    s.name
-  )) });
+      className: ct("layouts-list", n),
+      variant: "single",
+      checkIcon: { variant: "check", tooltip: "Active Layout" },
+      ...e,
+      children: t.map((u) => /* @__PURE__ */ l(
+        yt.Item,
+        {
+          className: "layouts-list-item",
+          onClick: () => c(u),
+          append: /* @__PURE__ */ N(qt, { children: [
+            u.isDefault && /* @__PURE__ */ l(Mi, { variant: "default", title: "Default Layout", "data-testid": "default-layout-pill", children: "Default" }),
+            /* @__PURE__ */ N(Zp, { children: [
+              u.isActive && /* @__PURE__ */ l(fb, { layoutName: u.name }),
+              /* @__PURE__ */ l(pb, { layout: u })
+            ] })
+          ] }),
+          isSelected: u.isActive,
+          tooltip: u.name,
+          "data-testid": `layout-item-${u.name}`,
+          children: u.name
+        },
+        u.name
+      ))
+    }
+  );
 }, hb = () => {
   const { layouts: t } = uh(), { activeLayout: n, defaultLayout: e } = dn(), o = De(
     () => t.map((r) => ({
@@ -11979,7 +12001,7 @@ const db = () => {
     })),
     [t, n, e]
   );
-  return /* @__PURE__ */ l(Oh, { layouts: o });
+  return /* @__PURE__ */ l(Oh, { layouts: o, "data-testid": "all-layouts" });
 }, mb = () => {
   const { defaultLayout: t, activeLayout: n } = dn();
   return n ? /* @__PURE__ */ l(
@@ -11991,9 +12013,10 @@ const db = () => {
           isDefault: n.name === (t == null ? void 0 : t.name),
           isActive: !0
         }
-      ]
+      ],
+      "data-testid": "active-layout"
     }
-  ) : /* @__PURE__ */ l("p", { className: "io-text-small no-active-layout", children: "Choose which Layout to load" });
+  ) : /* @__PURE__ */ l("p", { className: "io-text-small no-active-layout", "data-testid": "choose-layout-message", children: "Choose which Layout to load" });
 }, gb = () => {
   const t = Se(He), { setActiveLayout: n } = dn(), e = Yo(), o = async () => {
     var d;
@@ -12049,7 +12072,8 @@ const db = () => {
     {
       variant: "primary",
       text: "Create Layout",
-      onClick: () => e(o)
+      onClick: () => e(o),
+      "data-testid": "create-layout-button"
     }
   ) });
 };
@@ -12059,7 +12083,7 @@ const vb = () => {
     !e || n.length > 0 || !o || r(!1);
   }, [n, e, o, r]);
   const i = ne(() => r((a) => !a), [r]);
-  return /* @__PURE__ */ N("footer", { className: "layouts-panel", ref: t, children: [
+  return /* @__PURE__ */ N("footer", { className: "layouts-panel", ref: t, "data-testid": "layouts-panel", children: [
     /* @__PURE__ */ l(Ir, { className: "layouts-panel-separator" }),
     /* @__PURE__ */ N(
       "div",
@@ -12068,18 +12092,20 @@ const vb = () => {
         "aria-label": "Layouts panel",
         "aria-expanded": o,
         role: "button",
+        "data-testid": "layouts-panel-header",
         ...Ki(n.length ? i : void 0),
         children: [
           /* @__PURE__ */ l(vn, { tag: "h2", size: "normal", text: n.length > 0 ? "Layouts" : "Start using Layouts" }),
           n.length > 0 && /* @__PURE__ */ l(
             Je,
             {
-              className: dt("layouts-panel-toggle-button", {
+              className: ct("layouts-panel-toggle-button", {
                 "layouts-panel-toggle-button-rotated": o
               }),
               icon: "expand",
               iconSize: "12",
-              size: "24"
+              size: "24",
+              "data-testid": "layouts-panel-toggle-button"
             }
           )
         ]
@@ -12090,7 +12116,7 @@ const vb = () => {
   ] });
 }, yb = ({ className: t }) => {
   const { isLaunchpadCollapsed: n } = lh(), { isGlobalLayoutsAvailable: e } = dn(), { components: o } = Ch(), { searchTerm: r } = kh(), { sections: i = ab } = o;
-  return /* @__PURE__ */ N("div", { className: dt("launchpad-body", n ? "collapsed" : void 0, t), children: [
+  return /* @__PURE__ */ N("div", { className: ct("launchpad-body", n ? "collapsed" : void 0, t), children: [
     /* @__PURE__ */ l("main", { className: "launchpad-main", children: nh(r) ? /* @__PURE__ */ l(ub, { searchTerm: r }) : /* @__PURE__ */ l(Tw, { children: /* @__PURE__ */ l(yt, { children: i.map(({ Component: a, placementId: s }) => /* @__PURE__ */ l(a, {}, s)) }) }) }),
     e && /* @__PURE__ */ l(vb, {})
   ] });
@@ -12631,7 +12657,7 @@ const Ah = Ke((t, n) => {
   return o && !i && console.error('Invalid use of PanelWrapper component. Please provide Panel component when "isOpen" is "true".'), /* @__PURE__ */ l(
     "div",
     {
-      className: dt(e, "panel-wrapper", s, {
+      className: ct(e, "panel-wrapper", s, {
         open: o,
         pinned: a
       }),
@@ -14046,7 +14072,7 @@ var Fh = {
 }, Wh = function(t) {
   return t === void 0 && (t = Bh), Se(t);
 };
-const $h = ({ className: t, children: n, Logo: e }) => /* @__PURE__ */ N("div", { className: dt("info-page-container", t), children: [
+const $h = ({ className: t, children: n, Logo: e }) => /* @__PURE__ */ N("div", { className: ct("info-page-container", t), children: [
   /* @__PURE__ */ l(e, { className: "info-page-logo" }),
   /* @__PURE__ */ l("div", { className: "info-page-wrapper", children: n })
 ] }), p2 = {
@@ -14059,22 +14085,22 @@ const yo = ({ Logo: t = Mr, text: n = "Loading..." }) => /* @__PURE__ */ l("div"
   /* @__PURE__ */ l("h1", { className: "system-loader-text io-title", children: n }),
   /* @__PURE__ */ l(zh, {})
 ] }) });
-const Uh = ({ children: t, description: n, heading: e, Image: o, title: r, className: i }) => /* @__PURE__ */ N("div", { className: dt("info-card", i), children: [
+const Uh = ({ children: t, description: n, heading: e, Image: o, title: r, className: i }) => /* @__PURE__ */ N("div", { className: ct("info-card", i), children: [
   r && /* @__PURE__ */ l("h1", { className: "info-card-title io-title-large", children: r }),
   o && /* @__PURE__ */ l("div", { className: "info-card-image", children: /* @__PURE__ */ l(o, {}) }),
   e && /* @__PURE__ */ l("h3", { className: "info-card-heading io-title", children: e }),
   /* @__PURE__ */ l("p", { className: "info-card-description io-text-default-lh16", children: n }),
   t
 ] }), g2 = ({ activeStepName: t, showWarnIcon: n, stepsStatuses: e }) => /* @__PURE__ */ l("ul", { className: "setup-flow-list io-text-default-lh16", children: ii.map(({ name: o, label: r }, i) => {
-  const a = o === t, s = e[o].state, c = n && a ? /* @__PURE__ */ l(ut, { variant: "exclamation-mark", size: "12" }) : /* @__PURE__ */ N("span", { children: [
+  const a = o === t, s = e[o].state, c = n && a ? /* @__PURE__ */ l(dt, { variant: "exclamation-mark", size: "12" }) : /* @__PURE__ */ N("span", { children: [
     i + 1,
     "."
   ] });
-  return /* @__PURE__ */ l("li", { className: dt(a && "active"), children: /* @__PURE__ */ N("div", { className: "setup-flow-list-item", children: [
+  return /* @__PURE__ */ l("li", { className: ct(a && "active"), children: /* @__PURE__ */ N("div", { className: "setup-flow-list-item", children: [
     /* @__PURE__ */ N("div", { className: "setup-flow-list-item-icon-wrapper", children: [
       s === "prompt" && c,
-      s === "granted" && /* @__PURE__ */ l(ut, { variant: "check-solid", size: "12" }),
-      s === "denied" && /* @__PURE__ */ l(ut, { variant: "close", size: "12" })
+      s === "granted" && /* @__PURE__ */ l(dt, { variant: "check-solid", size: "12" }),
+      s === "denied" && /* @__PURE__ */ l(dt, { variant: "close", size: "12" })
     ] }),
     r
   ] }) }, o);
@@ -14281,7 +14307,7 @@ const Cc = ({ errorMessage: t }) => {
     /* @__PURE__ */ l("br", {}),
     "digital transformation."
   ] })
-] }), Gh = ({ Logo: t, children: n, className: e }) => /* @__PURE__ */ l("div", { className: "login-page-background", children: /* @__PURE__ */ N("div", { className: dt(e, "login-form-container flex flex-column ai-center"), children: [
+] }), Gh = ({ Logo: t, children: n, className: e }) => /* @__PURE__ */ l("div", { className: "login-page-background", children: /* @__PURE__ */ N("div", { className: ct(e, "login-form-container flex flex-column ai-center"), children: [
   /* @__PURE__ */ l(t, {}),
   n
 ] }) }), x2 = ({
@@ -14350,7 +14376,7 @@ const Cc = ({ errorMessage: t }) => {
     ),
     /* @__PURE__ */ l(et, { type: "submit", size: "large", variant: "primary", children: "Log In" }),
     e && /* @__PURE__ */ N("div", { className: "login-error-feedback", children: [
-      /* @__PURE__ */ l(ut, { className: "error-icon", variant: "close", size: "12" }),
+      /* @__PURE__ */ l(dt, { className: "error-icon", variant: "close", size: "12" }),
       e.message
     ] })
   ] });
@@ -14514,7 +14540,7 @@ const F2 = ({ actions: t, panelWrapperClassName: n }) => {
     /* @__PURE__ */ l(
       Ah,
       {
-        className: dt("system-menu-panel-wrapper", n),
+        className: ct("system-menu-panel-wrapper", n),
         isOpen: s,
         onClose: a,
         Panel: e,
@@ -14529,7 +14555,7 @@ const F2 = ({ actions: t, panelWrapperClassName: n }) => {
 };
 const H2 = (t) => {
   const { className: n, active: e, ...o } = t;
-  return /* @__PURE__ */ N("div", { className: dt(n, "notifications-panel-button"), ...o, children: [
+  return /* @__PURE__ */ N("div", { className: ct(n, "notifications-panel-button"), ...o, children: [
     /* @__PURE__ */ l(Je, { icon: "bell", size: "32", iconSize: "16", variant: "circle" }),
     /* @__PURE__ */ l(j2, {})
   ] });